@kanso-labs/kanso-ui 0.45.0 → 0.45.1

package/README.md

@@ -528,10 +528,9 @@ component, independent of your app's build tooling:
 Overrides on `:root` reach the whole page. To theme part of one, declare them on
 a `ThemeScope` instead — see [Theming part of a page](#theming-part-of-a-page).
 
-[`@kanso-labs/kanso-ui/tokens.css`](src/tokens/design.tokens.css) is the
-canonical, generated reference for every available variable and its current
-default value — useful for discovering names, not required at runtime
-(components already carry their defaults inline):
+`@kanso-labs/kanso-ui/tokens.css` is the canonical, generated reference for
+every available variable and its current default value — useful for discovering
+names, not required at runtime (components already carry their defaults inline):
 
 ```ts
 import '@kanso-labs/kanso-ui/tokens.css'
@@ -761,13 +760,13 @@ anything — reach for `npm run format`.
 
 ### Everything else
 
-| Command                           | What it does                                          |
-| --------------------------------- | ----------------------------------------------------- |
-| `npm run storybook`               | the component playground (`npm run dev` is an alias)  |
-| `npm run build-storybook`         | that playground as a static site, as CI publishes it  |
-| `npm run test:coverage`           | the suite with v8 coverage, written to `coverage/`    |
-| `npm run tokens:build`            | regenerate `src/tokens/design.tokens.*` from the JSON |
-| `npm run component:new -- <name>` | scaffold `src/components/<name>` and its entries      |
+| Command                           | What it does                                         |
+| --------------------------------- | ---------------------------------------------------- |
+| `npm run storybook`               | the component playground (`npm run dev` is an alias) |
+| `npm run build-storybook`         | that playground as a static site, as CI publishes it |
+| `npm run test:coverage`           | the suite with v8 coverage, written to `coverage/`   |
+| `npm run tokens:build`            | generate the StyleX tokens from kanso-ui-core's JSON |
+| `npm run component:new -- <name>` | scaffold `src/components/<name>` and its entries     |
 
 [`AGENTS.md`](AGENTS.md) carries the conventions every component follows, the
 reasoning behind them, and the traps. It is written for coding agents and is

package/dist/components/number-field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ReactNode","Ref","RefAttributes","ButtonRenderProps","NumberFieldProps","RACNumberFieldProps","stylex","Button","RACButton","NumberField","RACNumberField","FieldVariant","FieldBox","FieldInput","FieldMessage","fieldStyles","invalidFrom","useFieldValidationBehavior","MinusGlyph","PlusGlyph","mergeStatefulStyles","colors","motion","radii","sizing","spacing","stateLayerOpacity","typography","IconButton","BOX_HALF","sm","bodySmallLineHeight","bodyLargeLineHeight","BOX_OUTLINED_HALF","lg","STEPPER_REACH","controlXs","STACKED_INSET","INLINE_INSET","md","END_INSETS","horizontal","none","undefined","vertical","const","styles","stepper","k6CgDc","kGNEyG","kWkggS","kZKoxP","kaIpWk","kMzoRj","kB7OPa","kMwMTN","kkrTdU","k1xSpc","kzqmXN","kjj79g","kjBf7l","kInvED","k3XXqK","kMeerF","kmVPX3","kIyJzY","k1ekBW","kAMwcw","$$css","stepperBottomOutlined","kT0f0o","stepperDisabled","stepperFocused","stepperHovered","stepperOutlined","stepperPressed","stepperTop","kfmiAY","decrementLabel","description","error","floatingLabel","incrementLabel","inputRef","HTMLInputElement","isWheelDisabled","label","numeric","steppers","variant","Omit","t0","$","t1","isDisabled","t2","t3","t4","t5","t6","props","inline","validationBehavior","T0","t7","t8","root","t9","t10","0","className","1","2","3","t11","isRequired","t12","t13","StackedStepper","children","outlined","slot","stepperStyles","top","state","isHovered","isPressed","isFocusVisible","NumberField","_c","props","RACNumberField","stylex.props","RACButton"],"sources":["../../../src/components/number-field/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, Ref, RefAttributes } from 'react';\nimport type { ButtonRenderProps, NumberFieldProps as RACNumberFieldProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { Button as RACButton, NumberField as RACNumberField } from 'react-aria-components';\nimport type { FieldVariant } from '../../field';\nimport { FieldBox, FieldInput, FieldMessage } from '../../field';\nimport { fieldStyles, invalidFrom, useFieldValidationBehavior } from '../../field/root';\nimport { MinusGlyph, PlusGlyph } from '../../glyphs';\nimport { mergeStatefulStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, motion, radii, sizing, spacing, stateLayerOpacity, typography } from '../../tokens/design.tokens.stylex';\nimport IconButton from '../icon-button';\n\n// The text fields page's field, holding a number: the same box, floating\n// label, underline and message as TextField, with the value in the mono\n// face and tabular figures by default, since a number is what those are\n// for, and two steppers at the trailing end.\n//\n// The steppers come in two layouts. Stacked, the plus over the minus, they\n// are a column flush with the box's top, end and bottom, each half of the\n// box's 56dp and 32dp wide, drawn here since the smallest icon button is\n// 32dp and two of those do not fit; the glyph is the icon buttons page's\n// 20dp for that size, and the hover, pressed, focus and disabled treatments\n// are the standard icon button's. Side by side, they are extra-small icon\n// buttons, the page's trailing icons in the library's own control, 12dp\n// from the end where the page puts a field's icons — the box's 16dp of\n// padding less the 4dp they pull back.\n//\n// **The stacked pair is the one control here that does not reach the 48dp\n// target**, and it is the layout rather than an oversight. Every other small\n// control in the library draws that target out of flow, over whatever sits\n// beside it — src/control/styles.ts carries the decision. These two have only\n// each other beside them: the column is 56dp tall in total, so two 48dp\n// targets inside it would overlap across most of their height, and the half\n// of a press that landed in the overlap would go to whichever box was\n// uppermost rather than to the glyph under the finger. Incrementing when a\n// reader meant to decrement is worse than a target that is short, so the\n// stacked layout keeps its 32 by 28 and the reader who needs the larger one\n// has `steppers=\"horizontal\"`, where each is an extra-small icon button and\n// gets the target from there — with the gap that keeps those two targets off\n// each other, which is the room the column has none of.\n//\n// A value that is typed rather than stepped — an amount, a year, an\n// identifier — can leave the steppers out with `steppers=\"none\"`. The box is\n// then a text field's, the input running to the box's own end padding, and\n// the arrow keys and Page Up and Page Down still step the value.\n//\n// React Aria's `NumberField` is the root and the box is its `Group`, which\n// is what names the box and the two steppers as one control; the steppers\n// are its increment and decrement buttons through context, disabled at the\n// ends of the range and kept out of the tab order, and the formatting is its\n// `formatOptions`.\n// Half the box, spelled from the same tokens the box derives its height\n// from rather than as the 28 that half of 56 comes to. A theme with a longer\n// body line makes the box taller — `Editorial` in src/theming/themes.ts does\n// — and a stated half leaves the pair short of the bottom edge they are\n// flush with.\n//\n// Written here rather than imported from src/field/styles.ts, which spells\n// the same two expressions: the StyleX compiler resolves a constant across\n// files only out of a `.stylex.ts` module, the same reason that file gives\n// for re-declaring the forced-colours query. The two have to move together.\nconst BOX_HALF = `calc((2 * ${spacing.sm} + ${typography.bodySmallLineHeight} + ${typography.bodyLargeLineHeight}) / 2)`;\nconst BOX_OUTLINED_HALF = `calc((2 * ${spacing.lg} + ${typography.bodyLargeLineHeight}) / 2)`;\n\n// How much of the end of the box's column the steppers take, with the 8dp\n// between them and the input, which the label stops short of — FieldBox's\n// `endInset`. Without it the label ran the column's width, under the\n// steppers, and a long one was cut short beneath them. Each is the input's\n// own end, so the label ends where the value does.\n//\n// Stacked, the 32dp column less the 16dp of the box's padding it reaches\n// into; side by side, the two extra-small buttons and the 8dp between them,\n// less the 4dp they reach into the padding.\n// How far a side-by-side stepper reaches past the control's line above and\n// below it: a negative margin, half the difference between the two.\nconst STEPPER_REACH = `calc((${typography.bodyLargeLineHeight} - ${sizing.controlXs}) / 2)`;\nconst STACKED_INSET = `calc(32px - ${spacing.lg} + ${spacing.sm})`;\nconst INLINE_INSET = `calc(2 * ${sizing.controlXs} + ${spacing.sm} + ${spacing.md} - ${spacing.lg} + ${spacing.sm})`;\n\n// Each layout's inset, keyed by the prop. With no steppers there is nothing\n// for the label to stop short of, so the box's own default holds.\nconst END_INSETS = {\n  horizontal: INLINE_INSET,\n  none: undefined,\n  vertical: STACKED_INSET\n} as const;\nconst styles = {\n  stepper: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1viytl0\",\n    kaIpWk: \"x2u8bby\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"x1td3qas\",\n    kjj79g: \"xl56j7k\",\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x2ssjo2\",\n    k3XXqK: \"x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    kmVPX3: \"x1717udv\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  stepperBottomOutlined: {\n    kT0f0o: \"x4gcak0\",\n    $$css: true\n  },\n  stepperDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  stepperFocused: {\n    k3XXqK: \"xaatb59\",\n    $$css: true\n  },\n  stepperHovered: {\n    kWkggS: \"x14noynh\",\n    $$css: true\n  },\n  stepperOutlined: {\n    kZKoxP: \"x1o675yb\",\n    $$css: true\n  },\n  stepperPressed: {\n    kWkggS: \"x123fei2\",\n    $$css: true\n  },\n  stepperTop: {\n    kfmiAY: \"xirz1nw\",\n    $$css: true\n  }\n};\ntype NumberFieldProps = {\n  /**\n   * The name of the stepper that lowers the value, for a screen reader. Left\n   * out, React Aria names it in the reader's locale, followed by the field's\n   * own label — \"Decrease Quantity\" in English.\n   */\n  decrementLabel?: string;\n  /**\n   * A hint shown under the field. Replaced by `error` when there is one, so\n   * the two never stack.\n   */\n  description?: string;\n  /**\n   * The problem with the current value, in words. Its presence is what puts\n   * the field in its error state — the message, the red underline, and\n   * `aria-invalid` all follow from it.\n   *\n   * Outside a `Form` the message line arrives with the message, so the\n   * field grows when this does and moves what is under it. A `Form` holds\n   * that space from the start; so does a permanent `description`.\n   */\n  error?: string;\n  /**\n   * Whether the label sits in the empty box and floats to the top once the\n   * field is focused or holds a value, as the text fields page draws it.\n   * `false` keeps it small at the top in every state.\n   * @default true\n   */\n  floatingLabel?: boolean;\n  /**\n   * The name of the stepper that raises the value, for a screen reader. Left\n   * out, React Aria names it in the reader's locale, followed by the field's\n   * own label — \"Increase Quantity\" in English.\n   */\n  incrementLabel?: string;\n  /**\n   * A ref to the field's own `<input>`, which is the element a call site moves\n   * focus to — after a server's error, say. `ref` is the field as a whole.\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /**\n   * Whether the mouse wheel and a trackpad's scroll leave the value alone.\n   * React Aria steps a focused number field's value with the wheel, so a\n   * reader scrolling a long form past a field they had left focused changed\n   * its value instead of moving the page. Stepping from the wheel is the\n   * call site's to ask for, with `false`.\n   * @default true\n   */\n  isWheelDisabled?: boolean;\n  /**\n   * What the field is for. Required rather than optional: a field with no\n   * label is a box a screen reader cannot name.\n   */\n  label: string;\n  /**\n   * Renders the value in the mono face with tabular figures, for amounts and\n   * other numbers meant to be compared down a column. On by default, since a\n   * number field holds nothing else.\n   * @default true\n   */\n  numeric?: boolean;\n  /**\n   * How the two steppers sit at the end of the box: stacked, the plus over\n   * the minus, flush with the box's edge, or side by side as extra-small\n   * icon buttons. `'none'` draws neither, for a value that is typed rather\n   * than stepped; the keyboard still steps it.\n   * @default 'vertical'\n   */\n  steppers?: 'horizontal' | 'none' | 'vertical';\n  /**\n   * The filled box, or the outlined one: no fill, an outline that thickens\n   * and takes the primary role while focused, and the label cutting it once\n   * it floats — the text fields page's two fields.\n   * @default 'filled'\n   */\n  variant?: FieldVariant;\n} & Omit<RACNumberFieldProps, 'children' | 'isInvalid' | 'isWheelDisabled' | 'validationBehavior'>;\n\n/**\n * A labelled number input with steppers. Its value is React Aria's: pass\n * `value` with `onChange` to control it, or `defaultValue` to let it keep\n * its own — and `onChange` is handed the number, `NaN` while the field is\n * empty. `minValue`, `maxValue` and `step` shape it, and `formatOptions`\n * says how it reads, in the locale the page is in: a currency, a percentage,\n * a unit. The arrow keys and Page Up and Page Down step the value by one\n * `step` each. Given a `minValue`, Home sets the value to it, and given a\n * `maxValue`, End sets it to the last step that does not pass it.\n * The mouse wheel scrolls the page past it rather than stepping it, unless\n * `isWheelDisabled` is `false`.\n *\n * ```tsx\n * <NumberField defaultValue={1} label=\"Label\" minValue={0} />\n * ```\n *\n * The call site's `className` and `style` land on the field as a whole,\n * which is the element a layout positions. The box, label, input and message\n * are the field chrome in `src/field`, shared with every other field.\n */\nfunction NumberField({\n  decrementLabel,\n  description,\n  error,\n  floatingLabel = true,\n  incrementLabel,\n  inputRef,\n  isDisabled = false,\n  isWheelDisabled = true,\n  label,\n  numeric = true,\n  steppers = 'vertical',\n  variant = 'filled',\n  ...props\n}: NumberFieldProps & RefAttributes<HTMLDivElement>) {\n  const inline = steppers === 'horizontal';\n  const validationBehavior = useFieldValidationBehavior();\n  return <RACNumberField isDisabled={isDisabled} isInvalid={invalidFrom(error)} isWheelDisabled={isWheelDisabled} validationBehavior={validationBehavior} {...props} {...mergeStatefulStyles(stylex.props(fieldStyles.root), props)}>\n      <FieldBox endInset={END_INSETS[steppers]} floatingLabel={floatingLabel} isRequired={props.isRequired} label={label} variant={variant}>\n        {steppers === 'none' ? <FieldInput numeric={numeric} ref={inputRef} /> : <div {...{\n        0: {\n          className: \"x1cy8zhl x9f619 x78zum5 x126z3so\"\n        },\n        1: {\n          className: \"x9f619 x78zum5 x126z3so x6s0dn4\"\n        }\n      }[!!inline << 0]}>\n            <FieldInput numeric={numeric} ref={inputRef} />\n            <div {...{\n          0: {\n            className: \"x9f619 x78zum5 xdt5ytf x2lah0s x1motrhk xk4mfur\"\n          },\n          2: {\n            className: \"x9f619 x78zum5 x2lah0s x1q0g3np x126z3so x1jblbm6 x6rec7h x1tn5xpv\"\n          },\n          1: {\n            className: \"x9f619 x78zum5 xdt5ytf x2lah0s xk4mfur x17v9ssf\"\n          },\n          3: {\n            className: \"x9f619 x78zum5 x2lah0s x1q0g3np x126z3so x1jblbm6 x1tn5xpv x17v9ssf\"\n          }\n        }[!!inline << 1 | !!(!inline && variant === 'outlined') << 0]}>\n              {inline ? <>\n                  <IconButton aria-label={decrementLabel} size=\"xs\" slot=\"decrement\">\n                    <MinusGlyph className=\"xlzyvqe x1lliihq x15vhz18\" />\n                  </IconButton>\n                  <IconButton aria-label={incrementLabel} size=\"xs\" slot=\"increment\">\n                    <PlusGlyph className=\"xlzyvqe x1lliihq x15vhz18\" />\n                  </IconButton>\n                </> : <>\n                  <StackedStepper label={incrementLabel} outlined={variant === 'outlined'} slot=\"increment\">\n                    <PlusGlyph className=\"x1qx5ct2 x1lliihq xw4jnvo\" />\n                  </StackedStepper>\n                  <StackedStepper label={decrementLabel} outlined={variant === 'outlined'} slot=\"decrement\">\n                    <MinusGlyph className=\"x1qx5ct2 x1lliihq xw4jnvo\" />\n                  </StackedStepper>\n                </>}\n            </div>\n          </div>}\n      </FieldBox>\n      <FieldMessage description={description} error={error} />\n    </RACNumberField>;\n}\nfunction StackedStepper({\n  children,\n  label,\n  outlined,\n  slot\n}: {\n  children: ReactNode;\n  label: string | undefined;\n  outlined: boolean;\n  slot: 'decrement' | 'increment';\n}) {\n  return <RACButton aria-label={label} slot={slot} {...mergeStatefulStyles(stepperStyles(slot === 'increment', outlined), {})}>\n      {children}\n    </RACButton>;\n}\n\n// A stacked stepper: React Aria's button with the slot the field's context\n// looks for, drawn from its render state. Built by a call rather than\n// written inline at the prop, which is what react-perf's\n// no-new-function-as-prop is after.\nfunction stepperStyles(top: boolean, outlined: boolean) {\n  return (state: ButtonRenderProps) => stylex.props(styles.stepper, outlined && styles.stepperOutlined, top && styles.stepperTop, !top && outlined && styles.stepperBottomOutlined, state.isHovered && !state.isDisabled && styles.stepperHovered, state.isPressed && !state.isDisabled && styles.stepperPressed, state.isFocusVisible && styles.stepperFocused, state.isDisabled && styles.stepperDisabled);\n}\nexport type { NumberFieldProps };\nexport default NumberField;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","ReactNode","Ref","RefAttributes","ButtonRenderProps","NumberFieldProps","RACNumberFieldProps","stylex","Button","RACButton","NumberField","RACNumberField","FieldVariant","FieldBox","FieldInput","FieldMessage","fieldStyles","invalidFrom","useFieldValidationBehavior","MinusGlyph","PlusGlyph","mergeStatefulStyles","colors","motion","radii","sizing","spacing","stateLayerOpacity","typography","IconButton","BOX_HALF","sm","bodySmallLineHeight","bodyLargeLineHeight","BOX_OUTLINED_HALF","lg","STEPPER_REACH","controlXs","STACKED_INSET","INLINE_INSET","md","END_INSETS","horizontal","none","undefined","vertical","const","styles","stepper","k6CgDc","kGNEyG","kWkggS","kZKoxP","kaIpWk","kMzoRj","kB7OPa","kMwMTN","kkrTdU","k1xSpc","kzqmXN","kjj79g","kjBf7l","kInvED","k3XXqK","kMeerF","kmVPX3","kIyJzY","k1ekBW","kAMwcw","$$css","stepperBottomOutlined","kT0f0o","stepperDisabled","stepperFocused","stepperHovered","stepperOutlined","stepperPressed","stepperTop","kfmiAY","decrementLabel","description","error","floatingLabel","incrementLabel","inputRef","HTMLInputElement","isWheelDisabled","label","numeric","steppers","variant","Omit","t0","$","t1","isDisabled","t2","t3","t4","t5","t6","props","inline","validationBehavior","T0","t7","t8","root","t9","t10","0","className","1","2","3","t11","isRequired","t12","t13","StackedStepper","children","outlined","slot","stepperStyles","top","state","isHovered","isPressed","isFocusVisible","NumberField","_c","props","RACNumberField","stylex.props","RACButton"],"sources":["../../../src/components/number-field/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, Ref, RefAttributes } from 'react';\nimport type { ButtonRenderProps, NumberFieldProps as RACNumberFieldProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { Button as RACButton, NumberField as RACNumberField } from 'react-aria-components';\nimport type { FieldVariant } from '../../field';\nimport { FieldBox, FieldInput, FieldMessage } from '../../field';\nimport { fieldStyles, invalidFrom, useFieldValidationBehavior } from '../../field/root';\nimport { MinusGlyph, PlusGlyph } from '../../glyphs';\nimport { mergeStatefulStyles } from '../../styles/merge';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, motion, radii, sizing, spacing, stateLayerOpacity, typography } from '../../tokens/design.tokens.stylex';\nimport IconButton from '../icon-button';\n\n// The text fields page's field, holding a number: the same box, floating\n// label, underline and message as TextField, with the value in the mono\n// face and tabular figures by default, since a number is what those are\n// for, and two steppers at the trailing end.\n//\n// The steppers come in two layouts. Stacked, the plus over the minus, they\n// are a column flush with the box's top, end and bottom, each half of the\n// box's 56dp and 32dp wide, drawn here since the smallest icon button is\n// 32dp and two of those do not fit; the glyph is the icon buttons page's\n// 20dp for that size, and the hover, pressed, focus and disabled treatments\n// are the standard icon button's. Side by side, they are extra-small icon\n// buttons, the page's trailing icons in the library's own control, 12dp\n// from the end where the page puts a field's icons — the box's 16dp of\n// padding less the 4dp they pull back.\n//\n// **The stacked pair is the one control here that does not reach the 48dp\n// target**, and it is the layout rather than an oversight. Every other small\n// control in the library draws that target out of flow, over whatever sits\n// beside it — src/control/styles.ts carries the decision. These two have only\n// each other beside them: the column is 56dp tall in total, so two 48dp\n// targets inside it would overlap across most of their height, and the half\n// of a press that landed in the overlap would go to whichever box was\n// uppermost rather than to the glyph under the finger. Incrementing when a\n// reader meant to decrement is worse than a target that is short, so the\n// stacked layout keeps its 32 by 28 and the reader who needs the larger one\n// has `steppers=\"horizontal\"`, where each is an extra-small icon button and\n// gets the target from there — with the gap that keeps those two targets off\n// each other, which is the room the column has none of.\n//\n// A value that is typed rather than stepped — an amount, a year, an\n// identifier — can leave the steppers out with `steppers=\"none\"`. The box is\n// then a text field's, the input running to the box's own end padding, and\n// the arrow keys and Page Up and Page Down still step the value.\n//\n// React Aria's `NumberField` is the root and the box is its `Group`, which\n// is what names the box and the two steppers as one control; the steppers\n// are its increment and decrement buttons through context, disabled at the\n// ends of the range and kept out of the tab order, and the formatting is its\n// `formatOptions`.\n// Half the box, spelled from the same tokens the box derives its height\n// from rather than as the 28 that half of 56 comes to. A theme with a longer\n// body line makes the box taller — `Editorial` in kanso-ui-core's themes does\n// — and a stated half leaves the pair short of the bottom edge they are\n// flush with.\n//\n// Written here rather than imported from src/field/styles.ts, which spells\n// the same two expressions: the StyleX compiler resolves a constant across\n// files only out of a `.stylex.ts` module, the same reason that file gives\n// for re-declaring the forced-colours query. The two have to move together.\nconst BOX_HALF = `calc((2 * ${spacing.sm} + ${typography.bodySmallLineHeight} + ${typography.bodyLargeLineHeight}) / 2)`;\nconst BOX_OUTLINED_HALF = `calc((2 * ${spacing.lg} + ${typography.bodyLargeLineHeight}) / 2)`;\n\n// How much of the end of the box's column the steppers take, with the 8dp\n// between them and the input, which the label stops short of — FieldBox's\n// `endInset`. Without it the label ran the column's width, under the\n// steppers, and a long one was cut short beneath them. Each is the input's\n// own end, so the label ends where the value does.\n//\n// Stacked, the 32dp column less the 16dp of the box's padding it reaches\n// into; side by side, the two extra-small buttons and the 8dp between them,\n// less the 4dp they reach into the padding.\n// How far a side-by-side stepper reaches past the control's line above and\n// below it: a negative margin, half the difference between the two.\nconst STEPPER_REACH = `calc((${typography.bodyLargeLineHeight} - ${sizing.controlXs}) / 2)`;\nconst STACKED_INSET = `calc(32px - ${spacing.lg} + ${spacing.sm})`;\nconst INLINE_INSET = `calc(2 * ${sizing.controlXs} + ${spacing.sm} + ${spacing.md} - ${spacing.lg} + ${spacing.sm})`;\n\n// Each layout's inset, keyed by the prop. With no steppers there is nothing\n// for the label to stop short of, so the box's own default holds.\nconst END_INSETS = {\n  horizontal: INLINE_INSET,\n  none: undefined,\n  vertical: STACKED_INSET\n} as const;\nconst styles = {\n  stepper: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"x1viytl0\",\n    kaIpWk: \"x2u8bby\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kzqmXN: \"x1td3qas\",\n    kjj79g: \"xl56j7k\",\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x2ssjo2\",\n    k3XXqK: \"x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    kmVPX3: \"x1717udv\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"xs2xxs2\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  stepperBottomOutlined: {\n    kT0f0o: \"x4gcak0\",\n    $$css: true\n  },\n  stepperDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    kkrTdU: \"x1h6gzvc\",\n    $$css: true\n  },\n  stepperFocused: {\n    k3XXqK: \"xaatb59\",\n    $$css: true\n  },\n  stepperHovered: {\n    kWkggS: \"x14noynh\",\n    $$css: true\n  },\n  stepperOutlined: {\n    kZKoxP: \"x1o675yb\",\n    $$css: true\n  },\n  stepperPressed: {\n    kWkggS: \"x123fei2\",\n    $$css: true\n  },\n  stepperTop: {\n    kfmiAY: \"xirz1nw\",\n    $$css: true\n  }\n};\ntype NumberFieldProps = {\n  /**\n   * The name of the stepper that lowers the value, for a screen reader. Left\n   * out, React Aria names it in the reader's locale, followed by the field's\n   * own label — \"Decrease Quantity\" in English.\n   */\n  decrementLabel?: string;\n  /**\n   * A hint shown under the field. Replaced by `error` when there is one, so\n   * the two never stack.\n   */\n  description?: string;\n  /**\n   * The problem with the current value, in words. Its presence is what puts\n   * the field in its error state — the message, the red underline, and\n   * `aria-invalid` all follow from it.\n   *\n   * Outside a `Form` the message line arrives with the message, so the\n   * field grows when this does and moves what is under it. A `Form` holds\n   * that space from the start; so does a permanent `description`.\n   */\n  error?: string;\n  /**\n   * Whether the label sits in the empty box and floats to the top once the\n   * field is focused or holds a value, as the text fields page draws it.\n   * `false` keeps it small at the top in every state.\n   * @default true\n   */\n  floatingLabel?: boolean;\n  /**\n   * The name of the stepper that raises the value, for a screen reader. Left\n   * out, React Aria names it in the reader's locale, followed by the field's\n   * own label — \"Increase Quantity\" in English.\n   */\n  incrementLabel?: string;\n  /**\n   * A ref to the field's own `<input>`, which is the element a call site moves\n   * focus to — after a server's error, say. `ref` is the field as a whole.\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /**\n   * Whether the mouse wheel and a trackpad's scroll leave the value alone.\n   * React Aria steps a focused number field's value with the wheel, so a\n   * reader scrolling a long form past a field they had left focused changed\n   * its value instead of moving the page. Stepping from the wheel is the\n   * call site's to ask for, with `false`.\n   * @default true\n   */\n  isWheelDisabled?: boolean;\n  /**\n   * What the field is for. Required rather than optional: a field with no\n   * label is a box a screen reader cannot name.\n   */\n  label: string;\n  /**\n   * Renders the value in the mono face with tabular figures, for amounts and\n   * other numbers meant to be compared down a column. On by default, since a\n   * number field holds nothing else.\n   * @default true\n   */\n  numeric?: boolean;\n  /**\n   * How the two steppers sit at the end of the box: stacked, the plus over\n   * the minus, flush with the box's edge, or side by side as extra-small\n   * icon buttons. `'none'` draws neither, for a value that is typed rather\n   * than stepped; the keyboard still steps it.\n   * @default 'vertical'\n   */\n  steppers?: 'horizontal' | 'none' | 'vertical';\n  /**\n   * The filled box, or the outlined one: no fill, an outline that thickens\n   * and takes the primary role while focused, and the label cutting it once\n   * it floats — the text fields page's two fields.\n   * @default 'filled'\n   */\n  variant?: FieldVariant;\n} & Omit<RACNumberFieldProps, 'children' | 'isInvalid' | 'isWheelDisabled' | 'validationBehavior'>;\n\n/**\n * A labelled number input with steppers. Its value is React Aria's: pass\n * `value` with `onChange` to control it, or `defaultValue` to let it keep\n * its own — and `onChange` is handed the number, `NaN` while the field is\n * empty. `minValue`, `maxValue` and `step` shape it, and `formatOptions`\n * says how it reads, in the locale the page is in: a currency, a percentage,\n * a unit. The arrow keys and Page Up and Page Down step the value by one\n * `step` each. Given a `minValue`, Home sets the value to it, and given a\n * `maxValue`, End sets it to the last step that does not pass it.\n * The mouse wheel scrolls the page past it rather than stepping it, unless\n * `isWheelDisabled` is `false`.\n *\n * ```tsx\n * <NumberField defaultValue={1} label=\"Label\" minValue={0} />\n * ```\n *\n * The call site's `className` and `style` land on the field as a whole,\n * which is the element a layout positions. The box, label, input and message\n * are the field chrome in `src/field`, shared with every other field.\n */\nfunction NumberField({\n  decrementLabel,\n  description,\n  error,\n  floatingLabel = true,\n  incrementLabel,\n  inputRef,\n  isDisabled = false,\n  isWheelDisabled = true,\n  label,\n  numeric = true,\n  steppers = 'vertical',\n  variant = 'filled',\n  ...props\n}: NumberFieldProps & RefAttributes<HTMLDivElement>) {\n  const inline = steppers === 'horizontal';\n  const validationBehavior = useFieldValidationBehavior();\n  return <RACNumberField isDisabled={isDisabled} isInvalid={invalidFrom(error)} isWheelDisabled={isWheelDisabled} validationBehavior={validationBehavior} {...props} {...mergeStatefulStyles(stylex.props(fieldStyles.root), props)}>\n      <FieldBox endInset={END_INSETS[steppers]} floatingLabel={floatingLabel} isRequired={props.isRequired} label={label} variant={variant}>\n        {steppers === 'none' ? <FieldInput numeric={numeric} ref={inputRef} /> : <div {...{\n        0: {\n          className: \"x1cy8zhl x9f619 x78zum5 x126z3so\"\n        },\n        1: {\n          className: \"x9f619 x78zum5 x126z3so x6s0dn4\"\n        }\n      }[!!inline << 0]}>\n            <FieldInput numeric={numeric} ref={inputRef} />\n            <div {...{\n          0: {\n            className: \"x9f619 x78zum5 xdt5ytf x2lah0s x1motrhk xk4mfur\"\n          },\n          2: {\n            className: \"x9f619 x78zum5 x2lah0s x1q0g3np x126z3so x1jblbm6 x6rec7h x1tn5xpv\"\n          },\n          1: {\n            className: \"x9f619 x78zum5 xdt5ytf x2lah0s xk4mfur x17v9ssf\"\n          },\n          3: {\n            className: \"x9f619 x78zum5 x2lah0s x1q0g3np x126z3so x1jblbm6 x1tn5xpv x17v9ssf\"\n          }\n        }[!!inline << 1 | !!(!inline && variant === 'outlined') << 0]}>\n              {inline ? <>\n                  <IconButton aria-label={decrementLabel} size=\"xs\" slot=\"decrement\">\n                    <MinusGlyph className=\"xlzyvqe x1lliihq x15vhz18\" />\n                  </IconButton>\n                  <IconButton aria-label={incrementLabel} size=\"xs\" slot=\"increment\">\n                    <PlusGlyph className=\"xlzyvqe x1lliihq x15vhz18\" />\n                  </IconButton>\n                </> : <>\n                  <StackedStepper label={incrementLabel} outlined={variant === 'outlined'} slot=\"increment\">\n                    <PlusGlyph className=\"x1qx5ct2 x1lliihq xw4jnvo\" />\n                  </StackedStepper>\n                  <StackedStepper label={decrementLabel} outlined={variant === 'outlined'} slot=\"decrement\">\n                    <MinusGlyph className=\"x1qx5ct2 x1lliihq xw4jnvo\" />\n                  </StackedStepper>\n                </>}\n            </div>\n          </div>}\n      </FieldBox>\n      <FieldMessage description={description} error={error} />\n    </RACNumberField>;\n}\nfunction StackedStepper({\n  children,\n  label,\n  outlined,\n  slot\n}: {\n  children: ReactNode;\n  label: string | undefined;\n  outlined: boolean;\n  slot: 'decrement' | 'increment';\n}) {\n  return <RACButton aria-label={label} slot={slot} {...mergeStatefulStyles(stepperStyles(slot === 'increment', outlined), {})}>\n      {children}\n    </RACButton>;\n}\n\n// A stacked stepper: React Aria's button with the slot the field's context\n// looks for, drawn from its render state. Built by a call rather than\n// written inline at the prop, which is what react-perf's\n// no-new-function-as-prop is after.\nfunction stepperStyles(top: boolean, outlined: boolean) {\n  return (state: ButtonRenderProps) => stylex.props(styles.stepper, outlined && styles.stepperOutlined, top && styles.stepperTop, !top && outlined && styles.stepperBottomOutlined, state.isHovered && !state.isDisabled && styles.stepperHovered, state.isPressed && !state.isDisabled && styles.stepperPressed, state.isFocusVisible && styles.stepperFocused, state.isDisabled && styles.stepperDisabled);\n}\nexport type { NumberFieldProps };\nexport default NumberField;"],"mappings":";;;;;;;;;;;;AAgEiB,GAAa2B,QAAQK,KAAQH,WAAWI,sBAAyBJ,WAAWK;AACnE,GAAaP,QAAQS,KAAQP,WAAWK;AAa5C,GAASL,WAAWK,sBAAyBR,OAAOY;AAC1E,MAAMC,gBAAgB,eAAeZ,QAAQS,GAAE,KAAMT,QAAQK,GAAE;AAK/D,MAAMU,aAAa;CACjBC,YAAYH,YALmBd,OAAOY,UAAS,KAAMX,QAAQK,GAAE,KAAML,QAAQc,GAAE,KAAMd,QAAQS,GAAE,KAAMT,QAAQK,GAAE;CAM/GY,MAAMC,KAAAA;CACNC,UAAUP;AACZ;AACA,MAAMS,SAAS;CACbC,SAAS;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,uBAAuB;EACrBC,QAAQ;EACRF,OAAO;CACT;CACAG,iBAAiB;EACfhB,QAAQ;EACRC,QAAQ;EACRY,OAAO;CACT;CACAI,gBAAgB;EACdV,QAAQ;EACRM,OAAO;CACT;CACAK,gBAAgB;EACdvB,QAAQ;EACRkB,OAAO;CACT;CACAM,iBAAiB;EACfvB,QAAQ;EACRiB,OAAO;CACT;CACAO,gBAAgB;EACdzB,QAAQ;EACRkB,OAAO;CACT;CACAQ,YAAY;EACVC,QAAQ;EACRT,OAAO;CACT;AACF;;;;;;;;;;;;;;;;;;;;;AAmGA,SAAA3D,cAAAkF,IAAA;CAAA,MAAAC,IAAA7F,EAAA,EAAA;CAAqB,MAAA,EAAA+E,gBAAAC,aAAAC,OAAAC,eAAAY,IAAAX,gBAAAC,UAAAW,YAAAC,IAAAV,iBAAAW,IAAAV,OAAAC,SAAAU,IAAAT,UAAAU,IAAAT,SAAAU,IAAA,GAAAC,YAAAT;CAInB,MAAAV,gBAAAY,OAAAlD,KAAAA,IAAA,OAAAkD;CAGA,MAAAC,aAAAC,OAAApD,KAAAA,IAAA,QAAAoD;CACA,MAAAV,kBAAAW,OAAArD,KAAAA,IAAA,OAAAqD;CAEA,MAAAT,UAAAU,OAAAtD,KAAAA,IAAA,OAAAsD;CACA,MAAAT,WAAAU,OAAAvD,KAAAA,IAAA,aAAAuD;CACA,MAAAT,UAAAU,OAAAxD,KAAAA,IAAA,WAAAwD;CAGA,MAAAE,SAAeb,aAAa;CAC5B,MAAAc,qBAA2BrF,2BAA2B;CAC9C,MAAAsF,KAAA7F;CAAc,IAAA8F;CAAA,IAAAZ,EAAA,OAAAZ,OAAA;EAAoCwB,KAAAxF,YAAYgE,KAAK;EAACY,EAAA,KAAAZ;EAAAY,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAA2F,MAAAa,KAAArF,oBAAoBd,MAAaS,YAAW2F,IAAK,GAAGN,OAAK;CACxM,MAAAO,KAAAnE,WAAWgD;CAAS,IAAAoB;CAAA,IAAAhB,EAAA,OAAAd,kBAAAc,EAAA,OAAAV,kBAAAU,EAAA,OAAAS,UAAAT,EAAA,OAAAT,YAAAS,EAAA,OAAAL,WAAAK,EAAA,OAAAJ,YAAAI,EAAA,OAAAH,SAAA;EACrCmB,MAAApB,aAAa,SAAS,oBAAC,YAAD;GAAqBD;GAAcJ,KAAAA;EAAQ,CAAA,IAAO,qBAAA,OAAA;GAuCjE,GAvC0E;IAAA0B,GAC/E,EAAAC,WACU,mCACb;IAACC,GACE,EAAAD,WACU,kCACb;GACF,EAAE,CAAC,CAACT,UAAU;GAP6D,UAAA,CAQrE,oBAAC,YAAD;IAAqBd;IAAcJ,KAAAA;GAAQ,CAAA,GAC3C,oBAAA,OAAA;IA6BM,GA7BG;KAAA0B,GACR,EAAAC,WACU,kDACb;KAACE,GACE,EAAAF,WACU,qEACb;KAACC,GACE,EAAAD,WACU,kDACb;KAACG,GACE,EAAAH,WACU,sEACb;IACF,EAAE,CAAC,CAACT,UAAU,IAAI,CAAC,EAAE,CAACA,UAAUZ,YAAY,eAAe;IACpDY,UAAAA,SAAA,qBAAA,UAAA,EAAA,UAAA,CACG,oBAAC,YAAD;KAAwBvB,cAAAA;KAAqB,MAAA;KAAU,MAAA;KACrD,UAAA,oBAAC,YAAD,EAAsB,WAAA,4BAA2B,CAAA;IADxC,CAAA,GAGX,oBAAC,YAAD;KAAwBI,cAAAA;KAAqB,MAAA;KAAU,MAAA;KACrD,UAAA,oBAAC,WAAD,EAAqB,WAAA,4BAA2B,CAAA;IADvC,CAAA,CAEE,EAAA,CAAA,IANhB,qBAAA,UAAA,EAAA,UAAA,CAQG,oBAAC,gBAAD;KAAuBA,OAAAA;KAA0B,UAAAO,YAAY;KAAiB,MAAA;KAC5E,UAAA,oBAAC,WAAD,EAAqB,WAAA,4BAA2B,CAAA;IADnC,CAAA,GAGf,oBAAC,gBAAD;KAAuBX,OAAAA;KAA0B,UAAAW,YAAY;KAAiB,MAAA;KAC5E,UAAA,oBAAC,YAAD,EAAsB,WAAA,4BAA2B,CAAA;IADpC,CAAA,CAEE,EAAA,CAAA;GAEjB,CAAA,CACF;;EAAAG,EAAA,KAAAd;EAAAc,EAAA,KAAAV;EAAAU,EAAA,KAAAS;EAAAT,EAAA,KAAAT;EAAAS,EAAA,KAAAL;EAAAK,EAAA,KAAAJ;EAAAI,EAAA,KAAAH;EAAAG,EAAA,KAAAgB;CAAA,OAAAA,MAAAhB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAX,iBAAAW,EAAA,QAAAN,SAAAM,EAAA,QAAAQ,QAAAe,cAAAvB,EAAA,QAAAgB,OAAAhB,EAAA,QAAAe,MAAAf,EAAA,QAAAH,SAAA;EAxCVyB,MAAA,oBAAC,UAAD;GAAoB,UAAAP;GAAqC1B;GAA2B,YAAAmB,QAAKe;GAAoB7B;GAAgBG;GAC1HmB,UAAAA;EADM,CAAA;EAyCEhB,EAAA,MAAAX;EAAAW,EAAA,MAAAN;EAAAM,EAAA,MAAAQ,QAAAe;EAAAvB,EAAA,MAAAgB;EAAAhB,EAAA,MAAAe;EAAAf,EAAA,MAAAH;EAAAG,EAAA,MAAAsB;CAAA,OAAAA,MAAAtB,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,QAAAb,eAAAa,EAAA,QAAAZ,OAAA;EACXoC,MAAA,oBAAC,cAAD;GAA2BrC;GAAoBC;EAAK,CAAA;EAAIY,EAAA,MAAAb;EAAAa,EAAA,MAAAZ;EAAAY,EAAA,MAAAwB;CAAA,OAAAA,MAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAAW,MAAAX,EAAA,QAAAE,cAAAF,EAAA,QAAAP,mBAAAO,EAAA,QAAAQ,WAAAR,EAAA,QAAAsB,OAAAtB,EAAA,QAAAwB,OAAAxB,EAAA,QAAAY,MAAAZ,EAAA,QAAAa,MAAAb,EAAA,QAAAU,oBAAA;EA3CrDe,MAAA,qBAAC,IAAD;GAA4BvB;GAAuB,WAAAU;GAAqCnB;GAAqCiB;GAAkB,GAAMF;GAAK,GAAMK;GAAhK,UAAA,CACHS,KA0CAE,GA3CkB;;EA4CHxB,EAAA,MAAAW;EAAAX,EAAA,MAAAE;EAAAF,EAAA,MAAAP;EAAAO,EAAA,MAAAQ;EAAAR,EAAA,MAAAsB;EAAAtB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAU;EAAAV,EAAA,MAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAAA,OA5CZyB;AA4CY;AAErB,SAAAC,eAAA3B,IAAA;CAAA,MAAAC,IAAA7F,EAAA,CAAA;CAAwB,MAAA,EAAAwH,UAAAjC,OAAAkC,UAAAC,SAAA9B;CAUvB,IAAAE;CAAA,IAAAD,EAAA,OAAA4B,YAAA5B,EAAA,OAAA6B,MAAA;EACsD5B,KAAAzE,oBAAoBsG,cAAcD,SAAS,aAAaD,QAAQ,GAAG,CAAC,CAAC;EAAC5B,EAAA,KAAA4B;EAAA5B,EAAA,KAAA6B;EAAA7B,EAAA,KAAAC;CAAA,OAAAA,KAAAD,EAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAA2B,YAAA3B,EAAA,OAAAN,SAAAM,EAAA,OAAA6B,QAAA7B,EAAA,OAAAC,IAAA;EAApHE,KAAA,oBAACsC,QAAD;GAAuB/C,cAAAA;GAAamC;GAAI,GAAM5B;GAChD0B;EADY,CAAA;EAEH3B,EAAA,KAAA2B;EAAA3B,EAAA,KAAAN;EAAAM,EAAA,KAAA6B;EAAA7B,EAAA,KAAAC;EAAAD,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAFPG;AAEO;AAOhB,SAAS2B,cAAcC,KAAcH,UAAmB;CACtD,QAAQI,UAA6BtH,MAAawC,OAAOC,SAASyE,YAAY1E,OAAO4B,iBAAiBiD,OAAO7E,OAAO8B,YAAY,CAAC+C,OAAOH,YAAY1E,OAAOuB,uBAAuBuD,MAAMC,aAAa,CAACD,MAAM9B,cAAchD,OAAO2B,gBAAgBmD,MAAME,aAAa,CAACF,MAAM9B,cAAchD,OAAO6B,gBAAgBiD,MAAMG,kBAAkBjF,OAAO0B,gBAAgBoD,MAAM9B,cAAchD,OAAOyB,eAAe;AAC3Y"}

package/dist/field/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["stylex","colors","motion","radii","spacing","stateLayerOpacity","typography","FORCED_COLORS","DISABLED_TEXT","default","onSurface","disabledContent","surface","HOVERED_FILL","hover","surfaceContainerHighest","DISABLED_FILL_OPACITY","OUTLINE_WIDTH","OUTLINE_FOCUSED_WIDTH","BOX_BLOCK_SIZE","sm","bodySmallLineHeight","bodyLargeLineHeight","BOX_OUTLINED_BLOCK_SIZE","lg","_temp","ks0D6T","fieldChromeStyles","affix","k6CgDc","kmuXW","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kIyJzY","k1ekBW","kAMwcw","khDVqt","$$css","affixLine","kGNEyG","k1xSpc","kOIVth","autosize","autosizeCell","kJuA4N","box","kWkggS","kZKoxP","kfdmCh","kt9PQ7","kT0f0o","kVL7Gh","kfmiAY","krdFHd","kGVxlE","kB7OPa","kkrTdU","kjBf7l","kInvED","k3XXqK","kMeerF","kGO01o","kLKAdn","kg3NbH","kVAEAm","boxDisabled","kL6WhQ","boxError","boxErrorFocused","boxErrorHovered","boxFixed","boxFloating","boxFocused","boxHovered","boxLabel","k87sOh","kLqNvP","kVQacm","kg5iWk","boxLabelEndInset","maxInlineSize","val","undefined","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLeading","kZCmMZ","boxMultiline","kAzted","boxOutlined","kMwMTN","boxOutlinedDisabled","boxOutlinedError","boxOutlinedErrorFocused","boxOutlinedErrorHovered","boxOutlinedFloating","boxOutlinedFocused","boxOutlinedHovered","boxOutlinedMultiline","boxTrailing","kwRFfy","column","kzQI83","k7Eaqz","columnDisabled","columnDisabledFloating","columnFloating","counter","kcqcaj","keTefX","icon","kSGwAc","kjj79g","keoZOQ","iconDisabled","iconError","iconErrorHovered","iconMultiline","k1K539","iconOutlined","input","k9l4BL","kIPbS0","k8Qsv1","kMzoRj","knGrYV","kzqmXN","kmVPX3","inputDisabled","inputInvalid","inputUnderFloatingLabel","inputUnderLabel","label","kHjlTd","labelDisabled","labelError","labelErrorHovered","labelFocused","labelHovered","leftToRight","ksoyAI","k9WMMc","message","kqGvvJ","messageDisabled","messageError","messageIndent","messageInset","kUOVxO","messageLine","messageLineCollapsed","messageRegion","numeric","outline","kVAM5u","kaIpWk","ksu8eU","kpwlN0","kogj98","k8WAf4","kfzvcC","outlineEndInset","paddingInlineEnd","outlineFocused","outlineLeading","outlineLeadingFocused","outlineNotch","k33iCy","outlineNotchOpen","outlineTrailing","outlineTrailingFocused","replica","segments","textArea","kHenm0","textAreaAutosize","trigger","kY2c9j","value","valuePlaceholder","valuePlaceholderHidden","groupStyles","root","kXwgrk"],"sources":["../../src/field/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\n\n// Windows High Contrast and the rest of the forced-colours modes. Declared\n// here rather than imported from src/styles/ripple.ts, which spells the same\n// query: the StyleX compiler resolves a constant across files only out of a\n// `.stylex.ts` module, and the one this repository has is generated from the\n// design tokens, where a user-preference query does not belong beside the\n// window size classes.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// The colour of a disabled control's text: its label and the description\n// under it, from one definition so the two cannot drift apart. `GrayText`\n// under forced colours, which leaves a group's legend and a description\n// alone: they are text beside a control, not a control the mode would grey.\nconst DISABLED_TEXT = {\n  default: `color-mix(in srgb, ${colors.onSurface} calc(${stateLayerOpacity.disabledContent} * 100%), ${colors.surface})`,\n  [FORCED_COLORS]: 'GrayText'\n};\n\n// The filled box's state layer while hovered: on surface at the hover\n// opacity, laid over the fill, as the text fields page draws it.\nconst HOVERED_FILL = `color-mix(in srgb, ${colors.onSurface} calc(${stateLayerOpacity.hover} * 100%), ${colors.surfaceContainerHighest})`;\n\n// The filled box's disabled fill, on surface at 4%. Material Design gives the\n// filled field's disabled container a third of the 12% that\n// `stateLayerOpacity.disabledContainer` holds, and no token names it, so it\n// is written once here, beside the one style that draws it.\nconst DISABLED_FILL_OPACITY = '4%';\n\n// The outline's two widths, resting and focused. The notch's inline padding\n// is measured from the border's inside edge, so each width comes off the\n// padding that puts the notch level with the label — see `outline`.\nconst OUTLINE_WIDTH = '1px';\nconst OUTLINE_FOCUSED_WIDTH = '2px';\n\n// What the box is tall enough for, rather than the 56dp the text fields page\n// draws it at. The page's number is the sum of these under the default\n// tokens, and stating it instead made the box right only there: a theme with\n// a longer body line — `Editorial` in src/theming/themes.ts, at body-small\n// 20 and body-large 28 on a 10dp `sm` — needs 68, and in a fixed 56 the\n// value's line ran past the underline with nothing left beneath it.\n//\n// The filled box holds its padding twice over, the floated label's line and\n// the control's; the outlined box holds its own padding twice and the\n// control's line alone, since its label sits on the outline rather than\n// above the value. The two agree at 56 under the default tokens, which is\n// what keeps the default stories' snapshots where they are.\n//\n// The resting label's line is written against the same expressions below, so\n// one derivation feeds both the box and the label that centres in it.\nconst BOX_BLOCK_SIZE = `calc(2 * ${spacing.sm} + ${typography.bodySmallLineHeight} + ${typography.bodyLargeLineHeight})`;\nconst BOX_OUTLINED_BLOCK_SIZE = `calc(2 * ${spacing.lg} + ${typography.bodyLargeLineHeight})`;\n\n// The chrome's styles. Apart from the parts in ./index.tsx so that file\n// exports components alone, which is what keeps fast refresh working for it —\n// the same reason ./root.ts gives for the root style beside it.\n//\n// The focus indicator is an inset box-shadow on the bottom edge rather than a\n// border that thickens. A real border going 1px -> 2px on focus grows the\n// box, which pushes every sibling below it down by a pixel — so a form\n// twitches each time focus moves between its fields. A shadow is drawn inside\n// the box and changes nothing about its size.\n//\n// The label floats, as the text fields page draws it: body-large and centred\n// in an empty, unfocused box, body-small at the top once the field is focused\n// or holds a value. `floatingLabel={false}` keeps it small at the top in\n// every state instead.\n//\n// Where the label sits depends on the box's state, and a child cannot select\n// on its parent's state while the box can select on its own. So the label's\n// type is set on the box and inherited: the box changes the font size and\n// line height it hands down when focus is within it, or when its control\n// shows something other than its placeholder, and the label transitions\n// between the two. Resting, the line is the box less its padding, which is\n// what centres the label without a position to move — the move to the top is\n// a change of type alone. The control sets its own type, so none of this\n// reaches it.\n//\n// The label's colour follows the control's focus the same way: the box is\n// React Aria's Group, which reports focus within it as render state, and the\n// label takes `labelFocused` from that.\n//\n// The box is a row: an icon slot at either end, if the field has one, with\n// the label and control between them. The page gives the icons 24dp, 12dp\n// from the box's edge and 16dp from the text, centred in the box's height;\n// the slot cancels the box's top padding and stretches to its full height,\n// so it centres whatever it holds — a 24dp icon, or an icon button around\n// one. The label and the control sit in a column of their own, which is\n// what the label is positioned against, so it moves past a leading icon\n// with the text.\n//\n// A prefix or suffix sits on the control's line, in the control's type and\n// the muted role, and shows only while the field is focused or holds a\n// value, as the placeholder does — at rest the label is where it would be.\n// It is the column's colour it takes, inherited, since the column can\n// select on its own focus and content and the affix cannot select on\n// either.\n//\n// The outlined variant is the page's outlined text field: no fill, a 1dp\n// outline in the outline role with 4dp corners all round, 2dp and primary\n// while focused, on surface while hovered, the error role with an error,\n// and the label cutting the outline once it floats, with the page's 4dp\n// beside it. The value is centred, 16dp from the top and bottom, and the\n// label rests on its line and moves up onto the outline — a move, where the\n// filled label only changes type.\n//\n// The outline is a fieldset laid over the box: a browser draws a fieldset's\n// border around its legend, so a legend holding a copy of the label, in the\n// label's floated type, is what cuts the outline to the label's width with\n// nothing measured. Empty, it cuts nothing, which is the closed notch.\nconst _temp = {\n  ks0D6T: \"x13i5qev\",\n  \"$$css\": true\n};\nconst fieldChromeStyles = {\n  affix: {\n    k6CgDc: \"x12w9bfk\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  affixLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x14qo01y\",\n    $$css: true\n  },\n  autosize: {\n    k1xSpc: \"xrvj5dj\",\n    $$css: true\n  },\n  autosizeCell: {\n    kJuA4N: \"x1b1wf8y\",\n    $$css: true\n  },\n  box: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x1cy8zhl\",\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"x4v968r\",\n    kfdmCh: \"xe3zi7u\",\n    kt9PQ7: \"x15anc7y\",\n    kT0f0o: \"x16uus16\",\n    kVL7Gh: \"xbiv7yw\",\n    kfmiAY: \"xirz1nw\",\n    krdFHd: \"xzcck0f\",\n    kGVxlE: \"x89kqus x18rfq6m\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ed109x\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    kjBf7l: \"x1x84bn5\",\n    kInvED: \"x12iqurn\",\n    k3XXqK: \"xi9ts3s\",\n    kMeerF: \"x1jrff4x\",\n    kGO01o: \"x18d9i69\",\n    kLKAdn: \"xi7mcox\",\n    kg3NbH: \"x790zyz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x106061f\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  boxDisabled: {\n    kWkggS: \"x1ojo7np\",\n    kL6WhQ: \"x1fxan2a\",\n    kGVxlE: \"xgloidm\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxError: {\n    kGVxlE: \"x1lxxh4i x1d6xoej\",\n    $$css: true\n  },\n  boxErrorFocused: {\n    kWkggS: \"x1rrhr5q\",\n    kGVxlE: \"xb0slzl\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxErrorHovered: {\n    kWkggS: \"x13aw6e3 xpae8dx\",\n    kGVxlE: \"x1lxxh4i xryshfu\",\n    $$css: true\n  },\n  boxFixed: {\n    kMv6JI: \"xp6n8n2\",\n    kGuDYH: \"xkucv67\",\n    k63SB2: \"x14hhc5u\",\n    kb6lSQ: \"x12utw95\",\n    kLWn49: \"xvzb9hk\",\n    $$css: true\n  },\n  boxFloating: {\n    kMv6JI: \"x1ps135g xnc7ww3 x16svsjw\",\n    kGuDYH: \"x52kfa xys1t9b x1848etk\",\n    k63SB2: \"xz4f7ai xn9xqko x1c52epr\",\n    kb6lSQ: \"x19wmx12 x1t00fh7 x1qn8t5l\",\n    kLWn49: \"xsv50tp x1f5c3pk x1mv3dpe\",\n    $$css: true\n  },\n  boxFocused: {\n    kWkggS: \"x1rrhr5q\",\n    kGVxlE: \"xra6ydt\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxHovered: {\n    kWkggS: \"x13aw6e3 xpae8dx\",\n    kGVxlE: \"x89kqus x1ncb8nd\",\n    $$css: true\n  },\n  boxLabel: {\n    kB7OPa: \"x9f619\",\n    k87sOh: \"x13vifvy\",\n    kLqNvP: \"x1o0tod\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x10l6tqk\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  boxLabelEndInset: (maxInlineSize: string) => [_temp, {\n    \"--x-maxInlineSize\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(maxInlineSize)\n  }],\n  boxLabelFloated: {\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    $$css: true\n  },\n  boxLabelOutlined: {\n    kLqNvP: \"x10k232c\",\n    ks0D6T: \"x35j8wb\",\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  boxLabelOutlinedFloated: {\n    k87sOh: \"x1qjp6zz\",\n    $$css: true\n  },\n  boxLeading: {\n    kZCmMZ: \"xwde665\",\n    $$css: true\n  },\n  boxMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"x9ep9ug\",\n    kGO01o: \"xqf7pud\",\n    $$css: true\n  },\n  boxOutlined: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"xnqhc4v\",\n    kfdmCh: \"xs07zst\",\n    kT0f0o: \"x4gcak0\",\n    kVL7Gh: \"xqs30sb\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x158cnre x1sa41d3\",\n    kGO01o: \"xzfxn0k\",\n    kLKAdn: \"x1clyivc\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  boxOutlinedDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x1ldq0ta x1bhcspo\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  boxOutlinedErrorFocused: {\n    kMwMTN: \"x4ii1qj\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedErrorHovered: {\n    kMwMTN: \"x12voer2 x16elhoc\",\n    $$css: true\n  },\n  boxOutlinedFloating: {\n    kLWn49: \"xsv50tp x1f5c3pk x1rzm7h7\",\n    $$css: true\n  },\n  boxOutlinedFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedHovered: {\n    kMwMTN: \"x158cnre x139gbkf\",\n    $$css: true\n  },\n  boxOutlinedMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"xnqs80d\",\n    $$css: true\n  },\n  boxTrailing: {\n    kwRFfy: \"xk163s\",\n    $$css: true\n  },\n  column: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kzQI83: \"x1iyjqo2\",\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  columnDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  columnDisabledFloating: {\n    kMwMTN: \"xspc5gk x19co3pv\",\n    $$css: true\n  },\n  columnFloating: {\n    kMwMTN: \"x1dfuzvz x6phwhp x19co3pv\",\n    $$css: true\n  },\n  counter: {\n    kmuXW: \"x2lah0s\",\n    kcqcaj: \"xss6m8b\",\n    keTefX: \"xvc5jky\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  icon: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x6s0dn4\",\n    kSGwAc: \"xkh2ocl\",\n    kMwMTN: \"x1w5n3ug\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kGuDYH: \"x1pvqxga\",\n    kjj79g: \"xl56j7k\",\n    keoZOQ: \"x1motrhk\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  iconDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  iconError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  iconErrorHovered: {\n    kMwMTN: \"x16elhoc\",\n    $$css: true\n  },\n  iconMultiline: {\n    k1K539: \"x14yxyxb\",\n    $$css: true\n  },\n  iconOutlined: {\n    k1K539: \"xs1qnrw\",\n    keoZOQ: \"x17v9ssf\",\n    $$css: true\n  },\n  input: {\n    k9l4BL: \"x1hcrkkg\",\n    kIPbS0: \"xzwh6sb\",\n    k8Qsv1: \"x1hgeflb\",\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    knGrYV: \"x1jie568\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kzqmXN: \"xh8yej3\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    kg5iWk: \"xlyipyv\",\n    $$css: true\n  },\n  inputDisabled: {\n    k8Qsv1: \"x7ip5l3\",\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  inputInvalid: {\n    knGrYV: \"x11twi6n\",\n    $$css: true\n  },\n  inputUnderFloatingLabel: {\n    k8Qsv1: \"x1mvm7v4 xxqzaim\",\n    $$css: true\n  },\n  inputUnderLabel: {\n    keoZOQ: \"xwuztrq\",\n    $$css: true\n  },\n  label: {\n    k6CgDc: \"x12w9bfk\",\n    kMwMTN: \"x1w5n3ug\",\n    kHjlTd: \"xj0a0fe\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xixa3zk\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  labelDisabled: {\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    $$css: true\n  },\n  labelError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  labelErrorHovered: {\n    kMwMTN: \"x16elhoc\",\n    $$css: true\n  },\n  labelFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    $$css: true\n  },\n  labelHovered: {\n    kMwMTN: \"x139gbkf\",\n    $$css: true\n  },\n  leftToRight: {\n    ksoyAI: \"xzt5al7\",\n    k9WMMc: \"xrgu2gv\",\n    $$css: true\n  },\n  message: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    kqGvvJ: \"x10im51j\",\n    kHjlTd: \"xj0a0fe\",\n    $$css: true\n  },\n  messageDisabled: {\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    $$css: true\n  },\n  messageError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  messageIndent: {\n    keTefX: \"xq0p5jb\",\n    $$css: true\n  },\n  messageInset: {\n    kUOVxO: \"xboopgi\",\n    $$css: true\n  },\n  messageLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    keoZOQ: \"x1y88zpp\",\n    kAzted: \"x17jz683\",\n    $$css: true\n  },\n  messageLineCollapsed: {\n    keoZOQ: \"xdj266r\",\n    kAzted: \"x2lwn1j\",\n    kVAEAm: \"x10l6tqk\",\n    $$css: true\n  },\n  messageRegion: {\n    k1xSpc: \"x78zum5\",\n    kVAEAm: \"x1cmy3ng\",\n    $$css: true\n  },\n  numeric: {\n    kMv6JI: \"xbppi91\",\n    kcqcaj: \"xss6m8b\",\n    $$css: true\n  },\n  outline: {\n    k6CgDc: \"x12w9bfk\",\n    kVAM5u: \"x1r7ld26\",\n    kaIpWk: \"x1tfhd1\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kB7OPa: \"x9f619\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kpwlN0: \"x10a8y8t\",\n    kb6lSQ: \"xwth0xh\",\n    kogj98: \"x1ghz6dp\",\n    k7Eaqz: \"xeuugli\",\n    k8WAf4: \"xt970qd\",\n    kg3NbH: \"xgnwbya\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x1bj6kjc\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  outlineEndInset: (paddingInlineEnd: string) => [{\n    kwRFfy: paddingInlineEnd != null ? \"x120eax6\" : paddingInlineEnd,\n    $$css: true\n  }, {\n    \"--x-paddingInlineEnd\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(paddingInlineEnd)\n  }],\n  outlineFocused: {\n    kMzoRj: \"xdh2fpr\",\n    kg3NbH: \"x1cmmxig\",\n    $$css: true\n  },\n  outlineLeading: {\n    kZCmMZ: \"x1e4tv75\",\n    $$css: true\n  },\n  outlineLeadingFocused: {\n    kZCmMZ: \"x2e0ysr\",\n    $$css: true\n  },\n  outlineNotch: {\n    kZKoxP: \"xqtp20y\",\n    kB7OPa: \"x9f619\",\n    kLWn49: \"x14ju556\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kmVPX3: \"x1717udv\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  outlineNotchOpen: {\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  outlineTrailing: {\n    kwRFfy: \"xflzzte\",\n    $$css: true\n  },\n  outlineTrailingFocused: {\n    kwRFfy: \"x1gwc4xo\",\n    $$css: true\n  },\n  replica: {\n    kHjlTd: \"x1mzt3pk\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  segments: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  textArea: {\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"xysyzu8\",\n    kHenm0: \"xtt52l0\",\n    $$css: true\n  },\n  textAreaAutosize: {\n    kVQacm: \"xb3r6kr\",\n    $$css: true\n  },\n  trigger: {\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ypdohk\",\n    kpwlN0: \"x10a8y8t\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    kVAEAm: \"x10l6tqk\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  value: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  valuePlaceholder: {\n    kMwMTN: \"x1w5n3ug\",\n    $$css: true\n  },\n  valuePlaceholderHidden: {\n    kMwMTN: \"x19co3pv\",\n    $$css: true\n  }\n};\n\n// The chrome a label sitting above a group takes, rather than inside a box.\n// CheckboxGroup, ChipGroup, RadioGroup, Slider and ColorSlider each wrote both\n// of these out: the type override on the label, and the column its label and\n// control sit in.\n//\n// The label is label-large, the role a field's label takes at rest, since a\n// group has no box to float it in.\n//\n// The two sliders compose an inline size of their own on the root, since a\n// slider fills the width it is given where a group of controls does not.\nconst groupStyles = {\n  label: {\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    $$css: true\n  },\n  root: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xzoy561\",\n    $$css: true\n  }\n};\nexport { fieldChromeStyles, groupStyles, OUTLINE_FOCUSED_WIDTH, OUTLINE_WIDTH };"],"mappings":";;AAiBW,GAAsBC,OAAOS,YAAkBL,kBAAkBM,kBAA4BV,OAAOW;AAM1F,GAAsBX,OAAOS,YAAkBL,kBAAkBS,QAAkBb,OAAOc;AA6BxF,GAAYX,QAAQgB,KAAQd,WAAWe,sBAAyBf,WAAWgB;AAClE,GAAYlB,QAAQoB,KAAQlB,WAAWgB;AA2DvE,MAAMG,QAAQ;CACZC,QAAQ;CACR,SAAS;AACX;AACA,MAAMC,oBAAoB;CACxBC,OAAO;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,WAAW;EACTC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRJ,OAAO;CACT;CACAK,UAAU;EACRF,QAAQ;EACRH,OAAO;CACT;CACAM,cAAc;EACZC,QAAQ;EACRP,OAAO;CACT;CACAQ,KAAK;EACHnB,QAAQ;EACRa,QAAQ;EACRO,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRhB,QAAQ;EACRC,QAAQ;EACRgB,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACR/B,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRE,OAAO;CACT;CACA4B,aAAa;EACXnB,QAAQ;EACRoB,QAAQ;EACRZ,QAAQ;EACRE,QAAQ;EACRnB,OAAO;CACT;CACA8B,UAAU;EACRb,QAAQ;EACRjB,OAAO;CACT;CACA+B,iBAAiB;EACftB,QAAQ;EACRQ,QAAQ;EACRK,QAAQ;EACRtB,OAAO;CACT;CACAgC,iBAAiB;EACfvB,QAAQ;EACRQ,QAAQ;EACRjB,OAAO;CACT;CACAiC,UAAU;EACR1C,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRK,OAAO;CACT;CACAkC,aAAa;EACX3C,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRK,OAAO;CACT;CACAmC,YAAY;EACV1B,QAAQ;EACRQ,QAAQ;EACRK,QAAQ;EACRtB,OAAO;CACT;CACAoC,YAAY;EACV3B,QAAQ;EACRQ,QAAQ;EACRjB,OAAO;CACT;CACAqC,UAAU;EACRnB,QAAQ;EACRoB,QAAQ;EACRC,QAAQ;EACRrD,QAAQ;EACRsD,QAAQ;EACRb,QAAQ;EACRc,QAAQ;EACR1C,QAAQ;EACRC,OAAO;CACT;CACA0C,mBAAmBC,kBAA0B,CAAC1D,OAAO,EACnD,uBAAsB2D,QAAO,OAAOA,QAAQ,WAAWA,MAAM,OAAOA,OAAO,OAAOA,MAAMC,KAAAA,EAAAA,CAAWF,aAAa,EAClH,CAAC;CACDG,iBAAiB;EACfvD,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRK,OAAO;CACT;CACA+C,kBAAkB;EAChBR,QAAQ;EACRrD,QAAQ;EACRwC,QAAQ;EACR1B,OAAO;CACT;CACAgD,yBAAyB;EACvBV,QAAQ;EACRtC,OAAO;CACT;CACAiD,YAAY;EACVC,QAAQ;EACRlD,OAAO;CACT;CACAmD,cAAc;EACZzC,QAAQ;EACR0C,QAAQ;EACR5B,QAAQ;EACRxB,OAAO;CACT;CACAqD,aAAa;EACX5C,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRE,QAAQ;EACRC,QAAQ;EACRG,QAAQ;EACRqC,QAAQ;EACR9B,QAAQ;EACRC,QAAQ;EACRE,QAAQ;EACR3B,OAAO;CACT;CACAuD,qBAAqB;EACnB9C,QAAQ;EACRQ,QAAQ;EACRqC,QAAQ;EACRnC,QAAQ;EACRnB,OAAO;CACT;CACAwD,kBAAkB;EAChBF,QAAQ;EACRtD,OAAO;CACT;CACAyD,yBAAyB;EACvBH,QAAQ;EACRhC,QAAQ;EACRtB,OAAO;CACT;CACA0D,yBAAyB;EACvBJ,QAAQ;EACRtD,OAAO;CACT;CACA2D,qBAAqB;EACnBhE,QAAQ;EACRK,OAAO;CACT;CACA4D,oBAAoB;EAClBN,QAAQ;EACRhC,QAAQ;EACRtB,OAAO;CACT;CACA6D,oBAAoB;EAClBP,QAAQ;EACRtD,OAAO;CACT;CACA8D,sBAAsB;EACpBpD,QAAQ;EACR0C,QAAQ;EACRpD,OAAO;CACT;CACA+D,aAAa;EACXC,QAAQ;EACRhE,OAAO;CACT;CACAiE,QAAQ;EACN/C,QAAQ;EACRoC,QAAQ;EACRY,QAAQ;EACRC,QAAQ;EACRxC,QAAQ;EACR3B,OAAO;CACT;CACAoE,gBAAgB;EACdd,QAAQ;EACRtD,OAAO;CACT;CACAqE,wBAAwB;EACtBf,QAAQ;EACRtD,OAAO;CACT;CACAsE,gBAAgB;EACdhB,QAAQ;EACRtD,OAAO;CACT;CACAuE,SAAS;EACPjF,OAAO;EACPkF,QAAQ;EACRC,QAAQ;EACR1E,QAAQ;EACRC,OAAO;CACT;CACA0E,MAAM;EACJrF,QAAQ;EACRa,QAAQ;EACRyE,QAAQ;EACRrB,QAAQ;EACRnD,QAAQ;EACRb,OAAO;EACPE,QAAQ;EACRoF,QAAQ;EACRC,QAAQ;EACRjF,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRE,OAAO;CACT;CACA8E,cAAc;EACZxB,QAAQ;EACRtD,OAAO;CACT;CACA+E,WAAW;EACTzB,QAAQ;EACRtD,OAAO;CACT;CACAgF,kBAAkB;EAChB1B,QAAQ;EACRtD,OAAO;CACT;CACAiF,eAAe;EACbC,QAAQ;EACRlF,OAAO;CACT;CACAmF,cAAc;EACZD,QAAQ;EACRL,QAAQ;EACR7E,OAAO;CACT;CACAoF,OAAO;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACR9E,QAAQ;EACR+E,QAAQ;EACRtE,QAAQ;EACRuE,QAAQ;EACRnC,QAAQ;EACR/D,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRiG,QAAQ;EACRhG,QAAQ;EACRC,QAAQ;EACR2B,QAAQ;EACRqE,QAAQ;EACRlD,QAAQ;EACRzC,OAAO;CACT;CACA4F,eAAe;EACbL,QAAQ;EACRjC,QAAQ;EACRtD,OAAO;CACT;CACA6F,cAAc;EACZJ,QAAQ;EACRzF,OAAO;CACT;CACA8F,yBAAyB;EACvBP,QAAQ;EACRvF,OAAO;CACT;CACA+F,iBAAiB;EACflB,QAAQ;EACR7E,OAAO;CACT;CACAgG,OAAO;EACL3G,QAAQ;EACRiE,QAAQ;EACR2C,QAAQ;EACRrG,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRE,OAAO;CACT;CACAkG,eAAe;EACb5C,QAAQ;EACRtD,OAAO;CACT;CACAmG,YAAY;EACV7C,QAAQ;EACRtD,OAAO;CACT;CACAoG,mBAAmB;EACjB9C,QAAQ;EACRtD,OAAO;CACT;CACAqG,cAAc;EACZ/C,QAAQ;EACRtD,OAAO;CACT;CACAsG,cAAc;EACZhD,QAAQ;EACRtD,OAAO;CACT;CACAuG,aAAa;EACXC,QAAQ;EACRC,QAAQ;EACRzG,OAAO;CACT;CACA0G,SAAS;EACPxF,QAAQ;EACRoC,QAAQ;EACR/D,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRgH,QAAQ;EACRV,QAAQ;EACRjG,OAAO;CACT;CACA4G,iBAAiB;EACftD,QAAQ;EACRtD,OAAO;CACT;CACA6G,cAAc;EACZvD,QAAQ;EACRtD,OAAO;CACT;CACA8G,eAAe;EACbrC,QAAQ;EACRzE,OAAO;CACT;CACA+G,cAAc;EACZC,QAAQ;EACRhH,OAAO;CACT;CACAiH,aAAa;EACX/G,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRyE,QAAQ;EACRzB,QAAQ;EACRpD,OAAO;CACT;CACAkH,sBAAsB;EACpBrC,QAAQ;EACRzB,QAAQ;EACRzB,QAAQ;EACR3B,OAAO;CACT;CACAmH,eAAe;EACbhH,QAAQ;EACRwB,QAAQ;EACR3B,OAAO;CACT;CACAoH,SAAS;EACP7H,QAAQ;EACRiF,QAAQ;EACRxE,OAAO;CACT;CACAqH,SAAS;EACPhI,QAAQ;EACRiI,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRhC,QAAQ;EACRtE,QAAQ;EACR3B,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRgI,QAAQ;EACR/H,QAAQ;EACRgI,QAAQ;EACRvD,QAAQ;EACRwD,QAAQ;EACRjG,QAAQ;EACRkG,QAAQ;EACRjG,QAAQ;EACR/B,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRE,OAAO;CACT;CACA6H,kBAAkBC,qBAA6B,CAAC;EAC9C9D,QAAQ8D,oBAAoB,OAAO,aAAaA;EAChD9H,OAAO;CACT,GAAG,EACD,0BAAyB4C,QAAO,OAAOA,QAAQ,WAAWA,MAAM,OAAOA,OAAO,OAAOA,MAAMC,KAAAA,EAAAA,CAAWiF,gBAAgB,EACxH,CAAC;CACDC,gBAAgB;EACdvC,QAAQ;EACR9D,QAAQ;EACR1B,OAAO;CACT;CACAgI,gBAAgB;EACd9E,QAAQ;EACRlD,OAAO;CACT;CACAiI,uBAAuB;EACrB/E,QAAQ;EACRlD,OAAO;CACT;CACAkI,cAAc;EACZxH,QAAQ;EACRQ,QAAQ;EACRvB,QAAQ;EACRT,QAAQ;EACRsD,QAAQ;EACRmD,QAAQ;EACRwC,QAAQ;EACRpI,QAAQ;EACRC,OAAO;CACT;CACAoI,kBAAkB;EAChB1G,QAAQ;EACR1B,OAAO;CACT;CACAqI,iBAAiB;EACfrE,QAAQ;EACRhE,OAAO;CACT;CACAsI,wBAAwB;EACtBtE,QAAQ;EACRhE,OAAO;CACT;CACAuI,SAAS;EACPtC,QAAQ;EACRkC,QAAQ;EACRpI,QAAQ;EACRC,OAAO;CACT;CACAwI,UAAU;EACRtI,QAAQ;EACRC,QAAQ;EACRqC,QAAQ;EACRzC,QAAQ;EACRC,OAAO;CACT;CACAyI,UAAU;EACRtI,QAAQ;EACRqC,QAAQ;EACRkG,QAAQ;EACR1I,OAAO;CACT;CACA2I,kBAAkB;EAChBnG,QAAQ;EACRxC,OAAO;CACT;CACA4I,SAAS;EACPnI,QAAQ;EACR+E,QAAQ;EACRtE,QAAQ;EACRC,QAAQ;EACRsG,QAAQ;EACRnG,QAAQ;EACRqE,QAAQ;EACRhE,QAAQ;EACRkH,QAAQ;EACR7I,OAAO;CACT;CACA8I,OAAO;EACL5I,QAAQ;EACRC,QAAQ;EACRqC,QAAQ;EACRC,QAAQ;EACR1C,QAAQ;EACRC,OAAO;CACT;CACA+I,kBAAkB;EAChBzF,QAAQ;EACRtD,OAAO;CACT;CACAgJ,wBAAwB;EACtB1F,QAAQ;EACRtD,OAAO;CACT;AACF;AAYA,MAAMiJ,cAAc;CAClBjD,OAAO;EACLzG,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRK,OAAO;CACT;CACAkJ,MAAM;EACJhI,QAAQ;EACRf,QAAQ;EACRgJ,QAAQ;EACR/I,QAAQ;EACRJ,OAAO;CACT;AACF"}
+{"version":3,"file":"styles.js","names":["stylex","colors","motion","radii","spacing","stateLayerOpacity","typography","FORCED_COLORS","DISABLED_TEXT","default","onSurface","disabledContent","surface","HOVERED_FILL","hover","surfaceContainerHighest","DISABLED_FILL_OPACITY","OUTLINE_WIDTH","OUTLINE_FOCUSED_WIDTH","BOX_BLOCK_SIZE","sm","bodySmallLineHeight","bodyLargeLineHeight","BOX_OUTLINED_BLOCK_SIZE","lg","_temp","ks0D6T","fieldChromeStyles","affix","k6CgDc","kmuXW","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kIyJzY","k1ekBW","kAMwcw","khDVqt","$$css","affixLine","kGNEyG","k1xSpc","kOIVth","autosize","autosizeCell","kJuA4N","box","kWkggS","kZKoxP","kfdmCh","kt9PQ7","kT0f0o","kVL7Gh","kfmiAY","krdFHd","kGVxlE","kB7OPa","kkrTdU","kjBf7l","kInvED","k3XXqK","kMeerF","kGO01o","kLKAdn","kg3NbH","kVAEAm","boxDisabled","kL6WhQ","boxError","boxErrorFocused","boxErrorHovered","boxFixed","boxFloating","boxFocused","boxHovered","boxLabel","k87sOh","kLqNvP","kVQacm","kg5iWk","boxLabelEndInset","maxInlineSize","val","undefined","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLeading","kZCmMZ","boxMultiline","kAzted","boxOutlined","kMwMTN","boxOutlinedDisabled","boxOutlinedError","boxOutlinedErrorFocused","boxOutlinedErrorHovered","boxOutlinedFloating","boxOutlinedFocused","boxOutlinedHovered","boxOutlinedMultiline","boxTrailing","kwRFfy","column","kzQI83","k7Eaqz","columnDisabled","columnDisabledFloating","columnFloating","counter","kcqcaj","keTefX","icon","kSGwAc","kjj79g","keoZOQ","iconDisabled","iconError","iconErrorHovered","iconMultiline","k1K539","iconOutlined","input","k9l4BL","kIPbS0","k8Qsv1","kMzoRj","knGrYV","kzqmXN","kmVPX3","inputDisabled","inputInvalid","inputUnderFloatingLabel","inputUnderLabel","label","kHjlTd","labelDisabled","labelError","labelErrorHovered","labelFocused","labelHovered","leftToRight","ksoyAI","k9WMMc","message","kqGvvJ","messageDisabled","messageError","messageIndent","messageInset","kUOVxO","messageLine","messageLineCollapsed","messageRegion","numeric","outline","kVAM5u","kaIpWk","ksu8eU","kpwlN0","kogj98","k8WAf4","kfzvcC","outlineEndInset","paddingInlineEnd","outlineFocused","outlineLeading","outlineLeadingFocused","outlineNotch","k33iCy","outlineNotchOpen","outlineTrailing","outlineTrailingFocused","replica","segments","textArea","kHenm0","textAreaAutosize","trigger","kY2c9j","value","valuePlaceholder","valuePlaceholderHidden","groupStyles","root","kXwgrk"],"sources":["../../src/field/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\n\n// Windows High Contrast and the rest of the forced-colours modes. Declared\n// here rather than imported from src/styles/ripple.ts, which spells the same\n// query: the StyleX compiler resolves a constant across files only out of a\n// `.stylex.ts` module, and the one this repository has is generated from the\n// design tokens, where a user-preference query does not belong beside the\n// window size classes.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// The colour of a disabled control's text: its label and the description\n// under it, from one definition so the two cannot drift apart. `GrayText`\n// under forced colours, which leaves a group's legend and a description\n// alone: they are text beside a control, not a control the mode would grey.\nconst DISABLED_TEXT = {\n  default: `color-mix(in srgb, ${colors.onSurface} calc(${stateLayerOpacity.disabledContent} * 100%), ${colors.surface})`,\n  [FORCED_COLORS]: 'GrayText'\n};\n\n// The filled box's state layer while hovered: on surface at the hover\n// opacity, laid over the fill, as the text fields page draws it.\nconst HOVERED_FILL = `color-mix(in srgb, ${colors.onSurface} calc(${stateLayerOpacity.hover} * 100%), ${colors.surfaceContainerHighest})`;\n\n// The filled box's disabled fill, on surface at 4%. Material Design gives the\n// filled field's disabled container a third of the 12% that\n// `stateLayerOpacity.disabledContainer` holds, and no token names it, so it\n// is written once here, beside the one style that draws it.\nconst DISABLED_FILL_OPACITY = '4%';\n\n// The outline's two widths, resting and focused. The notch's inline padding\n// is measured from the border's inside edge, so each width comes off the\n// padding that puts the notch level with the label — see `outline`.\nconst OUTLINE_WIDTH = '1px';\nconst OUTLINE_FOCUSED_WIDTH = '2px';\n\n// What the box is tall enough for, rather than the 56dp the text fields page\n// draws it at. The page's number is the sum of these under the default\n// tokens, and stating it instead made the box right only there: a theme with\n// a longer body line — `Editorial` in kanso-ui-core's themes, at body-small\n// 20 and body-large 28 on a 10dp `sm` — needs 68, and in a fixed 56 the\n// value's line ran past the underline with nothing left beneath it.\n//\n// The filled box holds its padding twice over, the floated label's line and\n// the control's; the outlined box holds its own padding twice and the\n// control's line alone, since its label sits on the outline rather than\n// above the value. The two agree at 56 under the default tokens, which is\n// what keeps the default stories' snapshots where they are.\n//\n// The resting label's line is written against the same expressions below, so\n// one derivation feeds both the box and the label that centres in it.\nconst BOX_BLOCK_SIZE = `calc(2 * ${spacing.sm} + ${typography.bodySmallLineHeight} + ${typography.bodyLargeLineHeight})`;\nconst BOX_OUTLINED_BLOCK_SIZE = `calc(2 * ${spacing.lg} + ${typography.bodyLargeLineHeight})`;\n\n// The chrome's styles. Apart from the parts in ./index.tsx so that file\n// exports components alone, which is what keeps fast refresh working for it —\n// the same reason ./root.ts gives for the root style beside it.\n//\n// The focus indicator is an inset box-shadow on the bottom edge rather than a\n// border that thickens. A real border going 1px -> 2px on focus grows the\n// box, which pushes every sibling below it down by a pixel — so a form\n// twitches each time focus moves between its fields. A shadow is drawn inside\n// the box and changes nothing about its size.\n//\n// The label floats, as the text fields page draws it: body-large and centred\n// in an empty, unfocused box, body-small at the top once the field is focused\n// or holds a value. `floatingLabel={false}` keeps it small at the top in\n// every state instead.\n//\n// Where the label sits depends on the box's state, and a child cannot select\n// on its parent's state while the box can select on its own. So the label's\n// type is set on the box and inherited: the box changes the font size and\n// line height it hands down when focus is within it, or when its control\n// shows something other than its placeholder, and the label transitions\n// between the two. Resting, the line is the box less its padding, which is\n// what centres the label without a position to move — the move to the top is\n// a change of type alone. The control sets its own type, so none of this\n// reaches it.\n//\n// The label's colour follows the control's focus the same way: the box is\n// React Aria's Group, which reports focus within it as render state, and the\n// label takes `labelFocused` from that.\n//\n// The box is a row: an icon slot at either end, if the field has one, with\n// the label and control between them. The page gives the icons 24dp, 12dp\n// from the box's edge and 16dp from the text, centred in the box's height;\n// the slot cancels the box's top padding and stretches to its full height,\n// so it centres whatever it holds — a 24dp icon, or an icon button around\n// one. The label and the control sit in a column of their own, which is\n// what the label is positioned against, so it moves past a leading icon\n// with the text.\n//\n// A prefix or suffix sits on the control's line, in the control's type and\n// the muted role, and shows only while the field is focused or holds a\n// value, as the placeholder does — at rest the label is where it would be.\n// It is the column's colour it takes, inherited, since the column can\n// select on its own focus and content and the affix cannot select on\n// either.\n//\n// The outlined variant is the page's outlined text field: no fill, a 1dp\n// outline in the outline role with 4dp corners all round, 2dp and primary\n// while focused, on surface while hovered, the error role with an error,\n// and the label cutting the outline once it floats, with the page's 4dp\n// beside it. The value is centred, 16dp from the top and bottom, and the\n// label rests on its line and moves up onto the outline — a move, where the\n// filled label only changes type.\n//\n// The outline is a fieldset laid over the box: a browser draws a fieldset's\n// border around its legend, so a legend holding a copy of the label, in the\n// label's floated type, is what cuts the outline to the label's width with\n// nothing measured. Empty, it cuts nothing, which is the closed notch.\nconst _temp = {\n  ks0D6T: \"x13i5qev\",\n  \"$$css\": true\n};\nconst fieldChromeStyles = {\n  affix: {\n    k6CgDc: \"x12w9bfk\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  affixLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x14qo01y\",\n    $$css: true\n  },\n  autosize: {\n    k1xSpc: \"xrvj5dj\",\n    $$css: true\n  },\n  autosizeCell: {\n    kJuA4N: \"x1b1wf8y\",\n    $$css: true\n  },\n  box: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x1cy8zhl\",\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"x4v968r\",\n    kfdmCh: \"xe3zi7u\",\n    kt9PQ7: \"x15anc7y\",\n    kT0f0o: \"x16uus16\",\n    kVL7Gh: \"xbiv7yw\",\n    kfmiAY: \"xirz1nw\",\n    krdFHd: \"xzcck0f\",\n    kGVxlE: \"x89kqus x18rfq6m\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ed109x\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    kjBf7l: \"x1x84bn5\",\n    kInvED: \"x12iqurn\",\n    k3XXqK: \"xi9ts3s\",\n    kMeerF: \"x1jrff4x\",\n    kGO01o: \"x18d9i69\",\n    kLKAdn: \"xi7mcox\",\n    kg3NbH: \"x790zyz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x106061f\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  boxDisabled: {\n    kWkggS: \"x1ojo7np\",\n    kL6WhQ: \"x1fxan2a\",\n    kGVxlE: \"xgloidm\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxError: {\n    kGVxlE: \"x1lxxh4i x1d6xoej\",\n    $$css: true\n  },\n  boxErrorFocused: {\n    kWkggS: \"x1rrhr5q\",\n    kGVxlE: \"xb0slzl\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxErrorHovered: {\n    kWkggS: \"x13aw6e3 xpae8dx\",\n    kGVxlE: \"x1lxxh4i xryshfu\",\n    $$css: true\n  },\n  boxFixed: {\n    kMv6JI: \"xp6n8n2\",\n    kGuDYH: \"xkucv67\",\n    k63SB2: \"x14hhc5u\",\n    kb6lSQ: \"x12utw95\",\n    kLWn49: \"xvzb9hk\",\n    $$css: true\n  },\n  boxFloating: {\n    kMv6JI: \"x1ps135g xnc7ww3 x16svsjw\",\n    kGuDYH: \"x52kfa xys1t9b x1848etk\",\n    k63SB2: \"xz4f7ai xn9xqko x1c52epr\",\n    kb6lSQ: \"x19wmx12 x1t00fh7 x1qn8t5l\",\n    kLWn49: \"xsv50tp x1f5c3pk x1mv3dpe\",\n    $$css: true\n  },\n  boxFocused: {\n    kWkggS: \"x1rrhr5q\",\n    kGVxlE: \"xra6ydt\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxHovered: {\n    kWkggS: \"x13aw6e3 xpae8dx\",\n    kGVxlE: \"x89kqus x1ncb8nd\",\n    $$css: true\n  },\n  boxLabel: {\n    kB7OPa: \"x9f619\",\n    k87sOh: \"x13vifvy\",\n    kLqNvP: \"x1o0tod\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x10l6tqk\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  boxLabelEndInset: (maxInlineSize: string) => [_temp, {\n    \"--x-maxInlineSize\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(maxInlineSize)\n  }],\n  boxLabelFloated: {\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    $$css: true\n  },\n  boxLabelOutlined: {\n    kLqNvP: \"x10k232c\",\n    ks0D6T: \"x35j8wb\",\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  boxLabelOutlinedFloated: {\n    k87sOh: \"x1qjp6zz\",\n    $$css: true\n  },\n  boxLeading: {\n    kZCmMZ: \"xwde665\",\n    $$css: true\n  },\n  boxMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"x9ep9ug\",\n    kGO01o: \"xqf7pud\",\n    $$css: true\n  },\n  boxOutlined: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"xnqhc4v\",\n    kfdmCh: \"xs07zst\",\n    kT0f0o: \"x4gcak0\",\n    kVL7Gh: \"xqs30sb\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x158cnre x1sa41d3\",\n    kGO01o: \"xzfxn0k\",\n    kLKAdn: \"x1clyivc\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  boxOutlinedDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x1ldq0ta x1bhcspo\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  boxOutlinedErrorFocused: {\n    kMwMTN: \"x4ii1qj\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedErrorHovered: {\n    kMwMTN: \"x12voer2 x16elhoc\",\n    $$css: true\n  },\n  boxOutlinedFloating: {\n    kLWn49: \"xsv50tp x1f5c3pk x1rzm7h7\",\n    $$css: true\n  },\n  boxOutlinedFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedHovered: {\n    kMwMTN: \"x158cnre x139gbkf\",\n    $$css: true\n  },\n  boxOutlinedMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"xnqs80d\",\n    $$css: true\n  },\n  boxTrailing: {\n    kwRFfy: \"xk163s\",\n    $$css: true\n  },\n  column: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kzQI83: \"x1iyjqo2\",\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  columnDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  columnDisabledFloating: {\n    kMwMTN: \"xspc5gk x19co3pv\",\n    $$css: true\n  },\n  columnFloating: {\n    kMwMTN: \"x1dfuzvz x6phwhp x19co3pv\",\n    $$css: true\n  },\n  counter: {\n    kmuXW: \"x2lah0s\",\n    kcqcaj: \"xss6m8b\",\n    keTefX: \"xvc5jky\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  icon: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x6s0dn4\",\n    kSGwAc: \"xkh2ocl\",\n    kMwMTN: \"x1w5n3ug\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kGuDYH: \"x1pvqxga\",\n    kjj79g: \"xl56j7k\",\n    keoZOQ: \"x1motrhk\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  iconDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  iconError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  iconErrorHovered: {\n    kMwMTN: \"x16elhoc\",\n    $$css: true\n  },\n  iconMultiline: {\n    k1K539: \"x14yxyxb\",\n    $$css: true\n  },\n  iconOutlined: {\n    k1K539: \"xs1qnrw\",\n    keoZOQ: \"x17v9ssf\",\n    $$css: true\n  },\n  input: {\n    k9l4BL: \"x1hcrkkg\",\n    kIPbS0: \"xzwh6sb\",\n    k8Qsv1: \"x1hgeflb\",\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    knGrYV: \"x1jie568\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kzqmXN: \"xh8yej3\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    kg5iWk: \"xlyipyv\",\n    $$css: true\n  },\n  inputDisabled: {\n    k8Qsv1: \"x7ip5l3\",\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  inputInvalid: {\n    knGrYV: \"x11twi6n\",\n    $$css: true\n  },\n  inputUnderFloatingLabel: {\n    k8Qsv1: \"x1mvm7v4 xxqzaim\",\n    $$css: true\n  },\n  inputUnderLabel: {\n    keoZOQ: \"xwuztrq\",\n    $$css: true\n  },\n  label: {\n    k6CgDc: \"x12w9bfk\",\n    kMwMTN: \"x1w5n3ug\",\n    kHjlTd: \"xj0a0fe\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xixa3zk\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  labelDisabled: {\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    $$css: true\n  },\n  labelError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  labelErrorHovered: {\n    kMwMTN: \"x16elhoc\",\n    $$css: true\n  },\n  labelFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    $$css: true\n  },\n  labelHovered: {\n    kMwMTN: \"x139gbkf\",\n    $$css: true\n  },\n  leftToRight: {\n    ksoyAI: \"xzt5al7\",\n    k9WMMc: \"xrgu2gv\",\n    $$css: true\n  },\n  message: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    kqGvvJ: \"x10im51j\",\n    kHjlTd: \"xj0a0fe\",\n    $$css: true\n  },\n  messageDisabled: {\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    $$css: true\n  },\n  messageError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  messageIndent: {\n    keTefX: \"xq0p5jb\",\n    $$css: true\n  },\n  messageInset: {\n    kUOVxO: \"xboopgi\",\n    $$css: true\n  },\n  messageLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    keoZOQ: \"x1y88zpp\",\n    kAzted: \"x17jz683\",\n    $$css: true\n  },\n  messageLineCollapsed: {\n    keoZOQ: \"xdj266r\",\n    kAzted: \"x2lwn1j\",\n    kVAEAm: \"x10l6tqk\",\n    $$css: true\n  },\n  messageRegion: {\n    k1xSpc: \"x78zum5\",\n    kVAEAm: \"x1cmy3ng\",\n    $$css: true\n  },\n  numeric: {\n    kMv6JI: \"xbppi91\",\n    kcqcaj: \"xss6m8b\",\n    $$css: true\n  },\n  outline: {\n    k6CgDc: \"x12w9bfk\",\n    kVAM5u: \"x1r7ld26\",\n    kaIpWk: \"x1tfhd1\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kB7OPa: \"x9f619\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kpwlN0: \"x10a8y8t\",\n    kb6lSQ: \"xwth0xh\",\n    kogj98: \"x1ghz6dp\",\n    k7Eaqz: \"xeuugli\",\n    k8WAf4: \"xt970qd\",\n    kg3NbH: \"xgnwbya\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x1bj6kjc\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  outlineEndInset: (paddingInlineEnd: string) => [{\n    kwRFfy: paddingInlineEnd != null ? \"x120eax6\" : paddingInlineEnd,\n    $$css: true\n  }, {\n    \"--x-paddingInlineEnd\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(paddingInlineEnd)\n  }],\n  outlineFocused: {\n    kMzoRj: \"xdh2fpr\",\n    kg3NbH: \"x1cmmxig\",\n    $$css: true\n  },\n  outlineLeading: {\n    kZCmMZ: \"x1e4tv75\",\n    $$css: true\n  },\n  outlineLeadingFocused: {\n    kZCmMZ: \"x2e0ysr\",\n    $$css: true\n  },\n  outlineNotch: {\n    kZKoxP: \"xqtp20y\",\n    kB7OPa: \"x9f619\",\n    kLWn49: \"x14ju556\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kmVPX3: \"x1717udv\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  outlineNotchOpen: {\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  outlineTrailing: {\n    kwRFfy: \"xflzzte\",\n    $$css: true\n  },\n  outlineTrailingFocused: {\n    kwRFfy: \"x1gwc4xo\",\n    $$css: true\n  },\n  replica: {\n    kHjlTd: \"x1mzt3pk\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  segments: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  textArea: {\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"xysyzu8\",\n    kHenm0: \"xtt52l0\",\n    $$css: true\n  },\n  textAreaAutosize: {\n    kVQacm: \"xb3r6kr\",\n    $$css: true\n  },\n  trigger: {\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ypdohk\",\n    kpwlN0: \"x10a8y8t\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    kVAEAm: \"x10l6tqk\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  value: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  valuePlaceholder: {\n    kMwMTN: \"x1w5n3ug\",\n    $$css: true\n  },\n  valuePlaceholderHidden: {\n    kMwMTN: \"x19co3pv\",\n    $$css: true\n  }\n};\n\n// The chrome a label sitting above a group takes, rather than inside a box.\n// CheckboxGroup, ChipGroup, RadioGroup, Slider and ColorSlider each wrote both\n// of these out: the type override on the label, and the column its label and\n// control sit in.\n//\n// The label is label-large, the role a field's label takes at rest, since a\n// group has no box to float it in.\n//\n// The two sliders compose an inline size of their own on the root, since a\n// slider fills the width it is given where a group of controls does not.\nconst groupStyles = {\n  label: {\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    $$css: true\n  },\n  root: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xzoy561\",\n    $$css: true\n  }\n};\nexport { fieldChromeStyles, groupStyles, OUTLINE_FOCUSED_WIDTH, OUTLINE_WIDTH };"],"mappings":"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"}

package/dist/glyphs/index.js

@@ -1,5 +1,6 @@
 import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { mergeStyles } from "../styles/merge.js";
+import { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, keyboardPath, minusPath, personPath, plusPath, searchPath } from "../kanso-ui-core/glyphs.js";
 import { glyphStyles } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
@@ -8,7 +9,7 @@ function ArrowBackGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: arrowBackPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -26,7 +27,7 @@ function ArrowDownwardGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: arrowDownwardPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -44,7 +45,7 @@ function ArrowDropDownGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M7 10l5 5 5-5z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: arrowDropDownPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -62,7 +63,7 @@ function ArrowUpwardGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: arrowUpwardPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -80,7 +81,7 @@ function CalendarGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: calendarPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -98,7 +99,7 @@ function CheckCircleGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: checkCirclePath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -116,7 +117,7 @@ function CheckGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: checkPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -134,7 +135,7 @@ function ClockGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: clockPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -152,7 +153,7 @@ function ErrorGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: errorPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -184,7 +185,7 @@ function Glyph(t0) {
 		children = t6;
 		t1 = "true";
 		t2 = "currentColor";
-		t3 = "0 0 24 24";
+		t3 = `0 0 24 24`;
 		t4 = props$1;
 		t5 = mergeStyles(props(glyphStyles.glyph), props$1);
 		$[0] = t0;
@@ -226,7 +227,7 @@ function KeyboardGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: keyboardPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -244,7 +245,7 @@ function MinusGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M19 13H5v-2h14v2z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: minusPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -263,7 +264,7 @@ function ChevronDownGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: chevronDownPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -281,7 +282,7 @@ function ChevronEndGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: chevronEndPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -299,7 +300,7 @@ function CloseGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: closePath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -317,7 +318,7 @@ function PersonGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: personPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -335,7 +336,7 @@ function PlusGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: plusPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;
@@ -353,7 +354,7 @@ function SearchGlyph(props) {
 	const $ = c(3);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsx("path", { d: "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" });
+		t0 = /* @__PURE__ */ jsx("path", { d: searchPath });
 		$[0] = t0;
 	} else t0 = $[0];
 	let t1;

package/dist/glyphs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactNode","SVGProps","stylex","mergeStyles","glyphStyles","GlyphProps","Omit","SVGSVGElement","ArrowBackGlyph","props","$","_c","t0","Symbol","for","t1","ArrowDownwardGlyph","ArrowDropDownGlyph","ArrowUpwardGlyph","CalendarGlyph","CheckCircleGlyph","CheckGlyph","ClockGlyph","ErrorGlyph","Glyph","children","t2","t3","t4","t5","t6","glyph","KeyboardGlyph","MinusGlyph","IndeterminateGlyph","ChevronDownGlyph","ChevronEndGlyph","CloseGlyph","PersonGlyph","PlusGlyph","SearchGlyph","_c","props","stylex.props"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode, SVGProps } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { mergeStyles } from '../styles/merge';\nimport { glyphStyles } from './styles';\n\n// The glyphs the library's own controls draw: the check and the dash a\n// checkbox shows, the plus and minus a number field's steppers show, and\n// the magnifier and cross a search field shows. Inline SVG in\n// `currentColor`, sized by whatever renders them, and private to the\n// library — a call site with icons of its own passes them to IconButton and\n// the slots that take a node, which is why nothing here is exported from\n// the package.\n//\n// The paths are the check, the horizontal rule, the plus, the search, the\n// close, the right and down chevrons, the two sort arrows, the back arrow,\n// the drop-down arrow, the calendar, the schedule clock, the keyboard, the\n// person, and the filled error and check circles from\n// Material Symbols on their 24-unit grid, which is what the checkbox page\n// draws at 18dp, the icon buttons page at 20 and the search, menus, date\n// picker and time picker pages at 24 — the date picker's menu\n// buttons draw their arrow at 18, a split button's menu button its\n// chevron at between 22 and 50, and a meter its two circles at 18.\n\ntype GlyphProps = Omit<SVGProps<SVGSVGElement>, 'children' | 'viewBox'>;\n\n// What a search view's back button draws, pointing at the page it returns\n// to. It says \"back\" rather than \"to the left\", so whatever renders it\n// mirrors it under a right-to-left writing mode, as ChevronEndGlyph's\n// renderers do.\nfunction ArrowBackGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\" />\n    </Glyph>;\n}\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending, which is the direction the data tables page puts beside a\n// column header's name. Neither mirrors under a right-to-left writing mode:\n// they say \"up\" and \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </Glyph>;\n}\n\n// What a menu button draws after its label, pointing at the list it opens.\n// Down is down in either writing direction, so it does not mirror.\nfunction ArrowDropDownGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M7 10l5 5 5-5z\" />\n    </Glyph>;\n}\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </Glyph>;\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\" />\n    </Glyph>;\n}\n\n// What a meter in the positive tone draws beside its value: a check in a\n// filled circle, the same outline as the negative tone's error so the two\n// differ by the mark inside rather than by their colour alone.\nfunction CheckCircleGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" />\n    </Glyph>;\n}\nfunction CheckGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </Glyph>;\n}\n\n// What the time picker's trigger draws, and the button that takes its\n// keyboard entry back to the dial: the clock a time is picked from.\nfunction ClockGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\" />\n    </Glyph>;\n}\n\n// What a meter in the negative tone draws beside its value: an exclamation\n// mark in a filled circle — see `CheckCircleGlyph`.\nfunction ErrorGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\" />\n    </Glyph>;\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, the colour it\n * takes from the text around it, and its box. The call site's `className`\n * and `style` are merged with the glyph's own rather than replacing them.\n */\nfunction Glyph({\n  children,\n  ...props\n}: GlyphProps & {\n  children: ReactNode;\n}) {\n  return <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props} {...mergeStyles(stylex.props(glyphStyles.glyph), props)}>\n      {children}\n    </svg>;\n}\n\n// What the time picker's dial draws on the button that switches it to typed\n// entry.\nfunction KeyboardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z\" />\n    </Glyph>;\n}\n\n// The same rule stands for a partly selected checkbox and for a stepper's\n// decrement; the two names say which is meant at the call site.\nfunction MinusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 13H5v-2h14v2z\" />\n    </Glyph>;\n}\nconst IndeterminateGlyph = MinusGlyph;\n\n// Points down at the menu a split button's second half opens.\nfunction ChevronDownGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\" />\n    </Glyph>;\n}\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so whatever renders it mirrors it under a right-to-left\n// writing mode — the glyph itself carries no direction of its own, since a\n// transform here would be an inline style.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </Glyph>;\n}\nfunction CloseGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n    </Glyph>;\n}\n\n// What an avatar with no name to take initials from draws: Material Design's\n// anonymous person, a head over shoulders.\nfunction PersonGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </Glyph>;\n}\nfunction PlusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </Glyph>;\n}\nfunction SearchGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n    </Glyph>;\n}\nexport { ArrowBackGlyph, ArrowDownwardGlyph, ArrowDropDownGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckCircleGlyph, CheckGlyph, ChevronDownGlyph, ChevronEndGlyph, ClockGlyph, CloseGlyph, ErrorGlyph, IndeterminateGlyph, KeyboardGlyph, MinusGlyph, PersonGlyph, PlusGlyph, SearchGlyph };"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ReactNode","SVGProps","arrowBackPath","arrowDownwardPath","arrowDropDownPath","arrowUpwardPath","calendarPath","checkCirclePath","checkPath","chevronDownPath","chevronEndPath","clockPath","closePath","errorPath","gridSize","keyboardPath","minusPath","personPath","plusPath","searchPath","stylex","mergeStyles","glyphStyles","GlyphProps","Omit","SVGSVGElement","ArrowBackGlyph","props","$","_c","t0","Symbol","for","t1","ArrowDownwardGlyph","ArrowDropDownGlyph","ArrowUpwardGlyph","CalendarGlyph","CheckCircleGlyph","CheckGlyph","ClockGlyph","ErrorGlyph","Glyph","children","t2","t3","t4","t5","t6","glyph","KeyboardGlyph","MinusGlyph","IndeterminateGlyph","ChevronDownGlyph","ChevronEndGlyph","CloseGlyph","PersonGlyph","PlusGlyph","SearchGlyph","_c","props","stylex.props"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode, SVGProps } from 'react';\nimport { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, gridSize, keyboardPath, minusPath, personPath, plusPath, searchPath } from '@kanso-labs/kanso-ui-core/glyphs';\nimport * as stylex from '@stylexjs/stylex';\nimport { mergeStyles } from '../styles/merge';\nimport { glyphStyles } from './styles';\n\n// The glyphs the library's own controls draw: the check and the dash a\n// checkbox shows, the plus and minus a number field's steppers show, and\n// the magnifier and cross a search field shows. Inline SVG in\n// `currentColor`, sized by whatever renders them, and private to the\n// library — a call site with icons of its own passes them to IconButton and\n// the slots that take a node, which is why nothing here is exported from\n// the package.\n//\n// The paths are @kanso-labs/kanso-ui-core's, the ones react-native-kanso-ui\n// draws too: the check, the horizontal rule, the plus, the search, the close,\n// the right and down chevrons, the two sort arrows, the back arrow, the\n// drop-down arrow, the calendar, the schedule clock, the keyboard, the person,\n// and the filled error and check circles. The package is a devDependency, so\n// the build writes them into dist. They are Material Symbols on their 24-unit\n// grid, which is what the checkbox page\n// draws at 18dp, the icon buttons page at 20 and the search, menus, date\n// picker and time picker pages at 24 — the date picker's menu\n// buttons draw their arrow at 18, a split button's menu button its\n// chevron at between 22 and 50, and a meter its two circles at 18.\n\ntype GlyphProps = Omit<SVGProps<SVGSVGElement>, 'children' | 'viewBox'>;\n\n// What a search view's back button draws, pointing at the page it returns\n// to. It says \"back\" rather than \"to the left\", so whatever renders it\n// mirrors it under a right-to-left writing mode, as ChevronEndGlyph's\n// renderers do.\nfunction ArrowBackGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={arrowBackPath} />\n    </Glyph>;\n}\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending, which is the direction the data tables page puts beside a\n// column header's name. Neither mirrors under a right-to-left writing mode:\n// they say \"up\" and \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={arrowDownwardPath} />\n    </Glyph>;\n}\n\n// What a menu button draws after its label, pointing at the list it opens.\n// Down is down in either writing direction, so it does not mirror.\nfunction ArrowDropDownGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={arrowDropDownPath} />\n    </Glyph>;\n}\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={arrowUpwardPath} />\n    </Glyph>;\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={calendarPath} />\n    </Glyph>;\n}\n\n// What a meter in the positive tone draws beside its value: a check in a\n// filled circle, the same outline as the negative tone's error so the two\n// differ by the mark inside rather than by their colour alone.\nfunction CheckCircleGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={checkCirclePath} />\n    </Glyph>;\n}\nfunction CheckGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={checkPath} />\n    </Glyph>;\n}\n\n// What the time picker's trigger draws, and the button that takes its\n// keyboard entry back to the dial: the clock a time is picked from.\nfunction ClockGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={clockPath} />\n    </Glyph>;\n}\n\n// What a meter in the negative tone draws beside its value: an exclamation\n// mark in a filled circle — see `CheckCircleGlyph`.\nfunction ErrorGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={errorPath} />\n    </Glyph>;\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, the colour it\n * takes from the text around it, and its box. The call site's `className`\n * and `style` are merged with the glyph's own rather than replacing them.\n */\nfunction Glyph({\n  children,\n  ...props\n}: GlyphProps & {\n  children: ReactNode;\n}) {\n  return <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox={`0 0 ${gridSize} ${gridSize}`} {...props} {...mergeStyles(stylex.props(glyphStyles.glyph), props)}>\n      {children}\n    </svg>;\n}\n\n// What the time picker's dial draws on the button that switches it to typed\n// entry.\nfunction KeyboardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={keyboardPath} />\n    </Glyph>;\n}\n\n// The same rule stands for a partly selected checkbox and for a stepper's\n// decrement; the two names say which is meant at the call site.\nfunction MinusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={minusPath} />\n    </Glyph>;\n}\nconst IndeterminateGlyph = MinusGlyph;\n\n// Points down at the menu a split button's second half opens.\nfunction ChevronDownGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={chevronDownPath} />\n    </Glyph>;\n}\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so whatever renders it mirrors it under a right-to-left\n// writing mode — the glyph itself carries no direction of its own, since a\n// transform here would be an inline style.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={chevronEndPath} />\n    </Glyph>;\n}\nfunction CloseGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={closePath} />\n    </Glyph>;\n}\n\n// What an avatar with no name to take initials from draws: Material Design's\n// anonymous person, a head over shoulders.\nfunction PersonGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={personPath} />\n    </Glyph>;\n}\nfunction PlusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={plusPath} />\n    </Glyph>;\n}\nfunction SearchGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d={searchPath} />\n    </Glyph>;\n}\nexport { ArrowBackGlyph, ArrowDownwardGlyph, ArrowDropDownGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckCircleGlyph, CheckGlyph, ChevronDownGlyph, ChevronEndGlyph, ClockGlyph, CloseGlyph, ErrorGlyph, IndeterminateGlyph, KeyboardGlyph, MinusGlyph, PersonGlyph, PlusGlyph, SearchGlyph };"],"mappings":";;;;;;;AAgCA,SAAA0B,eAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAAS5B,GAAAA,cAAa,CAAA;EAAI0B,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADvBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAOZ,SAAAC,mBAAAP,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAAS3B,GAAAA,kBAAiB,CAAA;EAAIyB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EAD3BM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAKZ,SAAAE,mBAAAR,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAAS1B,GAAAA,kBAAiB,CAAA;EAAIwB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EAD3BM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAEZ,SAAAG,iBAAAT,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASzB,GAAAA,gBAAe,CAAA;EAAIuB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADzBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAIZ,SAAAI,cAAAV,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASxB,GAAAA,aAAY,CAAA;EAAIsB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADtBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAMZ,SAAAK,iBAAAX,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASvB,GAAAA,gBAAe,CAAA;EAAIqB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADzBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAEZ,SAAAM,WAAAZ,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAAStB,GAAAA,UAAS,CAAA;EAAIoB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADnBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAKZ,SAAAO,WAAAb,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASnB,GAAAA,UAAS,CAAA;EAAIiB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADnBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAKZ,SAAAQ,WAAAd,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASjB,GAAAA,UAAS,CAAA;EAAIe,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADnBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;;;;;;AAQZ,SAAAS,MAAAZ,IAAA;CAAA,MAAAF,IAAAC,EAAA,EAAA;CAAA,IAAAc;CAAA,IAAAV;CAAA,IAAAW;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAnB,EAAA,OAAAE,IAAA;EAAe,MAAA,EAAAa,UAAAK,IAAA,GAAArB,YAAAG;EAAAa,WAAAK;EAMWf,KAAA;EAAYW,KAAA;EAAwBC,KAAA;EAAmClB,KAAAA;EAAWoB,KAAA1B,YAAYD,MAAaE,YAAW2B,KAAM,GAAGtB,OAAK;EAACC,EAAA,KAAAE;EAAAF,EAAA,KAAAe;EAAAf,EAAA,KAAAK;EAAAL,EAAA,KAAAgB;EAAAhB,EAAA,KAAAiB;EAAAjB,EAAA,KAAAkB;EAAAlB,EAAA,KAAAmB;CAAA,OAAA;EAAAJ,WAAAf,EAAA;EAAAK,KAAAL,EAAA;EAAAgB,KAAAhB,EAAA;EAAAiB,KAAAjB,EAAA;EAAAkB,KAAAlB,EAAA;EAAAmB,KAAAnB,EAAA;CAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,OAAAe,YAAAf,EAAA,OAAAK,MAAAL,EAAA,OAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;EAAtJC,KAAA,oBAAA,OAAA;GAAiB,eAAAf;GAAY,MAAAW;GAAwB,SAAAC;GAA6B,GAAMlB;GAAK,GAAMoB;GACrGJ;EACG,CAAA;EAAAf,EAAA,KAAAe;EAAAf,EAAA,KAAAK;EAAAL,EAAA,KAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAAA,OAFDoB;AAEC;AAKV,SAAAE,cAAAvB,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASf,GAAAA,aAAY,CAAA;EAAIa,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADtBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAKZ,SAAAkB,WAAAxB,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASd,GAAAA,UAAS,CAAA;EAAIY,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADnBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAEZ,MAAMmB,qBAAqBD;AAG3B,SAAAE,iBAAA1B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASrB,GAAAA,gBAAe,CAAA;EAAImB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADzBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAOZ,SAAAqB,gBAAA3B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASpB,GAAAA,eAAc,CAAA;EAAIkB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADxBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAEZ,SAAAsB,WAAA5B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASlB,GAAAA,UAAS,CAAA;EAAIgB,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADnBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAKZ,SAAAuB,YAAA7B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASb,GAAAA,WAAU,CAAA;EAAIW,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADpBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAEZ,SAAAwB,UAAA9B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASZ,GAAAA,SAAQ,CAAA;EAAIU,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADlBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG;AAEZ,SAAAyB,YAAA/B,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAEMF,KAAA,oBAAA,QAAA,EAASX,GAAAA,WAAU,CAAA;EAAIS,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAD,OAAA;EADpBM,KAAA,oBAAC,OAAD;GAAM,GAAKN;GACdG,UAAAA;EADS,CAAA;EAEHF,EAAA,KAAAD;EAAAC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,OAFHK;AAEG"}

package/dist/index.d.ts

@@ -87,6 +87,6 @@ import "./components/index.js";
 import { collectionSizes } from "./layout.js";
 import { useDragAndDrop } from "./drag/hooks.js";
 import { Collection, DIRECTORY_DRAG_TYPE, Focusable, FocusableElement, GridLayout, HoverEvent, I18nProvider, Key, KeyboardEvent, ListLayout, PressEvent, Pressable, RouterProvider, Selection, SharedElement, SharedElementTransition, SortDescriptor, TableLayout, TokenFieldValue, Virtualizer, VisuallyHidden, WaterfallLayout, getColorChannels, isDirectoryDropItem, isFileDropItem, isTextDropItem, parseColor, useAsyncList, useDrag, useDrop, useFilter, useListData, useLocale, useTreeData } from "./react-aria.js";
-import { KuiTheme } from "./tokens/theme.js";
+import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
 import { ThemeScope, ThemeScopeProps } from "./theme-scope.js";
 export { AppBar, type AppBarProps, type AppBarScroll, type AppBarScrollOptions, Autocomplete, type AutocompleteFilter, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonGroupVariant, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardProps, type CardVariant, Carousel, CarouselItem, type CarouselItemProps, type CarouselLayout, type CarouselProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipActionProps, type ChipFilterProps, ChipGroup, ChipGroupChip, type ChipGroupChipProps, type ChipGroupProps, type ChipProps, type ChipVariant, Code, type CodeProps, Collection, ColorArea, type ColorAreaProps, ColorField, type ColorFieldProps, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, ColorSwatch, ColorSwatchPicker, ColorSwatchPickerItem, type ColorSwatchPickerItemProps, type ColorSwatchPickerProps, type ColorSwatchProps, ColorWheel, type ColorWheelProps, ComboBox, type ComboBoxProps, type ComboBoxSelectionMode, Container, type ContainerProps, CopyField, type CopyFieldProps, Currency, type CurrencyDisplay, type CurrencyNotation, type CurrencyProps, type CurrencySignDisplay, type CurrencyTone, DIRECTORY_DRAG_TYPE, DateField, type DateFieldProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dialog, DialogBody, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogProps, DialogTitle, type DialogTitleProps, Disclosure, DisclosureGroup, type DisclosureGroupProps, DisclosureHeader, type DisclosureHeaderProps, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps, DropZone, type DropZoneProps, Fab, FabMenu, FabMenuItem, type FabMenuItemProps, type FabMenuProps, type FabProps, type FabSize, type FabTone, type FabVariant, Feed, type FeedProps, type FieldVariant, FileTrigger, type FileTriggerProps, Focusable, type FocusableElement, Form, type FormProps, GridLayout, type HoverEvent, I18nProvider, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type Key, type KeyboardEvent, Keycap, type KeycapProps, type KuiTheme, Link, type LinkProps, type LinkTone, type LinkUnderline, List, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxLoadMore, type ListBoxLoadMoreProps, type ListBoxProps, ListBoxSection, type ListBoxSectionProps, ListDetail, type ListDetailProps, ListItem, type ListItemProps, ListLayout, ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps, LoadingIndicator, type LoadingIndicatorProps, Menu, type MenuAlign, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, Meter, type MeterProps, type MeterTone, NavigationBar, NavigationBarItem, type NavigationItemProps as NavigationBarItemProps, type NavigationBarProps, NavigationRail, NavigationRailItem, type NavigationItemProps as NavigationRailItemProps, type NavigationRailProps, NavigationTree, NavigationTreeItem, type NavigationTreeItemProps, type NavigationTreeProps, NavigationTreeSection, type NavigationTreeSectionProps, NumberField, type NumberFieldProps, Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, type PopoverProps, type PopoverSide, type PopoverSize, PopoverTitle, type PopoverTitleProps, type PopoverTrigger, type PressEvent, Pressable, ProductIcon, type ProductIconProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorShape, type ProgressIndicatorTone, type ProgressIndicatorVariant, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RangeCalendar, type RangeCalendarProps, RouterProvider, SearchField, type SearchFieldProps, SearchView, SearchViewContent, type SearchViewContentProps, type SearchViewProps, SegmentedButton, type SegmentedButtonProps, SegmentedButtonSegment, type SegmentedButtonSegmentProps, Select, type SelectProps, type Selection, Separator, type SeparatorInset, type SeparatorProps, SharedElement, SharedElementTransition, Sheet, SheetBody, SheetContent, type SheetContentProps, SheetFooter, SheetHandle, SheetHeader, type SheetProps, SheetTitle, type SheetTitleProps, Slider, type SliderProps, type SliderSize, Snackbar, type SnackbarAction, type SnackbarMessage, type SnackbarOptions, type SnackbarProps, type SnackbarQueue, type ToastRegionRenderProps as SnackbarRegionRenderProps, type SortDescriptor, SplitButton, SplitButtonAction, type SplitButtonActionProps, SplitButtonMenu, type SplitButtonMenuProps, type SplitButtonProps, type SplitButtonVariant, Stack, type StackAlign, type StackGap, type StackJustify, type StackProps, SupportingPane, type SupportingPaneProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableLayout, TableLoadMore, type TableLoadMoreProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsLayout, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsPanels, type TabsPanelsProps, type TabsProps, TabsTab, type TabsTabProps, type TabsVariant, Tag, type TagProps, type TagTone, type TagVariant, Text, TextArea, type TextAreaProps, TextField, type TextFieldProps, type TextProps, ThemeScope, type ThemeScopeProps, TimeField, type TimeFieldProps, TimePicker, type TimePickerMode, type TimePickerProps, TokenField, type TokenFieldProps, TokenFieldValue, type TokenSegment, Toolbar, type ToolbarProps, type ToolbarTone, Tooltip, type TooltipAlign, type TooltipProps, type TooltipSide, Tree, TreeItem, type TreeItemProps, TreeLoadMore, type TreeLoadMoreProps, type TreeProps, TreeSection, type TreeSectionProps, Virtualizer, VisuallyHidden, WaterfallLayout, collectionSizes, colorScheme, getColorChannels, isDirectoryDropItem, isFileDropItem, isTextDropItem, parseColor, themeScope, useAppBarScroll, useAsyncList, useDrag, useDragAndDrop, useDrop, useFilter, useListData, useLocale, useTreeData };

package/dist/{tokens/theme.d.ts → kanso-ui-core/defaults-DMH0HWCw.d.ts}

@@ -1,4 +1,4 @@
-//#region src/tokens/theme.d.ts
+//#region node_modules/@kanso-labs/kanso-ui-core/dist/defaults-DMH0HWCw.d.ts
 /**
  * A theme: any of the `--kui-*` custom properties `tokens.css` lists, each set
  * to a value in CSS syntax. Hand one to `ThemeScope`'s `theme` prop, and every
@@ -391,5 +391,5 @@ type KuiTheme = {
   readonly '--kui-typography-weight-regular'?: string;
 };
 //#endregion
-export type { KuiTheme };
-//# sourceMappingURL=theme.d.ts.map
+export { KuiTheme as t };
+//# sourceMappingURL=defaults-DMH0HWCw.d.ts.map

package/dist/kanso-ui-core/glyphs.js

@@ -0,0 +1,48 @@
+//#region node_modules/@kanso-labs/kanso-ui-core/dist/glyphs.js
+/** An arrow pointing back, at the page a view returns to. */
+const arrowBackPath = "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z";
+/** An arrow pointing down, for a column sorted in descending order. */
+const arrowDownwardPath = "M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z";
+/** A small solid triangle pointing down, at the list a menu button opens. */
+const arrowDropDownPath = "M7 10l5 5 5-5z";
+/** An arrow pointing up, for a column sorted in ascending order. */
+const arrowUpwardPath = "M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z";
+/** A calendar, which a date is picked from. */
+const calendarPath = "M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z";
+/**
+* A check in a filled circle. It shares its outline with `errorPath`, so the
+* two differ by the mark inside rather than by their colour alone.
+*/
+const checkCirclePath = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z";
+/** A check mark, as a selected checkbox shows. */
+const checkPath = "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z";
+/** A chevron pointing down, at the menu a button opens. */
+const chevronDownPath = "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z";
+/**
+* A chevron pointing onward, at what an item opens, such as a submenu. It is
+* drawn pointing right, the onward direction in a left-to-right layout.
+*/
+const chevronEndPath = "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z";
+/** A clock face, which a time is picked from. */
+const clockPath = "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z";
+/** A cross, which closes or clears. */
+const closePath = "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z";
+/** An exclamation mark in a filled circle; see `checkCirclePath`. */
+const errorPath = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z";
+/** A keyboard, which switches a picker to typed entry. */
+const keyboardPath = "M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z";
+/**
+* A horizontal rule, which stands both for a partly selected checkbox and for
+* a stepper's decrement.
+*/
+const minusPath = "M19 13H5v-2h14v2z";
+/** Material Design's anonymous person, a head over shoulders. */
+const personPath = "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z";
+/** A plus, as a stepper's increment shows. */
+const plusPath = "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z";
+/** A magnifier, as a search field shows. */
+const searchPath = "M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z";
+//#endregion
+export { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, keyboardPath, minusPath, personPath, plusPath, searchPath };
+
+//# sourceMappingURL=glyphs.js.map

package/dist/kanso-ui-core/glyphs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyphs.js","names":[],"sources":["../../node_modules/@kanso-labs/kanso-ui-core/dist/glyphs.js"],"sourcesContent":["// src/glyphs.ts\n/** The side of the square grid every path below is drawn on. */\nconst gridSize = 24;\n/** An arrow pointing back, at the page a view returns to. */\nconst arrowBackPath = \"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\";\n/** An arrow pointing down, for a column sorted in descending order. */\nconst arrowDownwardPath = \"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\";\n/** A small solid triangle pointing down, at the list a menu button opens. */\nconst arrowDropDownPath = \"M7 10l5 5 5-5z\";\n/** An arrow pointing up, for a column sorted in ascending order. */\nconst arrowUpwardPath = \"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\";\n/** A calendar, which a date is picked from. */\nconst calendarPath = \"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\";\n/**\n* A check in a filled circle. It shares its outline with `errorPath`, so the\n* two differ by the mark inside rather than by their colour alone.\n*/\nconst checkCirclePath = \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\";\n/** A check mark, as a selected checkbox shows. */\nconst checkPath = \"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\";\n/** A chevron pointing down, at the menu a button opens. */\nconst chevronDownPath = \"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\";\n/**\n* A chevron pointing onward, at what an item opens, such as a submenu. It is\n* drawn pointing right, the onward direction in a left-to-right layout.\n*/\nconst chevronEndPath = \"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\";\n/** A clock face, which a time is picked from. */\nconst clockPath = \"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\";\n/** A cross, which closes or clears. */\nconst closePath = \"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\";\n/** An exclamation mark in a filled circle; see `checkCirclePath`. */\nconst errorPath = \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\";\n/** A keyboard, which switches a picker to typed entry. */\nconst keyboardPath = \"M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z\";\n/**\n* A horizontal rule, which stands both for a partly selected checkbox and for\n* a stepper's decrement.\n*/\nconst minusPath = \"M19 13H5v-2h14v2z\";\n/** Material Design's anonymous person, a head over shoulders. */\nconst personPath = \"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\";\n/** A plus, as a stepper's increment shows. */\nconst plusPath = \"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\";\n/** A magnifier, as a search field shows. */\nconst searchPath = \"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\";\nexport { arrowBackPath, arrowDownwardPath, arrowDropDownPath, arrowUpwardPath, calendarPath, checkCirclePath, checkPath, chevronDownPath, chevronEndPath, clockPath, closePath, errorPath, gridSize, keyboardPath, minusPath, personPath, plusPath, searchPath };\n\n//# sourceMappingURL=glyphs.js.map"],"ignoreList":[0],"mappings":";;AAIA,MAAM,gBAAgB;;AAEtB,MAAM,oBAAoB;;AAE1B,MAAM,oBAAoB;;AAE1B,MAAM,kBAAkB;;AAExB,MAAM,eAAe;;;;;AAKrB,MAAM,kBAAkB;;AAExB,MAAM,YAAY;;AAElB,MAAM,kBAAkB;;;;;AAKxB,MAAM,iBAAiB;;AAEvB,MAAM,YAAY;;AAElB,MAAM,YAAY;;AAElB,MAAM,YAAY;;AAElB,MAAM,eAAe;;;;;AAKrB,MAAM,YAAY;;AAElB,MAAM,aAAa;;AAEnB,MAAM,WAAW;;AAEjB,MAAM,aAAa"}

package/dist/theme-scope.d.ts

@@ -1,5 +1,5 @@
 import { RenderComponentProps } from "./render/useRender.js";
-import { KuiTheme } from "./tokens/theme.js";
+import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
 //#region src/theme-scope.d.ts
 type ThemeScopeProps = RenderComponentProps<'div'> & {
   /**

package/dist/theme-scope.js

@@ -2,13 +2,13 @@
 import { props } from "./node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from "./tokens/design.tokens.stylex.js";
 import { pinnedScheme } from "./styles/scheme.js";
-import { mergeRefs } from "./render/ref.js";
 import { useRender } from "./render/useRender.js";
 import { mergeStyles } from "./styles/merge.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { UNSAFE_PortalProvider } from "react-aria/PortalProvider";
+import { useIsSSR } from "react-aria/SSRProvider";
 //#region src/theme-scope.tsx
 const styles = { root: {
 	kB7OPa: "x9f619",
@@ -19,7 +19,13 @@ const schemes = {
 	light: colorDefaultsLightTheme
 };
 const containerClassName = { className: "x9f619 xjp7ctv" }.className ?? "";
-const containers = /* @__PURE__ */ new WeakMap();
+/** The overlays' container, or nothing where there is no document. */
+function makeContainer() {
+	if (typeof document === "undefined") return null;
+	const made = document.createElement("div");
+	made.className = containerClassName;
+	return made;
+}
 /**
 * Themes what is inside it, overlays included.
 *
@@ -64,116 +70,86 @@ const containers = /* @__PURE__ */ new WeakMap();
 * applied around it in any other way stops at its edge.
 */
 function ThemeScope(t0) {
-	const $ = c(29);
-	let children;
-	let props$1;
-	let render;
-	let scheme;
-	let theme;
-	if ($[0] !== t0) {
-		({children, render, scheme, theme, ...props$1} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = props$1;
-		$[3] = render;
-		$[4] = scheme;
-		$[5] = theme;
-	} else {
-		children = $[1];
-		props$1 = $[2];
-		render = $[3];
-		scheme = $[4];
-		theme = $[5];
-	}
-	const [container, setContainer] = useState(null);
+	const $ = c(21);
+	const { children, render, scheme, theme, ...props$1 } = t0;
+	const [container] = useState(makeContainer);
+	const isSSR = useIsSSR();
 	let t1;
-	if ($[6] !== container) {
-		t1 = () => container;
-		$[6] = container;
-		$[7] = t1;
-	} else t1 = $[7];
+	if ($[0] !== container || $[1] !== isSSR) {
+		t1 = () => isSSR ? null : container;
+		$[0] = container;
+		$[1] = isSSR;
+		$[2] = t1;
+	} else t1 = $[2];
 	const getContainer = t1;
 	let t2;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = (scope) => {
-			if (scope === null) return;
-			let made = containers.get(scope);
-			if (made === void 0) {
-				made = scope.ownerDocument.createElement("div");
-				made.className = containerClassName;
-				scope.append(made);
-				containers.set(scope, made);
-			}
-			setContainer(made);
+	if ($[3] !== container) {
+		t2 = (marker) => {
+			const scope = marker?.parentElement ?? null;
+			if (marker === null || scope === null || container === null) return;
+			if (container.parentElement !== scope) scope.append(container);
+			marker.remove();
 		};
-		$[8] = t2;
-	} else t2 = $[8];
-	const attach = t2;
-	const t3 = props$1.ref ?? void 0;
-	let t4;
-	if ($[9] !== t3) {
-		t4 = mergeRefs(attach, t3);
-		$[9] = t3;
-		$[10] = t4;
-	} else t4 = $[10];
-	const ref = t4;
+		$[3] = container;
+		$[4] = t2;
+	} else t2 = $[4];
+	const place = t2;
+	const t3 = "div";
+	const t4 = mergeStyles(props(styles.root, tokenScope, scheme !== void 0 && schemes[scheme], scheme !== void 0 && pinnedScheme[scheme]), theme === void 0 ? props$1 : {
+		...props$1,
+		style: {
+			...theme,
+			...props$1.style
+		}
+	});
 	let t5;
-	if ($[11] !== props$1 || $[12] !== scheme || $[13] !== theme) {
-		let t6;
-		if ($[15] !== props$1 || $[16] !== theme) {
-			t6 = theme === void 0 ? props$1 : {
-				...props$1,
-				style: {
-					...theme,
-					...props$1.style
-				}
-			};
-			$[15] = props$1;
-			$[16] = theme;
-			$[17] = t6;
-		} else t6 = $[17];
-		t5 = mergeStyles(props(styles.root, tokenScope, scheme !== void 0 && schemes[scheme], scheme !== void 0 && pinnedScheme[scheme]), t6);
-		$[11] = props$1;
-		$[12] = scheme;
-		$[13] = theme;
-		$[14] = t5;
-	} else t5 = $[14];
+	if ($[5] !== isSSR || $[6] !== place) {
+		t5 = !isSSR && /* @__PURE__ */ jsx("template", { ref: place });
+		$[5] = isSSR;
+		$[6] = place;
+		$[7] = t5;
+	} else t5 = $[7];
 	let t6;
-	if ($[18] !== children || $[19] !== getContainer) {
+	if ($[8] !== children || $[9] !== getContainer) {
 		t6 = /* @__PURE__ */ jsx(UNSAFE_PortalProvider, {
 			getContainer,
 			children
 		});
-		$[18] = children;
-		$[19] = getContainer;
-		$[20] = t6;
-	} else t6 = $[20];
+		$[8] = children;
+		$[9] = getContainer;
+		$[10] = t6;
+	} else t6 = $[10];
 	let t7;
-	if ($[21] !== props$1 || $[22] !== ref || $[23] !== t5 || $[24] !== t6) {
-		t7 = {
-			...props$1,
-			ref,
-			...t5,
-			children: t6
-		};
-		$[21] = props$1;
-		$[22] = ref;
-		$[23] = t5;
-		$[24] = t6;
-		$[25] = t7;
-	} else t7 = $[25];
+	if ($[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t5, t6] });
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
 	let t8;
-	if ($[26] !== render || $[27] !== t7) {
+	if ($[14] !== props$1 || $[15] !== t4 || $[16] !== t7) {
 		t8 = {
-			defaultTagName: "div",
-			props: t7,
+			...props$1,
+			...t4,
+			children: t7
+		};
+		$[14] = props$1;
+		$[15] = t4;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== render || $[19] !== t8) {
+		t9 = {
+			defaultTagName: t3,
+			props: t8,
 			render
 		};
-		$[26] = render;
-		$[27] = t7;
-		$[28] = t8;
-	} else t8 = $[28];
-	return useRender(t8);
+		$[18] = render;
+		$[19] = t8;
+		$[20] = t9;
+	} else t9 = $[20];
+	return useRender(t9);
 }
 //#endregion
 export { ThemeScope };

package/dist/theme-scope.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-scope.js","names":["c","_c","stylex","useCallback","useMemo","useState","UNSAFE_PortalProvider","PortalProvider","RenderComponentProps","KuiTheme","mergeRefs","useRender","mergeStyles","pinnedScheme","colorDefaultsDarkTheme","colorDefaultsLightTheme","tokenScope","styles","root","kB7OPa","$$css","schemes","dark","light","ThemeScopeProps","scheme","theme","containerClassName","className","containers","WeakMap","Element","HTMLDivElement","ThemeScope","t0","$","children","props","render","container","setContainer","t1","getContainer","t2","Symbol","for","scope","made","get","undefined","ownerDocument","createElement","append","set","attach","t3","ref","t4","t5","t6","style","t7","t8","defaultTagName","_c","props","stylex.props","PortalProvider"],"sources":["../src/theme-scope.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useMemo, useState } from 'react';\nimport { UNSAFE_PortalProvider as PortalProvider } from 'react-aria/PortalProvider';\nimport type { RenderComponentProps } from './render/useRender';\nimport type { KuiTheme } from './tokens/theme';\nimport { mergeRefs } from './render/ref';\nimport { useRender } from './render/useRender';\nimport { mergeStyles } from './styles/merge';\nimport { pinnedScheme } from './styles/scheme';\nimport { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from './tokens/design.tokens.stylex';\n\n// The component form of `themeScope` and `colorScheme` in ./color-scheme.ts:\n// the same classes, on an element of its own, plus the one thing a class\n// cannot do — take the overlays along. A pinned scheme paints the scope's\n// surface and sets its `color-scheme` too; see src/styles/scheme.ts.\n//\n// React Aria portals every overlay to the end of `<body>` unless a portal\n// provider names another container, so a popover, a sheet, a tooltip or a\n// toast opened inside a themed element renders outside it, and keeps the\n// tokens of the page. The container here is inside the scope's own element,\n// which is what makes the overlays inherit whatever the scope inherits: its\n// scheme, and the `--kui-*` overrides declared on it or on any element around\n// it. A container appended to the body and given the scope's classes would\n// carry the classes alone, losing every override declared above the scope.\n//\n// It is appended to the scope's element once that element is in the document,\n// rather than rendered as one of its children. A rendered `<div>` was a child\n// of whatever the scope rendered as, so a scope rendered as a `<p>` drew\n// React's nesting error and a hydration warning, and the server's markup held\n// a `<div>` inside it. Appended, it is in neither React's tree nor the\n// server's markup, and it is there before anything can open into it.\n//\n// `display: contents` keeps that container out of the layout, so a scope\n// that is a grid or a flex container gains no item and no gap from it. React\n// Aria positions an overlay against the overlay's own containing block rather\n// than the container's box, so a container with no box of its own changes\n// nothing about where a popover lands. It is still an element, so a selector\n// that counts the scope's children counts it; the description below says\n// what that changes for a call site.\nconst styles = {\n  root: {\n    kB7OPa: \"x9f619\",\n    $$css: true\n  }\n};\nconst schemes = {\n  dark: colorDefaultsDarkTheme,\n  light: colorDefaultsLightTheme\n};\ntype ThemeScopeProps = RenderComponentProps<'div'> & {\n  /**\n   * Pins the scope to the library's light or dark scheme, whatever the\n   * reader's OS asks for. A pinned scope paints its own surface and text in\n   * that scheme and sets `color-scheme` for the native controls inside, so\n   * it reads on any page. Left unset, the scope paints nothing and keeps the\n   * scheme around it: the one an enclosing scope or a `colorScheme` class\n   * pins, on the `<html>` element or nearer, or else the OS's.\n   */\n  scheme?: 'dark' | 'light' | undefined;\n  /**\n   * `--kui-*` overrides for everything inside, as a map of the custom\n   * properties `tokens.css` lists to CSS values. The scope declares them on\n   * its own element, as an override in `style` would be, with `style` winning\n   * where the two set the same property.\n   *\n   * The values hold for both schemes. To give light and dark a value each,\n   * keep two maps and hand the scope the one for the scheme in use.\n   */\n  theme?: KuiTheme | undefined;\n};\n\n// The container's class, the one thing it carries: it is made with\n// `createElement`, which takes no props.\nconst containerClassName = {\n  className: \"x9f619 xjp7ctv\"\n}.className ?? '';\n\n// The container made for each scope's element. A ref attaches again whenever\n// the call site hands a ref of a new identity, and a new container each time\n// would move every open overlay into it, which remounts them. So the one an\n// element already holds is kept as it is — not even appended again, since\n// moving a node blurs whatever inside it has focus — and a new one is made\n// only for a new element, as when `render` changes the tag. React removes an\n// old element with its container in it, and the map lets both go.\nconst containers = new WeakMap<Element, HTMLDivElement>();\n\n/**\n * Themes what is inside it, overlays included.\n *\n * A `--kui-*` override declared on the scope — through `theme`, `className`\n * or `style` — or on any element around it reaches every component inside,\n * where on any element but `<html>` it would otherwise reach none, since the\n * tokens resolve once on `:root`. Popovers, sheets, tooltips and toasts\n * opened inside portal into the scope rather than into the body, so they\n * follow it too. The rest of the page keeps its own tokens.\n *\n * ```tsx\n * const accent: KuiTheme = { '--kui-color-primary': '#7d5260' }\n *\n * <ThemeScope scheme=\"dark\" theme={accent}>\n *   <Select label=\"Label\">…</Select>\n * </ThemeScope>\n * ```\n *\n * Because the overlays render inside the scope, an ancestor that confines\n * its descendants confines them too: a `transform` or a `filter` makes a\n * sheet's fixed scrim cover that ancestor rather than the viewport, and\n * `overflow: hidden` with a position clips a popover. Put the scope around\n * such an element rather than inside it.\n *\n * `render` swaps the element, for a scope that should be a `<main>`, a\n * `<section>`, an `<article>`, or the `<body>` itself — any element that\n * takes flow content, as a `<div>` does. The overlays' container is a\n * `<div>` added inside the scope's element, so an element whose content is\n * restricted — a list, whose children have to be list items, a paragraph,\n * or a part of a table — is not a scope: put the scope around it instead.\n *\n * That container comes after whatever the scope renders, and it has no box,\n * so layout never sees it, but selectors do. Inside the scope the last\n * element the call site rendered is not `:last-child` and is counted wrong\n * by `:nth-last-child()`, a lone child is not `:only-child`, and a scope\n * with nothing in it is not `:empty`. Key a rule like that on something of\n * the call site's own, such as a class, or put the scope around the element\n * whose children it counts.\n *\n * What reaches a scope from around it is the scheme and the `--kui-*`\n * properties. It resolves every token again from those two, so a theme\n * applied around it in any other way stops at its edge.\n */\nfunction ThemeScope({\n  children,\n  render,\n  scheme,\n  theme,\n  ...props\n}: ThemeScopeProps) {\n  // State rather than a ref, so the overlays render again once the container\n  // exists. React Aria renders an overlay nowhere while `getContainer` hands\n  // back nothing, and one open on the scope's first render would otherwise\n  // stay that way.\n  const [container, setContainer] = useState<HTMLDivElement | null>(null);\n  const getContainer = useCallback(() => container, [container]);\n  const attach = useCallback((scope: HTMLDivElement | null) => {\n    if (scope === null) {\n      return;\n    }\n    let made = containers.get(scope);\n    if (made === undefined) {\n      made = scope.ownerDocument.createElement('div');\n      made.className = containerClassName;\n      scope.append(made);\n      containers.set(scope, made);\n    }\n    setContainer(made);\n  }, []);\n  // The call site's ref lands on the same element. Read off `props` rather\n  // than destructured, as `useRender` reads it, so the compiler sees a prop\n  // holding still rather than a ref read during render.\n  const ref = useMemo(() => mergeRefs(attach, props.ref ?? undefined), [attach, props.ref]);\n  return useRender({\n    defaultTagName: 'div',\n    props: {\n      ...props,\n      ref,\n      ...mergeStyles(stylex.props(styles.root, tokenScope, scheme !== undefined && schemes[scheme], scheme !== undefined && pinnedScheme[scheme]), theme === undefined ? props : {\n        ...props,\n        style: {\n          ...theme,\n          ...props.style\n        }\n      }),\n      children: <PortalProvider getContainer={getContainer}>{children}</PortalProvider>\n    },\n    render\n  });\n}\nexport type { KuiTheme } from './tokens/theme';\nexport type { ThemeScopeProps };\nexport { ThemeScope };"],"mappings":"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"}
+{"version":3,"file":"theme-scope.js","names":["c","_c","KuiTheme","stylex","useCallback","useState","UNSAFE_PortalProvider","PortalProvider","useIsSSR","RenderComponentProps","useRender","mergeStyles","pinnedScheme","colorDefaultsDarkTheme","colorDefaultsLightTheme","tokenScope","styles","root","kB7OPa","$$css","schemes","dark","light","ThemeScopeProps","scheme","theme","containerClassName","className","makeContainer","document","made","createElement","ThemeScope","t0","$","children","render","props","container","isSSR","t1","getContainer","t2","marker","scope","parentElement","append","remove","place","t3","t4","undefined","style","t5","t6","t7","t8","t9","defaultTagName","_c","props","stylex.props","PortalProvider"],"sources":["../src/theme-scope.tsx"],"sourcesContent":["'use client';\n\nimport type { KuiTheme } from '@kanso-labs/kanso-ui-core';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useState } from 'react';\nimport { UNSAFE_PortalProvider as PortalProvider } from 'react-aria/PortalProvider';\nimport { useIsSSR } from 'react-aria/SSRProvider';\nimport type { RenderComponentProps } from './render/useRender';\nimport { useRender } from './render/useRender';\nimport { mergeStyles } from './styles/merge';\nimport { pinnedScheme } from './styles/scheme';\nimport { colorDefaultsDarkTheme, colorDefaultsLightTheme, tokenScope } from './tokens/design.tokens.stylex';\n\n// The component form of `themeScope` and `colorScheme` in ./color-scheme.ts:\n// the same classes, on an element of its own, plus the one thing a class\n// cannot do — take the overlays along. A pinned scheme paints the scope's\n// surface and sets its `color-scheme` too; see src/styles/scheme.ts.\n//\n// React Aria portals every overlay to the end of `<body>` unless a portal\n// provider names another container, so a popover, a sheet, a tooltip or a\n// toast opened inside a themed element renders outside it, and keeps the\n// tokens of the page. The container here is inside the scope's own element,\n// which is what makes the overlays inherit whatever the scope inherits: its\n// scheme, and the `--kui-*` overrides declared on it or on any element around\n// it. A container appended to the body and given the scope's classes would\n// carry the classes alone, losing every override declared above the scope.\n//\n// It is appended to the scope's element rather than rendered as one of its\n// children. A rendered `<div>` was a child of whatever the scope rendered as,\n// so a scope rendered as a `<p>` drew React's nesting error and a hydration\n// warning, and the server's markup held a `<div>` inside it. Appended, it is\n// in neither React's tree nor the server's markup.\n//\n// It has to be in place before anything inside the scope runs a layout\n// effect, which is earlier than the scope's own ref: React attaches an\n// element's ref once everything inside it has run its layout effects. An\n// overlay open on the scope's first render reads its own element in one of\n// those effects, once — React Aria decides there whether a popover is a\n// dialog, and hides or makes inert the page behind a modal — so an overlay\n// mounted a render late, or into a container not yet in the document, gets\n// those wrong for as long as it stays open: a hover popover kept a second,\n// unnamed dialog role around its own, and a sheet left the page behind it\n// reachable. So the container is made on the first render and handed out\n// from it, and a `<template>` rendered ahead of the children appends it,\n// since its ref attaches before anything after it runs an effect. The\n// template then removes itself, so the call site's children keep their\n// places for `:first-child` and `:nth-child`. React never inserts anything\n// before it and only ever removes it along with the scope's element, so\n// nothing reaches for it once it is gone.\n//\n// Nothing is handed out while the page hydrates, as React Aria hands out\n// nothing then either: the server rendered no overlay, so a portal would be\n// a mismatch. One open from the start renders once hydration is over, as it\n// would outside a scope.\n//\n// `display: contents` keeps that container out of the layout, so a scope\n// that is a grid or a flex container gains no item and no gap from it. React\n// Aria positions an overlay against the overlay's own containing block rather\n// than the container's box, so a container with no box of its own changes\n// nothing about where a popover lands. It is still an element, so a selector\n// that counts the scope's children counts it; the description below says\n// what that changes for a call site.\nconst styles = {\n  root: {\n    kB7OPa: \"x9f619\",\n    $$css: true\n  }\n};\nconst schemes = {\n  dark: colorDefaultsDarkTheme,\n  light: colorDefaultsLightTheme\n};\ntype ThemeScopeProps = RenderComponentProps<'div'> & {\n  /**\n   * Pins the scope to the library's light or dark scheme, whatever the\n   * reader's OS asks for. A pinned scope paints its own surface and text in\n   * that scheme and sets `color-scheme` for the native controls inside, so\n   * it reads on any page. Left unset, the scope paints nothing and keeps the\n   * scheme around it: the one an enclosing scope or a `colorScheme` class\n   * pins, on the `<html>` element or nearer, or else the OS's.\n   */\n  scheme?: 'dark' | 'light' | undefined;\n  /**\n   * `--kui-*` overrides for everything inside, as a map of the custom\n   * properties `tokens.css` lists to CSS values. The scope declares them on\n   * its own element, as an override in `style` would be, with `style` winning\n   * where the two set the same property.\n   *\n   * The values hold for both schemes. To give light and dark a value each,\n   * keep two maps and hand the scope the one for the scheme in use.\n   */\n  theme?: KuiTheme | undefined;\n};\n\n// The container's class, the one thing it carries: it is made with\n// `createElement`, which takes no props.\nconst containerClassName = {\n  className: \"x9f619 xjp7ctv\"\n}.className ?? '';\n\n/** The overlays' container, or nothing where there is no document. */\nfunction makeContainer() {\n  if (typeof document === 'undefined') {\n    return null;\n  }\n  const made = document.createElement('div');\n  made.className = containerClassName;\n  return made;\n}\n\n/**\n * Themes what is inside it, overlays included.\n *\n * A `--kui-*` override declared on the scope — through `theme`, `className`\n * or `style` — or on any element around it reaches every component inside,\n * where on any element but `<html>` it would otherwise reach none, since the\n * tokens resolve once on `:root`. Popovers, sheets, tooltips and toasts\n * opened inside portal into the scope rather than into the body, so they\n * follow it too. The rest of the page keeps its own tokens.\n *\n * ```tsx\n * const accent: KuiTheme = { '--kui-color-primary': '#7d5260' }\n *\n * <ThemeScope scheme=\"dark\" theme={accent}>\n *   <Select label=\"Label\">…</Select>\n * </ThemeScope>\n * ```\n *\n * Because the overlays render inside the scope, an ancestor that confines\n * its descendants confines them too: a `transform` or a `filter` makes a\n * sheet's fixed scrim cover that ancestor rather than the viewport, and\n * `overflow: hidden` with a position clips a popover. Put the scope around\n * such an element rather than inside it.\n *\n * `render` swaps the element, for a scope that should be a `<main>`, a\n * `<section>`, an `<article>`, or the `<body>` itself — any element that\n * takes flow content, as a `<div>` does. The overlays' container is a\n * `<div>` added inside the scope's element, so an element whose content is\n * restricted — a list, whose children have to be list items, a paragraph,\n * or a part of a table — is not a scope: put the scope around it instead.\n *\n * That container comes after whatever the scope renders, and it has no box,\n * so layout never sees it, but selectors do. Inside the scope the last\n * element the call site rendered is not `:last-child` and is counted wrong\n * by `:nth-last-child()`, a lone child is not `:only-child`, and a scope\n * with nothing in it is not `:empty`. Key a rule like that on something of\n * the call site's own, such as a class, or put the scope around the element\n * whose children it counts.\n *\n * What reaches a scope from around it is the scheme and the `--kui-*`\n * properties. It resolves every token again from those two, so a theme\n * applied around it in any other way stops at its edge.\n */\nfunction ThemeScope({\n  children,\n  render,\n  scheme,\n  theme,\n  ...props\n}: ThemeScopeProps) {\n  // One container for the scope's life. A new element, as when `render`\n  // changes the tag, has the same one moved into it rather than a new one\n  // made, which would remount every open overlay.\n  const [container] = useState(makeContainer);\n  const isSSR = useIsSSR();\n  const getContainer = useCallback(() => isSSR ? null : container, [container, isSSR]);\n\n  // The scope's element is the template's parent. A template met again —\n  // React hands the ref over again when it changes, and twice under strict\n  // mode — has already left it, and finds no parent. The container is\n  // appended only where it is not already, since moving a node blurs\n  // whatever inside it has focus.\n  const place = useCallback((marker: HTMLTemplateElement | null) => {\n    const scope = marker?.parentElement ?? null;\n    if (marker === null || scope === null || container === null) {\n      return;\n    }\n    if (container.parentElement !== scope) {\n      scope.append(container);\n    }\n    marker.remove();\n  }, [container]);\n  return useRender({\n    defaultTagName: 'div',\n    props: {\n      ...props,\n      ...mergeStyles(stylex.props(styles.root, tokenScope, scheme !== undefined && schemes[scheme], scheme !== undefined && pinnedScheme[scheme]), theme === undefined ? props : {\n        ...props,\n        style: {\n          ...theme,\n          ...props.style\n        }\n      }),\n      children: <>\n          {!isSSR && <template ref={place} />}\n          <PortalProvider getContainer={getContainer}>\n            {children}\n          </PortalProvider>\n        </>\n    },\n    render\n  });\n}\n\n// kanso-ui-core's, re-exported. The package is a devDependency, so the build\n// writes the type's declaration into dist rather than an import of it, and\n// scripts/check-package.mjs fails a declaration that still names the package.\nexport type { KuiTheme } from '@kanso-labs/kanso-ui-core';\nexport type { ThemeScopeProps };\nexport { ThemeScope };"],"mappings":"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"}

package/dist/tokens/design.tokens.stylex.js.map

@@ -1 +1 @@
-{"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colorDefaults","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colors","colorDefaultsLightTheme","x9cbvzh","$$css","colorDefaultsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","colorsScope","x1qza42b","motionScope","x1dv3b2k","radiiScope","xhnz8s7","shadowsScope","x1j0lhbx","sizingScope","xzhmma2","spacingScope","x1egpaah","stateLayerOpacityScope","x1dldgtb","typographyScope","x1q1jnkv","tokenScope","breakpoints","compact","expanded","extraLarge","large","medium","container","belowExpanded","belowExtraLarge","belowLarge","belowMedium","media"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colorDefaults = {\n  background: \"var(--x11lqfhi)\",\n  error: \"var(--xrqi77u)\",\n  errorContainer: \"var(--x82z8jw)\",\n  inverseOnSurface: \"var(--xey760i)\",\n  inversePrimary: \"var(--x1trscgf)\",\n  inverseSurface: \"var(--x1i3zbmj)\",\n  negative: \"var(--x1srpzsd)\",\n  negativeContainer: \"var(--x15kkkkd)\",\n  onBackground: \"var(--x3jqtd5)\",\n  onError: \"var(--x1p11w7)\",\n  onErrorContainer: \"var(--x1g3s5u0)\",\n  onNegative: \"var(--xvkb642)\",\n  onNegativeContainer: \"var(--x1bbk4uq)\",\n  onPositive: \"var(--xirk23p)\",\n  onPositiveContainer: \"var(--xtdi97o)\",\n  onPrimary: \"var(--x1pbr5ko)\",\n  onPrimaryContainer: \"var(--x16857a7)\",\n  onPrimaryFixed: \"var(--xbdn1ia)\",\n  onPrimaryFixedVariant: \"var(--x17lawo6)\",\n  onSecondary: \"var(--x1cp179l)\",\n  onSecondaryContainer: \"var(--x1jlz0n7)\",\n  onSecondaryFixed: \"var(--x1hhc6tz)\",\n  onSecondaryFixedVariant: \"var(--xq0cxz6)\",\n  onSurface: \"var(--xdn6aro)\",\n  onSurfaceVariant: \"var(--x4604rt)\",\n  onTertiary: \"var(--x132ctuv)\",\n  onTertiaryContainer: \"var(--xgnutht)\",\n  onTertiaryFixed: \"var(--x1ysnvcz)\",\n  onTertiaryFixedVariant: \"var(--xs3mjkr)\",\n  outline: \"var(--x1fpgh70)\",\n  outlineVariant: \"var(--xzldpa8)\",\n  positive: \"var(--x13hikrd)\",\n  positiveContainer: \"var(--xlj0u70)\",\n  primary: \"var(--x14za91n)\",\n  primaryContainer: \"var(--x1ec4otz)\",\n  primaryFixed: \"var(--x1j381ev)\",\n  primaryFixedDim: \"var(--x8doykj)\",\n  scrim: \"var(--xyme5sg)\",\n  secondary: \"var(--x1ol0e1a)\",\n  secondaryContainer: \"var(--xemq5b8)\",\n  secondaryFixed: \"var(--xhpqfgm)\",\n  secondaryFixedDim: \"var(--x41clx7)\",\n  shadow: \"var(--x1wc4n63)\",\n  surface: \"var(--xpk6svv)\",\n  surfaceBright: \"var(--xqwhmb8)\",\n  surfaceContainer: \"var(--x1sde9bn)\",\n  surfaceContainerHigh: \"var(--xcu50ml)\",\n  surfaceContainerHighest: \"var(--x1rcd2bb)\",\n  surfaceContainerLow: \"var(--xnes5mg)\",\n  surfaceContainerLowest: \"var(--x2633xs)\",\n  surfaceDim: \"var(--x1qike4i)\",\n  surfaceTint: \"var(--x117542l)\",\n  surfaceVariant: \"var(--x13gaudu)\",\n  tertiary: \"var(--xp06fov)\",\n  tertiaryContainer: \"var(--xjl3qbu)\",\n  tertiaryFixed: \"var(--xepjwm)\",\n  tertiaryFixedDim: \"var(--x1mnnhxz)\",\n  __varGroupHash__: \"x9cbvzh\"\n};\nexport { colorDefaults };\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorDefaultsLightTheme = {\n  x9cbvzh: \"x1vipc3i x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsLightTheme };\nconst colorDefaultsDarkTheme = {\n  x9cbvzh: \"xf26cth x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  circle: \"var(--x1s0h5j3)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  pill: \"var(--x3hih16)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n  controlLg: \"var(--x1hfhk6y)\",\n  controlMd: \"var(--x1imqybj)\",\n  controlSm: \"var(--x1ww3f7m)\",\n  controlXl: \"var(--x1eqeuls)\",\n  controlXs: \"var(--x67cwyw)\",\n  controlXxl: \"var(--xmcpupp)\",\n  rowLg: \"var(--xnychtd)\",\n  rowMd: \"var(--xz029kk)\",\n  rowSm: \"var(--x1m307d3)\",\n  rowXs: \"var(--x15xxfuy)\",\n  __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst colorsScope = {\n  x1qza42b: \"xph554m x1qza42b\",\n  $$css: true\n};\nconst motionScope = {\n  x1dv3b2k: \"xph554m x1dv3b2k\",\n  $$css: true\n};\nconst radiiScope = {\n  xhnz8s7: \"xph554m xhnz8s7\",\n  $$css: true\n};\nconst shadowsScope = {\n  x1j0lhbx: \"xph554m x1j0lhbx\",\n  $$css: true\n};\nconst sizingScope = {\n  xzhmma2: \"xph554m xzhmma2\",\n  $$css: true\n};\nconst spacingScope = {\n  x1egpaah: \"xph554m x1egpaah\",\n  $$css: true\n};\nconst stateLayerOpacityScope = {\n  x1dldgtb: \"xph554m x1dldgtb\",\n  $$css: true\n};\nconst typographyScope = {\n  x1q1jnkv: \"xph554m x1q1jnkv\",\n  $$css: true\n};\nconst tokenScope = [colorsScope, motionScope, radiiScope, shadowsScope, sizingScope, spacingScope, stateLayerOpacityScope, typographyScope];\nexport { tokenScope };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst container = {\n  belowExpanded: \"@container (width < 840px)\",\n  belowExtraLarge: \"@container (width < 1600px)\",\n  belowLarge: \"@container (width < 1200px)\",\n  belowMedium: \"@container (width < 600px)\",\n  expanded: \"@container (width >= 840px)\",\n  extraLarge: \"@container (width >= 1600px)\",\n  large: \"@container (width >= 1200px)\",\n  medium: \"@container (width >= 600px)\"\n};\nexport { container };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}
+{"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colorDefaults","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colors","colorDefaultsLightTheme","x9cbvzh","$$css","colorDefaultsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","circle","none","pill","sizing","controlLg","controlMd","controlSm","controlXl","controlXs","controlXxl","rowLg","rowMd","rowSm","rowXs","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","colorsScope","x1qza42b","motionScope","x1dv3b2k","radiiScope","xhnz8s7","shadowsScope","x1j0lhbx","sizingScope","xzhmma2","spacingScope","x1egpaah","stateLayerOpacityScope","x1dldgtb","typographyScope","x1q1jnkv","tokenScope","breakpoints","compact","expanded","extraLarge","large","medium","container","belowExpanded","belowExtraLarge","belowLarge","belowMedium","media"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from @kanso-labs/kanso-ui-core's\n// tokens.json, and not committed. Do not hand-edit — a token changes in\n// kanso-ui-core, and `npm run tokens:build` regenerates this.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colorDefaults = {\n  background: \"var(--x11lqfhi)\",\n  error: \"var(--xrqi77u)\",\n  errorContainer: \"var(--x82z8jw)\",\n  inverseOnSurface: \"var(--xey760i)\",\n  inversePrimary: \"var(--x1trscgf)\",\n  inverseSurface: \"var(--x1i3zbmj)\",\n  negative: \"var(--x1srpzsd)\",\n  negativeContainer: \"var(--x15kkkkd)\",\n  onBackground: \"var(--x3jqtd5)\",\n  onError: \"var(--x1p11w7)\",\n  onErrorContainer: \"var(--x1g3s5u0)\",\n  onNegative: \"var(--xvkb642)\",\n  onNegativeContainer: \"var(--x1bbk4uq)\",\n  onPositive: \"var(--xirk23p)\",\n  onPositiveContainer: \"var(--xtdi97o)\",\n  onPrimary: \"var(--x1pbr5ko)\",\n  onPrimaryContainer: \"var(--x16857a7)\",\n  onPrimaryFixed: \"var(--xbdn1ia)\",\n  onPrimaryFixedVariant: \"var(--x17lawo6)\",\n  onSecondary: \"var(--x1cp179l)\",\n  onSecondaryContainer: \"var(--x1jlz0n7)\",\n  onSecondaryFixed: \"var(--x1hhc6tz)\",\n  onSecondaryFixedVariant: \"var(--xq0cxz6)\",\n  onSurface: \"var(--xdn6aro)\",\n  onSurfaceVariant: \"var(--x4604rt)\",\n  onTertiary: \"var(--x132ctuv)\",\n  onTertiaryContainer: \"var(--xgnutht)\",\n  onTertiaryFixed: \"var(--x1ysnvcz)\",\n  onTertiaryFixedVariant: \"var(--xs3mjkr)\",\n  outline: \"var(--x1fpgh70)\",\n  outlineVariant: \"var(--xzldpa8)\",\n  positive: \"var(--x13hikrd)\",\n  positiveContainer: \"var(--xlj0u70)\",\n  primary: \"var(--x14za91n)\",\n  primaryContainer: \"var(--x1ec4otz)\",\n  primaryFixed: \"var(--x1j381ev)\",\n  primaryFixedDim: \"var(--x8doykj)\",\n  scrim: \"var(--xyme5sg)\",\n  secondary: \"var(--x1ol0e1a)\",\n  secondaryContainer: \"var(--xemq5b8)\",\n  secondaryFixed: \"var(--xhpqfgm)\",\n  secondaryFixedDim: \"var(--x41clx7)\",\n  shadow: \"var(--x1wc4n63)\",\n  surface: \"var(--xpk6svv)\",\n  surfaceBright: \"var(--xqwhmb8)\",\n  surfaceContainer: \"var(--x1sde9bn)\",\n  surfaceContainerHigh: \"var(--xcu50ml)\",\n  surfaceContainerHighest: \"var(--x1rcd2bb)\",\n  surfaceContainerLow: \"var(--xnes5mg)\",\n  surfaceContainerLowest: \"var(--x2633xs)\",\n  surfaceDim: \"var(--x1qike4i)\",\n  surfaceTint: \"var(--x117542l)\",\n  surfaceVariant: \"var(--x13gaudu)\",\n  tertiary: \"var(--xp06fov)\",\n  tertiaryContainer: \"var(--xjl3qbu)\",\n  tertiaryFixed: \"var(--xepjwm)\",\n  tertiaryFixedDim: \"var(--x1mnnhxz)\",\n  __varGroupHash__: \"x9cbvzh\"\n};\nexport { colorDefaults };\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorDefaultsLightTheme = {\n  x9cbvzh: \"x1vipc3i x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsLightTheme };\nconst colorDefaultsDarkTheme = {\n  x9cbvzh: \"xf26cth x9cbvzh\",\n  $$css: true\n};\nexport { colorDefaultsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  circle: \"var(--x1s0h5j3)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  pill: \"var(--x3hih16)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst sizing = {\n  controlLg: \"var(--x1hfhk6y)\",\n  controlMd: \"var(--x1imqybj)\",\n  controlSm: \"var(--x1ww3f7m)\",\n  controlXl: \"var(--x1eqeuls)\",\n  controlXs: \"var(--x67cwyw)\",\n  controlXxl: \"var(--xmcpupp)\",\n  rowLg: \"var(--xnychtd)\",\n  rowMd: \"var(--xz029kk)\",\n  rowSm: \"var(--x1m307d3)\",\n  rowXs: \"var(--x15xxfuy)\",\n  __varGroupHash__: \"xzhmma2\"\n};\nexport { sizing };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst colorsScope = {\n  x1qza42b: \"xph554m x1qza42b\",\n  $$css: true\n};\nconst motionScope = {\n  x1dv3b2k: \"xph554m x1dv3b2k\",\n  $$css: true\n};\nconst radiiScope = {\n  xhnz8s7: \"xph554m xhnz8s7\",\n  $$css: true\n};\nconst shadowsScope = {\n  x1j0lhbx: \"xph554m x1j0lhbx\",\n  $$css: true\n};\nconst sizingScope = {\n  xzhmma2: \"xph554m xzhmma2\",\n  $$css: true\n};\nconst spacingScope = {\n  x1egpaah: \"xph554m x1egpaah\",\n  $$css: true\n};\nconst stateLayerOpacityScope = {\n  x1dldgtb: \"xph554m x1dldgtb\",\n  $$css: true\n};\nconst typographyScope = {\n  x1q1jnkv: \"xph554m x1q1jnkv\",\n  $$css: true\n};\nconst tokenScope = [colorsScope, motionScope, radiiScope, shadowsScope, sizingScope, spacingScope, stateLayerOpacityScope, typographyScope];\nexport { tokenScope };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst container = {\n  belowExpanded: \"@container (width < 840px)\",\n  belowExtraLarge: \"@container (width < 1600px)\",\n  belowLarge: \"@container (width < 1200px)\",\n  belowMedium: \"@container (width < 600px)\",\n  expanded: \"@container (width >= 840px)\",\n  extraLarge: \"@container (width >= 1600px)\",\n  large: \"@container (width >= 1200px)\",\n  medium: \"@container (width >= 600px)\"\n};\nexport { container };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":"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"}

package/dist/tokens/values.js.map

@@ -1 +1 @@
-{"version":3,"file":"values.js","names":["motionDurationMs","long1","long2","long3","medium1","medium2","medium3","short1","short2","short3","const","motionEasing","emphasized","emphasizedAccelerate","emphasizedDecelerate","springFast","springSlow","standard","spacingPx","lg","md","sm","xl","xs","xxl","xxs","xxxl"],"sources":["../../src/tokens/values.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n//\n// Tokens as plain JS values, for the code that cannot take a CSS one. Reach for\n// the StyleX theme in design.tokens.stylex.ts anywhere a CSS property value\n// will do: those are var(--kui-*, literal) references, so a consumer who\n// redeclares the custom property moves them. The literals below are frozen at\n// build time and cannot honour such an override, which is the whole cost of\n// using them.\n//\n// So a group appears here only once something has to compute with it rather\n// than declare it, which today means two:\n//\n//   motion  — element.animate() throws a TypeError on a var() duration or\n//             easing, and its duration wants a number of milliseconds, so even\n//             '450ms' throws. setTimeout coerces a string to NaN and fires\n//             immediately, silently.\n//   spacing — useRipple does arithmetic with it, growing the ripple past the\n//             host's corners by a fixed inset. A var() would concatenate into\n//             nonsense rather than add.\n//\n// Colours, radii, shadows, typography and the state-layer opacities are all\n// declared rather than computed, so none of them is generated here.\n\nconst motionDurationMs = {\n  long1: 450,\n  long2: 500,\n  long3: 600,\n  medium1: 250,\n  medium2: 300,\n  medium3: 350,\n  short1: 100,\n  short2: 150,\n  short3: 200,\n} as const\n\nconst motionEasing = {\n  emphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  emphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  emphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  springFast: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  springSlow: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  standard: 'cubic-bezier(0.2, 0, 0, 1)',\n} as const\n\nconst spacingPx = {\n  lg: 16,\n  md: 12,\n  sm: 8,\n  xl: 24,\n  xs: 4,\n  xxl: 32,\n  xxs: 2,\n  xxxl: 40,\n} as const\n\nexport { motionDurationMs, motionEasing, spacingPx }\n"],"mappings":";AAwBA,MAAMA,mBAAmB;CACvBC,OAAO;CACPC,OAAO;CACPC,OAAO;CACPC,SAAS;CACTC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACRC,QAAQ;CACRC,QAAQ;AACV;AAEA,MAAME,eAAe;CACnBC,YAAY;CACZC,sBAAsB;CACtBC,sBAAsB;CACtBC,YAAY;CACZC,YAAY;CACZC,UAAU;AACZ;AAEA,MAAMC,YAAY;CAChBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,KAAK;CACLC,KAAK;CACLC,MAAM;AACR"}
+{"version":3,"file":"values.js","names":["motionDurationMs","long1","long2","long3","medium1","medium2","medium3","short1","short2","short3","const","motionEasing","emphasized","emphasizedAccelerate","emphasizedDecelerate","springFast","springSlow","standard","spacingPx","lg","md","sm","xl","xs","xxl","xxs","xxxl"],"sources":["../../src/tokens/values.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from @kanso-labs/kanso-ui-core's\n// tokens.json, and not committed. Do not hand-edit — a token changes in\n// kanso-ui-core, and `npm run tokens:build` regenerates this.\n//\n// Tokens as plain JS values, for the code that cannot take a CSS one. Reach for\n// the StyleX theme in design.tokens.stylex.ts anywhere a CSS property value\n// will do: those are var(--kui-*, literal) references, so a consumer who\n// redeclares the custom property moves them. The literals below are frozen at\n// build time and cannot honour such an override, which is the whole cost of\n// using them.\n//\n// So a group appears here only once something has to compute with it rather\n// than declare it, which today means two:\n//\n//   motion  — element.animate() throws a TypeError on a var() duration or\n//             easing, and its duration wants a number of milliseconds, so even\n//             '450ms' throws. setTimeout coerces a string to NaN and fires\n//             immediately, silently.\n//   spacing — useRipple does arithmetic with it, growing the ripple past the\n//             host's corners by a fixed inset. A var() would concatenate into\n//             nonsense rather than add.\n//\n// Colours, radii, shadows, typography and the state-layer opacities are all\n// declared rather than computed, so none of them is generated here.\n\nconst motionDurationMs = {\n  long1: 450,\n  long2: 500,\n  long3: 600,\n  medium1: 250,\n  medium2: 300,\n  medium3: 350,\n  short1: 100,\n  short2: 150,\n  short3: 200,\n} as const\n\nconst motionEasing = {\n  emphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  emphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  emphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  springFast: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  springSlow: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  standard: 'cubic-bezier(0.2, 0, 0, 1)',\n} as const\n\nconst spacingPx = {\n  lg: 16,\n  md: 12,\n  sm: 8,\n  xl: 24,\n  xs: 4,\n  xxl: 32,\n  xxs: 2,\n  xxxl: 40,\n} as const\n\nexport { motionDurationMs, motionEasing, spacingPx }\n"],"mappings":";AAyBA,MAAMA,mBAAmB;CACvBC,OAAO;CACPC,OAAO;CACPC,OAAO;CACPC,SAAS;CACTC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACRC,QAAQ;CACRC,QAAQ;AACV;AAEA,MAAME,eAAe;CACnBC,YAAY;CACZC,sBAAsB;CACtBC,sBAAsB;CACtBC,YAAY;CACZC,YAAY;CACZC,UAAU;AACZ;AAEA,MAAMC,YAAY;CAChBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,KAAK;CACLC,KAAK;CACLC,MAAM;AACR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-labs/kanso-ui",
-  "version": "0.45.0",
+  "version": "0.45.1",
   "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
   "keywords": [
     "react",
@@ -47,7 +47,8 @@
     "./package.json": "./package.json"
   },
   "sideEffects": [
-    "**/*.css"
+    "**/*.css",
+    "./dist/index.js"
   ],
   "repository": {
     "type": "git",
@@ -55,20 +56,20 @@
   },
   "scripts": {
     "api:update": "node scripts/api-report.mjs --local",
-    "build": "tsc -b && tsdown",
-    "build-storybook": "storybook build",
+    "build": "npm run tokens:build && tsc -b && tsdown",
+    "build-storybook": "npm run tokens:build && storybook build",
     "chromatic": "npx chromatic",
     "clean": "rimraf dist",
     "component:new": "node scripts/new-component.mjs",
     "dev": "npm run storybook",
     "format": "oxfmt",
     "format:check": "oxfmt --check",
-    "lint": "oxlint --type-aware . && eslint . && npm run format:check",
+    "lint": "npm run tokens:build && oxlint --type-aware . && eslint . && npm run format:check",
     "package:check": "publint && attw --pack --profile esm-only && node scripts/check-package.mjs && node scripts/api-report.mjs",
     "prepare": "husky && playwright install --with-deps chromium",
-    "storybook": "storybook dev -p ${PORT:-6006}",
-    "test": "vitest run",
-    "test:coverage": "vitest run --coverage",
+    "storybook": "npm run tokens:build && storybook dev -p ${PORT:-6006}",
+    "test": "npm run tokens:build && vitest run",
+    "test:coverage": "npm run tokens:build && vitest run --coverage",
     "tokens:build": "node scripts/build-tokens.mjs"
   },
   "dependencies": {
@@ -85,6 +86,7 @@
     "@commitlint/cli": "21.2.4",
     "@commitlint/config-conventional": "21.2.4",
     "@eslint/js": "10.0.1",
+    "@kanso-labs/kanso-ui-core": "0.1.0",
     "@kanso-labs/unplugin-style-dictionary": "0.10.37",
     "@microsoft/api-extractor": "7.59.4",
     "@rolldown/plugin-babel": "0.2.4",