@kanso-labs/kanso-ui 0.35.0 → 0.37.0

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FocusEvent","HTMLAttributes","ReactNode","Ref","RefAttributes","ButtonProps","GroupProps","GroupRenderProps","InputProps","InputRenderProps","LabelProps","TextAreaProps","stylex","createContext","useContext","FieldError","FieldErrorContext","Group","Input","InputContext","Label","Button","RACButton","SelectStateContext","Text","TextArea","TextAreaContext","TextContext","useSlottedContext","VisuallyHidden","mergeStatefulStyles","mergeStyles","useInsideForm","fieldChromeStyles","groupStyles","BoxControl","label","BoxLabel","underLabel","FieldBoxProps","children","floatingLabel","isPopulated","leading","multiline","ref","HTMLDivElement","trailing","trigger","variant","FieldVariant","Omit","FieldInputProps","numeric","prefix","suffix","FieldLabelProps","state","Partial","FieldLabelState","FieldLabelVariant","Pick","FieldMessageProps","characterCount","characterLimitLabel","description","error","errorId","inset","maxLength","FieldTextAreaProps","autosize","FieldTriggerProps","FieldValueProps","HTMLElement","isFocused","isPlaceholder","OUTSIDE_BOX","BOX_CONTROLS","filled","fixed","floating","outlined","Record","BoxContext","boxContent","BoxContent","t0","$","_c","read","useFieldPopulated","populated","floated","isFocusWithin","t1","t2","props","outline","undefined","outlineLeading","outlineTrailing","outlineFocused","outlineNotch","outlineNotchOpen","t3","isDisabled","icon","iconMultiline","iconOutlined","iconDisabled","t4","column","columnFloating","columnDisabledFloating","columnDisabled","t5","boxLabel","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","t6","t7","t8","isInvalid","iconError","t9","boxStyles","box","boxFloating","boxFixed","boxMultiline","boxLeading","boxTrailing","boxOutlined","boxOutlinedFloating","boxOutlinedMultiline","boxOutlinedError","boxError","boxOutlinedDisabled","boxDisabled","FieldBox","T0","t10","t11","FieldInput","placeholder","input","inputUnderLabel","inputUnderFloatingLabel","inputDisabled","control","Symbol","for","affixLine","affix","FieldSegments","segments","returnToStart","FieldTextArea","context","value","textArea","textAreaAutosize","autosizeCell","replica","FieldTrigger","FieldValue","hidden","valuePlaceholder","valuePlaceholderHidden","event","currentTarget","contains","relatedTarget","scrollLeft","select","selectionManager","selectedKeys","size","String","length","NO_STATE","FieldLabel","labelDisabled","labelError","labelFocused","FieldMessage","validation","invalid","insideForm","text","limit","hint","message","described","errorSlot","slots","errorMessage","messageError","messageStyles","written","messageLine","messageInset","counter","_c","stylex.props","props","RACButton"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { FocusEvent, HTMLAttributes, ReactNode, Ref, RefAttributes } from 'react';\nimport type { ButtonProps, GroupProps, GroupRenderProps, InputProps, InputRenderProps, LabelProps, TextAreaProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext } from 'react';\nimport { FieldError, FieldErrorContext, Group, Input, InputContext, Label, Button as RACButton, SelectStateContext, Text, TextArea, TextAreaContext, TextContext, useSlottedContext, VisuallyHidden } from 'react-aria-components';\nimport { mergeStatefulStyles, mergeStyles } from '../styles/merge';\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 = {\n  children?: ReactNode;\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 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  /** 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} & Omit<GroupProps, 'children'>;\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   * 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.\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.\n   * @default `Up to ${maxLength} characters`, 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}\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, floatingLabel: boolean, isPopulated: boolean | undefined, leading: ReactNode, multiline: boolean, trailing: ReactNode, trigger: ReactNode, variant: FieldVariant) {\n  return (state: GroupRenderProps) => <BoxContent floatingLabel={floatingLabel} isPopulated={isPopulated} 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  floatingLabel,\n  isPopulated,\n  label,\n  leading,\n  multiline,\n  state,\n  trailing,\n  trigger,\n  variant\n}: {\n  children: ReactNode;\n  floatingLabel: boolean;\n  isPopulated: boolean | undefined;\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 floated = !floatingLabel || state.isFocusWithin || 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, state.isFocusWithin && fieldChromeStyles.outlineFocused)}>\n          <legend {...stylex.props(fieldChromeStyles.outlineNotch, floated && fieldChromeStyles.outlineNotchOpen)}>\n            {floated ? label : 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 state={state} {...stylex.props(fieldChromeStyles.boxLabel, floatingLabel && floated && fieldChromeStyles.boxLabelFloated, outlined && fieldChromeStyles.boxLabelOutlined, outlined && floated && fieldChromeStyles.boxLabelOutlinedFloated)}>\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, 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), state.isDisabled && (outlined ? fieldChromeStyles.boxOutlinedDisabled : fieldChromeStyles.boxDisabled));\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  floatingLabel = true,\n  isPopulated,\n  label,\n  leading,\n  multiline = false,\n  trailing,\n  trigger,\n  variant = 'filled',\n  ...props\n}: FieldBoxProps) {\n  return <Group {...props} {...mergeStatefulStyles(boxStyles(floatingLabel, multiline, leading !== undefined, trailing !== undefined, variant), props)}>\n      {boxContent(label, children, floatingLabel, isPopulated, leading, multiline, trailing, trigger, variant)}\n    </Group>;\n}\n\n/**\n * A field's text control, in a {@link FieldBox} or on its own. React Aria's\n * `Input`, which takes its label association, value and validation from the\n * field around it and reports its disabled state as render state.\n *\n * In a box it clears the label at the top, and under a floating label it\n * always carries a placeholder, since that is what the box reads to tell a\n * populated control from an empty one: its own where it was given one, a\n * blank otherwise. Outside a box it has no label over it and shows the\n * placeholder it was given in every state.\n */\nfunction FieldInput({\n  numeric = false,\n  placeholder,\n  prefix,\n  suffix,\n  ...props\n}: FieldInputProps & RefAttributes<HTMLInputElement>) {\n  const box = useContext(BoxContext);\n  const control = <Input placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} {...mergeStatefulStyles((state: InputRenderProps) => stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, box.label === 'floating' && fieldChromeStyles.inputUnderFloatingLabel, numeric && fieldChromeStyles.numeric, state.isDisabled && fieldChromeStyles.inputDisabled), props)} />;\n  if (prefix === undefined && suffix === undefined) {\n    return control;\n  }\n  return <span {...stylex.props(fieldChromeStyles.affixLine)}>\n      {prefix === undefined ? null : <span {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {prefix}\n        </span>}\n      {control}\n      {suffix === undefined ? null : <span {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {suffix}\n        </span>}\n    </span>;\n}\n\n/**\n * A date or a time's segments, in a {@link FieldBox}: React Aria's\n * `DateInput`, or the group holding a range's two. This is what carries the\n * control's type and its place on the line, clearing the label at the top,\n * as {@link FieldValue} does for a value that was chosen.\n *\n * A typed value longer than its box behaves as an input's text does. It is\n * clipped rather than cut short, since every segment on the line is still a\n * place to type. The browser scrolls whichever segment has focus into view,\n * as it scrolls to an input's caret. And when focus leaves the segments the\n * line goes back to its start, as an input's text does on blur, so a value\n * at rest reads from its beginning rather than from wherever it was left.\n */\nfunction FieldSegments({\n  children\n}: {\n  children: ReactNode;\n}) {\n  const box = useContext(BoxContext);\n  return <span onBlur={returnToStart} {...stylex.props(fieldChromeStyles.input, fieldChromeStyles.segments, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n      {children}\n    </span>;\n}\n\n/**\n * A field's multi-line text control, in a {@link FieldBox} drawn `multiline`.\n * React Aria's `TextArea`, with the same label association, value and\n * validation {@link FieldInput} takes from the field around it, and the same\n * placeholder under a floating label.\n *\n * Given `autosize` it grows with its text from the rows it asks for. The\n * value it grows to fit is read off the field's context rather than\n * measured: the box holds a hidden replica of it in the control's own type,\n * in the same grid cell as the control, and the cell is as tall as whichever\n * of the two is taller.\n */\nfunction FieldTextArea({\n  autosize = false,\n  placeholder,\n  ...props\n}: FieldTextAreaProps & RefAttributes<HTMLTextAreaElement>) {\n  const box = useContext(BoxContext);\n  const context = useSlottedContext(TextAreaContext);\n  const value = typeof context?.value === 'string' ? context.value : '';\n  const control = <TextArea placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} {...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// 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/**\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> = {};\nfunction FieldLabel({\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}\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}: FieldMessageProps) {\n  const validation = useContext(FieldErrorContext);\n  const invalid = error !== undefined || (validation?.isInvalid ?? false);\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 ?? `Up to ${maxLength} character${maxLength === 1 ? '' : 's'}`;\n  const hidden = limit === undefined ? null : <VisuallyHidden elementType=\"span\">\n        <Text slot=\"description\">{limit}</Text>\n      </VisuallyHidden>;\n\n  // Nothing to say, and nowhere a message could arrive from: the field ends\n  // at its control. Inside a form the line is drawn anyway, empty, since a\n  // form is where a message appears after the fact — a server's answer, or\n  // the browser's own on submit — and every field below this one would\n  // otherwise move by the line's height when it does.\n  //\n  // A limit to announce leaves on its own rather than bringing the line with\n  // it. The line is one line of type plus the 4dp above it, so drawing it\n  // for something nobody can see would make a field with a limit taller than\n  // the same field without one.\n  if (!invalid && description === undefined && !characterCount && !insideForm) {\n    return hidden;\n  }\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)}>\n      {validation === null && error !== undefined ? written : <FieldError {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageError)}>\n          {error}\n        </FieldError>}\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          {maxLength === undefined ? length : `${length}/${maxLength}`}\n        </span> : null}\n    </div>;\n}\nexport type { FieldBoxProps, FieldInputProps, FieldLabelProps, FieldLabelState, FieldLabelVariant, FieldMessageProps, FieldTextAreaProps, FieldVariant };\nexport { FieldBox, FieldInput, FieldLabel, FieldMessage, FieldSegments, FieldTextArea, FieldTrigger, FieldValue };"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["FocusEvent","HTMLAttributes","ReactNode","Ref","RefAttributes","ButtonProps","GroupProps","GroupRenderProps","InputProps","InputRenderProps","LabelProps","TextAreaProps","stylex","createContext","useContext","FieldError","FieldErrorContext","Group","Input","InputContext","Label","Button","RACButton","SelectStateContext","Text","TextArea","TextAreaContext","TextContext","useLocale","useSlottedContext","VisuallyHidden","useMessages","mergeStatefulStyles","mergeStyles","useInsideForm","fieldChromeStyles","groupStyles","BoxControl","label","BoxLabel","underLabel","FieldBoxProps","children","floatingLabel","isPopulated","isRequired","leading","multiline","ref","HTMLDivElement","trailing","trigger","variant","FieldVariant","Omit","FieldInputProps","numeric","prefix","suffix","FieldLabelProps","state","Partial","FieldLabelState","FieldLabelVariant","Pick","FieldMessageProps","characterCount","characterLimitLabel","description","error","errorId","inset","maxLength","FieldTextAreaProps","autosize","FieldTriggerProps","FieldValueProps","HTMLElement","isFocused","isPlaceholder","OUTSIDE_BOX","BOX_CONTROLS","filled","fixed","floating","outlined","Record","BoxContext","boxContent","BoxContent","t0","$","_c","read","useFieldPopulated","populated","floated","isFocusWithin","t1","t2","props","outline","undefined","outlineLeading","outlineTrailing","outlineFocused","outlineNotch","outlineNotchOpen","REQUIRED_MARK","t3","isDisabled","icon","iconMultiline","iconOutlined","iconDisabled","t4","column","columnFloating","columnDisabledFloating","columnDisabled","t5","boxLabel","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","t6","t7","t8","isInvalid","iconError","t9","boxStyles","box","boxFloating","boxFixed","boxMultiline","boxLeading","boxTrailing","boxOutlined","boxOutlinedFloating","boxOutlinedMultiline","boxOutlinedError","boxError","isHovered","boxOutlinedErrorHovered","boxOutlinedHovered","boxOutlinedDisabled","boxDisabled","FieldBox","T0","t10","t11","t12","FieldInput","placeholder","input","inputUnderLabel","inputUnderFloatingLabel","inputDisabled","control","Symbol","for","affixLine","affix","FieldSegments","segments","returnToStart","FieldTextArea","context","value","textArea","textAreaAutosize","autosizeCell","replica","FieldTrigger","FieldValue","hidden","valuePlaceholder","valuePlaceholderHidden","event","currentTarget","contains","relatedTarget","scrollLeft","select","selectionManager","selectedKeys","size","String","length","NO_STATE","FieldLabel","labelDisabled","labelError","labelFocused","FieldMessage","validation","invalid","locale","messages","insideForm","text","characterLimit","limit","hint","message","described","errorSlot","slots","errorMessage","messageError","messageStyles","written","messageLine","messageInset","counter","countIn","counterFormatters","Map","Intl","NumberFormat","formatter","get","set","format","_c","stylex.props","props","RACButton"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { FocusEvent, HTMLAttributes, ReactNode, Ref, RefAttributes } from 'react';\nimport type { ButtonProps, GroupProps, GroupRenderProps, InputProps, InputRenderProps, LabelProps, TextAreaProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport { createContext, useContext } from 'react';\nimport { FieldError, FieldErrorContext, Group, Input, InputContext, Label, Button as RACButton, SelectStateContext, Text, TextArea, TextAreaContext, TextContext, useLocale, useSlottedContext, VisuallyHidden } from 'react-aria-components';\nimport { useMessages } from '../i18n';\nimport { mergeStatefulStyles, mergeStyles } from '../styles/merge';\nimport { 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 = {\n  children?: ReactNode;\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 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} & Omit<GroupProps, 'children'>;\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}\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, floatingLabel: boolean, isPopulated: boolean | undefined, isRequired: boolean, leading: ReactNode, multiline: boolean, trailing: ReactNode, trigger: ReactNode, variant: FieldVariant) {\n  return (state: GroupRenderProps) => <BoxContent floatingLabel={floatingLabel} 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  floatingLabel,\n  isPopulated,\n  isRequired,\n  label,\n  leading,\n  multiline,\n  state,\n  trailing,\n  trigger,\n  variant\n}: {\n  children: ReactNode;\n  floatingLabel: 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 floated = !floatingLabel || state.isFocusWithin || 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, state.isFocusWithin && fieldChromeStyles.outlineFocused)}>\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={state} {...stylex.props(fieldChromeStyles.boxLabel, floatingLabel && floated && fieldChromeStyles.boxLabelFloated, outlined && fieldChromeStyles.boxLabelOutlined, outlined && floated && fieldChromeStyles.boxLabelOutlinedFloated)}>\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, 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), state.isDisabled && (outlined ? fieldChromeStyles.boxOutlinedDisabled : fieldChromeStyles.boxDisabled));\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  floatingLabel = true,\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} {...mergeStatefulStyles(boxStyles(floatingLabel, multiline, leading !== undefined, trailing !== undefined, variant), props)}>\n      {boxContent(label, children, floatingLabel, isPopulated, isRequired, leading, multiline, trailing, trigger, variant)}\n    </Group>;\n}\n\n/**\n * A field's text control, in a {@link FieldBox} or on its own. React Aria's\n * `Input`, which takes its label association, value and validation from the\n * field around it and reports its disabled state as render state.\n *\n * In a box it clears the label at the top, and under a floating label it\n * always carries a placeholder, since that is what the box reads to tell a\n * populated control from an empty one: its own where it was given one, a\n * blank otherwise. Outside a box it has no label over it and shows the\n * placeholder it was given in every state.\n */\nfunction FieldInput({\n  numeric = false,\n  placeholder,\n  prefix,\n  suffix,\n  ...props\n}: FieldInputProps & RefAttributes<HTMLInputElement>) {\n  const box = useContext(BoxContext);\n  const control = <Input placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} {...mergeStatefulStyles((state: InputRenderProps) => stylex.props(fieldChromeStyles.input, box.underLabel && fieldChromeStyles.inputUnderLabel, box.label === 'floating' && fieldChromeStyles.inputUnderFloatingLabel, numeric && fieldChromeStyles.numeric, state.isDisabled && fieldChromeStyles.inputDisabled), props)} />;\n  if (prefix === undefined && suffix === undefined) {\n    return control;\n  }\n  return <span {...stylex.props(fieldChromeStyles.affixLine)}>\n      {prefix === undefined ? null : <span {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {prefix}\n        </span>}\n      {control}\n      {suffix === undefined ? null : <span {...stylex.props(fieldChromeStyles.affix, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n          {suffix}\n        </span>}\n    </span>;\n}\n\n/**\n * A date or a time's segments, in a {@link FieldBox}: React Aria's\n * `DateInput`, or the group holding a range's two. This is what carries the\n * control's type and its place on the line, clearing the label at the top,\n * as {@link FieldValue} does for a value that was chosen.\n *\n * A typed value longer than its box behaves as an input's text does. It is\n * clipped rather than cut short, since every segment on the line is still a\n * place to type. The browser scrolls whichever segment has focus into view,\n * as it scrolls to an input's caret. And when focus leaves the segments the\n * line goes back to its start, as an input's text does on blur, so a value\n * at rest reads from its beginning rather than from wherever it was left.\n */\nfunction FieldSegments({\n  children\n}: {\n  children: ReactNode;\n}) {\n  const box = useContext(BoxContext);\n  return <span onBlur={returnToStart} {...stylex.props(fieldChromeStyles.input, fieldChromeStyles.segments, box.underLabel && fieldChromeStyles.inputUnderLabel)}>\n      {children}\n    </span>;\n}\n\n/**\n * A field's multi-line text control, in a {@link FieldBox} drawn `multiline`.\n * React Aria's `TextArea`, with the same label association, value and\n * validation {@link FieldInput} takes from the field around it, and the same\n * placeholder under a floating label.\n *\n * Given `autosize` it grows with its text from the rows it asks for. The\n * value it grows to fit is read off the field's context rather than\n * measured: the box holds a hidden replica of it in the control's own type,\n * in the same grid cell as the control, and the cell is as tall as whichever\n * of the two is taller.\n */\nfunction FieldTextArea({\n  autosize = false,\n  placeholder,\n  ...props\n}: FieldTextAreaProps & RefAttributes<HTMLTextAreaElement>) {\n  const box = useContext(BoxContext);\n  const context = useSlottedContext(TextAreaContext);\n  const value = typeof context?.value === 'string' ? context.value : '';\n  const control = <TextArea placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} {...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// 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/**\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}: 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, and nowhere a message could arrive from: the field ends\n  // at its control. Inside a form the line is drawn anyway, empty, since a\n  // form is where a message appears after the fact — a server's answer, or\n  // the browser's own on submit — and every field below this one would\n  // otherwise move by the line's height when it does.\n  //\n  // A limit to announce leaves on its own rather than bringing the line with\n  // it. The line is one line of type plus the 4dp above it, so drawing it\n  // for something nobody can see would make a field with a limit taller than\n  // the same field without one.\n  if (!invalid && description === undefined && !characterCount && !insideForm) {\n    return hidden;\n  }\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)}>\n      {validation === null && error !== undefined ? written : <FieldError {...stylex.props(fieldChromeStyles.message, fieldChromeStyles.messageError)}>\n          {error}\n        </FieldError>}\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// 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 };"],"mappings":"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"}

package/dist/field/styles.js

@@ -131,7 +131,7 @@ const fieldChromeStyles = {
 		kT0f0o: "x4gcak0",
 		kVL7Gh: "xqs30sb",
 		kGVxlE: "x1gnnqk1",
-		kMwMTN: "x158cnre x1igw6b7 x1sa41d3",
+		kMwMTN: "x158cnre x1sa41d3",
 		kGO01o: "xzfxn0k",
 		kLKAdn: "x1clyivc",
 		kVAEAm: "x1n2onr6",
@@ -144,13 +144,21 @@ const fieldChromeStyles = {
 		$$css: true
 	},
 	boxOutlinedError: {
-		kMwMTN: "x12voer2 x1h298ve x4ii1qj",
+		kMwMTN: "x4ii1qj",
+		$$css: true
+	},
+	boxOutlinedErrorHovered: {
+		kMwMTN: "x12voer2 x16elhoc",
 		$$css: true
 	},
 	boxOutlinedFloating: {
 		kLWn49: "xsv50tp x1f5c3pk x1rzm7h7",
 		$$css: true
 	},
+	boxOutlinedHovered: {
+		kMwMTN: "x158cnre x139gbkf",
+		$$css: true
+	},
 	boxOutlinedMultiline: {
 		kZKoxP: "xt7dq6l",
 		kAzted: "xnqs80d",

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","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","kjBf7l","kInvED","k3XXqK","kMeerF","kGO01o","kLKAdn","kg3NbH","kVAEAm","boxDisabled","kL6WhQ","boxError","boxFixed","boxFloating","boxLabel","k87sOh","kLqNvP","ks0D6T","kVQacm","kg5iWk","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLeading","kZCmMZ","boxMultiline","kAzted","boxOutlined","kMwMTN","boxOutlinedDisabled","boxOutlinedError","boxOutlinedFloating","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","labelDisabled","labelError","labelFocused","message","kqGvvJ","messageError","messageInset","kUOVxO","messageLine","numeric","outline","kVAM5u","kaIpWk","ksu8eU","kpwlN0","kogj98","k8WAf4","kfzvcC","outlineFocused","outlineLeading","outlineNotch","k33iCy","outlineNotchOpen","outlineTrailing","replica","kHjlTd","segments","textArea","kHenm0","textAreaAutosize","trigger","kkrTdU","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 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    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    $$css: true\n  },\n  boxError: {\n    kGVxlE: \"x1lxxh4i x1d6xoej\",\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  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  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 x1igw6b7 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    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x12voer2 x1h298ve x4ii1qj\",\n    $$css: true\n  },\n  boxOutlinedFloating: {\n    kLWn49: \"xsv50tp x1f5c3pk x1rzm7h7\",\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    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    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xixa3zk\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  labelDisabled: {\n    kMwMTN: \"x1xj74d8\",\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    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    kqGvvJ: \"x10im51j\",\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  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  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    $$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","BOX_BLOCK_SIZE","sm","bodySmallLineHeight","bodyLargeLineHeight","BOX_OUTLINED_BLOCK_SIZE","lg","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","kjBf7l","kInvED","k3XXqK","kMeerF","kGO01o","kLKAdn","kg3NbH","kVAEAm","boxDisabled","kL6WhQ","boxError","boxFixed","boxFloating","boxLabel","k87sOh","kLqNvP","ks0D6T","kVQacm","kg5iWk","boxLabelFloated","boxLabelOutlined","boxLabelOutlinedFloated","boxLeading","kZCmMZ","boxMultiline","kAzted","boxOutlined","kMwMTN","boxOutlinedDisabled","boxOutlinedError","boxOutlinedErrorHovered","boxOutlinedFloating","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","labelDisabled","labelError","labelFocused","message","kqGvvJ","messageError","messageInset","kUOVxO","messageLine","numeric","outline","kVAM5u","kaIpWk","ksu8eU","kpwlN0","kogj98","k8WAf4","kfzvcC","outlineFocused","outlineLeading","outlineNotch","k33iCy","outlineNotchOpen","outlineTrailing","replica","kHjlTd","segments","textArea","kHenm0","textAreaAutosize","trigger","kkrTdU","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 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    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    $$css: true\n  },\n  boxError: {\n    kGVxlE: \"x1lxxh4i x1d6xoej\",\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  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  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    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x4ii1qj\",\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  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    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    kIyJzY: \"xkzkux9\",\n    k1ekBW: \"xixa3zk\",\n    kAMwcw: \"xpc4ca7\",\n    $$css: true\n  },\n  labelDisabled: {\n    kMwMTN: \"x1xj74d8\",\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    kMwMTN: \"x1w5n3ug\",\n    kMv6JI: \"x1yicsit\",\n    kGuDYH: \"x1b35g6e\",\n    k63SB2: \"x9d6959\",\n    kb6lSQ: \"xwth0xh\",\n    kLWn49: \"xybisxh\",\n    kqGvvJ: \"x10im51j\",\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  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  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    $$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

@@ -4,6 +4,24 @@ import { glyphStyles } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/glyphs/index.tsx
+function ArrowBackGlyph(props) {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", { d: "M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" });
+		$[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 ArrowDownwardGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -22,6 +40,24 @@ function ArrowDownwardGlyph(props) {
 	} else t1 = $[2];
 	return t1;
 }
+function ArrowDropDownGlyph(props) {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", { d: "M7 10l5 5 5-5z" });
+		$[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 ArrowUpwardGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -151,6 +187,24 @@ function MinusGlyph(props) {
 	return t1;
 }
 const IndeterminateGlyph = MinusGlyph;
+function ChevronDownGlyph(props) {
+	const $ = c(3);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" });
+		$[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 ChevronEndGlyph(props) {
 	const $ = c(3);
 	let t0;
@@ -224,6 +278,6 @@ function SearchGlyph(props) {
 	return t1;
 }
 //#endregion
-export { ArrowDownwardGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckGlyph, ChevronEndGlyph, CloseGlyph, IndeterminateGlyph, MinusGlyph, PlusGlyph, SearchGlyph };
+export { ArrowBackGlyph, ArrowDownwardGlyph, ArrowDropDownGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckGlyph, ChevronDownGlyph, ChevronEndGlyph, CloseGlyph, IndeterminateGlyph, MinusGlyph, PlusGlyph, SearchGlyph };
 
 //# sourceMappingURL=index.js.map

package/dist/glyphs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactNode","SVGProps","stylex","mergeStyles","glyphStyles","GlyphProps","Omit","SVGSVGElement","ArrowDownwardGlyph","props","$","_c","t0","Symbol","for","t1","ArrowUpwardGlyph","CalendarGlyph","CheckGlyph","Glyph","children","t2","t3","t4","t5","t6","glyph","MinusGlyph","IndeterminateGlyph","ChevronEndGlyph","CloseGlyph","PlusGlyph","SearchGlyph","_c","props","stylex.props"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode, SVGProps } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { mergeStyles } from '../styles/merge';\nimport { glyphStyles } from './styles';\n\n// The glyphs the library's own controls draw: the check and the dash a\n// checkbox shows, the plus and minus a number field's steppers show, and\n// the magnifier and cross a search field shows. Inline SVG in\n// `currentColor`, sized by whatever renders them, and private to the\n// library — a call site with icons of its own passes them to IconButton and\n// the slots that take a node, which is why nothing here is exported from\n// the package.\n//\n// The paths are the check, the horizontal rule, the plus, the search, the\n// close, the right chevron, the two sort arrows and the calendar from\n// Material Symbols on their 24-unit grid, which is what the checkbox page\n// draws at 18dp, the icon buttons page at 20 and the search, menus and date\n// picker pages at 24.\n\ntype GlyphProps = Omit<SVGProps<SVGSVGElement>, 'children' | 'viewBox'>;\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending, which is the direction the data tables page puts beside a\n// column header's name. Neither mirrors under a right-to-left writing mode:\n// they say \"up\" and \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </Glyph>;\n}\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </Glyph>;\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\" />\n    </Glyph>;\n}\nfunction CheckGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </Glyph>;\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, the colour it\n * takes from the text around it, and its box. The call site's `className`\n * and `style` are merged with the glyph's own rather than replacing them.\n */\nfunction Glyph({\n  children,\n  ...props\n}: GlyphProps & {\n  children: ReactNode;\n}) {\n  return <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props} {...mergeStyles(stylex.props(glyphStyles.glyph), props)}>\n      {children}\n    </svg>;\n}\n\n// The same rule stands for a partly selected checkbox and for a stepper's\n// decrement; the two names say which is meant at the call site.\nfunction MinusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 13H5v-2h14v2z\" />\n    </Glyph>;\n}\nconst IndeterminateGlyph = MinusGlyph;\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so whatever renders it mirrors it under a right-to-left\n// writing mode — the glyph itself carries no direction of its own, since a\n// transform here would be an inline style.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </Glyph>;\n}\nfunction CloseGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n    </Glyph>;\n}\nfunction PlusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </Glyph>;\n}\nfunction SearchGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n    </Glyph>;\n}\nexport type { GlyphProps };\nexport { ArrowDownwardGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckGlyph, ChevronEndGlyph, CloseGlyph, IndeterminateGlyph, MinusGlyph, PlusGlyph, SearchGlyph };"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ReactNode","SVGProps","stylex","mergeStyles","glyphStyles","GlyphProps","Omit","SVGSVGElement","ArrowBackGlyph","props","$","_c","t0","Symbol","for","t1","ArrowDownwardGlyph","ArrowDropDownGlyph","ArrowUpwardGlyph","CalendarGlyph","CheckGlyph","Glyph","children","t2","t3","t4","t5","t6","glyph","MinusGlyph","IndeterminateGlyph","ChevronDownGlyph","ChevronEndGlyph","CloseGlyph","PlusGlyph","SearchGlyph","_c","props","stylex.props"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode, SVGProps } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { mergeStyles } from '../styles/merge';\nimport { glyphStyles } from './styles';\n\n// The glyphs the library's own controls draw: the check and the dash a\n// checkbox shows, the plus and minus a number field's steppers show, and\n// the magnifier and cross a search field shows. Inline SVG in\n// `currentColor`, sized by whatever renders them, and private to the\n// library — a call site with icons of its own passes them to IconButton and\n// the slots that take a node, which is why nothing here is exported from\n// the package.\n//\n// The paths are the check, the horizontal rule, the plus, the search, the\n// close, the right and down chevrons, the two sort arrows, the back arrow,\n// the drop-down arrow and the calendar from Material Symbols on their\n// 24-unit grid, which\n// is what the checkbox page draws at 18dp, the icon buttons page at 20 and\n// the search, menus and date picker pages at 24 — the date picker's menu\n// buttons draw their arrow at 18, and a split button's menu button its\n// chevron at between 22 and 50.\n\ntype GlyphProps = Omit<SVGProps<SVGSVGElement>, 'children' | 'viewBox'>;\n\n// What a search view's back button draws, pointing at the page it returns\n// to. It says \"back\" rather than \"to the left\", so whatever renders it\n// mirrors it under a right-to-left writing mode, as ChevronEndGlyph's\n// renderers do.\nfunction ArrowBackGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\" />\n    </Glyph>;\n}\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending, which is the direction the data tables page puts beside a\n// column header's name. Neither mirrors under a right-to-left writing mode:\n// they say \"up\" and \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </Glyph>;\n}\n\n// What a menu button draws after its label, pointing at the list it opens.\n// Down is down in either writing direction, so it does not mirror.\nfunction ArrowDropDownGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M7 10l5 5 5-5z\" />\n    </Glyph>;\n}\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </Glyph>;\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\" />\n    </Glyph>;\n}\nfunction CheckGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </Glyph>;\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, the colour it\n * takes from the text around it, and its box. The call site's `className`\n * and `style` are merged with the glyph's own rather than replacing them.\n */\nfunction Glyph({\n  children,\n  ...props\n}: GlyphProps & {\n  children: ReactNode;\n}) {\n  return <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props} {...mergeStyles(stylex.props(glyphStyles.glyph), props)}>\n      {children}\n    </svg>;\n}\n\n// The same rule stands for a partly selected checkbox and for a stepper's\n// decrement; the two names say which is meant at the call site.\nfunction MinusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 13H5v-2h14v2z\" />\n    </Glyph>;\n}\nconst IndeterminateGlyph = MinusGlyph;\n\n// Points down at the menu a split button's second half opens.\nfunction ChevronDownGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\" />\n    </Glyph>;\n}\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so whatever renders it mirrors it under a right-to-left\n// writing mode — the glyph itself carries no direction of its own, since a\n// transform here would be an inline style.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </Glyph>;\n}\nfunction CloseGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n    </Glyph>;\n}\nfunction PlusGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </Glyph>;\n}\nfunction SearchGlyph(props: GlyphProps) {\n  return <Glyph {...props}>\n      <path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n    </Glyph>;\n}\nexport { ArrowBackGlyph, ArrowDownwardGlyph, ArrowDropDownGlyph, ArrowUpwardGlyph, CalendarGlyph, CheckGlyph, ChevronDownGlyph, ChevronEndGlyph, CloseGlyph, IndeterminateGlyph, MinusGlyph, PlusGlyph, SearchGlyph };"],"mappings":"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"}