@kanso-labs/kanso-ui 0.43.6 → 0.44.0

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FocusEvent","HTMLAttributes","InputEventHandler","ReactNode","Ref","RefAttributes","ButtonProps","GroupProps","GroupRenderProps","InputProps","InputRenderProps","LabelProps","TextAreaProps","stylex","createContext","useContext","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","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","state","Partial","FieldLabelState","FieldLabelVariant","Pick","FieldMessageProps","characterCount","characterLimitLabel","characterLimitReachedLabel","description","error","errorId","inset","isDisabled","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","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","reached","characterLimitReached","message","messageDisabled","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   * 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   * 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   * 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 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, 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  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.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  characterLimitReachedLabel,\n  description,\n  error,\n  errorId,\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, 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,6 @@
-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}`;
 `${spacing.sm}${typography.bodySmallLineHeight}${typography.bodyLargeLineHeight}`;
 `${spacing.lg}${typography.bodyLargeLineHeight}`;
 const _temp = {
@@ -256,6 +257,8 @@ const fieldChromeStyles = {
 		$$css: true
 	},
 	input: {
+		k9l4BL: "x1hcrkkg",
+		kIPbS0: "xzwh6sb",
 		k8Qsv1: "x1hgeflb",
 		kWkggS: "xjbqb8w",
 		kMzoRj: "xc342km",
@@ -269,6 +272,7 @@ const fieldChromeStyles = {
 		kLWn49: "xh7dzej",
 		k3XXqK: "x1t137rt",
 		kmVPX3: "x1717udv",
+		kg5iWk: "xlyipyv",
 		$$css: true
 	},
 	inputDisabled: {
@@ -305,6 +309,11 @@ const fieldChromeStyles = {
 		kMwMTN: "x1mxwv8y",
 		$$css: true
 	},
+	leftToRight: {
+		ksoyAI: "xzt5al7",
+		k9WMMc: "xrgu2gv",
+		$$css: true
+	},
 	message: {
 		kB7OPa: "x9f619",
 		kMwMTN: "x1w5n3ug",
@@ -317,6 +326,10 @@ const fieldChromeStyles = {
 		kHjlTd: "xj0a0fe",
 		$$css: true
 	},
+	messageDisabled: {
+		kMwMTN: "x1xj74d8 x1bhcspo",
+		$$css: true
+	},
 	messageError: {
 		kMwMTN: "x4ii1qj",
 		$$css: true

package/dist/field/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["stylex","colors","motion","radii","spacing","stateLayerOpacity","typography","FORCED_COLORS","BOX_BLOCK_SIZE","sm","bodySmallLineHeight","bodyLargeLineHeight","BOX_OUTLINED_BLOCK_SIZE","lg","_temp","ks0D6T","fieldChromeStyles","affix","k6CgDc","kmuXW","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kIyJzY","k1ekBW","kAMwcw","khDVqt","$$css","affixLine","kGNEyG","k1xSpc","kOIVth","autosize","autosizeCell","kJuA4N","box","kWkggS","kZKoxP","kfdmCh","kt9PQ7","kT0f0o","kVL7Gh","kfmiAY","krdFHd","kGVxlE","kB7OPa","kkrTdU","kjBf7l","kInvED","k3XXqK","kMeerF","kGO01o","kLKAdn","kg3NbH","kVAEAm","boxDisabled","kL6WhQ","boxError","boxErrorFocused","boxFixed","boxFloating","boxFocused","boxLabel","k87sOh","kLqNvP","kVQacm","kg5iWk","boxLabelEndInset","maxInlineSize","val","undefined","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLeading","kZCmMZ","boxMultiline","kAzted","boxOutlined","kMwMTN","boxOutlinedDisabled","boxOutlinedError","boxOutlinedErrorFocused","boxOutlinedErrorHovered","boxOutlinedFloating","boxOutlinedFocused","boxOutlinedHovered","boxOutlinedMultiline","boxTrailing","kwRFfy","column","kzQI83","k7Eaqz","columnDisabled","columnDisabledFloating","columnFloating","counter","kcqcaj","keTefX","icon","kSGwAc","kjj79g","keoZOQ","iconDisabled","iconError","iconMultiline","k1K539","iconOutlined","input","k8Qsv1","kMzoRj","kzqmXN","kmVPX3","inputDisabled","inputUnderFloatingLabel","inputUnderLabel","label","kHjlTd","labelDisabled","labelError","labelFocused","message","kqGvvJ","messageError","messageInset","kUOVxO","messageLine","messageLineCollapsed","messageRegion","numeric","outline","kVAM5u","kaIpWk","ksu8eU","kpwlN0","kogj98","k8WAf4","kfzvcC","outlineEndInset","paddingInlineEnd","outlineFocused","outlineLeading","outlineNotch","k33iCy","outlineNotchOpen","outlineTrailing","replica","segments","textArea","kHenm0","textAreaAutosize","trigger","kY2c9j","value","valuePlaceholder","valuePlaceholderHidden","groupStyles","root","kXwgrk"],"sources":["../../src/field/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\n\n// Windows High Contrast and the rest of the forced-colours modes. Declared\n// here rather than imported from src/styles/ripple.ts, which spells the same\n// query: the StyleX compiler resolves a constant across files only out of a\n// `.stylex.ts` module, and the one this repository has is generated from the\n// design tokens, where a user-preference query does not belong beside the\n// window size classes.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// What the box is tall enough for, rather than the 56dp the text fields page\n// draws it at. The page's number is the sum of these under the default\n// tokens, and stating it instead made the box right only there: a theme with\n// a longer body line — `Editorial` in src/theming/themes.ts, at body-small\n// 20 and body-large 28 on a 10dp `sm` — needs 68, and in a fixed 56 the\n// value's line ran past the underline with nothing left beneath it.\n//\n// The filled box holds its padding twice over, the floated label's line and\n// the control's; the outlined box holds its own padding twice and the\n// control's line alone, since its label sits on the outline rather than\n// above the value. The two agree at 56 under the default tokens, which is\n// what keeps the default stories' snapshots where they are.\n//\n// The resting label's line is written against the same expressions below, so\n// one derivation feeds both the box and the label that centres in it.\nconst BOX_BLOCK_SIZE = `calc(2 * ${spacing.sm} + ${typography.bodySmallLineHeight} + ${typography.bodyLargeLineHeight})`;\nconst BOX_OUTLINED_BLOCK_SIZE = `calc(2 * ${spacing.lg} + ${typography.bodyLargeLineHeight})`;\n\n// The chrome's styles. Apart from the parts in ./index.tsx so that file\n// exports components alone, which is what keeps fast refresh working for it —\n// the same reason ./root.ts gives for the root style beside it.\n//\n// The focus indicator is an inset box-shadow on the bottom edge rather than a\n// border that thickens. A real border going 1px -> 2px on focus grows the\n// box, which pushes every sibling below it down by a pixel — so a form\n// twitches each time focus moves between its fields. A shadow is drawn inside\n// the box and changes nothing about its size.\n//\n// The label floats, as the text fields page draws it: body-large and centred\n// in an empty, unfocused box, body-small at the top once the field is focused\n// or holds a value. `floatingLabel={false}` keeps it small at the top in\n// every state instead.\n//\n// Where the label sits depends on the box's state, and a child cannot select\n// on its parent's state while the box can select on its own. So the label's\n// type is set on the box and inherited: the box changes the font size and\n// line height it hands down when focus is within it, or when its control\n// shows something other than its placeholder, and the label transitions\n// between the two. Resting, the line is the box less its padding, which is\n// what centres the label without a position to move — the move to the top is\n// a change of type alone. The control sets its own type, so none of this\n// reaches it.\n//\n// The label's colour follows the control's focus the same way: the box is\n// React Aria's Group, which reports focus within it as render state, and the\n// label takes `labelFocused` from that.\n//\n// The box is a row: an icon slot at either end, if the field has one, with\n// the label and control between them. The page gives the icons 24dp, 12dp\n// from the box's edge and 16dp from the text, centred in the box's height;\n// the slot cancels the box's top padding and stretches to its full height,\n// so it centres whatever it holds — a 24dp icon, or an icon button around\n// one. The label and the control sit in a column of their own, which is\n// what the label is positioned against, so it moves past a leading icon\n// with the text.\n//\n// A prefix or suffix sits on the control's line, in the control's type and\n// the muted role, and shows only while the field is focused or holds a\n// value, as the placeholder does — at rest the label is where it would be.\n// It is the column's colour it takes, inherited, since the column can\n// select on its own focus and content and the affix cannot select on\n// either.\n//\n// The outlined variant is the page's outlined text field: no fill, a 1dp\n// outline in the outline role with 4dp corners all round, 2dp and primary\n// while focused, on surface while hovered, the error role with an error,\n// and the label cutting the outline once it floats, with the page's 4dp\n// beside it. The value is centred, 16dp from the top and bottom, and the\n// label rests on its line and moves up onto the outline — a move, where the\n// filled label only changes type.\n//\n// The outline is a fieldset laid over the box: a browser draws a fieldset's\n// border around its legend, so a legend holding a copy of the label, in the\n// label's floated type, is what cuts the outline to the label's width with\n// nothing measured. Empty, it cuts nothing, which is the closed notch.\nconst _temp = {\n  ks0D6T: \"x13i5qev\",\n  \"$$css\": true\n};\nconst fieldChromeStyles = {\n  affix: {\n    k6CgDc: \"x12w9bfk\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  affixLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x14qo01y\",\n    $$css: true\n  },\n  autosize: {\n    k1xSpc: \"xrvj5dj\",\n    $$css: true\n  },\n  autosizeCell: {\n    kJuA4N: \"x1b1wf8y\",\n    $$css: true\n  },\n  box: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x1cy8zhl\",\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"x4v968r\",\n    kfdmCh: \"xe3zi7u\",\n    kt9PQ7: \"x15anc7y\",\n    kT0f0o: \"x16uus16\",\n    kVL7Gh: \"xbiv7yw\",\n    kfmiAY: \"xirz1nw\",\n    krdFHd: \"xzcck0f\",\n    kGVxlE: \"x89kqus x18rfq6m\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ed109x\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    kjBf7l: \"x1x84bn5\",\n    kInvED: \"x12iqurn\",\n    k3XXqK: \"xi9ts3s\",\n    kMeerF: \"x1jrff4x\",\n    kGO01o: \"x18d9i69\",\n    kLKAdn: \"xi7mcox\",\n    kg3NbH: \"x790zyz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"xkdsq27\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  boxDisabled: {\n    kWkggS: \"xepofeg\",\n    kL6WhQ: \"x1fxan2a\",\n    kGVxlE: \"x1pqbjc1\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxError: {\n    kGVxlE: \"x1lxxh4i x1d6xoej\",\n    $$css: true\n  },\n  boxErrorFocused: {\n    kGVxlE: \"xb0slzl\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxFixed: {\n    kMv6JI: \"xp6n8n2\",\n    kGuDYH: \"xkucv67\",\n    k63SB2: \"x14hhc5u\",\n    kb6lSQ: \"x12utw95\",\n    kLWn49: \"xvzb9hk\",\n    $$css: true\n  },\n  boxFloating: {\n    kMv6JI: \"x1ps135g xnc7ww3 x16svsjw\",\n    kGuDYH: \"x52kfa xys1t9b x1848etk\",\n    k63SB2: \"xz4f7ai xn9xqko x1c52epr\",\n    kb6lSQ: \"x19wmx12 x1t00fh7 x1qn8t5l\",\n    kLWn49: \"xsv50tp x1f5c3pk x1mv3dpe\",\n    $$css: true\n  },\n  boxFocused: {\n    kGVxlE: \"xra6ydt\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxLabel: {\n    kB7OPa: \"x9f619\",\n    k87sOh: \"x13vifvy\",\n    kLqNvP: \"x1o0tod\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x10l6tqk\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  boxLabelEndInset: (maxInlineSize: string) => [_temp, {\n    \"--x-maxInlineSize\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(maxInlineSize)\n  }],\n  boxLabelFloated: {\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    $$css: true\n  },\n  boxLabelOutlined: {\n    kLqNvP: \"x10k232c\",\n    ks0D6T: \"x35j8wb\",\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  boxLabelOutlinedFloated: {\n    k87sOh: \"x1qjp6zz\",\n    $$css: true\n  },\n  boxLeading: {\n    kZCmMZ: \"xwde665\",\n    $$css: true\n  },\n  boxMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"x9ep9ug\",\n    kGO01o: \"xqf7pud\",\n    $$css: true\n  },\n  boxOutlined: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"xnqhc4v\",\n    kfdmCh: \"xs07zst\",\n    kT0f0o: \"x4gcak0\",\n    kVL7Gh: \"xqs30sb\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x158cnre x1sa41d3\",\n    kGO01o: \"xzfxn0k\",\n    kLKAdn: \"x1clyivc\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  boxOutlinedDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x1ldq0ta x1bhcspo\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  boxOutlinedErrorFocused: {\n    kMwMTN: \"x4ii1qj\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedErrorHovered: {\n    kMwMTN: \"x12voer2 x16elhoc\",\n    $$css: true\n  },\n  boxOutlinedFloating: {\n    kLWn49: \"xsv50tp x1f5c3pk x1rzm7h7\",\n    $$css: true\n  },\n  boxOutlinedFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedHovered: {\n    kMwMTN: \"x158cnre x139gbkf\",\n    $$css: true\n  },\n  boxOutlinedMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"xnqs80d\",\n    $$css: true\n  },\n  boxTrailing: {\n    kwRFfy: \"xk163s\",\n    $$css: true\n  },\n  column: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kzQI83: \"x1iyjqo2\",\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  columnDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  columnDisabledFloating: {\n    kMwMTN: \"xspc5gk x19co3pv\",\n    $$css: true\n  },\n  columnFloating: {\n    kMwMTN: \"x1dfuzvz x6phwhp x19co3pv\",\n    $$css: true\n  },\n  counter: {\n    kmuXW: \"x2lah0s\",\n    kcqcaj: \"xss6m8b\",\n    keTefX: \"xvc5jky\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  icon: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x6s0dn4\",\n    kSGwAc: \"xkh2ocl\",\n    kMwMTN: \"x1w5n3ug\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kGuDYH: \"x1pvqxga\",\n    kjj79g: \"xl56j7k\",\n    keoZOQ: \"x1motrhk\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  iconDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  iconError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  iconMultiline: {\n    k1K539: \"x14yxyxb\",\n    $$css: true\n  },\n  iconOutlined: {\n    k1K539: \"xs1qnrw\",\n    keoZOQ: \"x17v9ssf\",\n    $$css: true\n  },\n  input: {\n    k8Qsv1: \"x1hgeflb\",\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kzqmXN: \"xh8yej3\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  },\n  inputDisabled: {\n    k8Qsv1: \"x7ip5l3\",\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  inputUnderFloatingLabel: {\n    k8Qsv1: \"x1mvm7v4 xxqzaim\",\n    $$css: true\n  },\n  inputUnderLabel: {\n    keoZOQ: \"xwuztrq\",\n    $$css: true\n  },\n  label: {\n    k6CgDc: \"x12w9bfk\",\n    kMwMTN: \"x1w5n3ug\",\n    kHjlTd: \"xj0a0fe\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xixa3zk\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  labelDisabled: {\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    $$css: true\n  },\n  labelError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  labelFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    $$css: true\n  },\n  message: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    kqGvvJ: \"x10im51j\",\n    kHjlTd: \"xj0a0fe\",\n    $$css: true\n  },\n  messageError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  messageInset: {\n    kUOVxO: \"xboopgi\",\n    $$css: true\n  },\n  messageLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    keoZOQ: \"x1y88zpp\",\n    kAzted: \"x17jz683\",\n    $$css: true\n  },\n  messageLineCollapsed: {\n    keoZOQ: \"xdj266r\",\n    kAzted: \"x2lwn1j\",\n    kVAEAm: \"x10l6tqk\",\n    $$css: true\n  },\n  messageRegion: {\n    k1xSpc: \"x78zum5\",\n    kVAEAm: \"x1cmy3ng\",\n    $$css: true\n  },\n  numeric: {\n    kMv6JI: \"xbppi91\",\n    kcqcaj: \"xss6m8b\",\n    $$css: true\n  },\n  outline: {\n    k6CgDc: \"x12w9bfk\",\n    kVAM5u: \"x1r7ld26\",\n    kaIpWk: \"x1tfhd1\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kB7OPa: \"x9f619\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kpwlN0: \"x10a8y8t\",\n    kb6lSQ: \"xwth0xh\",\n    kogj98: \"x1ghz6dp\",\n    k7Eaqz: \"xeuugli\",\n    k8WAf4: \"xt970qd\",\n    kg3NbH: \"x1mhv0kc\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x1aqzbqr\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  outlineEndInset: (paddingInlineEnd: string) => [{\n    kwRFfy: paddingInlineEnd != null ? \"x120eax6\" : paddingInlineEnd,\n    $$css: true\n  }, {\n    \"--x-paddingInlineEnd\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(paddingInlineEnd)\n  }],\n  outlineFocused: {\n    kMzoRj: \"xdh2fpr\",\n    $$css: true\n  },\n  outlineLeading: {\n    kZCmMZ: \"x167ah0f\",\n    $$css: true\n  },\n  outlineNotch: {\n    kZKoxP: \"xqtp20y\",\n    kB7OPa: \"x9f619\",\n    kLWn49: \"x14ju556\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kmVPX3: \"x1717udv\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  outlineNotchOpen: {\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  outlineTrailing: {\n    kwRFfy: \"x3o381d\",\n    $$css: true\n  },\n  replica: {\n    kHjlTd: \"x1mzt3pk\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  segments: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  textArea: {\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"xysyzu8\",\n    kHenm0: \"xtt52l0\",\n    $$css: true\n  },\n  textAreaAutosize: {\n    kVQacm: \"xb3r6kr\",\n    $$css: true\n  },\n  trigger: {\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ypdohk\",\n    kpwlN0: \"x10a8y8t\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    kVAEAm: \"x10l6tqk\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  value: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  valuePlaceholder: {\n    kMwMTN: \"x1w5n3ug\",\n    $$css: true\n  },\n  valuePlaceholderHidden: {\n    kMwMTN: \"x19co3pv\",\n    $$css: true\n  }\n};\n\n// The chrome a label sitting above a group takes, rather than inside a box.\n// CheckboxGroup, ChipGroup, RadioGroup, Slider and ColorSlider each wrote both\n// of these out: the type override on the label, and the column its label and\n// control sit in.\n//\n// The label is label-large, the role a field's label takes at rest, since a\n// group has no box to float it in.\n//\n// The two sliders compose an inline size of their own on the root, since a\n// slider fills the width it is given where a group of controls does not.\nconst groupStyles = {\n  label: {\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    $$css: true\n  },\n  root: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xzoy561\",\n    $$css: true\n  }\n};\nexport { fieldChromeStyles, groupStyles };"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["stylex","colors","motion","radii","spacing","stateLayerOpacity","typography","FORCED_COLORS","DISABLED_TEXT","default","onSurface","disabledContent","surface","BOX_BLOCK_SIZE","sm","bodySmallLineHeight","bodyLargeLineHeight","BOX_OUTLINED_BLOCK_SIZE","lg","_temp","ks0D6T","fieldChromeStyles","affix","k6CgDc","kmuXW","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","kIyJzY","k1ekBW","kAMwcw","khDVqt","$$css","affixLine","kGNEyG","k1xSpc","kOIVth","autosize","autosizeCell","kJuA4N","box","kWkggS","kZKoxP","kfdmCh","kt9PQ7","kT0f0o","kVL7Gh","kfmiAY","krdFHd","kGVxlE","kB7OPa","kkrTdU","kjBf7l","kInvED","k3XXqK","kMeerF","kGO01o","kLKAdn","kg3NbH","kVAEAm","boxDisabled","kL6WhQ","boxError","boxErrorFocused","boxFixed","boxFloating","boxFocused","boxLabel","k87sOh","kLqNvP","kVQacm","kg5iWk","boxLabelEndInset","maxInlineSize","val","undefined","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLeading","kZCmMZ","boxMultiline","kAzted","boxOutlined","kMwMTN","boxOutlinedDisabled","boxOutlinedError","boxOutlinedErrorFocused","boxOutlinedErrorHovered","boxOutlinedFloating","boxOutlinedFocused","boxOutlinedHovered","boxOutlinedMultiline","boxTrailing","kwRFfy","column","kzQI83","k7Eaqz","columnDisabled","columnDisabledFloating","columnFloating","counter","kcqcaj","keTefX","icon","kSGwAc","kjj79g","keoZOQ","iconDisabled","iconError","iconMultiline","k1K539","iconOutlined","input","k9l4BL","kIPbS0","k8Qsv1","kMzoRj","kzqmXN","kmVPX3","inputDisabled","inputUnderFloatingLabel","inputUnderLabel","label","kHjlTd","labelDisabled","labelError","labelFocused","leftToRight","ksoyAI","k9WMMc","message","kqGvvJ","messageDisabled","messageError","messageInset","kUOVxO","messageLine","messageLineCollapsed","messageRegion","numeric","outline","kVAM5u","kaIpWk","ksu8eU","kpwlN0","kogj98","k8WAf4","kfzvcC","outlineEndInset","paddingInlineEnd","outlineFocused","outlineLeading","outlineNotch","k33iCy","outlineNotchOpen","outlineTrailing","replica","segments","textArea","kHenm0","textAreaAutosize","trigger","kY2c9j","value","valuePlaceholder","valuePlaceholderHidden","groupStyles","root","kXwgrk"],"sources":["../../src/field/styles.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\n\n// Windows High Contrast and the rest of the forced-colours modes. Declared\n// here rather than imported from src/styles/ripple.ts, which spells the same\n// query: the StyleX compiler resolves a constant across files only out of a\n// `.stylex.ts` module, and the one this repository has is generated from the\n// design tokens, where a user-preference query does not belong beside the\n// window size classes.\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// The colour of a disabled control's text: its label and the description\n// under it, from one definition so the two cannot drift apart. `GrayText`\n// under forced colours, which leaves a group's legend and a description\n// alone: they are text beside a control, not a control the mode would grey.\nconst DISABLED_TEXT = {\n  default: `color-mix(in srgb, ${colors.onSurface} calc(${stateLayerOpacity.disabledContent} * 100%), ${colors.surface})`,\n  [FORCED_COLORS]: 'GrayText'\n};\n\n// What the box is tall enough for, rather than the 56dp the text fields page\n// draws it at. The page's number is the sum of these under the default\n// tokens, and stating it instead made the box right only there: a theme with\n// a longer body line — `Editorial` in src/theming/themes.ts, at body-small\n// 20 and body-large 28 on a 10dp `sm` — needs 68, and in a fixed 56 the\n// value's line ran past the underline with nothing left beneath it.\n//\n// The filled box holds its padding twice over, the floated label's line and\n// the control's; the outlined box holds its own padding twice and the\n// control's line alone, since its label sits on the outline rather than\n// above the value. The two agree at 56 under the default tokens, which is\n// what keeps the default stories' snapshots where they are.\n//\n// The resting label's line is written against the same expressions below, so\n// one derivation feeds both the box and the label that centres in it.\nconst BOX_BLOCK_SIZE = `calc(2 * ${spacing.sm} + ${typography.bodySmallLineHeight} + ${typography.bodyLargeLineHeight})`;\nconst BOX_OUTLINED_BLOCK_SIZE = `calc(2 * ${spacing.lg} + ${typography.bodyLargeLineHeight})`;\n\n// The chrome's styles. Apart from the parts in ./index.tsx so that file\n// exports components alone, which is what keeps fast refresh working for it —\n// the same reason ./root.ts gives for the root style beside it.\n//\n// The focus indicator is an inset box-shadow on the bottom edge rather than a\n// border that thickens. A real border going 1px -> 2px on focus grows the\n// box, which pushes every sibling below it down by a pixel — so a form\n// twitches each time focus moves between its fields. A shadow is drawn inside\n// the box and changes nothing about its size.\n//\n// The label floats, as the text fields page draws it: body-large and centred\n// in an empty, unfocused box, body-small at the top once the field is focused\n// or holds a value. `floatingLabel={false}` keeps it small at the top in\n// every state instead.\n//\n// Where the label sits depends on the box's state, and a child cannot select\n// on its parent's state while the box can select on its own. So the label's\n// type is set on the box and inherited: the box changes the font size and\n// line height it hands down when focus is within it, or when its control\n// shows something other than its placeholder, and the label transitions\n// between the two. Resting, the line is the box less its padding, which is\n// what centres the label without a position to move — the move to the top is\n// a change of type alone. The control sets its own type, so none of this\n// reaches it.\n//\n// The label's colour follows the control's focus the same way: the box is\n// React Aria's Group, which reports focus within it as render state, and the\n// label takes `labelFocused` from that.\n//\n// The box is a row: an icon slot at either end, if the field has one, with\n// the label and control between them. The page gives the icons 24dp, 12dp\n// from the box's edge and 16dp from the text, centred in the box's height;\n// the slot cancels the box's top padding and stretches to its full height,\n// so it centres whatever it holds — a 24dp icon, or an icon button around\n// one. The label and the control sit in a column of their own, which is\n// what the label is positioned against, so it moves past a leading icon\n// with the text.\n//\n// A prefix or suffix sits on the control's line, in the control's type and\n// the muted role, and shows only while the field is focused or holds a\n// value, as the placeholder does — at rest the label is where it would be.\n// It is the column's colour it takes, inherited, since the column can\n// select on its own focus and content and the affix cannot select on\n// either.\n//\n// The outlined variant is the page's outlined text field: no fill, a 1dp\n// outline in the outline role with 4dp corners all round, 2dp and primary\n// while focused, on surface while hovered, the error role with an error,\n// and the label cutting the outline once it floats, with the page's 4dp\n// beside it. The value is centred, 16dp from the top and bottom, and the\n// label rests on its line and moves up onto the outline — a move, where the\n// filled label only changes type.\n//\n// The outline is a fieldset laid over the box: a browser draws a fieldset's\n// border around its legend, so a legend holding a copy of the label, in the\n// label's floated type, is what cuts the outline to the label's width with\n// nothing measured. Empty, it cuts nothing, which is the closed notch.\nconst _temp = {\n  ks0D6T: \"x13i5qev\",\n  \"$$css\": true\n};\nconst fieldChromeStyles = {\n  affix: {\n    k6CgDc: \"x12w9bfk\",\n    kmuXW: \"x2lah0s\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  affixLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x14qo01y\",\n    $$css: true\n  },\n  autosize: {\n    k1xSpc: \"xrvj5dj\",\n    $$css: true\n  },\n  autosizeCell: {\n    kJuA4N: \"x1b1wf8y\",\n    $$css: true\n  },\n  box: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x1cy8zhl\",\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"x4v968r\",\n    kfdmCh: \"xe3zi7u\",\n    kt9PQ7: \"x15anc7y\",\n    kT0f0o: \"x16uus16\",\n    kVL7Gh: \"xbiv7yw\",\n    kfmiAY: \"xirz1nw\",\n    krdFHd: \"xzcck0f\",\n    kGVxlE: \"x89kqus x18rfq6m\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ed109x\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    kjBf7l: \"x1x84bn5\",\n    kInvED: \"x12iqurn\",\n    k3XXqK: \"xi9ts3s\",\n    kMeerF: \"x1jrff4x\",\n    kGO01o: \"x18d9i69\",\n    kLKAdn: \"xi7mcox\",\n    kg3NbH: \"x790zyz\",\n    kVAEAm: \"x1n2onr6\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"xkdsq27\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  boxDisabled: {\n    kWkggS: \"xepofeg\",\n    kL6WhQ: \"x1fxan2a\",\n    kGVxlE: \"x1pqbjc1\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxError: {\n    kGVxlE: \"x1lxxh4i x1d6xoej\",\n    $$css: true\n  },\n  boxErrorFocused: {\n    kGVxlE: \"xb0slzl\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxFixed: {\n    kMv6JI: \"xp6n8n2\",\n    kGuDYH: \"xkucv67\",\n    k63SB2: \"x14hhc5u\",\n    kb6lSQ: \"x12utw95\",\n    kLWn49: \"xvzb9hk\",\n    $$css: true\n  },\n  boxFloating: {\n    kMv6JI: \"x1ps135g xnc7ww3 x16svsjw\",\n    kGuDYH: \"x52kfa xys1t9b x1848etk\",\n    k63SB2: \"xz4f7ai xn9xqko x1c52epr\",\n    kb6lSQ: \"x19wmx12 x1t00fh7 x1qn8t5l\",\n    kLWn49: \"xsv50tp x1f5c3pk x1mv3dpe\",\n    $$css: true\n  },\n  boxFocused: {\n    kGVxlE: \"xra6ydt\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxLabel: {\n    kB7OPa: \"x9f619\",\n    k87sOh: \"x13vifvy\",\n    kLqNvP: \"x1o0tod\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kVAEAm: \"x10l6tqk\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  boxLabelEndInset: (maxInlineSize: string) => [_temp, {\n    \"--x-maxInlineSize\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(maxInlineSize)\n  }],\n  boxLabelFloated: {\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    $$css: true\n  },\n  boxLabelOutlined: {\n    kLqNvP: \"x10k232c\",\n    ks0D6T: \"x35j8wb\",\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  boxLabelOutlinedFloated: {\n    k87sOh: \"x1qjp6zz\",\n    $$css: true\n  },\n  boxLeading: {\n    kZCmMZ: \"xwde665\",\n    $$css: true\n  },\n  boxMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"x9ep9ug\",\n    kGO01o: \"xqf7pud\",\n    $$css: true\n  },\n  boxOutlined: {\n    kWkggS: \"xjbqb8w\",\n    kZKoxP: \"xnqhc4v\",\n    kfdmCh: \"xs07zst\",\n    kT0f0o: \"x4gcak0\",\n    kVL7Gh: \"xqs30sb\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x158cnre x1sa41d3\",\n    kGO01o: \"xzfxn0k\",\n    kLKAdn: \"x1clyivc\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  boxOutlinedDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kGVxlE: \"x1gnnqk1\",\n    kMwMTN: \"x1ldq0ta x1bhcspo\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  boxOutlinedErrorFocused: {\n    kMwMTN: \"x4ii1qj\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedErrorHovered: {\n    kMwMTN: \"x12voer2 x16elhoc\",\n    $$css: true\n  },\n  boxOutlinedFloating: {\n    kLWn49: \"xsv50tp x1f5c3pk x1rzm7h7\",\n    $$css: true\n  },\n  boxOutlinedFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    k3XXqK: \"x815t2r\",\n    $$css: true\n  },\n  boxOutlinedHovered: {\n    kMwMTN: \"x158cnre x139gbkf\",\n    $$css: true\n  },\n  boxOutlinedMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"xnqs80d\",\n    $$css: true\n  },\n  boxTrailing: {\n    kwRFfy: \"xk163s\",\n    $$css: true\n  },\n  column: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kzQI83: \"x1iyjqo2\",\n    k7Eaqz: \"xeuugli\",\n    kVAEAm: \"x1n2onr6\",\n    $$css: true\n  },\n  columnDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  columnDisabledFloating: {\n    kMwMTN: \"xspc5gk x19co3pv\",\n    $$css: true\n  },\n  columnFloating: {\n    kMwMTN: \"x1dfuzvz x6phwhp x19co3pv\",\n    $$css: true\n  },\n  counter: {\n    kmuXW: \"x2lah0s\",\n    kcqcaj: \"xss6m8b\",\n    keTefX: \"xvc5jky\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  icon: {\n    k6CgDc: \"x12w9bfk\",\n    kGNEyG: \"x6s0dn4\",\n    kSGwAc: \"xkh2ocl\",\n    kMwMTN: \"x1w5n3ug\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kGuDYH: \"x1pvqxga\",\n    kjj79g: \"xl56j7k\",\n    keoZOQ: \"x1motrhk\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xt3l3uh\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  iconDisabled: {\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  iconError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  iconMultiline: {\n    k1K539: \"x14yxyxb\",\n    $$css: true\n  },\n  iconOutlined: {\n    k1K539: \"xs1qnrw\",\n    keoZOQ: \"x17v9ssf\",\n    $$css: true\n  },\n  input: {\n    k9l4BL: \"x1hcrkkg\",\n    kIPbS0: \"xzwh6sb\",\n    k8Qsv1: \"x1hgeflb\",\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kMv6JI: \"x16svsjw\",\n    kGuDYH: \"x1848etk\",\n    k63SB2: \"x1c52epr\",\n    kzqmXN: \"xh8yej3\",\n    kb6lSQ: \"x1qn8t5l\",\n    kLWn49: \"xh7dzej\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    kg5iWk: \"xlyipyv\",\n    $$css: true\n  },\n  inputDisabled: {\n    k8Qsv1: \"x7ip5l3\",\n    kMwMTN: \"x1xj74d8\",\n    $$css: true\n  },\n  inputUnderFloatingLabel: {\n    k8Qsv1: \"x1mvm7v4 xxqzaim\",\n    $$css: true\n  },\n  inputUnderLabel: {\n    keoZOQ: \"xwuztrq\",\n    $$css: true\n  },\n  label: {\n    k6CgDc: \"x12w9bfk\",\n    kMwMTN: \"x1w5n3ug\",\n    kHjlTd: \"xj0a0fe\",\n    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xixa3zk\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  labelDisabled: {\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    $$css: true\n  },\n  labelError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  labelFocused: {\n    kMwMTN: \"x1mxwv8y\",\n    $$css: true\n  },\n  leftToRight: {\n    ksoyAI: \"xzt5al7\",\n    k9WMMc: \"xrgu2gv\",\n    $$css: true\n  },\n  message: {\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    kqGvvJ: \"x10im51j\",\n    kHjlTd: \"xj0a0fe\",\n    $$css: true\n  },\n  messageDisabled: {\n    kMwMTN: \"x1xj74d8 x1bhcspo\",\n    $$css: true\n  },\n  messageError: {\n    kMwMTN: \"x4ii1qj\",\n    $$css: true\n  },\n  messageInset: {\n    kUOVxO: \"xboopgi\",\n    $$css: true\n  },\n  messageLine: {\n    kGNEyG: \"x1pha0wt\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"xxj4525\",\n    keoZOQ: \"x1y88zpp\",\n    kAzted: \"x17jz683\",\n    $$css: true\n  },\n  messageLineCollapsed: {\n    keoZOQ: \"xdj266r\",\n    kAzted: \"x2lwn1j\",\n    kVAEAm: \"x10l6tqk\",\n    $$css: true\n  },\n  messageRegion: {\n    k1xSpc: \"x78zum5\",\n    kVAEAm: \"x1cmy3ng\",\n    $$css: true\n  },\n  numeric: {\n    kMv6JI: \"xbppi91\",\n    kcqcaj: \"xss6m8b\",\n    $$css: true\n  },\n  outline: {\n    k6CgDc: \"x12w9bfk\",\n    kVAM5u: \"x1r7ld26\",\n    kaIpWk: \"x1tfhd1\",\n    ksu8eU: \"x1y0btm7\",\n    kMzoRj: \"xmkeg23\",\n    kB7OPa: \"x9f619\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kpwlN0: \"x10a8y8t\",\n    kb6lSQ: \"xwth0xh\",\n    kogj98: \"x1ghz6dp\",\n    k7Eaqz: \"xeuugli\",\n    k8WAf4: \"xt970qd\",\n    kg3NbH: \"x1mhv0kc\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    kIyJzY: \"x1qno0dh\",\n    k1ekBW: \"x1aqzbqr\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  outlineEndInset: (paddingInlineEnd: string) => [{\n    kwRFfy: paddingInlineEnd != null ? \"x120eax6\" : paddingInlineEnd,\n    $$css: true\n  }, {\n    \"--x-paddingInlineEnd\": (val => typeof val === \"number\" ? val + \"px\" : val != null ? val : undefined)(paddingInlineEnd)\n  }],\n  outlineFocused: {\n    kMzoRj: \"xdh2fpr\",\n    $$css: true\n  },\n  outlineLeading: {\n    kZCmMZ: \"x167ah0f\",\n    $$css: true\n  },\n  outlineNotch: {\n    kZKoxP: \"xqtp20y\",\n    kB7OPa: \"x9f619\",\n    kLWn49: \"x14ju556\",\n    ks0D6T: \"x193iq5w\",\n    kVQacm: \"xb3r6kr\",\n    kmVPX3: \"x1717udv\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  outlineNotchOpen: {\n    kg3NbH: \"ximhkdq\",\n    $$css: true\n  },\n  outlineTrailing: {\n    kwRFfy: \"x3o381d\",\n    $$css: true\n  },\n  replica: {\n    kHjlTd: \"x1mzt3pk\",\n    k33iCy: \"xlshs6z\",\n    khDVqt: \"x126k92a\",\n    $$css: true\n  },\n  segments: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  textArea: {\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"xysyzu8\",\n    kHenm0: \"xtt52l0\",\n    $$css: true\n  },\n  textAreaAutosize: {\n    kVQacm: \"xb3r6kr\",\n    $$css: true\n  },\n  trigger: {\n    kWkggS: \"xjbqb8w\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kkrTdU: \"x1ypdohk\",\n    kpwlN0: \"x10a8y8t\",\n    k3XXqK: \"x1t137rt\",\n    kmVPX3: \"x1717udv\",\n    kVAEAm: \"x10l6tqk\",\n    kY2c9j: \"x1vjfegm\",\n    $$css: true\n  },\n  value: {\n    kGNEyG: \"x6s0dn4\",\n    k1xSpc: \"x78zum5\",\n    kVQacm: \"xb3r6kr\",\n    kg5iWk: \"xlyipyv\",\n    khDVqt: \"xuxw1ft\",\n    $$css: true\n  },\n  valuePlaceholder: {\n    kMwMTN: \"x1w5n3ug\",\n    $$css: true\n  },\n  valuePlaceholderHidden: {\n    kMwMTN: \"x19co3pv\",\n    $$css: true\n  }\n};\n\n// The chrome a label sitting above a group takes, rather than inside a box.\n// CheckboxGroup, ChipGroup, RadioGroup, Slider and ColorSlider each wrote both\n// of these out: the type override on the label, and the column its label and\n// control sit in.\n//\n// The label is label-large, the role a field's label takes at rest, since a\n// group has no box to float it in.\n//\n// The two sliders compose an inline size of their own on the root, since a\n// slider fills the width it is given where a group of controls does not.\nconst groupStyles = {\n  label: {\n    kMv6JI: \"xkknnkr\",\n    kGuDYH: \"x14zspaw\",\n    k63SB2: \"x1v9cpvo\",\n    kb6lSQ: \"x155f00i\",\n    kLWn49: \"x1lz68p4\",\n    $$css: true\n  },\n  root: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"xzoy561\",\n    $$css: true\n  }\n};\nexport { fieldChromeStyles, groupStyles };"],"mappings":"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"}

package/dist/glyphs/index.js

@@ -94,6 +94,24 @@ function CalendarGlyph(props) {
 	} else t1 = $[2];
 	return t1;
 }
+function CheckCircleGlyph(props) {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
 function CheckGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -130,6 +148,24 @@ function ClockGlyph(props) {
 	} else t1 = $[2];
 	return t1;
 }
+function ErrorGlyph(props) {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== props) {
+		t1 = /* @__PURE__ */ jsx(Glyph, {
+			...props,
+			children: t0
+		});
+		$[1] = props;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
 /**
 * The svg every glyph draws: the 24-unit grid its path is on, the colour it
 * takes from the text around it, and its box. The call site's `className`
@@ -332,6 +368,6 @@ function SearchGlyph(props) {
 	return t1;
 }
 //#endregion
-export { ArrowBackGlyph, ArrowDownwardGlyph, ArrowDropDownGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckGlyph, ChevronDownGlyph, ChevronEndGlyph, ClockGlyph, CloseGlyph, IndeterminateGlyph, KeyboardGlyph, MinusGlyph, PersonGlyph, PlusGlyph, SearchGlyph };
+export { ArrowBackGlyph, ArrowDownwardGlyph, ArrowDropDownGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckCircleGlyph, CheckGlyph, ChevronDownGlyph, ChevronEndGlyph, ClockGlyph, CloseGlyph, ErrorGlyph, IndeterminateGlyph, KeyboardGlyph, MinusGlyph, PersonGlyph, PlusGlyph, SearchGlyph };
 
 //# sourceMappingURL=index.js.map