Triplet

Triplet — раскладка строки из трёх равных колонок: left прижат к левому краю, center стоит по центру, right — к правому. Центр держится ровно посередине строки независимо от того, чем заполнены боковые слоты, — этим Triplet отличается от простого space-between. В каждый слот можно передать строку или произвольный ReactNode, несколько элементов в одном слоте выстраиваются в ряд с общим отступом. Своих отступов, фона и высоты у компонента нет — он тянется на всю ширину родителя, остальное задаёт хост. На Triplet построены шапки и подвалы Panel и Page: если такая раскладка нужна внутри них, отдельно оборачивать содержимое не нужно — достаточно их слотов left / center / right. Колонки равны, пока содержимое помещается в свою треть: слот шире трети раздвигает колонку и сдвигает центр.

Слот — flex-ряд: положенные в него элементы выстраиваются в линию с отступом --space-2x, обёртка с собственным гапом не нужна. Незаполненный слот (здесь — center) остаётся пустой колонкой и своё место сохраняет.

Ширина левого слота меняется, а center остаётся на том же месте: колонки нарезаются по трети строки, а не по содержимому.