Mixins / foldkit-mixins/theme

concentric

function · packages/mixins/src/theme/tokens.ts:289

function concentric(bounds: {
  readonly min: string
  readonly max: string
}): string

A control's corner, concentric with the nearest container that nests (a card, a dialog, a toast) and kept between min and max: a deep inset would square it off, and a wide corner round it past what a control is drawn with. Outside every such container it is max. Like nested(), it reads what that ancestor published, so it is written in the control's own rule; as a token it would resolve once, at the root.

A control that nests its own parts (a segmented tray) reads this and publishes from it on one element, a cycle that voids both: after nests, it sets '--fk-control-corner': 'inherit', passing its container's on.