@kanso-labs/kanso-ui 0.43.7 → 0.44.1

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","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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"}
+{"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","OUTLINE_FOCUSED_WIDTH","OUTLINE_WIDTH","BoxControl","label","BoxLabel","underLabel","FieldBoxProps","Omit","children","endInset","floatingLabel","isFocused","isPopulated","isRequired","leading","multiline","ref","HTMLDivElement","trailing","trigger","variant","FieldVariant","FieldInputProps","leftToRight","numeric","prefix","suffix","FieldLabelProps","outlined","state","Partial","FieldLabelState","FieldLabelVariant","Pick","FieldMessageProps","characterCount","characterLimitLabel","characterLimitReachedLabel","description","error","errorId","indent","inset","isDisabled","maxLength","reserve","FieldTextAreaProps","autosize","FieldTriggerProps","FieldValueProps","HTMLElement","isPlaceholder","OUTSIDE_BOX","BOX_CONTROLS","filled","fixed","floating","Record","BoxContext","boxContent","BoxContent","t0","$","_c","read","useFieldPopulated","populated","focused","isFocusWithin","floated","t1","t2","props","outline","outlineFocused","undefined","outlineLeadingFocused","outlineLeading","outlineTrailingFocused","outlineTrailing","outlineEndInset","lg","xs","outlineNotch","outlineNotchOpen","REQUIRED_MARK","t3","icon","iconMultiline","iconOutlined","iconDisabled","t4","column","columnFloating","columnDisabledFloating","columnDisabled","t5","withFocus","t6","boxLabel","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLabelEndInset","t7","t8","t9","isHovered","isInvalid","iconErrorHovered","iconError","t10","boxStyles","box","boxFloating","boxFixed","boxMultiline","boxLeading","boxTrailing","boxOutlined","boxOutlinedFloating","boxOutlinedMultiline","boxOutlinedError","boxError","boxOutlinedErrorHovered","boxOutlinedHovered","boxErrorHovered","boxHovered","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","inputInvalid","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","hovered","labelDisabled","labelError","labelFocused","labelErrorHovered","labelHovered","FieldMessage","locale","messages","insideForm","text","characterLimit","limit","collapsed","hint","reached","characterLimitReached","message","messageDisabled","described","errorSlot","slots","errorMessage","messageError","messageStyles","written","messageLine","messageIndent","messageInset","messageLineCollapsed","messageRegion","counter","countIn","t16","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, OUTLINE_FOCUSED_WIDTH, OUTLINE_WIDTH } 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   * Runs the value left to right whatever the page's direction, still at the\n   * start of the line, for a number the user types: under a right-to-left\n   * page a leading minus otherwise lands after the digits.\n   * @default false\n   */\n  leftToRight?: boolean;\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   * Whether the label sits in an outlined box, whose label darkens to on\n   * surface while the box is hovered, as its outline does. A filled box's\n   * label keeps its colour on hover.\n   * @default false\n   */\n  outlined?: 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. Hover counts\n   * only while focus is elsewhere, as the box's own colours do.\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' | 'isHovered' | '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   * What a screen reader is told once the length reaches `maxLength`, where\n   * the count is drawn. It is said as the limit starts refusing keystrokes,\n   * and again only once the length has dropped below the limit and reached\n   * it anew. Left out, it is the sentence for it in the I18nProvider's\n   * locale — \"Character limit reached\" in English.\n   */\n  characterLimitReachedLabel?: 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 starts 8dp in, as the label of the control above it\n   * does. For a checkbox's or a switch's line, which sits in the label's\n   * column rather than under a box.\n   * @default false\n   */\n  indent?: boolean;\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  /**\n   * Whether the field is disabled, which fades the description to the\n   * colour its disabled label takes. An error keeps its own colour.\n   * @default false\n   */\n  isDisabled?: 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,\n    // Ahead of the icons' paddings, which name one side each where\n    // this names both.\n    focused && fieldChromeStyles.outlineFocused, leading !== undefined && (focused ? fieldChromeStyles.outlineLeadingFocused : fieldChromeStyles.outlineLeading), trailing !== undefined && (focused ? fieldChromeStyles.outlineTrailingFocused : fieldChromeStyles.outlineTrailing), endInset !== '0px' && fieldChromeStyles.outlineEndInset(`calc(${spacing.lg} - ${spacing.xs} - ${focused ? OUTLINE_FOCUSED_WIDTH : OUTLINE_WIDTH} + ${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} outlined={outlined} 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 && (state.isHovered && !focused ? fieldChromeStyles.iconErrorHovered : 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), !outlined && state.isHovered && (state.isInvalid ? fieldChromeStyles.boxErrorHovered : fieldChromeStyles.boxHovered), 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  leftToRight = false,\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, leftToRight && fieldChromeStyles.leftToRight, state.isInvalid && fieldChromeStyles.inputInvalid, 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.isInvalid && fieldChromeStyles.inputInvalid, 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  outlined = false,\n  state = NO_STATE,\n  variant = 'field',\n  ...props\n}: FieldLabelProps) {\n  const {\n    isDisabled = false,\n    isFocusWithin = false,\n    isHovered = false,\n    isInvalid = false\n  } = state;\n  const hovered = !isDisabled && !isFocusWithin && isHovered;\n  return <Label {...props} {...mergeStyles(stylex.props(fieldChromeStyles.label, variant === 'group' && groupStyles.label, isDisabled && fieldChromeStyles.labelDisabled, isInvalid && fieldChromeStyles.labelError, !isDisabled && !isInvalid && isFocusWithin && fieldChromeStyles.labelFocused, hovered && isInvalid && fieldChromeStyles.labelErrorHovered, hovered && !isInvalid && outlined && fieldChromeStyles.labelHovered), 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  characterLimitReachedLabel,\n  description,\n  error,\n  errorId,\n  indent = false,\n  inset = true,\n  isDisabled = false,\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  // The moment the limit starts discarding keystrokes, which neither the\n  // hidden count nor the limit said on focus can tell a reader: typing past\n  // it echoes nothing and adds nothing. Said only beside a drawn count, since\n  // it is the spoken half of that count reaching its limit.\n  //\n  // The region is in the document from the start, empty, because one mounted\n  // with its text already in it is not read out. It fills as the length\n  // reaches the limit and empties as it drops below, so a reader hears it\n  // once each time the limit is reached rather than on every refused key.\n  const reached = characterCount && maxLength !== undefined && length >= maxLength ? characterLimitReachedLabel ?? messages.characterLimitReached : null;\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, isDisabled && fieldChromeStyles.messageDisabled)}>\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, indent && fieldChromeStyles.messageIndent, 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. Reaching\n    // the limit is said on its own, by the region after this one.\n    <span aria-hidden=\"true\" {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.counter, invalid && fieldChromeStyles.messageError)}>\n          {countIn(locale, length, maxLength)}\n        </span> : null}\n      {characterCount && maxLength !== undefined ?\n    // `<output>` carries an implicit role of status, as CopyField's does.\n    <VisuallyHidden elementType=\"output\">{reached}</VisuallyHidden> : 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/field/styles.js

@@ -1,5 +1,7 @@
-import { spacing, typography } from "../tokens/design.tokens.stylex.js";
+import { colors, spacing, stateLayerOpacity, typography } from "../tokens/design.tokens.stylex.js";
 //#region src/field/styles.ts
+`${colors.onSurface}${stateLayerOpacity.disabledContent}${colors.surface}`;
+`${colors.onSurface}${stateLayerOpacity.hover}${colors.surfaceContainerHighest}`;
 `${spacing.sm}${typography.bodySmallLineHeight}${typography.bodyLargeLineHeight}`;
 `${spacing.lg}${typography.bodyLargeLineHeight}`;
 const _temp = {
@@ -60,14 +62,14 @@ const fieldChromeStyles = {
 		kg3NbH: "x790zyz",
 		kVAEAm: "x1n2onr6",
 		kIyJzY: "x1qno0dh",
-		k1ekBW: "xkdsq27",
+		k1ekBW: "x106061f",
 		kAMwcw: "xpc4ca7",
 		$$css: true
 	},
 	boxDisabled: {
-		kWkggS: "xepofeg",
+		kWkggS: "x1ojo7np",
 		kL6WhQ: "x1fxan2a",
-		kGVxlE: "x1pqbjc1",
+		kGVxlE: "xgloidm",
 		kkrTdU: "xt0e3qv",
 		$$css: true
 	},
@@ -76,10 +78,16 @@ const fieldChromeStyles = {
 		$$css: true
 	},
 	boxErrorFocused: {
+		kWkggS: "x1rrhr5q",
 		kGVxlE: "xb0slzl",
 		k3XXqK: "x815t2r",
 		$$css: true
 	},
+	boxErrorHovered: {
+		kWkggS: "x13aw6e3 xpae8dx",
+		kGVxlE: "x1lxxh4i xryshfu",
+		$$css: true
+	},
 	boxFixed: {
 		kMv6JI: "xp6n8n2",
 		kGuDYH: "xkucv67",
@@ -97,10 +105,16 @@ const fieldChromeStyles = {
 		$$css: true
 	},
 	boxFocused: {
+		kWkggS: "x1rrhr5q",
 		kGVxlE: "xra6ydt",
 		k3XXqK: "x815t2r",
 		$$css: true
 	},
+	boxHovered: {
+		kWkggS: "x13aw6e3 xpae8dx",
+		kGVxlE: "x89kqus x1ncb8nd",
+		$$css: true
+	},
 	boxLabel: {
 		kB7OPa: "x9f619",
 		k87sOh: "x13vifvy",
@@ -246,6 +260,10 @@ const fieldChromeStyles = {
 		kMwMTN: "x4ii1qj",
 		$$css: true
 	},
+	iconErrorHovered: {
+		kMwMTN: "x16elhoc",
+		$$css: true
+	},
 	iconMultiline: {
 		k1K539: "x14yxyxb",
 		$$css: true
@@ -256,10 +274,13 @@ const fieldChromeStyles = {
 		$$css: true
 	},
 	input: {
+		k9l4BL: "x1hcrkkg",
+		kIPbS0: "xzwh6sb",
 		k8Qsv1: "x1hgeflb",
 		kWkggS: "xjbqb8w",
 		kMzoRj: "xc342km",
 		kB7OPa: "x9f619",
+		knGrYV: "x1jie568",
 		kMwMTN: "x139gbkf",
 		kMv6JI: "x16svsjw",
 		kGuDYH: "x1848etk",
@@ -269,6 +290,7 @@ const fieldChromeStyles = {
 		kLWn49: "xh7dzej",
 		k3XXqK: "x1t137rt",
 		kmVPX3: "x1717udv",
+		kg5iWk: "xlyipyv",
 		$$css: true
 	},
 	inputDisabled: {
@@ -276,6 +298,10 @@ const fieldChromeStyles = {
 		kMwMTN: "x1xj74d8",
 		$$css: true
 	},
+	inputInvalid: {
+		knGrYV: "x11twi6n",
+		$$css: true
+	},
 	inputUnderFloatingLabel: {
 		k8Qsv1: "x1mvm7v4 xxqzaim",
 		$$css: true
@@ -301,10 +327,23 @@ const fieldChromeStyles = {
 		kMwMTN: "x4ii1qj",
 		$$css: true
 	},
+	labelErrorHovered: {
+		kMwMTN: "x16elhoc",
+		$$css: true
+	},
 	labelFocused: {
 		kMwMTN: "x1mxwv8y",
 		$$css: true
 	},
+	labelHovered: {
+		kMwMTN: "x139gbkf",
+		$$css: true
+	},
+	leftToRight: {
+		ksoyAI: "xzt5al7",
+		k9WMMc: "xrgu2gv",
+		$$css: true
+	},
 	message: {
 		kB7OPa: "x9f619",
 		kMwMTN: "x1w5n3ug",
@@ -317,10 +356,18 @@ const fieldChromeStyles = {
 		kHjlTd: "xj0a0fe",
 		$$css: true
 	},
+	messageDisabled: {
+		kMwMTN: "x1xj74d8 x1bhcspo",
+		$$css: true
+	},
 	messageError: {
 		kMwMTN: "x4ii1qj",
 		$$css: true
 	},
+	messageIndent: {
+		keTefX: "xq0p5jb",
+		$$css: true
+	},
 	messageInset: {
 		kUOVxO: "xboopgi",
 		$$css: true
@@ -364,11 +411,11 @@ const fieldChromeStyles = {
 		kogj98: "x1ghz6dp",
 		k7Eaqz: "xeuugli",
 		k8WAf4: "xt970qd",
-		kg3NbH: "x1mhv0kc",
+		kg3NbH: "xgnwbya",
 		kfzvcC: "x47corl",
 		kVAEAm: "x10l6tqk",
 		kIyJzY: "x1qno0dh",
-		k1ekBW: "x1aqzbqr",
+		k1ekBW: "x1bj6kjc",
 		kAMwcw: "xpc4ca7",
 		$$css: true
 	},
@@ -378,10 +425,15 @@ const fieldChromeStyles = {
 	}, { "--x-paddingInlineEnd": ((val) => typeof val === "number" ? val + "px" : val != null ? val : void 0)(paddingInlineEnd) }],
 	outlineFocused: {
 		kMzoRj: "xdh2fpr",
+		kg3NbH: "x1cmmxig",
 		$$css: true
 	},
 	outlineLeading: {
-		kZCmMZ: "x167ah0f",
+		kZCmMZ: "x1e4tv75",
+		$$css: true
+	},
+	outlineLeadingFocused: {
+		kZCmMZ: "x2e0ysr",
 		$$css: true
 	},
 	outlineNotch: {
@@ -400,7 +452,11 @@ const fieldChromeStyles = {
 		$$css: true
 	},
 	outlineTrailing: {
-		kwRFfy: "x3o381d",
+		kwRFfy: "xflzzte",
+		$$css: true
+	},
+	outlineTrailingFocused: {
+		kwRFfy: "x1gwc4xo",
 		$$css: true
 	},
 	replica: {