@kanso-labs/kanso-ui 0.43.7 → 0.44.0

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","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","undefined","inline","validationBehavior","T0","t7","t8","root","t9","t10","Symbol","for","0","className","1","t11","t12","t13","2","3","t14","t15","t16","t17","t18","isRequired","t19","t20","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// 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})`;\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.\n   * @default 'vertical'\n   */\n  steppers?: 'horizontal' | '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. Arrow keys step the value, and Page Up and Page Down by ten steps.\n * The mouse wheel scrolls the page past it rather than stepping it, unless\n * `isWheelDisabled` is `false`.\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={inline ? INLINE_INSET : STACKED_INSET} floatingLabel={floatingLabel} isRequired={props.isRequired} label={label} variant={variant}>\n        <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 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. Arrow keys step the value, and Page Up and Page Down by ten steps.\n * The mouse wheel scrolls the page past it rather than stepping it, unless\n * `isWheelDisabled` is `false`.\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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"}

package/dist/components/popover/index.d.ts

@@ -107,7 +107,9 @@ type PopoverContentProps = Omit<DialogProps, 'children' | 'className' | 'style'>
   container?: Element;
   /**
    * Which side of the trigger the panel opens on. It flips to the opposite
-   * side when there is no room.
+   * side when there is no room. `start` and `end` follow the writing
+   * direction, so `end` is the right in English and the left in Arabic;
+   * `left` and `right` stay put in either.
    * @default 'bottom'
    */
   side?: PopoverSide;

package/dist/components/popover/index.js

@@ -56,10 +56,7 @@ const PopoverContext$1 = createContext({
 	modal: false,
 	size: "md"
 });
-const DescriptionContext = createContext({
-	id: "",
-	register: () => () => {}
-});
+const DescriptionContext = createContext(() => () => {});
 const TitleContext = createContext(() => () => {});
 const TEXT_SLOTS = { slots: {
 	[DEFAULT_SLOT]: {},
@@ -379,7 +376,7 @@ function Popover$1(t0) {
 * than being clipped by it.
 */
 function PopoverContent(t0) {
-	const $ = c(58);
+	const $ = c(57);
 	let alignOffset;
 	let children;
 	let className;
@@ -509,149 +506,154 @@ function PopoverContent(t0) {
 		$[27] = t13;
 	} else t13 = $[27];
 	useInteractOutside(t13);
-	const descriptionId = useId();
-	const [described, setDescribed] = useState(false);
 	let t14;
 	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = () => {
-			setDescribed(true);
-			return () => {
-				setDescribed(false);
-			};
-		};
+		t14 = [];
 		$[28] = t14;
 	} else t14 = $[28];
-	const register = t14;
+	const [descriptions, setDescriptions] = useState(t14);
 	let t15;
-	if ($[29] !== descriptionId) {
-		t15 = {
-			id: descriptionId,
-			register
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = (id) => {
+			setDescriptions((ids) => [...ids, id]);
+			return () => {
+				setDescriptions((ids_0) => {
+					const at = ids_0.indexOf(id);
+					return at === -1 ? ids_0 : [...ids_0.slice(0, at), ...ids_0.slice(at + 1)];
+				});
+			};
 		};
-		$[29] = descriptionId;
-		$[30] = t15;
-	} else t15 = $[30];
-	const description = t15;
-	const t16 = !modal;
-	let t17;
-	if ($[31] !== align || $[32] !== side) {
-		t17 = placementOf(side, align);
-		$[31] = align;
-		$[32] = side;
-		$[33] = t17;
-	} else t17 = $[33];
-	const t18 = modal ? void 0 : isOutsideTrigger;
-	let t19;
-	if ($[34] !== size) {
-		t19 = (render) => props(overlay.popup, styles.content, styles[size], popupOrigin(render.placement));
-		$[34] = size;
-		$[35] = t19;
-	} else t19 = $[35];
+		$[29] = t15;
+	} else t15 = $[29];
+	const registerDescription = t15;
+	let t16;
+	if ($[30] !== descriptions) {
+		t16 = descriptions.length > 0 ? [...new Set(descriptions)].join(" ") : void 0;
+		$[30] = descriptions;
+		$[31] = t16;
+	} else t16 = $[31];
+	const describedBy = t16;
+	const t17 = !modal;
+	let t18;
+	if ($[32] !== align || $[33] !== side) {
+		t18 = placementOf(side, align);
+		$[32] = align;
+		$[33] = side;
+		$[34] = t18;
+	} else t18 = $[34];
+	const t19 = modal ? void 0 : isOutsideTrigger;
 	let t20;
-	if ($[36] !== className || $[37] !== style || $[38] !== t19) {
-		t20 = mergeStatefulStyles(t19, {
+	if ($[35] !== size) {
+		t20 = (render) => props(overlay.popup, styles.content, styles[size], popupOrigin(render.placement));
+		$[35] = size;
+		$[36] = t20;
+	} else t20 = $[36];
+	let t21;
+	if ($[37] !== className || $[38] !== style || $[39] !== t20) {
+		t21 = mergeStatefulStyles(t20, {
 			className,
 			style
 		});
-		$[36] = className;
-		$[37] = style;
-		$[38] = t19;
+		$[37] = className;
+		$[38] = style;
 		$[39] = t20;
-	} else t20 = $[39];
-	let t21;
-	if ($[40] !== children || $[41] !== described || $[42] !== description || $[43] !== descriptionId || $[44] !== modal || $[45] !== props$1) {
-		t21 = modal ? /* @__PURE__ */ jsx(Dialog, {
-			"aria-describedby": described ? descriptionId : void 0,
+		$[40] = t21;
+	} else t21 = $[40];
+	let t22;
+	if ($[41] !== children || $[42] !== describedBy || $[43] !== modal || $[44] !== props$1) {
+		t22 = modal ? /* @__PURE__ */ jsx(Dialog, {
+			"aria-describedby": describedBy,
 			...props$1,
 			...props(overlay.popupDialog, focus.ring),
 			children: /* @__PURE__ */ jsx(DescriptionContext, {
-				value: description,
+				value: registerDescription,
 				children
 			})
 		}) : /* @__PURE__ */ jsx(PanelDialog, {
-			"aria-describedby": described ? descriptionId : void 0,
+			"aria-describedby": describedBy,
 			onPressWithin: markPressWithin,
 			...props$1,
 			children: /* @__PURE__ */ jsx(DescriptionContext, {
-				value: description,
+				value: registerDescription,
 				children
 			})
 		});
-		$[40] = children;
-		$[41] = described;
-		$[42] = description;
-		$[43] = descriptionId;
-		$[44] = modal;
-		$[45] = props$1;
-		$[46] = t21;
-	} else t21 = $[46];
-	let t22;
-	if ($[47] !== alignOffset || $[48] !== container || $[49] !== merged || $[50] !== sideOffset || $[51] !== t16 || $[52] !== t17 || $[53] !== t18 || $[54] !== t20 || $[55] !== t21 || $[56] !== triggerRef) {
-		t22 = /* @__PURE__ */ jsx(OverlayScope, { children: /* @__PURE__ */ jsx(Popover, {
+		$[41] = children;
+		$[42] = describedBy;
+		$[43] = modal;
+		$[44] = props$1;
+		$[45] = t22;
+	} else t22 = $[45];
+	let t23;
+	if ($[46] !== alignOffset || $[47] !== container || $[48] !== merged || $[49] !== sideOffset || $[50] !== t17 || $[51] !== t18 || $[52] !== t19 || $[53] !== t21 || $[54] !== t22 || $[55] !== triggerRef) {
+		t23 = /* @__PURE__ */ jsx(OverlayScope, { children: /* @__PURE__ */ jsx(Popover, {
 			crossOffset: alignOffset,
-			isNonModal: t16,
+			isNonModal: t17,
 			offset: sideOffset,
-			placement: t17,
+			placement: t18,
 			ref: merged,
-			shouldCloseOnInteractOutside: t18,
+			shouldCloseOnInteractOutside: t19,
 			triggerRef,
 			UNSTABLE_portalContainer: container,
-			...t20,
-			children: t21
+			...t21,
+			children: t22
 		}) });
-		$[47] = alignOffset;
-		$[48] = container;
-		$[49] = merged;
-		$[50] = sideOffset;
-		$[51] = t16;
-		$[52] = t17;
-		$[53] = t18;
-		$[54] = t20;
-		$[55] = t21;
-		$[56] = triggerRef;
-		$[57] = t22;
-	} else t22 = $[57];
-	return t22;
+		$[46] = alignOffset;
+		$[47] = container;
+		$[48] = merged;
+		$[49] = sideOffset;
+		$[50] = t17;
+		$[51] = t18;
+		$[52] = t19;
+		$[53] = t21;
+		$[54] = t22;
+		$[55] = triggerRef;
+		$[56] = t23;
+	} else t23 = $[56];
+	return t23;
 }
 /**
 * Supporting copy under the title. The panel's `aria-describedby` points at
 * it — see DescriptionContext for why that is this component's doing.
 */
 function PopoverDescription(props) {
-	const $ = c(9);
-	const { id, register } = useContext(DescriptionContext);
+	const $ = c(10);
+	const register = useContext(DescriptionContext);
+	const generated = useId();
+	const id = props.id ?? generated;
 	let t0;
 	let t1;
-	if ($[0] !== register) {
-		t0 = () => register();
-		t1 = [register];
-		$[0] = register;
-		$[1] = t0;
-		$[2] = t1;
+	if ($[0] !== id || $[1] !== register) {
+		t0 = () => register(id);
+		t1 = [id, register];
+		$[0] = id;
+		$[1] = register;
+		$[2] = t0;
+		$[3] = t1;
 	} else {
-		t0 = $[1];
-		t1 = $[2];
+		t0 = $[2];
+		t1 = $[3];
 	}
 	useEffect(t0, t1);
 	let t2;
-	if ($[3] !== props) {
+	if ($[4] !== props) {
 		t2 = mergeStyles({ className: "x9f619 x1w5n3ug xpo2rfv x193rfdd x1hews6w xn43zvd xv61bfh x1ghz6dp" }, props);
-		$[3] = props;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
 	let t3;
-	if ($[5] !== id || $[6] !== props || $[7] !== t2) {
+	if ($[6] !== id || $[7] !== props || $[8] !== t2) {
 		t3 = /* @__PURE__ */ jsx(Text, {
-			id,
 			slot: "description",
 			...props,
+			id,
 			...t2
 		});
-		$[5] = id;
-		$[6] = props;
-		$[7] = t2;
-		$[8] = t3;
-	} else t3 = $[8];
+		$[6] = id;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
 	return t3;
 }
 /**

package/dist/components/popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","RefObject","ClassNameOrFunction","DialogProps","DialogTriggerProps","HeadingProps","PopoverRenderProps","StyleOrFunction","TextProps","stylex","createContext","useCallback","useContext","useEffect","useId","useMemo","useRef","useState","useInteractOutside","ButtonContext","DEFAULT_SLOT","Dialog","DialogContext","DialogTrigger","Heading","HeadingContext","OverlayTriggerStateContext","PreviewTrigger","Popover","RACPopover","PopoverContext","RACPopoverContext","Text","TextContext","useSlottedContext","OverlayAlign","OverlaySide","OverlayScope","mergeRefs","focus","mergeStatefulStyles","mergeStyles","overlay","placementOf","popupOrigin","colors","spacing","typography","DEFAULT_SIDE_OFFSET","styles","content","kGO01o","kLKAdn","kg3NbH","$$css","description","kB7OPa","kMwMTN","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kogj98","md","ks0D6T","sm","title","DEFAULT_HOVER_DELAY","DEFAULT_HOVER_CLOSE_DELAY","PopoverAlign","PopoverSide","PopoverSize","modal","size","DescriptionContext","id","register","TitleContext","TEXT_SLOTS","slots","PopoverProps","Omit","children","closeDelay","delay","trigger","PopoverTrigger","PanelDialog","t0","$","labelledBy","onPressWithin","props","slot","t1","t2","t3","t4","render","_render","t5","t6","ref","state","triggerOf","pressed","undefined","titleId","titled","setTitled","Symbol","for","registerTitle","level","headings","onPress","close","t7","t8","buttons","t10","t9","element","current","contains","document","activeElement","preventScroll","t11","t12","t13","t14","popupDialog","ring","t15","t16","t17","t18","context","PopoverContent","alignOffset","className","container","style","triggerRef","align","side","sideOffset","handed","panel","merged","pressedWithin","markPressWithin","own","triggers","fromTrigger","isOutsideTrigger","isOpen","event","target","Element","isDisabled","onInteractOutside","onInteractOutsideStart","descriptionId","described","setDescribed","t19","popup","placement","t20","t21","t22","PopoverDescription","PopoverTitle","Content","Description","Title","PopoverContentProps","PopoverDescriptionProps","PopoverTitleProps","PopoverContext","_c","props","stylex.props","Popover","RACPopoverContext","RACPopover"],"sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes, RefObject } from 'react';\nimport type { ClassNameOrFunction, DialogProps, DialogTriggerProps, HeadingProps, PopoverRenderProps, StyleOrFunction, TextProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { useInteractOutside } from 'react-aria';\nimport { ButtonContext, DEFAULT_SLOT, Dialog, DialogContext, DialogTrigger, Heading, HeadingContext, OverlayTriggerStateContext, PreviewTrigger, Popover as RACPopover, PopoverContext as RACPopoverContext, Text, TextContext, useSlottedContext } from 'react-aria-components';\nimport type { OverlayAlign, OverlaySide } from '../../styles/overlay';\nimport { OverlayScope } from '../../overlay';\nimport { mergeRefs } from '../../render/ref';\nimport { focus } from '../../styles/focus';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport { overlay, placementOf, popupOrigin } from '../../styles/overlay';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, spacing, typography } from '../../tokens/design.tokens.stylex';\n\n// The gap between the anchor and the panel, matching `spacing.sm`'s default.\n// A number rather than the token, because React Aria computes the position in\n// JavaScript and so cannot read a CSS custom property — this is the one place\n// in the component where a step of the spacing scale is spelled out. React\n// Aria's own default is 8 as well, but the value is this component's decision\n// rather than an inherited one.\nconst DEFAULT_SIDE_OFFSET = 8;\n\n// The surface, its entry and the dialog's focus ring are the overlay module's,\n// shared with every anchored overlay; what is here is Popover's own — its\n// inset, its two widths, and the type of its title and description.\n//\n// Popover has no page of its own, so the inset and the type follow the rich\n// tooltip, the nearest thing the Material Design pages draw: a plain rounded\n// panel offset from its anchor, with no caret drawn between the two, holding\n// a subhead over supporting text.\n//\n// React Aria's popover is two elements — the positioned panel and the dialog\n// inside it — so the styles are split the same way: the surface, `content`\n// and a size on the panel, the dialog style on the element that carries the\n// role.\nconst styles = {\n  content: {\n    kGO01o: \"xqf7pud\",\n    kLKAdn: \"x6gmt8y\",\n    kg3NbH: \"x790zyz\",\n    $$css: true\n  },\n  description: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xpo2rfv\",\n    kGuDYH: \"x193rfdd\",\n    k63SB2: \"x1hews6w\",\n    kb6lSQ: \"xn43zvd\",\n    kLWn49: \"xv61bfh\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  md: {\n    ks0D6T: \"x10u2fgw\",\n    $$css: true\n  },\n  sm: {\n    ks0D6T: \"xjjheoa\",\n    $$css: true\n  },\n  title: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xrgwony\",\n    kGuDYH: \"x12s497w\",\n    k63SB2: \"x1szcwkt\",\n    kb6lSQ: \"xo803ec\",\n    kLWn49: \"xyl1r0q\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\n\n// How long a pointer rests on the trigger before a hovered popover opens,\n// and how long it has to leave before it closes. React Aria's own defaults,\n// spelled out because they are the whole feel of a hover trigger and worth\n// finding in the component rather than in a changelog.\nconst DEFAULT_HOVER_DELAY = 600;\nconst DEFAULT_HOVER_CLOSE_DELAY = 200;\n\n// The overlay module's, since which side a surface opens on is the same\n// question for every anchored overlay. Aliased rather than re-declared so\n// the names a call site imports stay this component's.\ntype PopoverAlign = OverlayAlign;\ntype PopoverSide = OverlaySide;\ntype PopoverSize = 'md' | 'sm';\n\n// `size` and `modal` are declared on the root, where a reader expects to set\n// the shape of the whole popover, but it is `Popover.Content` that has to\n// apply them. Through context rather than making the call site repeat them —\n// the same arrangement Sheet uses, and worth keeping identical between the\n// two panels a consumer is most likely to reach for in the same afternoon.\nconst PopoverContext = createContext<{\n  modal: boolean;\n  size: PopoverSize;\n}>({\n  modal: false,\n  size: 'md'\n});\n\n// React Aria points a dialog's `aria-describedby` at its description slot\n// only for an alert dialog, on the grounds that an ordinary dialog's content\n// is read anyway. A popover's description names what the panel is for, so it\n// is pointed at here: the content hands the description an id, and the\n// description reports that it is mounted, since an `aria-describedby` with\n// nothing at the other end is an invalid reference rather than a harmless one.\nconst DescriptionContext = createContext<{\n  id: string;\n  register: () => () => void;\n}>({\n  id: '',\n  register: () => () => {}\n});\n\n// The same for the title, which the non-modal panel names itself by — see\n// PanelDialog. React Aria's own Dialog finds its title by looking for it;\n// the panel here is told it is there.\nconst TitleContext = createContext<() => () => void>(() => () => {});\n\n// The text slot the description fills, with the default beside it so a\n// plain `Text` still renders. Hoisted, since it never changes.\nconst TEXT_SLOTS = {\n  slots: {\n    [DEFAULT_SLOT]: {},\n    description: {}\n  }\n};\ntype PopoverProps = Omit<DialogTriggerProps, 'children'> & {\n  children?: ReactNode;\n  /**\n   * How long the pointer has to leave a hovered popover before it closes, in\n   * milliseconds. Ignored by a pressed one.\n   * @default 200\n   */\n  closeDelay?: number;\n  /**\n   * How long the pointer has to rest on the trigger before a hovered popover\n   * opens, in milliseconds. Ignored by a pressed one.\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * Blocks the page behind the panel while it is open, as a dialog would.\n   * Off by default: a popover leaves the page interactive, which is the\n   * difference from `Sheet`.\n   * @default false\n   */\n  modal?: boolean;\n  /**\n   * Panel width: `sm` caps at 240px, `md` at 320px. Either way the panel is\n   * only as wide as its contents, and never wider than the viewport.\n   * @default 'md'\n   */\n  size?: PopoverSize;\n  /**\n   * What opens the panel: a press, or a pointer resting on the trigger.\n   * `hover` is the tooltips page's rich tooltip — it opens on hover, focus\n   * or a long press, and stays open while the pointer is inside it, so the\n   * panel's own buttons and links can be reached.\n   * @default 'press'\n   */\n  trigger?: PopoverTrigger;\n};\ntype PopoverTrigger = 'hover' | 'press';\n\n/**\n * The element that carries the dialog role in a non-modal popover: what\n * React Aria's `Dialog` gives a modal one — the role, the name from the\n * title, the description, and the close slot — without the two things that\n * make `Dialog` a modal's.\n *\n * `Dialog` moves focus into itself as it mounts, whatever opened it, and\n * holds focus inside the overlay until it closes. A hover popover therefore\n * took focus from wherever the reader was typing the moment a pointer\n * rested on its trigger, and Tab in an open popover went round its own\n * controls forever, though the page behind a non-modal popover is meant to\n * stay in reach. Here a pressed popover still takes focus as it opens, since\n * a press asked for the panel, but a hovered one leaves it where it is, and\n * Tab past the panel's last control carries on from the trigger in the\n * page. React Aria's popover sees a dialog inside it and so adds no role or\n * focus handling of its own.\n */\nfunction PanelDialog({\n  'aria-labelledby': labelledBy,\n  children,\n  id,\n  onPressWithin,\n  // React Aria's render prop is the one part of a dialog's props this\n  // element cannot honour, being an element of its own rather than React\n  // Aria's; left out rather than spread onto the DOM.\n  render: _render,\n  slot,\n  ...props\n}: Omit<PopoverContentProps, 'align' | 'alignOffset' | 'className' | 'container' | 'side' | 'sideOffset' | 'style' | 'triggerRef'> & {\n  /**\n   * Called when a press starts anywhere inside the panel in React's tree,\n   * which takes in what an overlay opened from the panel draws elsewhere in\n   * the document — see `PopoverContent`.\n   */\n  onPressWithin: () => void;\n}) {\n  const ref = useRef<HTMLElement>(null);\n  const state = useContext(OverlayTriggerStateContext);\n  // What the trigger hands its overlay: the id the trigger's\n  // `aria-controls` points at, and the trigger itself as the name of a\n  // panel with no title. A hover trigger hands nothing, and is a hover\n  // trigger for exactly that reason.\n  const trigger = triggerOf(useContext(DialogContext));\n  const pressed = trigger !== undefined;\n  const titleId = useId();\n  const [titled, setTitled] = useState(false);\n  const registerTitle = useCallback(() => {\n    setTitled(true);\n    return () => {\n      setTitled(false);\n    };\n  }, []);\n  const headings = useMemo(() => ({\n    slots: {\n      [DEFAULT_SLOT]: {},\n      title: {\n        id: titleId,\n        level: 2\n      }\n    }\n  }), [titleId]);\n  const buttons = useMemo(() => ({\n    slots: {\n      close: {\n        onPress: () => {\n          state?.close();\n        }\n      },\n      [DEFAULT_SLOT]: {}\n    }\n  }), [state]);\n  useEffect(() => {\n    const element = ref.current;\n    if (pressed && element !== null && !element.contains(document.activeElement)) {\n      element.focus({\n        preventScroll: true\n      });\n    }\n  }, [pressed]);\n  return (\n    // A section with the role, as React Aria's own dialog is: a `<dialog>`\n    // element brings the browser's own positioning, border, padding and top\n    // layer, all of which the panel around it already decides.\n    <section {...props} aria-labelledby={labelledBy ?? (titled ? titleId : trigger?.labelledBy)} id={id ?? trigger?.id} onPointerDownCapture={onPressWithin} ref={ref}\n    // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- a `<dialog>` element would bring the browser's own positioning and top layer, which the panel around it already decides\n    role=\"dialog\" slot={slot ?? undefined} tabIndex={-1} {...stylex.props(overlay.popupDialog, focus.ring)}>\n      <HeadingContext value={headings}>\n        <TextContext value={TEXT_SLOTS}>\n          <ButtonContext value={buttons}>\n            <TitleContext value={registerTitle}>{children}</TitleContext>\n          </ButtonContext>\n        </TextContext>\n      </HeadingContext>\n    </section>\n  );\n}\n\n// React Aria names a placement by the side and, along it, the end the panel\n// is aligned to — `bottom start`, or `left top` on the sides where the axis\n// runs the other way.\n/**\n * A panel anchored to the control that opened it. Open state is React Aria's:\n * pass `isOpen` with `onOpenChange` to control it, or `defaultOpen` to let it\n * keep its own.\n *\n * Non-modal by design — the page behind stays scrollable and clickable, which\n * is the difference from `Sheet`. Pass `modal` to change that. Escape, a press\n * anywhere outside the panel and a button given `slot=\"close\"` close it, and\n * a press on its trigger toggles it. Inside a dialog, a press on the scrim\n * closes the popover first and the dialog on the next, as a menu does.\n *\n * Composed rather than configured by props, because a popover's contents are\n * arbitrary — the parts are `Popover.Content`, `Popover.Title`, and\n * `Popover.Description`. A `Button` or `IconButton` placed directly inside\n * `Popover` opens it, and one given `slot=\"close\"` inside the content closes\n * it; neither needs a part of its own.\n */\nfunction Popover({\n  children,\n  closeDelay = DEFAULT_HOVER_CLOSE_DELAY,\n  delay = DEFAULT_HOVER_DELAY,\n  modal = false,\n  size = 'md',\n  trigger = 'press',\n  ...props\n}: PopoverProps) {\n  // A hovered popover is React Aria's preview trigger, which is a different\n  // element around the same parts rather than a mode of the pressed one: it\n  // opens from hover, focus or a long press, and it is always non-modal,\n  // since a panel that blocked the page while the pointer merely rested on\n  // something would be a trap. `modal` is ignored there rather than\n  // refused, so the content draws the non-modal panel whatever it says.\n  const context = useMemo(() => ({\n    modal: modal && trigger !== 'hover',\n    size\n  }), [modal, size, trigger]);\n  if (trigger === 'hover') {\n    return <PopoverContext value={context}>\n        <PreviewTrigger closeDelay={closeDelay} delay={delay} {...props}>\n          {children}\n        </PreviewTrigger>\n      </PopoverContext>;\n  }\n  return <PopoverContext value={context}>\n      <DialogTrigger {...props}>{children}</DialogTrigger>\n    </PopoverContext>;\n}\n\n/**\n * The panel itself. Everything the popover shows goes in here; the trigger\n * stays outside it, since the trigger lives in the page while this is\n * portalled out to the end of the body.\n *\n * Placement is React Aria's anchor positioning, so the panel flips to the\n * opposite side and shifts along the edge of the viewport on its own rather\n * than being clipped by it.\n */\nfunction PopoverContent({\n  align = 'center',\n  alignOffset,\n  children,\n  className,\n  container,\n  ref,\n  side = 'bottom',\n  sideOffset = DEFAULT_SIDE_OFFSET,\n  style,\n  triggerRef,\n  ...props\n}: PopoverContentProps & RefAttributes<HTMLElement>) {\n  const {\n    modal,\n    size\n  } = useContext(PopoverContext);\n  const state = useContext(OverlayTriggerStateContext);\n  // The trigger React Aria hands its popover, for a content part given no\n  // `triggerRef` of its own.\n  const handed = useSlottedContext(RACPopoverContext)?.triggerRef;\n\n  // A non-modal popover is one React Aria closes on blur alone: a press on\n  // blank page left it open, and a press on its own trigger closed it as\n  // focus left the panel and opened it again on the same press. Here a\n  // press anywhere outside the panel closes it, and a press on the trigger\n  // is left to the trigger, which toggles it.\n  //\n  // What an overlay opened from inside the panel draws — a select's list, a\n  // menu — is portalled elsewhere in the document, so a press there is\n  // outside the panel's element though it is within the panel's tree. React\n  // carries the press up that tree, and the panel marks it as within before\n  // the press ends; the outside press is read on its end, so the mark is\n  // there to read. Each press outside clears it as it starts.\n  const panel = useRef<HTMLElement>(null);\n  const merged = useMemo(() => mergeRefs(panel, ref ?? undefined), [ref]);\n  const pressedWithin = useRef(false);\n  const markPressWithin = useCallback(() => {\n    pressedWithin.current = true;\n  }, []);\n  // The two refs the trigger may come through, kept where a callback can\n  // read them at the moment of a press rather than as dependencies, which a\n  // ref is not.\n  const triggers = useRef({\n    handed,\n    own: triggerRef\n  });\n  useEffect(() => {\n    triggers.current = {\n      handed,\n      own: triggerRef\n    };\n  });\n  const isOutsideTrigger = useCallback((element: Element) => {\n    const {\n      handed: fromTrigger,\n      own\n    } = triggers.current;\n    const trigger = own?.current ?? fromTrigger?.current;\n    return !(trigger?.contains(element) ?? false);\n  }, []);\n  useInteractOutside({\n    isDisabled: modal || state === null || !state.isOpen,\n    onInteractOutside: event => {\n      if (pressedWithin.current) {\n        pressedWithin.current = false;\n        return;\n      }\n      if (event.target instanceof Element && !isOutsideTrigger(event.target)) {\n        return;\n      }\n      state?.close();\n    },\n    onInteractOutsideStart: () => {\n      pressedWithin.current = false;\n    },\n    ref: panel\n  });\n  const descriptionId = useId();\n  const [described, setDescribed] = useState(false);\n  const register = useCallback(() => {\n    setDescribed(true);\n    return () => {\n      setDescribed(false);\n    };\n  }, []);\n  const description = useMemo(() => ({\n    id: descriptionId,\n    register\n  }), [descriptionId, register]);\n  return <OverlayScope>\n      <RACPopover crossOffset={alignOffset} isNonModal={!modal} offset={sideOffset} placement={placementOf(side, align)}\n    // The surface, where the call site's class and style land, rather than\n    // the dialog inside it, which takes the rest of the props.\n    ref={merged}\n    // Focus leaving for the trigger closes nothing: the trigger's own\n    // press toggles the panel, and closing it first reopened it.\n    shouldCloseOnInteractOutside={modal ? undefined : isOutsideTrigger} triggerRef={triggerRef}\n    // oxlint-disable-next-line typescript/no-deprecated -- its replacement, UNSAFE_PortalProvider, is not exported by react-aria-components\n    UNSTABLE_portalContainer={container} {...mergeStatefulStyles((render: PopoverRenderProps) => stylex.props(overlay.popup, styles.content, styles[size], popupOrigin(render.placement)), {\n      className,\n      style\n    })}>\n        {modal ? <Dialog aria-describedby={described ? descriptionId : undefined} {...props} {...stylex.props(overlay.popupDialog, focus.ring)}>\n            <DescriptionContext value={description}>\n              {children}\n            </DescriptionContext>\n          </Dialog> : <PanelDialog aria-describedby={described ? descriptionId : undefined} onPressWithin={markPressWithin} {...props}>\n            <DescriptionContext value={description}>\n              {children}\n            </DescriptionContext>\n          </PanelDialog>}\n      </RACPopover>\n    </OverlayScope>;\n}\n\n/**\n * Supporting copy under the title. The panel's `aria-describedby` points at\n * it — see DescriptionContext for why that is this component's doing.\n */\nfunction PopoverDescription(props: PopoverDescriptionProps & RefAttributes<HTMLElement>) {\n  const {\n    id,\n    register\n  } = useContext(DescriptionContext);\n  useEffect(() => register(), [register]);\n  return <Text id={id} slot=\"description\" {...props} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xpo2rfv x193rfdd x1hews6w xn43zvd xv61bfh x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * Names the popover. Rendered through React Aria's title slot, which is what\n * points the panel's `aria-labelledby` at it — a popover without one announces\n * itself unnamed.\n */\nfunction PopoverTitle(props: PopoverTitleProps & RefAttributes<HTMLHeadingElement>) {\n  const register = useContext(TitleContext);\n  useEffect(() => register(), [register]);\n  return <Heading slot=\"title\" {...props} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xrgwony x12s497w x1szcwkt xo803ec xyl1r0q x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * What a pressed trigger hands the overlay it opens: the id its\n * `aria-controls` points at, and its own id to name a panel with no title.\n * Read field by field, since the context's type also admits a slotted\n * value; a hover trigger hands nothing.\n */\nfunction triggerOf(context: unknown) {\n  if (typeof context !== 'object' || context === null || 'slots' in context) {\n    return undefined;\n  }\n  return {\n    id: 'id' in context && typeof context.id === 'string' ? context.id : undefined,\n    labelledBy: 'aria-labelledby' in context && typeof context['aria-labelledby'] === 'string' ? context['aria-labelledby'] : undefined\n  };\n}\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Title = PopoverTitle;\n\n// The dialog's own props, plus the four that place the panel and its\n// styling. Those belong to the positioned panel rather than to the dialog,\n// but a call site has no reason to know there are two elements — `className`\n// and `style` reach the panel, which is the one worth restyling, and\n// everything else lands on the dialog.\ntype PopoverContentProps = Omit<DialogProps, 'children' | 'className' | 'style'> & {\n  /**\n   * Where the panel sits along the side it opens on.\n   * @default 'center'\n   */\n  align?: PopoverAlign;\n  /** Moves the panel along that side, in pixels. */\n  alignOffset?: number;\n  children?: ReactNode;\n  /** A function may compute the class from the panel's render state. */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * Where to portal the panel. Defaults to the container of the `ThemeScope`\n   * around it, which keeps the popover on that scope's tokens, or to the end of\n   * `<body>` where there is none. A subtree themed through the `themeScope`\n   * class has no container of its own, so point this inside it, or the popover\n   * renders outside and keeps the page's tokens.\n   */\n  container?: Element;\n  /**\n   * Which side of the trigger the panel opens on. It flips to the opposite\n   * side when there is no room.\n   * @default 'bottom'\n   */\n  side?: PopoverSide;\n  /**\n   * The gap between the trigger and the panel, in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /** A function may compute the style from the panel's render state. */\n  style?: StyleOrFunction<PopoverRenderProps>;\n  /**\n   * An element to anchor the panel to other than the trigger that opened it.\n   */\n  triggerRef?: RefObject<Element | null>;\n};\ntype PopoverDescriptionProps = TextProps;\ntype PopoverTitleProps = HeadingProps;\nexport type { PopoverAlign, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverSide, PopoverSize, PopoverTitleProps, PopoverTrigger };\nexport { PopoverContent, PopoverDescription, PopoverTitle };\nexport default Popover;"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","ReactNode","RefAttributes","RefObject","ClassNameOrFunction","DialogProps","DialogTriggerProps","HeadingProps","PopoverRenderProps","StyleOrFunction","TextProps","stylex","createContext","useCallback","useContext","useEffect","useId","useMemo","useRef","useState","useInteractOutside","ButtonContext","DEFAULT_SLOT","Dialog","DialogContext","DialogTrigger","Heading","HeadingContext","OverlayTriggerStateContext","PreviewTrigger","Popover","RACPopover","PopoverContext","RACPopoverContext","Text","TextContext","useSlottedContext","OverlayAlign","OverlaySide","OverlayScope","mergeRefs","focus","mergeStatefulStyles","mergeStyles","overlay","placementOf","popupOrigin","colors","spacing","typography","DEFAULT_SIDE_OFFSET","styles","content","kGO01o","kLKAdn","kg3NbH","$$css","description","kB7OPa","kMwMTN","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kogj98","md","ks0D6T","sm","title","DEFAULT_HOVER_DELAY","DEFAULT_HOVER_CLOSE_DELAY","PopoverAlign","PopoverSide","PopoverSize","modal","size","DescriptionContext","id","TitleContext","TEXT_SLOTS","slots","PopoverProps","Omit","children","closeDelay","delay","trigger","PopoverTrigger","PanelDialog","t0","$","labelledBy","onPressWithin","props","slot","t1","t2","t3","t4","render","_render","t5","t6","ref","state","triggerOf","pressed","undefined","titleId","titled","setTitled","Symbol","for","registerTitle","level","headings","onPress","close","t7","t8","buttons","t10","t9","element","current","contains","document","activeElement","preventScroll","t11","t12","t13","t14","popupDialog","ring","t15","t16","t17","t18","context","PopoverContent","alignOffset","className","container","style","triggerRef","align","side","sideOffset","handed","panel","merged","pressedWithin","markPressWithin","own","triggers","fromTrigger","isOutsideTrigger","isOpen","event","target","Element","isDisabled","onInteractOutside","onInteractOutsideStart","descriptions","setDescriptions","ids","ids_0","at","indexOf","slice","registerDescription","length","Set","join","describedBy","t19","t20","popup","placement","t21","t22","t23","PopoverDescription","register","generated","PopoverTitle","Content","Description","Title","PopoverContentProps","PopoverDescriptionProps","PopoverTitleProps","PopoverContext","_c","props","stylex.props","Popover","RACPopoverContext","RACPopover"],"sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode, RefAttributes, RefObject } from 'react';\nimport type { ClassNameOrFunction, DialogProps, DialogTriggerProps, HeadingProps, PopoverRenderProps, StyleOrFunction, TextProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { useInteractOutside } from 'react-aria';\nimport { ButtonContext, DEFAULT_SLOT, Dialog, DialogContext, DialogTrigger, Heading, HeadingContext, OverlayTriggerStateContext, PreviewTrigger, Popover as RACPopover, PopoverContext as RACPopoverContext, Text, TextContext, useSlottedContext } from 'react-aria-components';\nimport type { OverlayAlign, OverlaySide } from '../../styles/overlay';\nimport { OverlayScope } from '../../overlay';\nimport { mergeRefs } from '../../render/ref';\nimport { focus } from '../../styles/focus';\nimport { mergeStatefulStyles, mergeStyles } from '../../styles/merge';\nimport { overlay, placementOf, popupOrigin } from '../../styles/overlay';\nimport '../../tokens/design.tokens.stylex';\nimport { colors, spacing, typography } from '../../tokens/design.tokens.stylex';\n\n// The gap between the anchor and the panel, matching `spacing.sm`'s default.\n// A number rather than the token, because React Aria computes the position in\n// JavaScript and so cannot read a CSS custom property — this is the one place\n// in the component where a step of the spacing scale is spelled out. React\n// Aria's own default is 8 as well, but the value is this component's decision\n// rather than an inherited one.\nconst DEFAULT_SIDE_OFFSET = 8;\n\n// The surface, its entry and the dialog's focus ring are the overlay module's,\n// shared with every anchored overlay; what is here is Popover's own — its\n// inset, its two widths, and the type of its title and description.\n//\n// Popover has no page of its own, so the inset and the type follow the rich\n// tooltip, the nearest thing the Material Design pages draw: a plain rounded\n// panel offset from its anchor, with no caret drawn between the two, holding\n// a subhead over supporting text.\n//\n// React Aria's popover is two elements — the positioned panel and the dialog\n// inside it — so the styles are split the same way: the surface, `content`\n// and a size on the panel, the dialog style on the element that carries the\n// role.\nconst styles = {\n  content: {\n    kGO01o: \"xqf7pud\",\n    kLKAdn: \"x6gmt8y\",\n    kg3NbH: \"x790zyz\",\n    $$css: true\n  },\n  description: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xpo2rfv\",\n    kGuDYH: \"x193rfdd\",\n    k63SB2: \"x1hews6w\",\n    kb6lSQ: \"xn43zvd\",\n    kLWn49: \"xv61bfh\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  },\n  md: {\n    ks0D6T: \"x10u2fgw\",\n    $$css: true\n  },\n  sm: {\n    ks0D6T: \"xjjheoa\",\n    $$css: true\n  },\n  title: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"xrgwony\",\n    kGuDYH: \"x12s497w\",\n    k63SB2: \"x1szcwkt\",\n    kb6lSQ: \"xo803ec\",\n    kLWn49: \"xyl1r0q\",\n    kogj98: \"x1ghz6dp\",\n    $$css: true\n  }\n};\n\n// How long a pointer rests on the trigger before a hovered popover opens,\n// and how long it has to leave before it closes. React Aria's own defaults,\n// spelled out because they are the whole feel of a hover trigger and worth\n// finding in the component rather than in a changelog.\nconst DEFAULT_HOVER_DELAY = 600;\nconst DEFAULT_HOVER_CLOSE_DELAY = 200;\n\n// The overlay module's, since which side a surface opens on is the same\n// question for every anchored overlay. Aliased rather than re-declared so\n// the names a call site imports stay this component's.\ntype PopoverAlign = OverlayAlign;\ntype PopoverSide = OverlaySide;\ntype PopoverSize = 'md' | 'sm';\n\n// `size` and `modal` are declared on the root, where a reader expects to set\n// the shape of the whole popover, but it is `Popover.Content` that has to\n// apply them. Through context rather than making the call site repeat them —\n// the same arrangement Sheet uses, and worth keeping identical between the\n// two panels a consumer is most likely to reach for in the same afternoon.\nconst PopoverContext = createContext<{\n  modal: boolean;\n  size: PopoverSize;\n}>({\n  modal: false,\n  size: 'md'\n});\n\n// React Aria points a dialog's `aria-describedby` at its description slot\n// only for an alert dialog, on the grounds that an ordinary dialog's content\n// is read anyway. A popover's description names what the panel is for, so it\n// is pointed at here: each description reports the id it renders while it is\n// mounted, and the dialog follows those ids, since an `aria-describedby` with\n// nothing at the other end is an invalid reference rather than a harmless one.\n// The id is the one the element carries, a call site's own included, and each\n// description has one of its own, so a second description adds its id rather\n// than sharing the first's, and unmounting either leaves the other.\nconst DescriptionContext = createContext<(id: string) => () => void>(() => () => {});\n\n// The same for the title, which the non-modal panel names itself by — see\n// PanelDialog. React Aria's own Dialog finds its title by looking for it;\n// the panel here is told it is there.\nconst TitleContext = createContext<() => () => void>(() => () => {});\n\n// The text slot the description fills, with the default beside it so a\n// plain `Text` still renders. Hoisted, since it never changes.\nconst TEXT_SLOTS = {\n  slots: {\n    [DEFAULT_SLOT]: {},\n    description: {}\n  }\n};\ntype PopoverProps = Omit<DialogTriggerProps, 'children'> & {\n  children?: ReactNode;\n  /**\n   * How long the pointer has to leave a hovered popover before it closes, in\n   * milliseconds. Ignored by a pressed one.\n   * @default 200\n   */\n  closeDelay?: number;\n  /**\n   * How long the pointer has to rest on the trigger before a hovered popover\n   * opens, in milliseconds. Ignored by a pressed one.\n   * @default 600\n   */\n  delay?: number;\n  /**\n   * Blocks the page behind the panel while it is open, as a dialog would.\n   * Off by default: a popover leaves the page interactive, which is the\n   * difference from `Sheet`.\n   * @default false\n   */\n  modal?: boolean;\n  /**\n   * Panel width: `sm` caps at 240px, `md` at 320px. Either way the panel is\n   * only as wide as its contents, and never wider than the viewport.\n   * @default 'md'\n   */\n  size?: PopoverSize;\n  /**\n   * What opens the panel: a press, or a pointer resting on the trigger.\n   * `hover` is the tooltips page's rich tooltip — it opens on hover, focus\n   * or a long press, and stays open while the pointer is inside it, so the\n   * panel's own buttons and links can be reached.\n   * @default 'press'\n   */\n  trigger?: PopoverTrigger;\n};\ntype PopoverTrigger = 'hover' | 'press';\n\n/**\n * The element that carries the dialog role in a non-modal popover: what\n * React Aria's `Dialog` gives a modal one — the role, the name from the\n * title, the description, and the close slot — without the two things that\n * make `Dialog` a modal's.\n *\n * `Dialog` moves focus into itself as it mounts, whatever opened it, and\n * holds focus inside the overlay until it closes. A hover popover therefore\n * took focus from wherever the reader was typing the moment a pointer\n * rested on its trigger, and Tab in an open popover went round its own\n * controls forever, though the page behind a non-modal popover is meant to\n * stay in reach. Here a pressed popover still takes focus as it opens, since\n * a press asked for the panel, but a hovered one leaves it where it is, and\n * Tab past the panel's last control carries on from the trigger in the\n * page. React Aria's popover sees a dialog inside it and so adds no role or\n * focus handling of its own.\n */\nfunction PanelDialog({\n  'aria-labelledby': labelledBy,\n  children,\n  id,\n  onPressWithin,\n  // React Aria's render prop is the one part of a dialog's props this\n  // element cannot honour, being an element of its own rather than React\n  // Aria's; left out rather than spread onto the DOM.\n  render: _render,\n  slot,\n  ...props\n}: Omit<PopoverContentProps, 'align' | 'alignOffset' | 'className' | 'container' | 'side' | 'sideOffset' | 'style' | 'triggerRef'> & {\n  /**\n   * Called when a press starts anywhere inside the panel in React's tree,\n   * which takes in what an overlay opened from the panel draws elsewhere in\n   * the document — see `PopoverContent`.\n   */\n  onPressWithin: () => void;\n}) {\n  const ref = useRef<HTMLElement>(null);\n  const state = useContext(OverlayTriggerStateContext);\n  // What the trigger hands its overlay: the id the trigger's\n  // `aria-controls` points at, and the trigger itself as the name of a\n  // panel with no title. A hover trigger hands nothing, and is a hover\n  // trigger for exactly that reason.\n  const trigger = triggerOf(useContext(DialogContext));\n  const pressed = trigger !== undefined;\n  const titleId = useId();\n  const [titled, setTitled] = useState(false);\n  const registerTitle = useCallback(() => {\n    setTitled(true);\n    return () => {\n      setTitled(false);\n    };\n  }, []);\n  const headings = useMemo(() => ({\n    slots: {\n      [DEFAULT_SLOT]: {},\n      title: {\n        id: titleId,\n        level: 2\n      }\n    }\n  }), [titleId]);\n  const buttons = useMemo(() => ({\n    slots: {\n      close: {\n        onPress: () => {\n          state?.close();\n        }\n      },\n      [DEFAULT_SLOT]: {}\n    }\n  }), [state]);\n  useEffect(() => {\n    const element = ref.current;\n    if (pressed && element !== null && !element.contains(document.activeElement)) {\n      element.focus({\n        preventScroll: true\n      });\n    }\n  }, [pressed]);\n  return (\n    // A section with the role, as React Aria's own dialog is: a `<dialog>`\n    // element brings the browser's own positioning, border, padding and top\n    // layer, all of which the panel around it already decides.\n    <section {...props} aria-labelledby={labelledBy ?? (titled ? titleId : trigger?.labelledBy)} id={id ?? trigger?.id} onPointerDownCapture={onPressWithin} ref={ref}\n    // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role -- a `<dialog>` element would bring the browser's own positioning and top layer, which the panel around it already decides\n    role=\"dialog\" slot={slot ?? undefined} tabIndex={-1} {...stylex.props(overlay.popupDialog, focus.ring)}>\n      <HeadingContext value={headings}>\n        <TextContext value={TEXT_SLOTS}>\n          <ButtonContext value={buttons}>\n            <TitleContext value={registerTitle}>{children}</TitleContext>\n          </ButtonContext>\n        </TextContext>\n      </HeadingContext>\n    </section>\n  );\n}\n\n// React Aria names a placement by the side and, along it, the end the panel\n// is aligned to — `bottom start`, or `left top` on the sides where the axis\n// runs the other way.\n/**\n * A panel anchored to the control that opened it. Open state is React Aria's:\n * pass `isOpen` with `onOpenChange` to control it, or `defaultOpen` to let it\n * keep its own.\n *\n * Non-modal by design — the page behind stays scrollable and clickable, which\n * is the difference from `Sheet`. Pass `modal` to change that. Escape, a press\n * anywhere outside the panel and a button given `slot=\"close\"` close it, and\n * a press on its trigger toggles it. Inside a dialog, a press on the scrim\n * closes the popover first and the dialog on the next, as a menu does.\n *\n * Composed rather than configured by props, because a popover's contents are\n * arbitrary — the parts are `Popover.Content`, `Popover.Title`, and\n * `Popover.Description`. A `Button` or `IconButton` placed directly inside\n * `Popover` opens it, and one given `slot=\"close\"` inside the content closes\n * it; neither needs a part of its own.\n */\nfunction Popover({\n  children,\n  closeDelay = DEFAULT_HOVER_CLOSE_DELAY,\n  delay = DEFAULT_HOVER_DELAY,\n  modal = false,\n  size = 'md',\n  trigger = 'press',\n  ...props\n}: PopoverProps) {\n  // A hovered popover is React Aria's preview trigger, which is a different\n  // element around the same parts rather than a mode of the pressed one: it\n  // opens from hover, focus or a long press, and it is always non-modal,\n  // since a panel that blocked the page while the pointer merely rested on\n  // something would be a trap. `modal` is ignored there rather than\n  // refused, so the content draws the non-modal panel whatever it says.\n  const context = useMemo(() => ({\n    modal: modal && trigger !== 'hover',\n    size\n  }), [modal, size, trigger]);\n  if (trigger === 'hover') {\n    return <PopoverContext value={context}>\n        <PreviewTrigger closeDelay={closeDelay} delay={delay} {...props}>\n          {children}\n        </PreviewTrigger>\n      </PopoverContext>;\n  }\n  return <PopoverContext value={context}>\n      <DialogTrigger {...props}>{children}</DialogTrigger>\n    </PopoverContext>;\n}\n\n/**\n * The panel itself. Everything the popover shows goes in here; the trigger\n * stays outside it, since the trigger lives in the page while this is\n * portalled out to the end of the body.\n *\n * Placement is React Aria's anchor positioning, so the panel flips to the\n * opposite side and shifts along the edge of the viewport on its own rather\n * than being clipped by it.\n */\nfunction PopoverContent({\n  align = 'center',\n  alignOffset,\n  children,\n  className,\n  container,\n  ref,\n  side = 'bottom',\n  sideOffset = DEFAULT_SIDE_OFFSET,\n  style,\n  triggerRef,\n  ...props\n}: PopoverContentProps & RefAttributes<HTMLElement>) {\n  const {\n    modal,\n    size\n  } = useContext(PopoverContext);\n  const state = useContext(OverlayTriggerStateContext);\n  // The trigger React Aria hands its popover, for a content part given no\n  // `triggerRef` of its own.\n  const handed = useSlottedContext(RACPopoverContext)?.triggerRef;\n\n  // A non-modal popover is one React Aria closes on blur alone: a press on\n  // blank page left it open, and a press on its own trigger closed it as\n  // focus left the panel and opened it again on the same press. Here a\n  // press anywhere outside the panel closes it, and a press on the trigger\n  // is left to the trigger, which toggles it.\n  //\n  // What an overlay opened from inside the panel draws — a select's list, a\n  // menu — is portalled elsewhere in the document, so a press there is\n  // outside the panel's element though it is within the panel's tree. React\n  // carries the press up that tree, and the panel marks it as within before\n  // the press ends; the outside press is read on its end, so the mark is\n  // there to read. Each press outside clears it as it starts.\n  const panel = useRef<HTMLElement>(null);\n  const merged = useMemo(() => mergeRefs(panel, ref ?? undefined), [ref]);\n  const pressedWithin = useRef(false);\n  const markPressWithin = useCallback(() => {\n    pressedWithin.current = true;\n  }, []);\n  // The two refs the trigger may come through, kept where a callback can\n  // read them at the moment of a press rather than as dependencies, which a\n  // ref is not.\n  const triggers = useRef({\n    handed,\n    own: triggerRef\n  });\n  useEffect(() => {\n    triggers.current = {\n      handed,\n      own: triggerRef\n    };\n  });\n  const isOutsideTrigger = useCallback((element: Element) => {\n    const {\n      handed: fromTrigger,\n      own\n    } = triggers.current;\n    const trigger = own?.current ?? fromTrigger?.current;\n    return !(trigger?.contains(element) ?? false);\n  }, []);\n  useInteractOutside({\n    isDisabled: modal || state === null || !state.isOpen,\n    onInteractOutside: event => {\n      if (pressedWithin.current) {\n        pressedWithin.current = false;\n        return;\n      }\n      if (event.target instanceof Element && !isOutsideTrigger(event.target)) {\n        return;\n      }\n      state?.close();\n    },\n    onInteractOutsideStart: () => {\n      pressedWithin.current = false;\n    },\n    ref: panel\n  });\n\n  // The ids of the descriptions mounted in the panel, one entry per\n  // description, in the order they mounted.\n  const [descriptions, setDescriptions] = useState<readonly string[]>([]);\n  const registerDescription = useCallback((id: string) => {\n    setDescriptions(ids => [...ids, id]);\n    return () => {\n      setDescriptions(ids => {\n        const at = ids.indexOf(id);\n        return at === -1 ? ids : [...ids.slice(0, at), ...ids.slice(at + 1)];\n      });\n    };\n  }, []);\n  const describedBy = descriptions.length > 0 ? [...new Set(descriptions)].join(' ') : undefined;\n  return <OverlayScope>\n      <RACPopover crossOffset={alignOffset} isNonModal={!modal} offset={sideOffset} placement={placementOf(side, align)}\n    // The surface, where the call site's class and style land, rather than\n    // the dialog inside it, which takes the rest of the props.\n    ref={merged}\n    // Focus leaving for the trigger closes nothing: the trigger's own\n    // press toggles the panel, and closing it first reopened it.\n    shouldCloseOnInteractOutside={modal ? undefined : isOutsideTrigger} triggerRef={triggerRef}\n    // oxlint-disable-next-line typescript/no-deprecated -- its replacement, UNSAFE_PortalProvider, is not exported by react-aria-components\n    UNSTABLE_portalContainer={container} {...mergeStatefulStyles((render: PopoverRenderProps) => stylex.props(overlay.popup, styles.content, styles[size], popupOrigin(render.placement)), {\n      className,\n      style\n    })}>\n        {modal ? <Dialog aria-describedby={describedBy} {...props} {...stylex.props(overlay.popupDialog, focus.ring)}>\n            <DescriptionContext value={registerDescription}>\n              {children}\n            </DescriptionContext>\n          </Dialog> : <PanelDialog aria-describedby={describedBy} onPressWithin={markPressWithin} {...props}>\n            <DescriptionContext value={registerDescription}>\n              {children}\n            </DescriptionContext>\n          </PanelDialog>}\n      </RACPopover>\n    </OverlayScope>;\n}\n\n/**\n * Supporting copy under the title. The panel's `aria-describedby` points at\n * it — see DescriptionContext for why that is this component's doing.\n */\nfunction PopoverDescription(props: PopoverDescriptionProps & RefAttributes<HTMLElement>) {\n  const register = useContext(DescriptionContext);\n  const generated = useId();\n  const id = props.id ?? generated;\n  useEffect(() => register(id), [id, register]);\n  return <Text slot=\"description\" {...props} id={id} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xpo2rfv x193rfdd x1hews6w xn43zvd xv61bfh x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * Names the popover. Rendered through React Aria's title slot, which is what\n * points the panel's `aria-labelledby` at it — a popover without one announces\n * itself unnamed.\n */\nfunction PopoverTitle(props: PopoverTitleProps & RefAttributes<HTMLHeadingElement>) {\n  const register = useContext(TitleContext);\n  useEffect(() => register(), [register]);\n  return <Heading slot=\"title\" {...props} {...mergeStyles({\n    className: \"x9f619 x1w5n3ug xrgwony x12s497w x1szcwkt xo803ec xyl1r0q x1ghz6dp\"\n  }, props)} />;\n}\n\n/**\n * What a pressed trigger hands the overlay it opens: the id its\n * `aria-controls` points at, and its own id to name a panel with no title.\n * Read field by field, since the context's type also admits a slotted\n * value; a hover trigger hands nothing.\n */\nfunction triggerOf(context: unknown) {\n  if (typeof context !== 'object' || context === null || 'slots' in context) {\n    return undefined;\n  }\n  return {\n    id: 'id' in context && typeof context.id === 'string' ? context.id : undefined,\n    labelledBy: 'aria-labelledby' in context && typeof context['aria-labelledby'] === 'string' ? context['aria-labelledby'] : undefined\n  };\n}\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Title = PopoverTitle;\n\n// The dialog's own props, plus the four that place the panel and its\n// styling. Those belong to the positioned panel rather than to the dialog,\n// but a call site has no reason to know there are two elements — `className`\n// and `style` reach the panel, which is the one worth restyling, and\n// everything else lands on the dialog.\ntype PopoverContentProps = Omit<DialogProps, 'children' | 'className' | 'style'> & {\n  /**\n   * Where the panel sits along the side it opens on.\n   * @default 'center'\n   */\n  align?: PopoverAlign;\n  /** Moves the panel along that side, in pixels. */\n  alignOffset?: number;\n  children?: ReactNode;\n  /** A function may compute the class from the panel's render state. */\n  className?: ClassNameOrFunction<PopoverRenderProps>;\n  /**\n   * Where to portal the panel. Defaults to the container of the `ThemeScope`\n   * around it, which keeps the popover on that scope's tokens, or to the end of\n   * `<body>` where there is none. A subtree themed through the `themeScope`\n   * class has no container of its own, so point this inside it, or the popover\n   * renders outside and keeps the page's tokens.\n   */\n  container?: Element;\n  /**\n   * Which side of the trigger the panel opens on. It flips to the opposite\n   * side when there is no room. `start` and `end` follow the writing\n   * direction, so `end` is the right in English and the left in Arabic;\n   * `left` and `right` stay put in either.\n   * @default 'bottom'\n   */\n  side?: PopoverSide;\n  /**\n   * The gap between the trigger and the panel, in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /** A function may compute the style from the panel's render state. */\n  style?: StyleOrFunction<PopoverRenderProps>;\n  /**\n   * An element to anchor the panel to other than the trigger that opened it.\n   */\n  triggerRef?: RefObject<Element | null>;\n};\ntype PopoverDescriptionProps = TextProps;\ntype PopoverTitleProps = HeadingProps;\nexport type { PopoverAlign, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverSide, PopoverSize, PopoverTitleProps, PopoverTrigger };\nexport { PopoverContent, PopoverDescription, PopoverTitle };\nexport default Popover;"],"mappings":"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"}

package/dist/components/progress-indicator/index.d.ts

@@ -37,8 +37,10 @@ type ProgressIndicatorProps = {
    */
   shape?: ProgressIndicatorShape;
   /**
-   * Whether the value is shown beside the label. Ignored while the indicator
-   * is indeterminate, which has no value to show.
+   * Whether the value is shown at the end of the label's row. Ignored while
+   * the indicator is indeterminate, which has no value to show. On a ring
+   * the row sits above it, and the indicator is as wide as the wider of the
+   * two.
    * @default false
    */
   showValue?: boolean;