@kanso-labs/kanso-ui 0.40.9 → 0.41.0

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FocusEvent","HTMLAttributes","InputEventHandler","ReactNode","Ref","RefAttributes","ButtonProps","GroupProps","GroupRenderProps","InputProps","InputRenderProps","LabelProps","TextAreaProps","stylex","createContext","useContext","FieldError","FieldErrorContext","Group","Input","InputContext","Label","Button","RACButton","SelectStateContext","Text","TextArea","TextAreaContext","TextContext","useLocale","useSlottedContext","VisuallyHidden","useMessages","mergeStatefulStyles","mergeStyles","spacing","focusesControl","useInsideForm","fieldChromeStyles","groupStyles","BoxControl","label","BoxLabel","underLabel","FieldBoxProps","Omit","children","endInset","floatingLabel","isFocused","isPopulated","isRequired","leading","multiline","ref","HTMLDivElement","trailing","trigger","variant","FieldVariant","FieldInputProps","numeric","prefix","suffix","FieldLabelProps","state","Partial","FieldLabelState","FieldLabelVariant","Pick","FieldMessageProps","characterCount","characterLimitLabel","description","error","errorId","inset","maxLength","reserve","FieldTextAreaProps","autosize","FieldTriggerProps","FieldValueProps","HTMLElement","isPlaceholder","OUTSIDE_BOX","BOX_CONTROLS","filled","fixed","floating","outlined","Record","BoxContext","boxContent","BoxContent","t0","$","_c","read","useFieldPopulated","populated","focused","isFocusWithin","floated","t1","t2","props","outline","undefined","outlineLeading","outlineTrailing","outlineFocused","outlineEndInset","lg","xs","outlineNotch","outlineNotchOpen","REQUIRED_MARK","t3","isDisabled","icon","iconMultiline","iconOutlined","iconDisabled","t4","column","columnFloating","columnDisabledFloating","columnDisabled","t5","withFocus","t6","boxLabel","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLabelEndInset","t7","t8","t9","isInvalid","iconError","t10","boxStyles","box","boxFloating","boxFixed","boxMultiline","boxLeading","boxTrailing","boxOutlined","boxOutlinedFloating","boxOutlinedMultiline","boxOutlinedError","boxError","isHovered","boxOutlinedErrorHovered","boxOutlinedHovered","focusedStyle","boxOutlinedDisabled","boxDisabled","commitWhileInvalid","onInput","E","event","currentTarget","dispatchEvent","Event","bubbles","FieldBox","T0","t11","t12","t13","t14","t15","onPointerDown","FieldInput","placeholder","validation","input","inputUnderLabel","inputUnderFloatingLabel","inputDisabled","control","Symbol","for","affixLine","affix","FieldSegments","segments","returnToStart","FieldTextArea","context","value","textArea","textAreaAutosize","autosizeCell","replica","FieldTrigger","FieldValue","hidden","valuePlaceholder","valuePlaceholderHidden","invalid","boxOutlinedErrorFocused","boxOutlinedFocused","boxErrorFocused","boxFocused","contains","relatedTarget","scrollLeft","select","selectionManager","selectedKeys","size","String","length","NO_STATE","FieldLabel","labelDisabled","labelError","labelFocused","FieldMessage","locale","messages","insideForm","text","characterLimit","limit","collapsed","hint","message","described","errorSlot","slots","errorMessage","messageError","messageStyles","written","messageLine","messageInset","messageLineCollapsed","messageRegion","counter","countIn","RequiredMark","counterFormatters","Map","Intl","NumberFormat","formatter","get","set","format","_c","stylex.props","props","RACButton"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { FocusEvent, HTMLAttributes, InputEventHandler, ReactNode, Ref, RefAttributes } from 'react';\nimport type { ButtonProps, GroupProps, GroupRenderProps, InputProps, InputRenderProps, LabelProps, TextAreaProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext } from 'react';\nimport { FieldError, FieldErrorContext, Group, Input, InputContext, Label, Button as RACButton, SelectStateContext, Text, TextArea, TextAreaContext, TextContext, useLocale, useSlottedContext, VisuallyHidden } from 'react-aria-components';\nimport { useMessages } from '../i18n';\nimport { mergeStatefulStyles, mergeStyles } from '../styles/merge';\nimport { spacing } from '../tokens/design.tokens.stylex';\nimport { focusesControl } from './press';\nimport { useInsideForm } from './root';\nimport { fieldChromeStyles, groupStyles } from './styles';\n\n// The chrome every field shares: the filled box with its label at the top, the\n// control inside it, and the line of supporting text under it. TextField drew\n// all of it on its own until the coverage plan brought a dozen more fields,\n// each of which would otherwise have written the same box a second time.\n//\n// Not a component of the library's own and not exported. Each field is still\n// React Aria's field component — TextField, NumberField, DateField — and these\n// are the parts it renders inside, which is what keeps the label association,\n// the description and error wiring, and validation on React Aria's side.\n//\n// Neither the notch nor the label can select on the state that drives them.\n// Both are children of the box and the state is the box's, and the filled\n// label reads it in CSS only because it changes type alone, which the box\n// hands down inherited — where the notch changes what it holds and the\n// label changes where it sits, and neither of those inherits. So the box's\n// content computes that state in React instead: focus from the box's own\n// render state, and a value from the control's context, which is where the\n// character counter reads it too. The border's colour is the box's,\n// inherited, which is what carries the hover, focus, error and disabled\n// roles to it.\n\n// What a control needs to know about the box around it: how the label is\n// drawn, and whether the control clears it with a margin — it does under\n// the filled box's label, and not under the outlined box's, whose label\n// sits on the outline rather than over the value.\ninterface BoxControl {\n  label: BoxLabel;\n  underLabel: boolean;\n}\n\n// How the box draws its label, for the control inside it — see the context\n// below.\ntype BoxLabel = 'fixed' | 'floating' | 'none';\ntype FieldBoxProps = Omit<GroupProps, 'children'> & {\n  children?: ReactNode;\n  /**\n   * How much of the inline end of the column the control's own parts take,\n   * beside the control, as a CSS length: a number field's steppers. The\n   * label, and the outlined box's notch with it, stop that far short of the\n   * column's end, so a long label is cut short beside them rather than\n   * drawn under them. A part in `trailing` needs none of this, since it sits\n   * outside the column.\n   * @default '0px'\n   */\n  endInset?: 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   * Whether the field holds focus somewhere the box cannot see, so the box\n   * draws its focused state — the floated label, the focused indicator and\n   * the label's colour — without focus inside it. A select's open list is\n   * the case: opening it moves focus into the list, on an overlay outside\n   * the box, and left to `:focus-within` the label fell back onto the\n   * placeholder the select still showed.\n   * @default false\n   */\n  isFocused?: boolean;\n  /**\n   * Whether the control is holding anything, for a field whose control the\n   * chrome cannot ask. It reads an input, a text area and a select's own\n   * state; a control that is none of those — a token field's editable area,\n   * say — says so here, and the floating label floats on it.\n   */\n  isPopulated?: boolean;\n  /**\n   * Whether the field must be filled, which marks its label with an\n   * asterisk. The field passes its own `isRequired` on, since the group the\n   * box is reports none.\n   * @default false\n   */\n  isRequired?: boolean;\n  /** What the field is for. */\n  label: string;\n  /** An icon at the start of the box, before the label and the control. */\n  leading?: ReactNode;\n  /**\n   * Whether the box takes its height from the control inside it rather\n   * than the page's 56dp, for a text area.\n   * @default false\n   */\n  multiline?: boolean;\n  /**\n   * The box's own element. A field whose box is what something else is\n   * anchored to needs it — a select's list is positioned against the box and\n   * takes its width from it, which is what makes the two the same width.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /** An icon at the end of the box, after the control. */\n  trailing?: ReactNode;\n  /**\n   * A press target covering the whole box, for a field whose box opens\n   * something rather than taking a keystroke — {@link FieldTrigger}. Drawn\n   * in the box itself rather than in the column the label and the control\n   * share, so the padding and the icons open it too.\n   */\n  trigger?: ReactNode;\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.\n   * @default 'filled'\n   */\n  variant?: FieldVariant;\n};\n\n// `prefix` is also an HTML attribute — the RDFa one, which nothing here\n// wants — and React's element types carry it as a string, so it is left out\n// of the props taken from React Aria to make room for the affix.\ntype FieldInputProps = Omit<InputProps, 'prefix'> & {\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.\n   * @default false\n   */\n  numeric?: boolean;\n  /**\n   * Text before the value on its line, shown while the field is focused or\n   * holds a value.\n   */\n  prefix?: ReactNode;\n  /**\n   * Text after the value on its line, shown while the field is focused or\n   * holds a value.\n   */\n  suffix?: ReactNode;\n};\ntype FieldLabelProps = LabelProps & {\n  /**\n   * Whether the field must be filled, which ends the label in an asterisk in\n   * the label's own colour.\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * The states the colour follows. Disabled wins over error, and error over\n   * focus, so a focused invalid field keeps its error colour.\n   */\n  state?: Partial<FieldLabelState>;\n  /**\n   * Where the label sits. `field` is inside a box, positioned and typed by\n   * whatever renders it. `group` is above a group of controls, which has no\n   * box to float a label in, so this one carries its type itself.\n   * @default 'field'\n   */\n  variant?: FieldLabelVariant;\n};\ntype FieldLabelState = Pick<GroupRenderProps, 'isDisabled' | 'isFocusWithin' | 'isInvalid'>;\ntype FieldLabelVariant = 'field' | 'group';\ninterface FieldMessageProps {\n  /**\n   * Whether to count the characters the control holds at the end of the\n   * line, against `maxLength` where there is one. The count is read off the\n   * field's own input or text area context, and written in the locale's\n   * digits and grouping.\n   * @default false\n   */\n  characterCount?: boolean;\n  /**\n   * How the limit is said to a screen reader, where there is a `maxLength`.\n   * It is read with the field on focus rather than as the value changes, so\n   * it names the limit and not what is left of it. Left out, it is the\n   * sentence for it in the I18nProvider's locale — \"Up to 20 characters\" in\n   * English, singular for a limit of one.\n   */\n  characterLimitLabel?: string | undefined;\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 | undefined;\n  /** The problem with the current value, in words. */\n  error?: string | undefined;\n  /**\n   * The id the error takes, for a field that points `aria-describedby` at it\n   * itself because its React Aria component generates no error id of its\n   * own. Used only where the message is written out rather than slotted.\n   */\n  errorId?: string | undefined;\n  /**\n   * Whether the line is indented to a box's inline padding, so it starts\n   * where a value above it does. Off for a field with no box to line up with.\n   * @default true\n   */\n  inset?: boolean;\n  /** The limit the count is shown against. */\n  maxLength?: number | undefined;\n  /**\n   * Whether an empty line is kept inside a `Form`, where a message can\n   * arrive after the fact. Off for a field no message can reach — a\n   * checkbox in a group, whose group owns the one line — which would\n   * otherwise keep a line nothing will ever fill.\n   * @default true\n   */\n  reserve?: boolean;\n}\ntype FieldTextAreaProps = TextAreaProps & {\n  /**\n   * Whether the control grows with the text it holds, from the rows it asks\n   * for. Off, it keeps its rows and scrolls.\n   * @default false\n   */\n  autosize?: boolean;\n};\ntype FieldTriggerProps = ButtonProps;\ntype FieldValueProps = HTMLAttributes<HTMLElement> & {\n  /**\n   * Whether the field has focus. A hidden placeholder appears while it does,\n   * the way an input's does.\n   * @default false\n   */\n  isFocused?: boolean;\n  /**\n   * Whether nothing has been chosen yet, so what is drawn is the placeholder\n   * rather than a value.\n   * @default false\n   */\n  isPlaceholder?: boolean;\n};\ntype FieldVariant = 'filled' | 'outlined';\n\n// A control under a floating label carries a placeholder so the box can\n// tell when it is populated, shown only while focused. The default is what\n// a control rendered outside any box gets — a search bar's, which has no\n// label over it and shows its placeholder in every state. The four a box\n// provides are hoisted so each is one stable object.\nconst OUTSIDE_BOX: BoxControl = {\n  label: 'none',\n  underLabel: false\n};\nconst BOX_CONTROLS = {\n  filled: {\n    fixed: {\n      label: 'fixed',\n      underLabel: true\n    },\n    floating: {\n      label: 'floating',\n      underLabel: true\n    }\n  },\n  outlined: {\n    fixed: {\n      label: 'fixed',\n      underLabel: false\n    },\n    floating: {\n      label: 'floating',\n      underLabel: false\n    }\n  }\n} satisfies Record<FieldVariant, Record<'fixed' | 'floating', BoxControl>>;\nconst BoxContext = createContext<BoxControl>(OUTSIDE_BOX);\n\n// Written as calls rather than function literals at the prop, which is what\n// react-perf's no-new-function-as-prop is after; the React Compiler memoises\n// each result on its inputs.\nfunction boxContent(label: string, children: ReactNode, endInset: string, floatingLabel: boolean, isFocused: boolean, isPopulated: boolean | undefined, isRequired: boolean, leading: ReactNode, multiline: boolean, trailing: ReactNode, trigger: ReactNode, variant: FieldVariant) {\n  return (state: GroupRenderProps) => <BoxContent endInset={endInset} floatingLabel={floatingLabel} isFocused={isFocused} isPopulated={isPopulated} isRequired={isRequired} label={label} leading={leading} multiline={multiline} state={state} trailing={trailing} trigger={trigger} variant={variant}>\n      {children}\n    </BoxContent>;\n}\n\n/**\n * What a box holds: its icons, its label and the control between them, plus\n * the outline when it has one. A component rather than the render function\n * itself, so it can read whether the control holds a value — which is what\n * the outlined box's notch and label follow, and what CSS cannot express\n * for them. See the outlined variant's note above.\n */\nfunction BoxContent({\n  children,\n  endInset,\n  floatingLabel,\n  isFocused,\n  isPopulated,\n  isRequired,\n  label,\n  leading,\n  multiline,\n  state,\n  trailing,\n  trigger,\n  variant\n}: {\n  children: ReactNode;\n  endInset: string;\n  floatingLabel: boolean;\n  isFocused: boolean;\n  isPopulated: boolean | undefined;\n  isRequired: boolean;\n  label: string;\n  leading: ReactNode;\n  multiline: boolean;\n  state: GroupRenderProps;\n  trailing: ReactNode;\n  trigger: ReactNode;\n  variant: FieldVariant;\n}) {\n  const read = useFieldPopulated();\n  const populated = isPopulated ?? read;\n  const outlined = variant === 'outlined';\n  const focused = state.isFocusWithin || isFocused;\n  const floated = !floatingLabel || focused || populated;\n  return <BoxContext value={BOX_CONTROLS[variant][floatingLabel ? 'floating' : 'fixed']}>\n      {outlined ? <fieldset aria-hidden=\"true\" {...stylex.props(fieldChromeStyles.outline, leading !== undefined && fieldChromeStyles.outlineLeading, trailing !== undefined && fieldChromeStyles.outlineTrailing, focused && fieldChromeStyles.outlineFocused, endInset !== '0px' && fieldChromeStyles.outlineEndInset(`calc(${spacing.lg} - ${spacing.xs} + ${endInset})`))}>\n          <legend {...stylex.props(fieldChromeStyles.outlineNotch, floated && fieldChromeStyles.outlineNotchOpen)}>\n            {floated ? <>\n                {label}\n                {isRequired ? REQUIRED_MARK : null}\n              </> : null}\n          </legend>\n        </fieldset> : null}\n      {trigger}\n      {leading === undefined ? null : <span {...stylex.props(fieldChromeStyles.icon, multiline && fieldChromeStyles.iconMultiline, outlined && fieldChromeStyles.iconOutlined, state.isDisabled && fieldChromeStyles.iconDisabled)}>\n          {leading}\n        </span>}\n      <div {...stylex.props(fieldChromeStyles.column, floatingLabel && fieldChromeStyles.columnFloating, state.isDisabled && (floatingLabel ? fieldChromeStyles.columnDisabledFloating : fieldChromeStyles.columnDisabled))}>\n        <FieldLabel isRequired={isRequired} state={withFocus(state, focused)} {...stylex.props(fieldChromeStyles.boxLabel, floatingLabel && floated && fieldChromeStyles.boxLabelFloated, outlined && fieldChromeStyles.boxLabelOutlined, outlined && floated && fieldChromeStyles.boxLabelOutlinedFloated, endInset !== '0px' && fieldChromeStyles.boxLabelEndInset(outlined ? `calc(100% + 2 * ${spacing.xs} - ${endInset})` : `calc(100% - ${endInset})`))}>\n          {label}\n        </FieldLabel>\n        {children}\n      </div>\n      {trailing === undefined ? null : <span {...stylex.props(fieldChromeStyles.icon, multiline && fieldChromeStyles.iconMultiline, outlined && fieldChromeStyles.iconOutlined, state.isInvalid && fieldChromeStyles.iconError, state.isDisabled && fieldChromeStyles.iconDisabled)}>\n          {trailing}\n        </span>}\n    </BoxContext>;\n}\nfunction boxStyles(floatingLabel: boolean, isFocused: boolean, multiline: boolean, leading: boolean, trailing: boolean, variant: FieldVariant) {\n  const outlined = variant === 'outlined';\n  return (state: GroupRenderProps) => stylex.props(fieldChromeStyles.box, floatingLabel ? fieldChromeStyles.boxFloating : fieldChromeStyles.boxFixed, multiline && fieldChromeStyles.boxMultiline, leading && fieldChromeStyles.boxLeading, trailing && fieldChromeStyles.boxTrailing, outlined && fieldChromeStyles.boxOutlined, outlined && floatingLabel && fieldChromeStyles.boxOutlinedFloating, outlined && multiline && fieldChromeStyles.boxOutlinedMultiline, state.isInvalid && (outlined ? fieldChromeStyles.boxOutlinedError : fieldChromeStyles.boxError), outlined && state.isHovered && (state.isInvalid ? fieldChromeStyles.boxOutlinedErrorHovered : fieldChromeStyles.boxOutlinedHovered), isFocused && focusedStyle(outlined, state.isInvalid), state.isDisabled && (outlined ? fieldChromeStyles.boxOutlinedDisabled : fieldChromeStyles.boxDisabled));\n}\n\n/**\n * The control's `onInput`, which also commits the field's validation while it\n * shows an error, so an edit that fixes the value clears the error as it is\n * typed rather than once focus leaves.\n *\n * React Aria commits a field's validation — the moment a server's error is\n * cleared, or the browser's own is checked again — on the control's native\n * `change` event, and a text control fires that only on blur. So a reader\n * typing the fix saw the error, red and `aria-invalid`, until they tabbed\n * away from a value that was already right. Re-dispatching `change` on input\n * is what commits early, through React Aria's own listener.\n *\n * Only while the field is invalid. A valid field still commits on blur, so\n * nothing new is flagged in the middle of typing a value: an error is shown\n * late and taken back early. React's `onChange` does not run a second time\n * for it, since the value it tracks has not moved since the input.\n */\nfunction commitWhileInvalid<E extends HTMLElement>(isInvalid: boolean, onInput: InputEventHandler<E> | undefined): InputEventHandler<E> {\n  return event => {\n    onInput?.(event);\n    if (isInvalid) {\n      event.currentTarget.dispatchEvent(new Event('change', {\n        bubbles: true\n      }));\n    }\n  };\n}\n\n/**\n * The box a control sits in, filled or outlined, with its label. React\n * Aria's `Group`, so\n * the field around it hands down `isDisabled` and `isInvalid` through context\n * and the box reports focus within it as render state, which is what the\n * label's colour follows. A field that provides no group context — one built\n * on a button rather than an input — passes the two states itself.\n */\nfunction FieldBox({\n  children,\n  endInset = '0px',\n  floatingLabel = true,\n  isFocused = false,\n  isPopulated,\n  isRequired = false,\n  label,\n  leading,\n  multiline = false,\n  trailing,\n  trigger,\n  variant = 'filled',\n  ...props\n}: FieldBoxProps) {\n  return <Group {...props}\n  // A box with a press target of its own has it covering the box, so it\n  // is only a box without one that answers a press itself.\n  onPointerDown={trigger === undefined ? focusesControl(props.onPointerDown) : props.onPointerDown} {...mergeStatefulStyles(boxStyles(floatingLabel, isFocused, multiline, leading !== undefined, trailing !== undefined, variant), props)}>\n      {boxContent(label, children, endInset, floatingLabel, isFocused, isPopulated, isRequired, leading, multiline, trailing, trigger, variant)}\n    </Group>;\n}\n\n/**\n * A field's text control, in a {@link FieldBox} or on its own. React Aria's\n * `Input`, which takes its label association, value and validation from the\n * field around it and reports its disabled state as render state.\n *\n * In a box it clears the label at the top, and under a floating label it\n * always carries a placeholder, since that is what the box reads to tell a\n * populated control from an empty one: its own where it was given one, a\n * blank otherwise. Outside a box it has no label over it and shows the\n * placeholder it was given in every state.\n */\nfunction FieldInput({\n  numeric = false,\n  placeholder,\n  prefix,\n  suffix,\n  ...props\n}: FieldInputProps & RefAttributes<HTMLInputElement>) {\n  const box = useContext(BoxContext);\n  const validation = useContext(FieldErrorContext);\n  const control = <Input placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} onInput={commitWhileInvalid(validation?.isInvalid ?? false, props.onInput)} {...mergeStatefulStyles((state: InputRenderProps) => stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, box.label === 'floating' && fieldChromeStyles.inputUnderFloatingLabel, numeric && fieldChromeStyles.numeric, state.isDisabled && fieldChromeStyles.inputDisabled), props)} />;\n  if (prefix === undefined && suffix === undefined) {\n    return control;\n  }\n  return <span {...stylex.props(fieldChromeStyles.affixLine)}>\n      {prefix === undefined ? null : <span {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {prefix}\n        </span>}\n      {control}\n      {suffix === undefined ? null : <span {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {suffix}\n        </span>}\n    </span>;\n}\n\n/**\n * A date or a time's segments, in a {@link FieldBox}: React Aria's\n * `DateInput`, or the group holding a range's two. This is what carries the\n * control's type and its place on the line, clearing the label at the top,\n * as {@link FieldValue} does for a value that was chosen.\n *\n * A typed value longer than its box behaves as an input's text does. It is\n * clipped rather than cut short, since every segment on the line is still a\n * place to type. The browser scrolls whichever segment has focus into view,\n * as it scrolls to an input's caret. And when focus leaves the segments the\n * line goes back to its start, as an input's text does on blur, so a value\n * at rest reads from its beginning rather than from wherever it was left.\n */\nfunction FieldSegments({\n  children\n}: {\n  children: ReactNode;\n}) {\n  const box = useContext(BoxContext);\n  return <span onBlur={returnToStart} {...stylex.props(fieldChromeStyles.input, fieldChromeStyles.segments, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n      {children}\n    </span>;\n}\n\n/**\n * A field's multi-line text control, in a {@link FieldBox} drawn `multiline`.\n * React Aria's `TextArea`, with the same label association, value and\n * validation {@link FieldInput} takes from the field around it, and the same\n * placeholder under a floating label.\n *\n * Given `autosize` it grows with its text from the rows it asks for. The\n * value it grows to fit is read off the field's context rather than\n * measured: the box holds a hidden replica of it in the control's own type,\n * in the same grid cell as the control, and the cell is as tall as whichever\n * of the two is taller.\n */\nfunction FieldTextArea({\n  autosize = false,\n  placeholder,\n  ...props\n}: FieldTextAreaProps & RefAttributes<HTMLTextAreaElement>) {\n  const box = useContext(BoxContext);\n  const context = useSlottedContext(TextAreaContext);\n  const validation = useContext(FieldErrorContext);\n  const value = typeof context?.value === 'string' ? context.value : '';\n  const control = <TextArea placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} onInput={commitWhileInvalid(validation?.isInvalid ?? false, props.onInput)} {...mergeStatefulStyles((state: InputRenderProps) => stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, box.label === 'floating' && fieldChromeStyles.inputUnderFloatingLabel, fieldChromeStyles.textArea, autosize && fieldChromeStyles.textAreaAutosize, autosize && fieldChromeStyles.autosizeCell, state.isDisabled && fieldChromeStyles.inputDisabled), props)} />;\n  if (!autosize) {\n    return control;\n  }\n\n  // A trailing space keeps a final line break of the value as a line of the\n  // replica, which is how the control renders it.\n  return <div {...stylex.props(fieldChromeStyles.autosize)}>\n      {control}\n      <div aria-hidden=\"true\" {...stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, fieldChromeStyles.replica, fieldChromeStyles.autosizeCell)}>\n        {value}{' '}\n      </div>\n    </div>;\n}\n\n/**\n * The press target over a {@link FieldBox} whose whole surface opens\n * something — a select's list, a picker's calendar. React Aria's `Button`,\n * which takes the trigger's props from the field around it through context.\n *\n * It covers the box rather than sitting on its value's line, so the box's\n * own padding opens the field too. It draws nothing: the box already carries\n * the fill, the underline and the focus indicator, and it lights up while\n * this has focus because the indicator follows focus within.\n */\nfunction FieldTrigger(props: FieldTriggerProps) {\n  return <RACButton {...props} {...mergeStatefulStyles(stylex.props(fieldChromeStyles.trigger), props)} />;\n}\n\n/**\n * A field's value where it was chosen rather than typed, in a\n * {@link FieldBox}. Put React Aria's own element inside it — a select's\n * `SelectValue` — and this is what carries the input's type and its place on\n * the line, clearing the label at the top and truncating rather than\n * wrapping. A date or a time is typed, segment by segment, and takes\n * {@link FieldSegments} instead.\n *\n * The wrapper is the styled one rather than React Aria's element, because\n * this is the box's flex item: styling the element inside instead left it\n * sizing itself against a parent that had already shrink-wrapped to it.\n *\n * `isPlaceholder` says nothing has been chosen, which takes the muted role;\n * under a floating label it is hidden until the field is focused, exactly as\n * an input's placeholder is.\n */\nfunction FieldValue({\n  isFocused = false,\n  isPlaceholder = false,\n  ...props\n}: FieldValueProps) {\n  const box = useContext(BoxContext);\n  const hidden = isPlaceholder && box.label === 'floating' && !isFocused;\n  return <span {...props} {...mergeStyles(stylex.props(fieldChromeStyles.input, fieldChromeStyles.value, box.underLabel && fieldChromeStyles.inputUnderLabel, isPlaceholder && fieldChromeStyles.valuePlaceholder, hidden && fieldChromeStyles.valuePlaceholderHidden), props)} />;\n}\n\n// What `:focus-within` draws on the box, for a box told it is focused — see\n// `isFocused`. The error's own colour wins over primary, as it does there.\nfunction focusedStyle(outlined: boolean, invalid: boolean) {\n  if (outlined) {\n    return invalid ? fieldChromeStyles.boxOutlinedErrorFocused : fieldChromeStyles.boxOutlinedFocused;\n  }\n  return invalid ? fieldChromeStyles.boxErrorFocused : fieldChromeStyles.boxFocused;\n}\n\n// Back to the start of the line once focus has left every segment on it —\n// not while it moves from one segment to the next. The start is 0 in either\n// writing direction: a right-to-left line scrolls towards negative values.\nfunction returnToStart(event: FocusEvent<HTMLElement>) {\n  if (!event.currentTarget.contains(event.relatedTarget)) {\n    event.currentTarget.scrollLeft = 0;\n  }\n}\nfunction useFieldPopulated() {\n  const input = useSlottedContext(InputContext);\n  const textArea = useSlottedContext(TextAreaContext);\n  // A field whose value is chosen rather than typed holds no input at all,\n  // so being populated is a question for its own state — without this a\n  // select's floating label never floats, however much is chosen.\n  const select = useContext(SelectStateContext);\n  if (select !== null) {\n    return select.selectionManager.selectedKeys.size > 0;\n  }\n  const value = input?.value ?? textArea?.value ?? '';\n  return String(value).length > 0;\n}\n\n// The box's render state with focus as the box draws it, for its label,\n// whose colour follows focus. Built by a call rather than written at the\n// prop, which is what react-perf's no-new-object-as-prop is after.\nfunction withFocus(state: GroupRenderProps, focused: boolean) {\n  return focused === state.isFocusWithin ? state : {\n    ...state,\n    isFocusWithin: focused\n  };\n}\n\n/**\n * Whether the control in this box is holding anything, read off React\n * Aria's context for whichever control the field renders. The filled box\n * reads the same thing in CSS through `:placeholder-shown`; this is for\n * what CSS cannot express — see the outlined variant's note above.\n */\n/**\n * A field's label: the colour alone, positioned and given its type by whatever\n * renders it. React Aria's `Label`, which the field around it associates with\n * its control through context.\n */\n// Hoisted rather than written as the parameter's default, which would be a\n// new object on every render.\nconst NO_STATE: Partial<FieldLabelState> = {};\n\n// The asterisk after a required field's label, which is how the text fields\n// page marks one, and Material Design's own web text field draws it unless\n// told not to. Hidden from assistive technology: the control already says it\n// is required, and read out as well the label would end in \"star\". It is in\n// the label rather than beside it, so it floats and takes the label's colour\n// with it — the error role once the field is invalid.\nconst REQUIRED_MARK = <span aria-hidden=\"true\">*</span>;\nfunction FieldLabel({\n  children,\n  isRequired = false,\n  state = NO_STATE,\n  variant = 'field',\n  ...props\n}: FieldLabelProps) {\n  const {\n    isDisabled = false,\n    isFocusWithin = false,\n    isInvalid = false\n  } = state;\n  return <Label {...props} {...mergeStyles(stylex.props(fieldChromeStyles.label, variant === 'group' && groupStyles.label, isDisabled && fieldChromeStyles.labelDisabled, isInvalid && fieldChromeStyles.labelError, !isDisabled && !isInvalid && isFocusWithin && fieldChromeStyles.labelFocused), props)}>\n      {children}\n      {isRequired ? REQUIRED_MARK : null}\n    </Label>;\n}\n\n/**\n * The line under a field: the error while there is one, the description\n * otherwise. The error goes through React Aria's `FieldError`, which renders\n * only while the field is invalid and falls back to whatever validation\n * errors the field carries when no message is given — which is how a `Form`\n * with server-side errors, or the browser's own, reaches it without any\n * field changing. The description steps aside for those too, which is what\n * the field's validation state is read for.\n */\nfunction FieldMessage({\n  characterCount = false,\n  characterLimitLabel,\n  description,\n  error,\n  errorId,\n  inset = true,\n  maxLength,\n  reserve = true\n}: FieldMessageProps) {\n  const validation = useContext(FieldErrorContext);\n  const invalid = error !== undefined || (validation?.isInvalid ?? false);\n  const {\n    locale\n  } = useLocale();\n  const messages = useMessages();\n  const input = useSlottedContext(InputContext);\n  const textArea = useSlottedContext(TextAreaContext);\n  const insideForm = useInsideForm();\n  // Read directly rather than through `useSlottedContext`, which throws for\n  // a missing slot exactly as `Text` does — the throw is the thing being\n  // avoided. What it is for is below, at `written`.\n  const text = useContext(TextContext);\n\n  // The limit, in words, for the description React Aria reads out with the\n  // field. `maxLength` alone reaches the control as the native attribute,\n  // which is not reliably announced, and the count beside the message is\n  // hidden — so without this a reader is never told there is a limit.\n  const limit = maxLength === undefined ? undefined : characterLimitLabel ?? messages.characterLimit(maxLength);\n  const hidden = limit === undefined ? null : <VisuallyHidden elementType=\"span\">\n        <Text slot=\"description\">{limit}</Text>\n      </VisuallyHidden>;\n\n  // Nothing to say: the field ends at its control. Inside a form the line is\n  // drawn anyway, empty, since a form is where a message appears after the\n  // fact — a server's answer, or the browser's own on submit — and every\n  // field below this one would otherwise move by the line's height when it\n  // does.\n  //\n  // Outside one the line is still there, collapsed out of the flow so the\n  // field is no taller for it, because it holds the live region below: a\n  // region has to be in the document before the error it announces arrives,\n  // and one mounted with its text already in it is not read out. A limit to\n  // announce rides in it the same way, rather than drawing the line for\n  // something nobody can see.\n  const collapsed = !invalid && description === undefined && !characterCount && !(insideForm && reserve);\n  const value = input?.value ?? textArea?.value ?? '';\n  const length = String(value).length;\n  const hint = invalid ? undefined : description;\n\n  // One slotted description, never two. React Aria hands every element in\n  // its description slot the same generated id, so a second one puts a\n  // duplicate id in the document and axe fails the story. The limit rides\n  // inside the hint where there is one, and carries the whole slot where\n  // there is not — hidden either way, since the count already draws it.\n  //\n  // Hidden by clipping rather than by leaving it out of the row, and the\n  // difference is a gap: the row is a flex line with 16dp between its parts,\n  // and an element with no width is still a part. Clipping takes it out of\n  // flow, so a field with a limit and no hint has the line it had before.\n  const described = hint === undefined ? hidden : <Text slot=\"description\" {...stylex.props(fieldChromeStyles.message)}>\n        {hint}\n        {limit === undefined ? null :\n    // The space is load-bearing: a description is read as the text\n    // content of one element, and two spans run together without it.\n    <VisuallyHidden elementType=\"span\">{` ${limit}`}</VisuallyHidden>}\n      </Text>;\n\n  // Outside a field that validates there is nothing to hand React Aria's\n  // `FieldError`, and it draws nothing without it — a group of chips is a\n  // group rather than a form control, so the error it was given is written\n  // out instead.\n  //\n  // Through the group's error slot where there is one, which is what makes\n  // the message reach a screen reader at all: React Aria generates the id\n  // its `aria-describedby` points at up front, then keeps it only while\n  // something in the document carries it, so an element outside the slot is\n  // drawn and never announced. The description beside it has always gone\n  // through its own slot, which is why that half worked.\n  //\n  // Not every group has one. `TagGroup` wires up a description and an error;\n  // `TokenField` wires up a description alone and generates no error id at\n  // all, so the field names the message itself with `errorId` and points its\n  // editable area at it — see TokenField.\n  const errorSlot = text !== null && typeof text === 'object' && 'slots' in text && text.slots?.errorMessage !== undefined;\n  const messageStyles = stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageError);\n  const written = errorSlot ? <Text slot=\"errorMessage\" {...messageStyles}>\n      {error}\n    </Text> : <span id={errorId} {...messageStyles}>\n      {error}\n    </span>;\n  return <div {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageLine, inset && fieldChromeStyles.messageInset, collapsed && fieldChromeStyles.messageLineCollapsed)}>\n      {/*\n       * The error, read out politely as it appears, since the move into\n       * `aria-describedby` that associates it is not: a screen reader does\n       * not re-read a description that changes under a control it is on,\n       * and after a submit, focus is on the submit button rather than the\n       * field. Typing-time, blur-time and a server's errors all arrive this\n       * way.\n       *\n       * The error alone rather than the whole line, so the description\n       * coming back once the error clears is not read out, and neither is\n       * the limit beside it. Atomic, so a changed message is read whole.\n       */}\n      <span aria-atomic=\"true\" aria-live=\"polite\" {...stylex.props(fieldChromeStyles.messageRegion)}>\n        {validation === null && error !== undefined ? written : <FieldError {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageError)}>\n            {error}\n          </FieldError>}\n      </span>\n      {described}\n      {characterCount ?\n    // Hidden from the tree, and the limit above is why. A count is the\n    // one piece of supporting text that changes on every keystroke, and\n    // a screen reader reading it back at that rate is worse than not\n    // hearing it — the limit said once on focus is what a reader needs,\n    // and this is the same fact drawn for whoever is looking.\n    <span aria-hidden=\"true\" {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.counter, invalid && fieldChromeStyles.messageError)}>\n          {countIn(locale, length, maxLength)}\n        </span> : null}\n    </div>;\n}\n\n/**\n * The same asterisk for a label that is not a field's own — a checkbox's, a\n * switch's — so every required control is marked by one element.\n */\nfunction RequiredMark() {\n  return REQUIRED_MARK;\n}\n\n// The count in the reader's digits and grouping, as React Aria writes a\n// number field's value and a meter's percentage beside it — Arabic-Indic\n// under ar-EG, `1 200` under fr-FR, and `1,200` in English. One formatter per\n// locale, for the reason Currency keeps its own: building one is about ten\n// times dearer than reusing it, and the count changes on every keystroke.\nconst counterFormatters = new Map<string, Intl.NumberFormat>();\nfunction countIn(locale: string, length: number, maxLength: number | undefined) {\n  let formatter = counterFormatters.get(locale);\n  if (formatter === undefined) {\n    formatter = new Intl.NumberFormat(locale);\n    counterFormatters.set(locale, formatter);\n  }\n  return maxLength === undefined ? formatter.format(length) : `${formatter.format(length)}/${formatter.format(maxLength)}`;\n}\nexport type { FieldBoxProps, FieldInputProps, FieldLabelProps, FieldLabelState, FieldLabelVariant, FieldMessageProps, FieldTextAreaProps, FieldVariant };\nexport { FieldBox, FieldInput, FieldLabel, FieldMessage, FieldSegments, FieldTextArea, FieldTrigger, FieldValue, RequiredMark };"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["FocusEvent","HTMLAttributes","InputEventHandler","ReactNode","Ref","RefAttributes","ButtonProps","GroupProps","GroupRenderProps","InputProps","InputRenderProps","LabelProps","TextAreaProps","stylex","createContext","useContext","useId","FieldError","FieldErrorContext","Group","Input","InputContext","Label","Button","RACButton","SelectStateContext","Text","TextArea","TextAreaContext","TextContext","useLocale","useSlottedContext","VisuallyHidden","useMessages","mergeStatefulStyles","mergeStyles","spacing","focusesControl","useInsideForm","fieldChromeStyles","groupStyles","BoxControl","label","BoxLabel","underLabel","FieldBoxProps","Omit","children","endInset","floatingLabel","isFocused","isPopulated","isRequired","leading","multiline","ref","HTMLDivElement","trailing","trigger","variant","FieldVariant","FieldInputProps","numeric","prefix","suffix","FieldLabelProps","state","Partial","FieldLabelState","FieldLabelVariant","Pick","FieldMessageProps","characterCount","characterLimitLabel","description","error","errorId","inset","maxLength","reserve","FieldTextAreaProps","autosize","FieldTriggerProps","FieldValueProps","HTMLElement","isPlaceholder","OUTSIDE_BOX","BOX_CONTROLS","filled","fixed","floating","outlined","Record","BoxContext","boxContent","BoxContent","t0","$","_c","read","useFieldPopulated","populated","focused","isFocusWithin","floated","t1","t2","props","outline","undefined","outlineLeading","outlineTrailing","outlineFocused","outlineEndInset","lg","xs","outlineNotch","outlineNotchOpen","REQUIRED_MARK","t3","isDisabled","icon","iconMultiline","iconOutlined","iconDisabled","t4","column","columnFloating","columnDisabledFloating","columnDisabled","t5","withFocus","t6","boxLabel","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLabelEndInset","t7","t8","t9","isInvalid","iconError","t10","boxStyles","box","boxFloating","boxFixed","boxMultiline","boxLeading","boxTrailing","boxOutlined","boxOutlinedFloating","boxOutlinedMultiline","boxOutlinedError","boxError","isHovered","boxOutlinedErrorHovered","boxOutlinedHovered","focusedStyle","boxOutlinedDisabled","boxDisabled","commitWhileInvalid","onInput","E","event","currentTarget","dispatchEvent","Event","bubbles","FieldBox","T0","t11","t12","t13","t14","t15","onPointerDown","FieldInput","placeholder","validation","prefixId","suffixId","field","describedBy","idsOf","input","inputUnderLabel","inputUnderFloatingLabel","inputDisabled","control","Symbol","for","affixLine","affix","FieldSegments","segments","returnToStart","FieldTextArea","context","value","textArea","textAreaAutosize","autosizeCell","replica","FieldTrigger","FieldValue","hidden","valuePlaceholder","valuePlaceholderHidden","invalid","boxOutlinedErrorFocused","boxOutlinedFocused","boxErrorFocused","boxFocused","lists","ids","Set","flatMap","list","split","delete","size","join","contains","relatedTarget","scrollLeft","select","selectionManager","selectedKeys","String","length","NO_STATE","FieldLabel","labelDisabled","labelError","labelFocused","FieldMessage","locale","messages","insideForm","text","characterLimit","limit","collapsed","hint","message","described","errorSlot","slots","errorMessage","messageError","messageStyles","written","messageLine","messageInset","messageLineCollapsed","messageRegion","counter","countIn","RequiredMark","counterFormatters","Map","Intl","NumberFormat","formatter","get","set","format","_c","stylex.props","props","RACButton"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { FocusEvent, HTMLAttributes, InputEventHandler, ReactNode, Ref, RefAttributes } from 'react';\nimport type { ButtonProps, GroupProps, GroupRenderProps, InputProps, InputRenderProps, LabelProps, TextAreaProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext, useId } from 'react';\nimport { FieldError, FieldErrorContext, Group, Input, InputContext, Label, Button as RACButton, SelectStateContext, Text, TextArea, TextAreaContext, TextContext, useLocale, useSlottedContext, VisuallyHidden } from 'react-aria-components';\nimport { useMessages } from '../i18n';\nimport { mergeStatefulStyles, mergeStyles } from '../styles/merge';\nimport { spacing } from '../tokens/design.tokens.stylex';\nimport { focusesControl } from './press';\nimport { useInsideForm } from './root';\nimport { fieldChromeStyles, groupStyles } from './styles';\n\n// The chrome every field shares: the filled box with its label at the top, the\n// control inside it, and the line of supporting text under it. TextField drew\n// all of it on its own until the coverage plan brought a dozen more fields,\n// each of which would otherwise have written the same box a second time.\n//\n// Not a component of the library's own and not exported. Each field is still\n// React Aria's field component — TextField, NumberField, DateField — and these\n// are the parts it renders inside, which is what keeps the label association,\n// the description and error wiring, and validation on React Aria's side.\n//\n// Neither the notch nor the label can select on the state that drives them.\n// Both are children of the box and the state is the box's, and the filled\n// label reads it in CSS only because it changes type alone, which the box\n// hands down inherited — where the notch changes what it holds and the\n// label changes where it sits, and neither of those inherits. So the box's\n// content computes that state in React instead: focus from the box's own\n// render state, and a value from the control's context, which is where the\n// character counter reads it too. The border's colour is the box's,\n// inherited, which is what carries the hover, focus, error and disabled\n// roles to it.\n\n// What a control needs to know about the box around it: how the label is\n// drawn, and whether the control clears it with a margin — it does under\n// the filled box's label, and not under the outlined box's, whose label\n// sits on the outline rather than over the value.\ninterface BoxControl {\n  label: BoxLabel;\n  underLabel: boolean;\n}\n\n// How the box draws its label, for the control inside it — see the context\n// below.\ntype BoxLabel = 'fixed' | 'floating' | 'none';\ntype FieldBoxProps = Omit<GroupProps, 'children'> & {\n  children?: ReactNode;\n  /**\n   * How much of the inline end of the column the control's own parts take,\n   * beside the control, as a CSS length: a number field's steppers. The\n   * label, and the outlined box's notch with it, stop that far short of the\n   * column's end, so a long label is cut short beside them rather than\n   * drawn under them. A part in `trailing` needs none of this, since it sits\n   * outside the column.\n   * @default '0px'\n   */\n  endInset?: 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   * Whether the field holds focus somewhere the box cannot see, so the box\n   * draws its focused state — the floated label, the focused indicator and\n   * the label's colour — without focus inside it. A select's open list is\n   * the case: opening it moves focus into the list, on an overlay outside\n   * the box, and left to `:focus-within` the label fell back onto the\n   * placeholder the select still showed.\n   * @default false\n   */\n  isFocused?: boolean;\n  /**\n   * Whether the control is holding anything, for a field whose control the\n   * chrome cannot ask. It reads an input, a text area and a select's own\n   * state; a control that is none of those — a token field's editable area,\n   * say — says so here, and the floating label floats on it.\n   */\n  isPopulated?: boolean;\n  /**\n   * Whether the field must be filled, which marks its label with an\n   * asterisk. The field passes its own `isRequired` on, since the group the\n   * box is reports none.\n   * @default false\n   */\n  isRequired?: boolean;\n  /** What the field is for. */\n  label: string;\n  /** An icon at the start of the box, before the label and the control. */\n  leading?: ReactNode;\n  /**\n   * Whether the box takes its height from the control inside it rather\n   * than the page's 56dp, for a text area.\n   * @default false\n   */\n  multiline?: boolean;\n  /**\n   * The box's own element. A field whose box is what something else is\n   * anchored to needs it — a select's list is positioned against the box and\n   * takes its width from it, which is what makes the two the same width.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /** An icon at the end of the box, after the control. */\n  trailing?: ReactNode;\n  /**\n   * A press target covering the whole box, for a field whose box opens\n   * something rather than taking a keystroke — {@link FieldTrigger}. Drawn\n   * in the box itself rather than in the column the label and the control\n   * share, so the padding and the icons open it too.\n   */\n  trigger?: ReactNode;\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.\n   * @default 'filled'\n   */\n  variant?: FieldVariant;\n};\n\n// `prefix` is also an HTML attribute — the RDFa one, which nothing here\n// wants — and React's element types carry it as a string, so it is left out\n// of the props taken from React Aria to make room for the affix.\ntype FieldInputProps = Omit<InputProps, 'prefix'> & {\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.\n   * @default false\n   */\n  numeric?: boolean;\n  /**\n   * Text before the value on its line, shown while the field is focused or\n   * holds a value.\n   */\n  prefix?: ReactNode;\n  /**\n   * Text after the value on its line, shown while the field is focused or\n   * holds a value.\n   */\n  suffix?: ReactNode;\n};\ntype FieldLabelProps = LabelProps & {\n  /**\n   * Whether the field must be filled, which ends the label in an asterisk in\n   * the label's own colour.\n   * @default false\n   */\n  isRequired?: boolean;\n  /**\n   * The states the colour follows. Disabled wins over error, and error over\n   * focus, so a focused invalid field keeps its error colour.\n   */\n  state?: Partial<FieldLabelState>;\n  /**\n   * Where the label sits. `field` is inside a box, positioned and typed by\n   * whatever renders it. `group` is above a group of controls, which has no\n   * box to float a label in, so this one carries its type itself.\n   * @default 'field'\n   */\n  variant?: FieldLabelVariant;\n};\ntype FieldLabelState = Pick<GroupRenderProps, 'isDisabled' | 'isFocusWithin' | 'isInvalid'>;\ntype FieldLabelVariant = 'field' | 'group';\ninterface FieldMessageProps {\n  /**\n   * Whether to count the characters the control holds at the end of the\n   * line, against `maxLength` where there is one. The count is read off the\n   * field's own input or text area context, and written in the locale's\n   * digits and grouping.\n   * @default false\n   */\n  characterCount?: boolean;\n  /**\n   * How the limit is said to a screen reader, where there is a `maxLength`.\n   * It is read with the field on focus rather than as the value changes, so\n   * it names the limit and not what is left of it. Left out, it is the\n   * sentence for it in the I18nProvider's locale — \"Up to 20 characters\" in\n   * English, singular for a limit of one.\n   */\n  characterLimitLabel?: string | undefined;\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 | undefined;\n  /** The problem with the current value, in words. */\n  error?: string | undefined;\n  /**\n   * The id the error takes, for a field that points `aria-describedby` at it\n   * itself because its React Aria component generates no error id of its\n   * own. Used only where the message is written out rather than slotted.\n   */\n  errorId?: string | undefined;\n  /**\n   * Whether the line is indented to a box's inline padding, so it starts\n   * where a value above it does. Off for a field with no box to line up with.\n   * @default true\n   */\n  inset?: boolean;\n  /** The limit the count is shown against. */\n  maxLength?: number | undefined;\n  /**\n   * Whether an empty line is kept inside a `Form`, where a message can\n   * arrive after the fact. Off for a field no message can reach — a\n   * checkbox in a group, whose group owns the one line — which would\n   * otherwise keep a line nothing will ever fill.\n   * @default true\n   */\n  reserve?: boolean;\n}\ntype FieldTextAreaProps = TextAreaProps & {\n  /**\n   * Whether the control grows with the text it holds, from the rows it asks\n   * for. Off, it keeps its rows and scrolls.\n   * @default false\n   */\n  autosize?: boolean;\n};\ntype FieldTriggerProps = ButtonProps;\ntype FieldValueProps = HTMLAttributes<HTMLElement> & {\n  /**\n   * Whether the field has focus. A hidden placeholder appears while it does,\n   * the way an input's does.\n   * @default false\n   */\n  isFocused?: boolean;\n  /**\n   * Whether nothing has been chosen yet, so what is drawn is the placeholder\n   * rather than a value.\n   * @default false\n   */\n  isPlaceholder?: boolean;\n};\ntype FieldVariant = 'filled' | 'outlined';\n\n// A control under a floating label carries a placeholder so the box can\n// tell when it is populated, shown only while focused. The default is what\n// a control rendered outside any box gets — a search bar's, which has no\n// label over it and shows its placeholder in every state. The four a box\n// provides are hoisted so each is one stable object.\nconst OUTSIDE_BOX: BoxControl = {\n  label: 'none',\n  underLabel: false\n};\nconst BOX_CONTROLS = {\n  filled: {\n    fixed: {\n      label: 'fixed',\n      underLabel: true\n    },\n    floating: {\n      label: 'floating',\n      underLabel: true\n    }\n  },\n  outlined: {\n    fixed: {\n      label: 'fixed',\n      underLabel: false\n    },\n    floating: {\n      label: 'floating',\n      underLabel: false\n    }\n  }\n} satisfies Record<FieldVariant, Record<'fixed' | 'floating', BoxControl>>;\nconst BoxContext = createContext<BoxControl>(OUTSIDE_BOX);\n\n// Written as calls rather than function literals at the prop, which is what\n// react-perf's no-new-function-as-prop is after; the React Compiler memoises\n// each result on its inputs.\nfunction boxContent(label: string, children: ReactNode, endInset: string, floatingLabel: boolean, isFocused: boolean, isPopulated: boolean | undefined, isRequired: boolean, leading: ReactNode, multiline: boolean, trailing: ReactNode, trigger: ReactNode, variant: FieldVariant) {\n  return (state: GroupRenderProps) => <BoxContent endInset={endInset} floatingLabel={floatingLabel} isFocused={isFocused} isPopulated={isPopulated} isRequired={isRequired} label={label} leading={leading} multiline={multiline} state={state} trailing={trailing} trigger={trigger} variant={variant}>\n      {children}\n    </BoxContent>;\n}\n\n/**\n * What a box holds: its icons, its label and the control between them, plus\n * the outline when it has one. A component rather than the render function\n * itself, so it can read whether the control holds a value — which is what\n * the outlined box's notch and label follow, and what CSS cannot express\n * for them. See the outlined variant's note above.\n */\nfunction BoxContent({\n  children,\n  endInset,\n  floatingLabel,\n  isFocused,\n  isPopulated,\n  isRequired,\n  label,\n  leading,\n  multiline,\n  state,\n  trailing,\n  trigger,\n  variant\n}: {\n  children: ReactNode;\n  endInset: string;\n  floatingLabel: boolean;\n  isFocused: boolean;\n  isPopulated: boolean | undefined;\n  isRequired: boolean;\n  label: string;\n  leading: ReactNode;\n  multiline: boolean;\n  state: GroupRenderProps;\n  trailing: ReactNode;\n  trigger: ReactNode;\n  variant: FieldVariant;\n}) {\n  const read = useFieldPopulated();\n  const populated = isPopulated ?? read;\n  const outlined = variant === 'outlined';\n  const focused = state.isFocusWithin || isFocused;\n  const floated = !floatingLabel || focused || populated;\n  return <BoxContext value={BOX_CONTROLS[variant][floatingLabel ? 'floating' : 'fixed']}>\n      {outlined ? <fieldset aria-hidden=\"true\" {...stylex.props(fieldChromeStyles.outline, leading !== undefined && fieldChromeStyles.outlineLeading, trailing !== undefined && fieldChromeStyles.outlineTrailing, focused && fieldChromeStyles.outlineFocused, endInset !== '0px' && fieldChromeStyles.outlineEndInset(`calc(${spacing.lg} - ${spacing.xs} + ${endInset})`))}>\n          <legend {...stylex.props(fieldChromeStyles.outlineNotch, floated && fieldChromeStyles.outlineNotchOpen)}>\n            {floated ? <>\n                {label}\n                {isRequired ? REQUIRED_MARK : null}\n              </> : null}\n          </legend>\n        </fieldset> : null}\n      {trigger}\n      {leading === undefined ? null : <span {...stylex.props(fieldChromeStyles.icon, multiline && fieldChromeStyles.iconMultiline, outlined && fieldChromeStyles.iconOutlined, state.isDisabled && fieldChromeStyles.iconDisabled)}>\n          {leading}\n        </span>}\n      <div {...stylex.props(fieldChromeStyles.column, floatingLabel && fieldChromeStyles.columnFloating, state.isDisabled && (floatingLabel ? fieldChromeStyles.columnDisabledFloating : fieldChromeStyles.columnDisabled))}>\n        <FieldLabel isRequired={isRequired} state={withFocus(state, focused)} {...stylex.props(fieldChromeStyles.boxLabel, floatingLabel && floated && fieldChromeStyles.boxLabelFloated, outlined && fieldChromeStyles.boxLabelOutlined, outlined && floated && fieldChromeStyles.boxLabelOutlinedFloated, endInset !== '0px' && fieldChromeStyles.boxLabelEndInset(outlined ? `calc(100% + 2 * ${spacing.xs} - ${endInset})` : `calc(100% - ${endInset})`))}>\n          {label}\n        </FieldLabel>\n        {children}\n      </div>\n      {trailing === undefined ? null : <span {...stylex.props(fieldChromeStyles.icon, multiline && fieldChromeStyles.iconMultiline, outlined && fieldChromeStyles.iconOutlined, state.isInvalid && fieldChromeStyles.iconError, state.isDisabled && fieldChromeStyles.iconDisabled)}>\n          {trailing}\n        </span>}\n    </BoxContext>;\n}\nfunction boxStyles(floatingLabel: boolean, isFocused: boolean, multiline: boolean, leading: boolean, trailing: boolean, variant: FieldVariant) {\n  const outlined = variant === 'outlined';\n  return (state: GroupRenderProps) => stylex.props(fieldChromeStyles.box, floatingLabel ? fieldChromeStyles.boxFloating : fieldChromeStyles.boxFixed, multiline && fieldChromeStyles.boxMultiline, leading && fieldChromeStyles.boxLeading, trailing && fieldChromeStyles.boxTrailing, outlined && fieldChromeStyles.boxOutlined, outlined && floatingLabel && fieldChromeStyles.boxOutlinedFloating, outlined && multiline && fieldChromeStyles.boxOutlinedMultiline, state.isInvalid && (outlined ? fieldChromeStyles.boxOutlinedError : fieldChromeStyles.boxError), outlined && state.isHovered && (state.isInvalid ? fieldChromeStyles.boxOutlinedErrorHovered : fieldChromeStyles.boxOutlinedHovered), isFocused && focusedStyle(outlined, state.isInvalid), state.isDisabled && (outlined ? fieldChromeStyles.boxOutlinedDisabled : fieldChromeStyles.boxDisabled));\n}\n\n/**\n * The control's `onInput`, which also commits the field's validation while it\n * shows an error, so an edit that fixes the value clears the error as it is\n * typed rather than once focus leaves.\n *\n * React Aria commits a field's validation — the moment a server's error is\n * cleared, or the browser's own is checked again — on the control's native\n * `change` event, and a text control fires that only on blur. So a reader\n * typing the fix saw the error, red and `aria-invalid`, until they tabbed\n * away from a value that was already right. Re-dispatching `change` on input\n * is what commits early, through React Aria's own listener.\n *\n * Only while the field is invalid. A valid field still commits on blur, so\n * nothing new is flagged in the middle of typing a value: an error is shown\n * late and taken back early. React's `onChange` does not run a second time\n * for it, since the value it tracks has not moved since the input.\n */\nfunction commitWhileInvalid<E extends HTMLElement>(isInvalid: boolean, onInput: InputEventHandler<E> | undefined): InputEventHandler<E> {\n  return event => {\n    onInput?.(event);\n    if (isInvalid) {\n      event.currentTarget.dispatchEvent(new Event('change', {\n        bubbles: true\n      }));\n    }\n  };\n}\n\n/**\n * The box a control sits in, filled or outlined, with its label. React\n * Aria's `Group`, so\n * the field around it hands down `isDisabled` and `isInvalid` through context\n * and the box reports focus within it as render state, which is what the\n * label's colour follows. A field that provides no group context — one built\n * on a button rather than an input — passes the two states itself.\n */\nfunction FieldBox({\n  children,\n  endInset = '0px',\n  floatingLabel = true,\n  isFocused = false,\n  isPopulated,\n  isRequired = false,\n  label,\n  leading,\n  multiline = false,\n  trailing,\n  trigger,\n  variant = 'filled',\n  ...props\n}: FieldBoxProps) {\n  return <Group {...props}\n  // A box with a press target of its own has it covering the box, so it\n  // is only a box without one that answers a press itself.\n  onPointerDown={trigger === undefined ? focusesControl(props.onPointerDown) : props.onPointerDown} {...mergeStatefulStyles(boxStyles(floatingLabel, isFocused, multiline, leading !== undefined, trailing !== undefined, variant), props)}>\n      {boxContent(label, children, endInset, floatingLabel, isFocused, isPopulated, isRequired, leading, multiline, trailing, trigger, variant)}\n    </Group>;\n}\n\n/**\n * A field's text control, in a {@link FieldBox} or on its own. React Aria's\n * `Input`, which takes its label association, value and validation from the\n * field around it and reports its disabled state as render state.\n *\n * In a box it clears the label at the top, and under a floating label it\n * always carries a placeholder, since that is what the box reads to tell a\n * populated control from an empty one: its own where it was given one, a\n * blank otherwise. Outside a box it has no label over it and shows the\n * placeholder it was given in every state.\n *\n * A prefix or a suffix describes the control, ahead of its description and\n * error, so a reader hears the unit or currency the value is read against —\n * as a sighted one sees it beside the value. As bare text beside the input\n * it was in no name and no description, and a reader heard the label alone.\n */\nfunction FieldInput({\n  numeric = false,\n  placeholder,\n  prefix,\n  suffix,\n  ...props\n}: FieldInputProps & RefAttributes<HTMLInputElement>) {\n  const box = useContext(BoxContext);\n  const validation = useContext(FieldErrorContext);\n  const prefixId = useId();\n  const suffixId = useId();\n  // React Aria hands the input its description and error ids through this\n  // context, and a prop written on the input replaces them rather than\n  // joining them, so they are read here and written back after the affixes.\n  const field = useSlottedContext(InputContext);\n  const describedBy = idsOf(prefix === undefined ? undefined : prefixId, suffix === undefined ? undefined : suffixId, field?.['aria-describedby'], props['aria-describedby']);\n  const control = <Input placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} aria-describedby={describedBy} onInput={commitWhileInvalid(validation?.isInvalid ?? false, props.onInput)} {...mergeStatefulStyles((state: InputRenderProps) => stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, box.label === 'floating' && fieldChromeStyles.inputUnderFloatingLabel, numeric && fieldChromeStyles.numeric, state.isDisabled && fieldChromeStyles.inputDisabled), props)} />;\n  if (prefix === undefined && suffix === undefined) {\n    return control;\n  }\n  return <span {...stylex.props(fieldChromeStyles.affixLine)}>\n      {prefix === undefined ? null : <span id={prefixId} {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {prefix}\n        </span>}\n      {control}\n      {suffix === undefined ? null : <span id={suffixId} {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {suffix}\n        </span>}\n    </span>;\n}\n\n/**\n * A date or a time's segments, in a {@link FieldBox}: React Aria's\n * `DateInput`, or the group holding a range's two. This is what carries the\n * control's type and its place on the line, clearing the label at the top,\n * as {@link FieldValue} does for a value that was chosen.\n *\n * A typed value longer than its box behaves as an input's text does. It is\n * clipped rather than cut short, since every segment on the line is still a\n * place to type. The browser scrolls whichever segment has focus into view,\n * as it scrolls to an input's caret. And when focus leaves the segments the\n * line goes back to its start, as an input's text does on blur, so a value\n * at rest reads from its beginning rather than from wherever it was left.\n */\nfunction FieldSegments({\n  children\n}: {\n  children: ReactNode;\n}) {\n  const box = useContext(BoxContext);\n  return <span onBlur={returnToStart} {...stylex.props(fieldChromeStyles.input, fieldChromeStyles.segments, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n      {children}\n    </span>;\n}\n\n/**\n * A field's multi-line text control, in a {@link FieldBox} drawn `multiline`.\n * React Aria's `TextArea`, with the same label association, value and\n * validation {@link FieldInput} takes from the field around it, and the same\n * placeholder under a floating label.\n *\n * Given `autosize` it grows with its text from the rows it asks for. The\n * value it grows to fit is read off the field's context rather than\n * measured: the box holds a hidden replica of it in the control's own type,\n * in the same grid cell as the control, and the cell is as tall as whichever\n * of the two is taller.\n */\nfunction FieldTextArea({\n  autosize = false,\n  placeholder,\n  ...props\n}: FieldTextAreaProps & RefAttributes<HTMLTextAreaElement>) {\n  const box = useContext(BoxContext);\n  const context = useSlottedContext(TextAreaContext);\n  const validation = useContext(FieldErrorContext);\n  const value = typeof context?.value === 'string' ? context.value : '';\n  const control = <TextArea placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} onInput={commitWhileInvalid(validation?.isInvalid ?? false, props.onInput)} {...mergeStatefulStyles((state: InputRenderProps) => stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, box.label === 'floating' && fieldChromeStyles.inputUnderFloatingLabel, fieldChromeStyles.textArea, autosize && fieldChromeStyles.textAreaAutosize, autosize && fieldChromeStyles.autosizeCell, state.isDisabled && fieldChromeStyles.inputDisabled), props)} />;\n  if (!autosize) {\n    return control;\n  }\n\n  // A trailing space keeps a final line break of the value as a line of the\n  // replica, which is how the control renders it.\n  return <div {...stylex.props(fieldChromeStyles.autosize)}>\n      {control}\n      <div aria-hidden=\"true\" {...stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, fieldChromeStyles.replica, fieldChromeStyles.autosizeCell)}>\n        {value}{' '}\n      </div>\n    </div>;\n}\n\n/**\n * The press target over a {@link FieldBox} whose whole surface opens\n * something — a select's list, a picker's calendar. React Aria's `Button`,\n * which takes the trigger's props from the field around it through context.\n *\n * It covers the box rather than sitting on its value's line, so the box's\n * own padding opens the field too. It draws nothing: the box already carries\n * the fill, the underline and the focus indicator, and it lights up while\n * this has focus because the indicator follows focus within.\n */\nfunction FieldTrigger(props: FieldTriggerProps) {\n  return <RACButton {...props} {...mergeStatefulStyles(stylex.props(fieldChromeStyles.trigger), props)} />;\n}\n\n/**\n * A field's value where it was chosen rather than typed, in a\n * {@link FieldBox}. Put React Aria's own element inside it — a select's\n * `SelectValue` — and this is what carries the input's type and its place on\n * the line, clearing the label at the top and truncating rather than\n * wrapping. A date or a time is typed, segment by segment, and takes\n * {@link FieldSegments} instead.\n *\n * The wrapper is the styled one rather than React Aria's element, because\n * this is the box's flex item: styling the element inside instead left it\n * sizing itself against a parent that had already shrink-wrapped to it.\n *\n * `isPlaceholder` says nothing has been chosen, which takes the muted role;\n * under a floating label it is hidden until the field is focused, exactly as\n * an input's placeholder is.\n */\nfunction FieldValue({\n  isFocused = false,\n  isPlaceholder = false,\n  ...props\n}: FieldValueProps) {\n  const box = useContext(BoxContext);\n  const hidden = isPlaceholder && box.label === 'floating' && !isFocused;\n  return <span {...props} {...mergeStyles(stylex.props(fieldChromeStyles.input, fieldChromeStyles.value, box.underLabel && fieldChromeStyles.inputUnderLabel, isPlaceholder && fieldChromeStyles.valuePlaceholder, hidden && fieldChromeStyles.valuePlaceholderHidden), props)} />;\n}\n\n// What `:focus-within` draws on the box, for a box told it is focused — see\n// `isFocused`. The error's own colour wins over primary, as it does there.\nfunction focusedStyle(outlined: boolean, invalid: boolean) {\n  if (outlined) {\n    return invalid ? fieldChromeStyles.boxOutlinedErrorFocused : fieldChromeStyles.boxOutlinedFocused;\n  }\n  return invalid ? fieldChromeStyles.boxErrorFocused : fieldChromeStyles.boxFocused;\n}\n\n/**\n * Element ids as one `aria-describedby`, in the order given, leaving out any\n * that are missing or already named — a list of several ids is split, since\n * the same one can arrive from the field and from the call site both — and\n * undefined when none are left, so the attribute is dropped rather than\n * written empty.\n */\nfunction idsOf(...lists: (string | undefined)[]) {\n  const ids = new Set(lists.flatMap(list => list?.split(' ') ?? []));\n  ids.delete('');\n  return ids.size === 0 ? undefined : [...ids].join(' ');\n}\n\n// Back to the start of the line once focus has left every segment on it —\n// not while it moves from one segment to the next. The start is 0 in either\n// writing direction: a right-to-left line scrolls towards negative values.\nfunction returnToStart(event: FocusEvent<HTMLElement>) {\n  if (!event.currentTarget.contains(event.relatedTarget)) {\n    event.currentTarget.scrollLeft = 0;\n  }\n}\nfunction useFieldPopulated() {\n  const input = useSlottedContext(InputContext);\n  const textArea = useSlottedContext(TextAreaContext);\n  // A field whose value is chosen rather than typed holds no input at all,\n  // so being populated is a question for its own state — without this a\n  // select's floating label never floats, however much is chosen.\n  const select = useContext(SelectStateContext);\n  if (select !== null) {\n    return select.selectionManager.selectedKeys.size > 0;\n  }\n  const value = input?.value ?? textArea?.value ?? '';\n  return String(value).length > 0;\n}\n\n// The box's render state with focus as the box draws it, for its label,\n// whose colour follows focus. Built by a call rather than written at the\n// prop, which is what react-perf's no-new-object-as-prop is after.\nfunction withFocus(state: GroupRenderProps, focused: boolean) {\n  return focused === state.isFocusWithin ? state : {\n    ...state,\n    isFocusWithin: focused\n  };\n}\n\n/**\n * Whether the control in this box is holding anything, read off React\n * Aria's context for whichever control the field renders. The filled box\n * reads the same thing in CSS through `:placeholder-shown`; this is for\n * what CSS cannot express — see the outlined variant's note above.\n */\n/**\n * A field's label: the colour alone, positioned and given its type by whatever\n * renders it. React Aria's `Label`, which the field around it associates with\n * its control through context.\n */\n// Hoisted rather than written as the parameter's default, which would be a\n// new object on every render.\nconst NO_STATE: Partial<FieldLabelState> = {};\n\n// The asterisk after a required field's label, which is how the text fields\n// page marks one, and Material Design's own web text field draws it unless\n// told not to. Hidden from assistive technology: the control already says it\n// is required, and read out as well the label would end in \"star\". It is in\n// the label rather than beside it, so it floats and takes the label's colour\n// with it — the error role once the field is invalid.\nconst REQUIRED_MARK = <span aria-hidden=\"true\">*</span>;\nfunction FieldLabel({\n  children,\n  isRequired = false,\n  state = NO_STATE,\n  variant = 'field',\n  ...props\n}: FieldLabelProps) {\n  const {\n    isDisabled = false,\n    isFocusWithin = false,\n    isInvalid = false\n  } = state;\n  return <Label {...props} {...mergeStyles(stylex.props(fieldChromeStyles.label, variant === 'group' && groupStyles.label, isDisabled && fieldChromeStyles.labelDisabled, isInvalid && fieldChromeStyles.labelError, !isDisabled && !isInvalid && isFocusWithin && fieldChromeStyles.labelFocused), props)}>\n      {children}\n      {isRequired ? REQUIRED_MARK : null}\n    </Label>;\n}\n\n/**\n * The line under a field: the error while there is one, the description\n * otherwise. The error goes through React Aria's `FieldError`, which renders\n * only while the field is invalid and falls back to whatever validation\n * errors the field carries when no message is given — which is how a `Form`\n * with server-side errors, or the browser's own, reaches it without any\n * field changing. The description steps aside for those too, which is what\n * the field's validation state is read for.\n */\nfunction FieldMessage({\n  characterCount = false,\n  characterLimitLabel,\n  description,\n  error,\n  errorId,\n  inset = true,\n  maxLength,\n  reserve = true\n}: FieldMessageProps) {\n  const validation = useContext(FieldErrorContext);\n  const invalid = error !== undefined || (validation?.isInvalid ?? false);\n  const {\n    locale\n  } = useLocale();\n  const messages = useMessages();\n  const input = useSlottedContext(InputContext);\n  const textArea = useSlottedContext(TextAreaContext);\n  const insideForm = useInsideForm();\n  // Read directly rather than through `useSlottedContext`, which throws for\n  // a missing slot exactly as `Text` does — the throw is the thing being\n  // avoided. What it is for is below, at `written`.\n  const text = useContext(TextContext);\n\n  // The limit, in words, for the description React Aria reads out with the\n  // field. `maxLength` alone reaches the control as the native attribute,\n  // which is not reliably announced, and the count beside the message is\n  // hidden — so without this a reader is never told there is a limit.\n  const limit = maxLength === undefined ? undefined : characterLimitLabel ?? messages.characterLimit(maxLength);\n  const hidden = limit === undefined ? null : <VisuallyHidden elementType=\"span\">\n        <Text slot=\"description\">{limit}</Text>\n      </VisuallyHidden>;\n\n  // Nothing to say: the field ends at its control. Inside a form the line is\n  // drawn anyway, empty, since a form is where a message appears after the\n  // fact — a server's answer, or the browser's own on submit — and every\n  // field below this one would otherwise move by the line's height when it\n  // does.\n  //\n  // Outside one the line is still there, collapsed out of the flow so the\n  // field is no taller for it, because it holds the live region below: a\n  // region has to be in the document before the error it announces arrives,\n  // and one mounted with its text already in it is not read out. A limit to\n  // announce rides in it the same way, rather than drawing the line for\n  // something nobody can see.\n  const collapsed = !invalid && description === undefined && !characterCount && !(insideForm && reserve);\n  const value = input?.value ?? textArea?.value ?? '';\n  const length = String(value).length;\n  const hint = invalid ? undefined : description;\n\n  // One slotted description, never two. React Aria hands every element in\n  // its description slot the same generated id, so a second one puts a\n  // duplicate id in the document and axe fails the story. The limit rides\n  // inside the hint where there is one, and carries the whole slot where\n  // there is not — hidden either way, since the count already draws it.\n  //\n  // Hidden by clipping rather than by leaving it out of the row, and the\n  // difference is a gap: the row is a flex line with 16dp between its parts,\n  // and an element with no width is still a part. Clipping takes it out of\n  // flow, so a field with a limit and no hint has the line it had before.\n  const described = hint === undefined ? hidden : <Text slot=\"description\" {...stylex.props(fieldChromeStyles.message)}>\n        {hint}\n        {limit === undefined ? null :\n    // The space is load-bearing: a description is read as the text\n    // content of one element, and two spans run together without it.\n    <VisuallyHidden elementType=\"span\">{` ${limit}`}</VisuallyHidden>}\n      </Text>;\n\n  // Outside a field that validates there is nothing to hand React Aria's\n  // `FieldError`, and it draws nothing without it — a group of chips is a\n  // group rather than a form control, so the error it was given is written\n  // out instead.\n  //\n  // Through the group's error slot where there is one, which is what makes\n  // the message reach a screen reader at all: React Aria generates the id\n  // its `aria-describedby` points at up front, then keeps it only while\n  // something in the document carries it, so an element outside the slot is\n  // drawn and never announced. The description beside it has always gone\n  // through its own slot, which is why that half worked.\n  //\n  // Not every group has one. `TagGroup` wires up a description and an error;\n  // `TokenField` wires up a description alone and generates no error id at\n  // all, so the field names the message itself with `errorId` and points its\n  // editable area at it — see TokenField.\n  const errorSlot = text !== null && typeof text === 'object' && 'slots' in text && text.slots?.errorMessage !== undefined;\n  const messageStyles = stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageError);\n  const written = errorSlot ? <Text slot=\"errorMessage\" {...messageStyles}>\n      {error}\n    </Text> : <span id={errorId} {...messageStyles}>\n      {error}\n    </span>;\n  return <div {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageLine, inset && fieldChromeStyles.messageInset, collapsed && fieldChromeStyles.messageLineCollapsed)}>\n      {/*\n       * The error, read out politely as it appears, since the move into\n       * `aria-describedby` that associates it is not: a screen reader does\n       * not re-read a description that changes under a control it is on,\n       * and after a submit, focus is on the submit button rather than the\n       * field. Typing-time, blur-time and a server's errors all arrive this\n       * way.\n       *\n       * The error alone rather than the whole line, so the description\n       * coming back once the error clears is not read out, and neither is\n       * the limit beside it. Atomic, so a changed message is read whole.\n       */}\n      <span aria-atomic=\"true\" aria-live=\"polite\" {...stylex.props(fieldChromeStyles.messageRegion)}>\n        {validation === null && error !== undefined ? written : <FieldError {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageError)}>\n            {error}\n          </FieldError>}\n      </span>\n      {described}\n      {characterCount ?\n    // Hidden from the tree, and the limit above is why. A count is the\n    // one piece of supporting text that changes on every keystroke, and\n    // a screen reader reading it back at that rate is worse than not\n    // hearing it — the limit said once on focus is what a reader needs,\n    // and this is the same fact drawn for whoever is looking.\n    <span aria-hidden=\"true\" {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.counter, invalid && fieldChromeStyles.messageError)}>\n          {countIn(locale, length, maxLength)}\n        </span> : null}\n    </div>;\n}\n\n/**\n * The same asterisk for a label that is not a field's own — a checkbox's, a\n * switch's — so every required control is marked by one element.\n */\nfunction RequiredMark() {\n  return REQUIRED_MARK;\n}\n\n// The count in the reader's digits and grouping, as React Aria writes a\n// number field's value and a meter's percentage beside it — Arabic-Indic\n// under ar-EG, `1 200` under fr-FR, and `1,200` in English. One formatter per\n// locale, for the reason Currency keeps its own: building one is about ten\n// times dearer than reusing it, and the count changes on every keystroke.\nconst counterFormatters = new Map<string, Intl.NumberFormat>();\nfunction countIn(locale: string, length: number, maxLength: number | undefined) {\n  let formatter = counterFormatters.get(locale);\n  if (formatter === undefined) {\n    formatter = new Intl.NumberFormat(locale);\n    counterFormatters.set(locale, formatter);\n  }\n  return maxLength === undefined ? formatter.format(length) : `${formatter.format(length)}/${formatter.format(maxLength)}`;\n}\nexport type { FieldBoxProps, FieldInputProps, FieldLabelProps, FieldLabelState, FieldLabelVariant, FieldMessageProps, FieldTextAreaProps, FieldVariant };\nexport { FieldBox, FieldInput, FieldLabel, FieldMessage, FieldSegments, FieldTextArea, FieldTrigger, FieldValue, RequiredMark };"],"mappings":"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"}

package/dist/overlay/index.js

@@ -0,0 +1,24 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { SeparatorContext } from "react-aria-components";
+//#region src/overlay/index.tsx
+const NO_SEPARATOR = {};
+/** Clears, for an overlay's content, the contexts that reach it from outside. */
+function OverlayScope(t0) {
+	const $ = c(2);
+	const { children } = t0;
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ jsx(SeparatorContext, {
+			value: NO_SEPARATOR,
+			children
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+}
+//#endregion
+export { OverlayScope };
+
+//# sourceMappingURL=index.js.map

package/dist/overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ReactNode","SeparatorContext","NO_SEPARATOR","OverlayScope","t0","$","_c","children","t1","_c"],"sources":["../../src/overlay/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { SeparatorContext } from 'react-aria-components'\n\n// React context crosses the portal an overlay renders through, so what a\n// component around the trigger sets for its own children reaches into the\n// overlay as well. `Toolbar` sets the one that matters: it turns a\n// `Separator` across the bar, and a horizontal rule in a popover opened from\n// the bar took that orientation and drew as a vertical rule 0px long, told\n// to assistive technology as vertical too. An overlay is a surface of its\n// own, so its content starts from none of it, and a `Separator` there falls\n// back to its own horizontal default — as one inside React Aria's `Menu`\n// already did, since `Menu` provides a separator context of its own.\n//\n// Empty rather than null, so the separator reads no props from it rather\n// than finding no context and looking further out; a module constant, so the\n// value is the same object on every render.\nconst NO_SEPARATOR = {}\n\n/** Clears, for an overlay's content, the contexts that reach it from outside. */\nfunction OverlayScope({ children }: { children: ReactNode }) {\n  return <SeparatorContext value={NO_SEPARATOR}>{children}</SeparatorContext>\n}\n\nexport { OverlayScope }\n"],"mappings":";;;;AAiBA,MAAME,eAAe,CAAC;;AAGtB,SAAAC,aAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAsB,MAAA,EAAAC,aAAAH;CAAqC,IAAAI;CAAA,IAAAH,EAAA,OAAAE,UAAA;EAClDC,KAAA,oBAAC,kBAAD;GAAyBN,OAAAA;GAAeK;EAAvB,CAAA;EAAmDF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAApEG;AAAoE"}

package/dist/styles/scheme.js

@@ -0,0 +1,19 @@
+//#region src/styles/scheme.ts
+const pinnedScheme = {
+	dark: {
+		kWkggS: "x14s9m32",
+		kMwMTN: "x139gbkf",
+		kQNsl9: "xntwwlm",
+		$$css: true
+	},
+	light: {
+		kWkggS: "x14s9m32",
+		kMwMTN: "x139gbkf",
+		kQNsl9: "x19aimcq",
+		$$css: true
+	}
+};
+//#endregion
+export { pinnedScheme };
+
+//# sourceMappingURL=scheme.js.map

package/dist/styles/scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheme.js","names":["stylex","colors","pinnedScheme","dark","kWkggS","kMwMTN","kQNsl9","$$css","light"],"sources":["../../src/styles/scheme.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors } from '../tokens/design.tokens.stylex';\n\n// What pinning a scheme does beside the colour theme that pins the tokens:\n// the element paints its own surface and text in that scheme, and tells the\n// browser the scheme, which is what native controls, scrollbars, autofill\n// and spellcheck follow — they read `color-scheme` rather than any token.\n//\n// A theme pins the tokens alone. A pinned dark scope on a light page left\n// its own background transparent and its text the page's, so a `Text`\n// inside drew the dark scheme's on surface over the light page, 1.23:1, and\n// an `<input>` inside stayed white with black text.\n//\n// Surface and on surface rather than background and on background: the two\n// pairs hold the same colours in both of the library's schemes, and surface\n// is the pair Material Design draws content on. Shared by `ThemeScope` and\n// the `colorScheme` classes in src/color-scheme.ts, which are the same\n// classes in two forms; an unpinned scope applies neither, so it paints\n// nothing and inherits the scheme around it.\nconst pinnedScheme = {\n  dark: {\n    kWkggS: \"x14s9m32\",\n    kMwMTN: \"x139gbkf\",\n    kQNsl9: \"xntwwlm\",\n    $$css: true\n  },\n  light: {\n    kWkggS: \"x14s9m32\",\n    kMwMTN: \"x139gbkf\",\n    kQNsl9: \"x19aimcq\",\n    $$css: true\n  }\n};\nexport { pinnedScheme };"],"mappings":";AAoBA,MAAME,eAAe;CACnBC,MAAM;EACJC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,OAAO;EACLJ,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;AACF"}

package/dist/styles.css

@@ -55,6 +55,10 @@
     background-position: 0 0, 0 8px, 8px -8px, -8px 0;
   }
 
+  .x1y3ic1l {
+    border-color: color-mix(in srgb,var(--x1ridy1o) calc(var(--x1cq03z9) * 100%),transparent);
+  }
+
   .xrh88j3 {
     border-color: color-mix(in srgb,var(--xn0syi6) calc(var(--x1cq03z9) * 100%),transparent);
   }
@@ -753,6 +757,10 @@
     background-color: color-mix(in srgb,var(--x13o0mym) calc(var(--x1cq03z9) * 100%),transparent);
   }
 
+  .x6mg230 {
+    background-color: color-mix(in srgb,var(--x13o0mym) calc(var(--xu361ij) * 100%),transparent);
+  }
+
   .xn4e5mw {
     background-color: color-mix(in srgb,var(--x1balm44) calc(var(--x124j18r) * 100%),var(--x1614qkl));
   }
@@ -869,6 +877,10 @@
     background-color: color-mix(in srgb,var(--x28n2pw) calc(var(--xhaltwz) * 100%),var(--x3cqee7));
   }
 
+  .x1jfv5e4 {
+    background-color: color-mix(in srgb,var(--xi1exwt) calc(var(--xu361ij) * 100%),transparent);
+  }
+
   .x16tkg7c {
     background-color: color-mix(in srgb,var(--xkltk4j) calc(var(--x124j18r) * 100%),var(--x189y34t));
   }
@@ -1421,6 +1433,18 @@
     color: var(--xwloagh);
   }
 
+  .xntwwlm {
+    --lightningcss-light: ;
+    --lightningcss-dark: initial;
+    color-scheme: dark;
+  }
+
+  .x19aimcq {
+    --lightningcss-light: initial;
+    --lightningcss-dark: ;
+    color-scheme: light;
+  }
+
   .xpamuu5 {
     column-gap: var(--x3km7fe);
   }
@@ -1525,6 +1549,10 @@
     flex-basis: 0;
   }
 
+  .x4pfjvb {
+    flex-basis: 50%;
+  }
+
   .xdl72j9 {
     flex-basis: auto;
   }
@@ -1941,10 +1969,6 @@
     inset-inline-start: var(--x-insetInlineStart);
   }
 
-  .x2xyl1b {
-    inset-inline-start: var(--x6borv4);
-  }
-
   .xc8icb0 {
     isolation: isolate;
   }
@@ -2117,10 +2141,6 @@
     list-style-type: none;
   }
 
-  .x14z9mp {
-    margin-inline-end: 0;
-  }
-
   .xk4mfur {
     margin-inline-end: calc(-1 * var(--x3km7fe));
   }
@@ -2129,10 +2149,6 @@
     margin-inline-end: calc(-1 * var(--xod9tvo));
   }
 
-  .x184gv5z {
-    margin-inline-end: calc((18px + var(--xod9tvo)) / 2);
-  }
-
   .x1tn5xpv {
     margin-inline-end: calc(var(--x6borv4) - var(--x3km7fe));
   }
@@ -2145,6 +2161,10 @@
     margin-inline-end: var(--xbmbo34);
   }
 
+  .x1nsf9p3 {
+    margin-inline-end: var(--xod9tvo);
+  }
+
   .x18xomjl {
     margin-inline-start: -12px;
   }
@@ -2157,14 +2177,6 @@
     margin-inline-start: calc(-1 * var(--xod9tvo));
   }
 
-  .x1mjqfaz {
-    margin-inline-start: calc((18px + var(--xod9tvo)) / 2);
-  }
-
-  .x1c5lys2 {
-    margin-inline-start: calc(18px + var(--xod9tvo));
-  }
-
   .x1m7rnnc {
     margin-inline-start: var(--x3km7fe);
   }
@@ -2222,6 +2234,10 @@
     outline-offset: -2px;
   }
 
+  .xr2mjdv {
+    outline-offset: -4px;
+  }
+
   .x1y3gkto {
     outline-offset: 1px;
   }
@@ -2498,10 +2514,6 @@
     transform: scaleX(-1);
   }
 
-  .xmzmy3r {
-    transform: translate3d(0, -50%, 0);
-  }
-
   .xuuh30 {
     transform: translateX(-50%);
   }
@@ -2650,6 +2662,14 @@
     transition-property: inline-size, block-size;
   }
 
+  .x1gcwfje {
+    transition-property: inline-size, margin-inline-end;
+  }
+
+  .x1pha8k4 {
+    transition-property: inline-size, min-inline-size;
+  }
+
   .x7x1mir {
     transition-property: inline-size, opacity;
   }
@@ -2662,8 +2682,8 @@
     transition-property: inset-inline-start;
   }
 
-  .x1ve1rmq {
-    transition-property: margin-inline-start, margin-inline-end;
+  .xrtqwew {
+    transition-property: max-inline-size;
   }
 
   .x13b0p5u {
@@ -2764,6 +2784,10 @@
     z-index: 1;
   }
 
+  .xfj7q76 {
+    z-index: 10;
+  }
+
   .x1bk8fjm {
     z-index: 1000;
   }
@@ -3624,6 +3648,10 @@
     max-width: 720px;
   }
 
+  .x1tpxo8 {
+    max-width: calc(100% - calc(18px + var(--xod9tvo)));
+  }
+
   .x35j8wb {
     max-width: calc(100% + 2 * var(--xbmbo34));
   }
@@ -3756,6 +3784,10 @@
     min-width: 16px;
   }
 
+  .x16xo4sp {
+    min-width: 18px;
+  }
+
   .x12rczxh {
     min-width: 220px;
   }
@@ -3780,6 +3812,10 @@
     min-width: 72px;
   }
 
+  .x36sgg7 {
+    min-width: calc(18px + var(--xod9tvo));
+  }
+
   .xjrddbv {
     min-width: min(360px, 100%);
   }
@@ -4042,10 +4078,34 @@
     width: calc(100% - 2 * var(--x1ug6acx));
   }
 
+  .x1n0idw {
+    width: calc(100% - var(--x3km7fe) - var(--x3km7fe));
+  }
+
+  .x1u7osep {
+    width: calc(100% - var(--x3km7fe));
+  }
+
   .x1url4ad {
     width: 336px;
   }
 
+  .x1iuy3mw {
+    width: calc(calc(var(--x6borv4) - var(--xod9tvo)) + 18px);
+  }
+
+  .x154zo0h {
+    width: calc(calc(var(--x6borv4) - var(--xod9tvo)) + calc((18px + var(--xod9tvo)) / 2));
+  }
+
+  .x1n85vuq {
+    width: calc(calc(var(--x6borv4) - var(--xod9tvo)) + calc(18px + var(--xod9tvo)));
+  }
+
+  .xbraz1g {
+    width: calc(var(--x6borv4) - var(--xod9tvo));
+  }
+
   .xd4ksm1 {
     width: clamp(360px,var(--trigger-width),720px);
   }

package/dist/theme-scope.d.ts

@@ -3,8 +3,11 @@ import { RenderComponentProps } from "./render/useRender.js";
 type ThemeScopeProps = RenderComponentProps<'div'> & {
   /**
    * Pins the scope to the library's light or dark scheme, whatever the
-   * reader's OS asks for. Left unset, the scope keeps the scheme around it:
-   * the one an enclosing scope or the `<html>` element pins, or the OS's.
+   * reader's OS asks for. A pinned scope paints its own surface and text in
+   * that scheme and sets `color-scheme` for the native controls inside, so
+   * it reads on any page. Left unset, the scope paints nothing and keeps the
+   * scheme around it: the one an enclosing scope or the `<html>` element
+   * pins, or the OS's.
    */
   scheme?: 'dark' | 'light' | undefined;
 };