@kanso-labs/kanso-ui 0.26.2 → 0.26.3

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["leading","state","label","children","trailing","trigger"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } 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, useSlottedContext } from 'react-aria-components';\nimport { mergeStatefulStyles, mergeStyles } from '../styles/merge';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\nimport { useInsideForm } from './root';\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// 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.\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.\nconst styles = {\n  autosizeCell: {\n    kJuA4N: \"x1b1wf8y\",\n    $$css: true\n  },\n  box: {\n    kGNEyG: \"x1cy8zhl\",\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"xnnlda6\",\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    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    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 x181fmp8\",\n    $$css: true\n  },\n  boxLeading: {\n    kZCmMZ: \"xwde665\",\n    $$css: true\n  },\n  boxMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"xbktkl8\",\n    kGO01o: \"xqf7pud\",\n    $$css: true\n  },\n  boxOutlined: {\n    kWkggS: \"xjbqb8w\",\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\",\n    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x12voer2 x1h298ve x4ii1qj\",\n    $$css: true\n  },\n  boxOutlinedFloating: {\n    kLWn49: \"xsv50tp x1f5c3pk xay82u3\",\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  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  textArea: {\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"xysyzu8\",\n    kHenm0: \"xtt52l0\",\n    $$css: true\n  },\n  textAreaAutosize: {\n    kVQacm: \"xb3r6kr\",\n    $$css: true\n  }\n};\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};\ntype FieldLabelState = Pick<GroupRenderProps, 'isDisabled' | 'isFocusWithin' | 'isInvalid'>;\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   * 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   * 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, trailing: ReactNode, trigger: ReactNode, variant: FieldVariant) {\n  return (state: GroupRenderProps) => <BoxContent floatingLabel={floatingLabel} isPopulated={isPopulated} label={label} leading={leading} 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  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  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\" {...{\n      0: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 xmkeg23 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7\"\n      },\n      2: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 xmkeg23 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7 x167ah0f\"\n      },\n      1: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7 xdh2fpr\"\n      },\n      3: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7 x167ah0f xdh2fpr\"\n      }\n    }[!!(leading !== undefined) << 1 | !!state.isFocusWithin << 0]}>\n          <legend {...{\n        0: {\n          className: \"xqtp20y x14ju556 x193iq5w xb3r6kr x1717udv xlshs6z xuxw1ft\"\n        },\n        1: {\n          className: \"xqtp20y x14ju556 x193iq5w xb3r6kr x1717udv xlshs6z xuxw1ft ximhkdq\"\n        }\n      }[!!floated << 0]}>\n            {floated ? label : null}\n          </legend>\n        </fieldset> : null}\n      {trigger}\n      {leading === undefined ? null : <span {...{\n      0: {\n        className: \"x6s0dn4 xkh2ocl x1w5n3ug x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7\"\n      },\n      1: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x1xj74d8\"\n      }\n    }[!!state.isDisabled << 0]}>\n          {leading}\n        </span>}\n      <div {...stylex.props(styles.column, floatingLabel && styles.columnFloating, state.isDisabled && (floatingLabel ? styles.columnDisabledFloating : styles.columnDisabled))}>\n        <FieldLabel state={state} {...{\n        0: {\n          className: \"x13vifvy x1o0tod x10l6tqk\"\n        },\n        4: {\n          className: \"x13vifvy x1o0tod x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh\"\n        },\n        2: {\n          className: \"x13vifvy x10l6tqk x10k232c ximhkdq\"\n        },\n        6: {\n          className: \"x13vifvy x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10k232c ximhkdq\"\n        },\n        1: {\n          className: \"x1o0tod x10l6tqk x1qjp6zz\"\n        },\n        5: {\n          className: \"x1o0tod x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x1qjp6zz\"\n        },\n        3: {\n          className: \"x10l6tqk x10k232c ximhkdq x1qjp6zz\"\n        },\n        7: {\n          className: \"x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10k232c ximhkdq x1qjp6zz\"\n        }\n      }[!!(floatingLabel && floated) << 2 | !!outlined << 1 | !!(outlined && floated) << 0]}>\n          {label}\n        </FieldLabel>\n        {children}\n      </div>\n      {trailing === undefined ? null : <span {...{\n      0: {\n        className: \"x6s0dn4 xkh2ocl x1w5n3ug x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7\"\n      },\n      2: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x4ii1qj\"\n      },\n      1: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x1xj74d8\"\n      },\n      3: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x1xj74d8\"\n      }\n    }[!!state.isInvalid << 1 | !!state.isDisabled << 0]}>\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(styles.box, floatingLabel ? styles.boxFloating : styles.boxFixed, multiline && styles.boxMultiline, leading && styles.boxLeading, trailing && styles.boxTrailing, outlined && styles.boxOutlined, outlined && floatingLabel && styles.boxOutlinedFloating, state.isInvalid && (outlined ? styles.boxOutlinedError : styles.boxError), state.isDisabled && (outlined ? styles.boxOutlinedDisabled : styles.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, 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) {\n  const box = useContext(BoxContext);\n  const control = <Input placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} {...mergeStatefulStyles((state: InputRenderProps) => ({\n    0: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv\"\n    },\n    8: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq\"\n    },\n    4: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mvm7v4 xxqzaim\"\n    },\n    12: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mvm7v4 xxqzaim\"\n    },\n    2: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xbppi91 xss6m8b\"\n    },\n    10: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b\"\n    },\n    6: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mvm7v4 xxqzaim xbppi91 xss6m8b\"\n    },\n    14: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mvm7v4 xxqzaim xbppi91 xss6m8b\"\n    },\n    1: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x7ip5l3 x1xj74d8\"\n    },\n    9: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x7ip5l3 x1xj74d8\"\n    },\n    5: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x7ip5l3 x1xj74d8\"\n    },\n    13: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x7ip5l3 x1xj74d8\"\n    },\n    3: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    },\n    11: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    },\n    7: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    },\n    15: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    }\n  })[!!box.underLabel << 3 | !!(box.label === 'floating') << 2 | !!numeric << 1 | !!state.isDisabled << 0], props)} />;\n  if (prefix === undefined && suffix === undefined) {\n    return control;\n  }\n  return <span className=\"x1pha0wt x78zum5 x14qo01y\">\n      {prefix === undefined ? null : <span {...{\n      0: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft\"\n      },\n      1: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq\"\n      }\n    }[!!box.underLabel << 0]}>\n          {prefix}\n        </span>}\n      {control}\n      {suffix === undefined ? null : <span {...{\n      0: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft\"\n      },\n      1: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq\"\n      }\n    }[!!box.underLabel << 0]}>\n          {suffix}\n        </span>}\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) {\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(styles.input, box.underLabel && styles.inputUnderLabel, box.label === 'floating' && styles.inputUnderFloatingLabel, styles.textArea, autosize && styles.textAreaAutosize, autosize && styles.autosizeCell, state.isDisabled && styles.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 className=\"xrvj5dj\">\n      {control}\n      <div aria-hidden=\"true\" {...{\n      0: {\n        className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mzt3pk xlshs6z x126k92a x1b1wf8y\"\n      },\n      1: {\n        className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mzt3pk xlshs6z x126k92a x1b1wf8y\"\n      }\n    }[!!box.underLabel << 0]}>\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({\n    className: \"xjbqb8w xc342km x9f619 x1ypdohk x10a8y8t x1t137rt x1717udv x10l6tqk\"\n  }, 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`, a picker's display — and this is what carries the input's\n * type and its place on the line, clearing the label at the top and\n * truncating rather than wrapping.\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({\n    0: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft\"\n    },\n    4: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq\"\n    },\n    2: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x1w5n3ug\"\n    },\n    6: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x1w5n3ug\"\n    },\n    1: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv\"\n    },\n    5: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv\"\n    },\n    3: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv\"\n    },\n    7: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv\"\n    }\n  }[!!box.underLabel << 2 | !!isPlaceholder << 1 | !!hidden << 0], props)} />;\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  ...props\n}: FieldLabelProps) {\n  const {\n    isDisabled = false,\n    isFocusWithin = false,\n    isInvalid = false\n  } = state;\n  return <Label {...props} {...mergeStyles({\n    0: {\n      className: \"x1w5n3ug xkzkux9 xixa3zk xpc4ca7\"\n    },\n    4: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1xj74d8\"\n    },\n    2: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x4ii1qj\"\n    },\n    6: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x4ii1qj\"\n    },\n    1: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    },\n    5: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    },\n    3: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    },\n    7: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    }\n  }[!!isDisabled << 2 | !!isInvalid << 1 | !!(!isDisabled && !isInvalid && isFocusWithin) << 0], 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  description,\n  error,\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\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  if (!invalid && description === undefined && !characterCount && !insideForm) {\n    return null;\n  }\n  const value = input?.value ?? textArea?.value ?? '';\n  const length = String(value).length;\n  return <div {...{\n    0: {\n      className: \"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x1pha0wt x78zum5 xxj4525 x1y88zpp x17jz683\"\n    },\n    1: {\n      className: \"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x1pha0wt x78zum5 xxj4525 x1y88zpp x17jz683 xboopgi\"\n    }\n  }[!!inset << 0]}>\n      {validation === null && error !== undefined ?\n    // Outside a field that validates there is nothing to hand React\n    // Aria's `FieldError`, and it draws nothing without it — a group of\n    // chips is a group rather than a form control, so the error it was\n    // given is written out instead.\n    <span className=\"x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj\">\n          {error}\n        </span> : <FieldError className=\"x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj\">\n          {error}\n        </FieldError>}\n      {!invalid && description !== undefined ? <Text slot=\"description\" className=\"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j\">\n          {description}\n        </Text> : null}\n      {characterCount ? <span {...{\n      0: {\n        className: \"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft\"\n      },\n      1: {\n        className: \"x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft x4ii1qj\"\n      }\n    }[!!invalid << 0]}>\n          {maxLength === undefined ? length : `${length}/${maxLength}`}\n        </span> : null}\n    </div>;\n}\nexport type { FieldBoxProps, FieldInputProps, FieldLabelProps, FieldLabelState, FieldMessageProps, FieldTextAreaProps, FieldVariant };\nexport { FieldBox, FieldInput, FieldLabel, FieldMessage, FieldTextArea, FieldTrigger, FieldValue };"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["HTMLAttributes","ReactNode","Ref","ButtonProps","GroupProps","GroupRenderProps","InputProps","InputRenderProps","LabelProps","TextAreaProps","stylex","createContext","useContext","FieldError","FieldErrorContext","Group","Input","InputContext","Label","Button","RACButton","SelectStateContext","Text","TextArea","TextAreaContext","useSlottedContext","mergeStatefulStyles","mergeStyles","colors","motion","radii","spacing","stateLayerOpacity","typography","useInsideForm","styles","autosizeCell","kJuA4N","$$css","box","kGNEyG","kWkggS","kZKoxP","kT0f0o","kVL7Gh","kfmiAY","krdFHd","kGVxlE","kB7OPa","k1xSpc","kOIVth","kGO01o","kLKAdn","kg3NbH","kVAEAm","kIyJzY","k1ekBW","kAMwcw","boxDisabled","boxError","boxFixed","kMv6JI","kGuDYH","k63SB2","kb6lSQ","kLWn49","boxFloating","boxLeading","kZCmMZ","boxMultiline","kAzted","boxOutlined","kMwMTN","boxOutlinedDisabled","boxOutlinedError","boxOutlinedFloating","boxTrailing","kwRFfy","column","kzQI83","k7Eaqz","columnDisabled","columnDisabledFloating","columnFloating","input","k8Qsv1","kMzoRj","kzqmXN","k3XXqK","kmVPX3","inputDisabled","inputUnderFloatingLabel","inputUnderLabel","keoZOQ","textArea","kVQacm","kHenm0","textAreaAutosize","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","Pick","FieldMessageProps","characterCount","description","error","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","0","className","2","1","3","undefined","t3","isDisabled","t4","props","t5","Symbol","for","4","6","5","7","t6","t7","t8","t9","isInvalid","t10","boxStyles","FieldBox","T0","t11","FieldInput","placeholder","8","12","10","14","9","13","11","15","control","FieldTextArea","context","value","FieldTrigger","FieldValue","hidden","select","selectionManager","selectedKeys","size","String","length","NO_STATE","FieldLabel","FieldMessage","validation","invalid","insideForm"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } 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, useSlottedContext } from 'react-aria-components';\nimport { mergeStatefulStyles, mergeStyles } from '../styles/merge';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, spacing, stateLayerOpacity, typography } from '../tokens/design.tokens.stylex';\nimport { useInsideForm } from './root';\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// 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.\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.\nconst styles = {\n  autosizeCell: {\n    kJuA4N: \"x1b1wf8y\",\n    $$css: true\n  },\n  box: {\n    kGNEyG: \"x1cy8zhl\",\n    kWkggS: \"x1rrhr5q\",\n    kZKoxP: \"xnnlda6\",\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    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    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 x181fmp8\",\n    $$css: true\n  },\n  boxLeading: {\n    kZCmMZ: \"xwde665\",\n    $$css: true\n  },\n  boxMultiline: {\n    kZKoxP: \"xt7dq6l\",\n    kAzted: \"xbktkl8\",\n    kGO01o: \"xqf7pud\",\n    $$css: true\n  },\n  boxOutlined: {\n    kWkggS: \"xjbqb8w\",\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\",\n    $$css: true\n  },\n  boxOutlinedError: {\n    kMwMTN: \"x12voer2 x1h298ve x4ii1qj\",\n    $$css: true\n  },\n  boxOutlinedFloating: {\n    kLWn49: \"xsv50tp x1f5c3pk xay82u3\",\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  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  textArea: {\n    k1xSpc: \"x1lliihq\",\n    kVQacm: \"xysyzu8\",\n    kHenm0: \"xtt52l0\",\n    $$css: true\n  },\n  textAreaAutosize: {\n    kVQacm: \"xb3r6kr\",\n    $$css: true\n  }\n};\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};\ntype FieldLabelState = Pick<GroupRenderProps, 'isDisabled' | 'isFocusWithin' | 'isInvalid'>;\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   * 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   * 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, trailing: ReactNode, trigger: ReactNode, variant: FieldVariant) {\n  return (state: GroupRenderProps) => <BoxContent floatingLabel={floatingLabel} isPopulated={isPopulated} label={label} leading={leading} 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  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  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\" {...{\n      0: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 xmkeg23 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7\"\n      },\n      2: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 xmkeg23 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7 x167ah0f\"\n      },\n      1: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7 xdh2fpr\"\n      },\n      3: {\n        className: \"x1r7ld26 x1tfhd1 x1y0btm7 x9f619 x1yicsit x1b35g6e x9d6959 x10a8y8t xwth0xh x1ghz6dp xeuugli xt970qd x1mhv0kc x47corl x10l6tqk x1qno0dh x1aqzbqr xpc4ca7 x167ah0f xdh2fpr\"\n      }\n    }[!!(leading !== undefined) << 1 | !!state.isFocusWithin << 0]}>\n          <legend {...{\n        0: {\n          className: \"xqtp20y x14ju556 x193iq5w xb3r6kr x1717udv xlshs6z xuxw1ft\"\n        },\n        1: {\n          className: \"xqtp20y x14ju556 x193iq5w xb3r6kr x1717udv xlshs6z xuxw1ft ximhkdq\"\n        }\n      }[!!floated << 0]}>\n            {floated ? label : null}\n          </legend>\n        </fieldset> : null}\n      {trigger}\n      {leading === undefined ? null : <span {...{\n      0: {\n        className: \"x6s0dn4 xkh2ocl x1w5n3ug x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7\"\n      },\n      1: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x1xj74d8\"\n      }\n    }[!!state.isDisabled << 0]}>\n          {leading}\n        </span>}\n      <div {...stylex.props(styles.column, floatingLabel && styles.columnFloating, state.isDisabled && (floatingLabel ? styles.columnDisabledFloating : styles.columnDisabled))}>\n        <FieldLabel state={state} {...{\n        0: {\n          className: \"x13vifvy x1o0tod x10l6tqk\"\n        },\n        4: {\n          className: \"x13vifvy x1o0tod x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh\"\n        },\n        2: {\n          className: \"x13vifvy x10l6tqk x10k232c ximhkdq\"\n        },\n        6: {\n          className: \"x13vifvy x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10k232c ximhkdq\"\n        },\n        1: {\n          className: \"x1o0tod x10l6tqk x1qjp6zz\"\n        },\n        5: {\n          className: \"x1o0tod x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x1qjp6zz\"\n        },\n        3: {\n          className: \"x10l6tqk x10k232c ximhkdq x1qjp6zz\"\n        },\n        7: {\n          className: \"x10l6tqk x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10k232c ximhkdq x1qjp6zz\"\n        }\n      }[!!(floatingLabel && floated) << 2 | !!outlined << 1 | !!(outlined && floated) << 0]}>\n          {label}\n        </FieldLabel>\n        {children}\n      </div>\n      {trailing === undefined ? null : <span {...{\n      0: {\n        className: \"x6s0dn4 xkh2ocl x1w5n3ug x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7\"\n      },\n      2: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x4ii1qj\"\n      },\n      1: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x1xj74d8\"\n      },\n      3: {\n        className: \"x6s0dn4 xkh2ocl x78zum5 x2lah0s x1pvqxga xl56j7k x1motrhk xkzkux9 xt3l3uh xpc4ca7 x1xj74d8\"\n      }\n    }[!!state.isInvalid << 1 | !!state.isDisabled << 0]}>\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(styles.box, floatingLabel ? styles.boxFloating : styles.boxFixed, multiline && styles.boxMultiline, leading && styles.boxLeading, trailing && styles.boxTrailing, outlined && styles.boxOutlined, outlined && floatingLabel && styles.boxOutlinedFloating, state.isInvalid && (outlined ? styles.boxOutlinedError : styles.boxError), state.isDisabled && (outlined ? styles.boxOutlinedDisabled : styles.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, 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) {\n  const box = useContext(BoxContext);\n  const control = <Input placeholder={placeholder ?? (box.label === 'floating' ? ' ' : undefined)} {...props} {...mergeStatefulStyles((state: InputRenderProps) => ({\n    0: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv\"\n    },\n    8: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq\"\n    },\n    4: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mvm7v4 xxqzaim\"\n    },\n    12: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mvm7v4 xxqzaim\"\n    },\n    2: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xbppi91 xss6m8b\"\n    },\n    10: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b\"\n    },\n    6: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mvm7v4 xxqzaim xbppi91 xss6m8b\"\n    },\n    14: {\n      className: \"xjbqb8w xc342km x9f619 x139gbkf x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mvm7v4 xxqzaim xbppi91 xss6m8b\"\n    },\n    1: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x7ip5l3 x1xj74d8\"\n    },\n    9: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x7ip5l3 x1xj74d8\"\n    },\n    5: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x7ip5l3 x1xj74d8\"\n    },\n    13: {\n      className: \"xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x7ip5l3 x1xj74d8\"\n    },\n    3: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    },\n    11: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    },\n    7: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    },\n    15: {\n      className: \"xjbqb8w xc342km x9f619 x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq xbppi91 xss6m8b x7ip5l3 x1xj74d8\"\n    }\n  })[!!box.underLabel << 3 | !!(box.label === 'floating') << 2 | !!numeric << 1 | !!state.isDisabled << 0], props)} />;\n  if (prefix === undefined && suffix === undefined) {\n    return control;\n  }\n  return <span className=\"x1pha0wt x78zum5 x14qo01y\">\n      {prefix === undefined ? null : <span {...{\n      0: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft\"\n      },\n      1: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq\"\n      }\n    }[!!box.underLabel << 0]}>\n          {prefix}\n        </span>}\n      {control}\n      {suffix === undefined ? null : <span {...{\n      0: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft\"\n      },\n      1: {\n        className: \"x2lah0s x16svsjw x1848etk x1c52epr x1qn8t5l xh7dzej xkzkux9 xt3l3uh xpc4ca7 xuxw1ft xwuztrq\"\n      }\n    }[!!box.underLabel << 0]}>\n          {suffix}\n        </span>}\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) {\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(styles.input, box.underLabel && styles.inputUnderLabel, box.label === 'floating' && styles.inputUnderFloatingLabel, styles.textArea, autosize && styles.textAreaAutosize, autosize && styles.autosizeCell, state.isDisabled && styles.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 className=\"xrvj5dj\">\n      {control}\n      <div aria-hidden=\"true\" {...{\n      0: {\n        className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x1mzt3pk xlshs6z x126k92a x1b1wf8y\"\n      },\n      1: {\n        className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv xwuztrq x1mzt3pk xlshs6z x126k92a x1b1wf8y\"\n      }\n    }[!!box.underLabel << 0]}>\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({\n    className: \"xjbqb8w xc342km x9f619 x1ypdohk x10a8y8t x1t137rt x1717udv x10l6tqk\"\n  }, 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`, a picker's display — and this is what carries the input's\n * type and its place on the line, clearing the label at the top and\n * truncating rather than wrapping.\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({\n    0: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft\"\n    },\n    4: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x139gbkf x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq\"\n    },\n    2: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x1w5n3ug\"\n    },\n    6: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x1w5n3ug\"\n    },\n    1: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv\"\n    },\n    5: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv\"\n    },\n    3: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft x19co3pv\"\n    },\n    7: {\n      className: \"x1hgeflb xjbqb8w xc342km x9f619 x16svsjw x1848etk x1c52epr xh8yej3 x1qn8t5l xh7dzej x1t137rt x1717udv x6s0dn4 x78zum5 xb3r6kr xlyipyv xuxw1ft xwuztrq x19co3pv\"\n    }\n  }[!!box.underLabel << 2 | !!isPlaceholder << 1 | !!hidden << 0], props)} />;\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  ...props\n}: FieldLabelProps) {\n  const {\n    isDisabled = false,\n    isFocusWithin = false,\n    isInvalid = false\n  } = state;\n  return <Label {...props} {...mergeStyles({\n    0: {\n      className: \"x1w5n3ug xkzkux9 xixa3zk xpc4ca7\"\n    },\n    4: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1xj74d8\"\n    },\n    2: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x4ii1qj\"\n    },\n    6: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x4ii1qj\"\n    },\n    1: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    },\n    5: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    },\n    3: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    },\n    7: {\n      className: \"xkzkux9 xixa3zk xpc4ca7 x1mxwv8y\"\n    }\n  }[!!isDisabled << 2 | !!isInvalid << 1 | !!(!isDisabled && !isInvalid && isFocusWithin) << 0], 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  description,\n  error,\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\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  if (!invalid && description === undefined && !characterCount && !insideForm) {\n    return null;\n  }\n  const value = input?.value ?? textArea?.value ?? '';\n  const length = String(value).length;\n  return <div {...{\n    0: {\n      className: \"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x1pha0wt x78zum5 xxj4525 x1y88zpp x17jz683\"\n    },\n    1: {\n      className: \"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x1pha0wt x78zum5 xxj4525 x1y88zpp x17jz683 xboopgi\"\n    }\n  }[!!inset << 0]}>\n      {validation === null && error !== undefined ?\n    // Outside a field that validates there is nothing to hand React\n    // Aria's `FieldError`, and it draws nothing without it — a group of\n    // chips is a group rather than a form control, so the error it was\n    // given is written out instead.\n    <span className=\"x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj\">\n          {error}\n        </span> : <FieldError className=\"x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x4ii1qj\">\n          {error}\n        </FieldError>}\n      {!invalid && description !== undefined ? <Text slot=\"description\" className=\"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j\">\n          {description}\n        </Text> : null}\n      {characterCount ? <span {...{\n      0: {\n        className: \"x1w5n3ug x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft\"\n      },\n      1: {\n        className: \"x1yicsit x1b35g6e x9d6959 xwth0xh xybisxh x10im51j x2lah0s xss6m8b xvc5jky xuxw1ft x4ii1qj\"\n      }\n    }[!!invalid << 0]}>\n          {maxLength === undefined ? length : `${length}/${maxLength}`}\n        </span> : null}\n    </div>;\n}\nexport type { FieldBoxProps, FieldInputProps, FieldLabelProps, FieldLabelState, FieldMessageProps, FieldTextAreaProps, FieldVariant };\nexport { FieldBox, FieldInput, FieldLabel, FieldMessage, FieldTextArea, FieldTrigger, FieldValue };"],"mappings":"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"}

package/dist/field/root.js.map

@@ -1 +1 @@
-{"version":3,"file":"root.js","names":[],"sources":["../../src/field/root.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport { FormContext, useSlottedContext } from 'react-aria-components';\n\n// What a field applies to its own root, which is React Aria's field element\n// rather than a part of the chrome. Apart from the parts in ./index.tsx so\n// that file exports components alone, which is what keeps fast refresh working\n// for it.\n\n/**\n * What a field passes React Aria for `validationBehavior` outside a `Form`.\n * The message under a field is the library's to show, so validation only\n * marks the control rather than surfacing the browser's own constraint UI.\n * One constant rather than a literal in each field, so the decision has one\n * place to be changed.\n */\nconst FIELD_VALIDATION_BEHAVIOR = 'aria';\n\n/**\n * What a field passes React Aria for `isInvalid`, from its `error` prop. Any\n * value there, `false` included, makes the field's validation controlled: it\n * is exactly as invalid as the prop says, and what a `Form` reports for it —\n * a server's errors, or the browser's own — is never shown. So the prop is\n * left unset while the field has no error of its own, which is what lets\n * the form's reach it.\n */\nfunction invalidFrom(error: string | undefined): true | undefined {\n  return error === undefined ? undefined : true;\n}\n\n/**\n * The validation behaviour a field passes React Aria: its `Form`'s, where it\n * is inside one, and {@link FIELD_VALIDATION_BEHAVIOR} otherwise. React Aria\n * takes a field's own prop over its form's, so a field that passed the\n * constant could never be opted into the native behaviour by the form around\n * it; reading the form here is what lets `Form` decide for every field at\n * once.\n */\nfunction useFieldValidationBehavior(): 'aria' | 'native' {\n  const form = useSlottedContext(FormContext);\n  return form?.validationBehavior ?? FIELD_VALIDATION_BEHAVIOR;\n}\n\n/**\n * Whether this field is inside a `Form`. A form is where a message arrives\n * after the fact — a server's answer, or the browser's own on submit — so it\n * is where the line under a field is kept clear whether or not there is\n * anything to say, and the fields below it stay where they are.\n */\nfunction useInsideForm() {\n  return useSlottedContext(FormContext) !== null;\n}\nconst fieldStyles = {\n  root: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    $$css: true\n  }\n};\nexport { FIELD_VALIDATION_BEHAVIOR, fieldStyles, invalidFrom, useFieldValidationBehavior, useInsideForm };"],"mappings":";;;;;;;;;AAeA,MAAM,4BAA4B;;;;;;;;;AAUlC,SAAS,YAAY,OAA6C;CAChE,OAAO,UAAU,KAAA,IAAY,KAAA,IAAY;AAC3C;;;;;;;;;AAUA,SAAA,6BAAA;CAC8C,OAA/B,kBAAkB,WACxB,CAAI,EAAA,sBAAA;AAAiD;;;;;;;AAS9D,SAAA,gBAAA;CAAA,OACS,kBAAkB,WAAW,MAAM;AAAI;AAEhD,MAAM,cAAc,EAClB,MAAM;CACJ,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;AACT,EACF"}
+{"version":3,"file":"root.js","names":["stylex","FormContext","useSlottedContext","FIELD_VALIDATION_BEHAVIOR","invalidFrom","error","undefined","useFieldValidationBehavior","form","validationBehavior","useInsideForm","fieldStyles","root","kB7OPa","k1xSpc","kXwgrk","$$css"],"sources":["../../src/field/root.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport { FormContext, useSlottedContext } from 'react-aria-components';\n\n// What a field applies to its own root, which is React Aria's field element\n// rather than a part of the chrome. Apart from the parts in ./index.tsx so\n// that file exports components alone, which is what keeps fast refresh working\n// for it.\n\n/**\n * What a field passes React Aria for `validationBehavior` outside a `Form`.\n * The message under a field is the library's to show, so validation only\n * marks the control rather than surfacing the browser's own constraint UI.\n * One constant rather than a literal in each field, so the decision has one\n * place to be changed.\n */\nconst FIELD_VALIDATION_BEHAVIOR = 'aria';\n\n/**\n * What a field passes React Aria for `isInvalid`, from its `error` prop. Any\n * value there, `false` included, makes the field's validation controlled: it\n * is exactly as invalid as the prop says, and what a `Form` reports for it —\n * a server's errors, or the browser's own — is never shown. So the prop is\n * left unset while the field has no error of its own, which is what lets\n * the form's reach it.\n */\nfunction invalidFrom(error: string | undefined): true | undefined {\n  return error === undefined ? undefined : true;\n}\n\n/**\n * The validation behaviour a field passes React Aria: its `Form`'s, where it\n * is inside one, and {@link FIELD_VALIDATION_BEHAVIOR} otherwise. React Aria\n * takes a field's own prop over its form's, so a field that passed the\n * constant could never be opted into the native behaviour by the form around\n * it; reading the form here is what lets `Form` decide for every field at\n * once.\n */\nfunction useFieldValidationBehavior(): 'aria' | 'native' {\n  const form = useSlottedContext(FormContext);\n  return form?.validationBehavior ?? FIELD_VALIDATION_BEHAVIOR;\n}\n\n/**\n * Whether this field is inside a `Form`. A form is where a message arrives\n * after the fact — a server's answer, or the browser's own on submit — so it\n * is where the line under a field is kept clear whether or not there is\n * anything to say, and the fields below it stay where they are.\n */\nfunction useInsideForm() {\n  return useSlottedContext(FormContext) !== null;\n}\nconst fieldStyles = {\n  root: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    $$css: true\n  }\n};\nexport { FIELD_VALIDATION_BEHAVIOR, fieldStyles, invalidFrom, useFieldValidationBehavior, useInsideForm };"],"mappings":";;;;;;;;;AAeA,MAAMG,4BAA4B;;;;;;;;;AAUlC,SAASC,YAAYC,OAA6C;CAChE,OAAOA,UAAUC,KAAAA,IAAYA,KAAAA,IAAY;AAC3C;;;;;;;;;AAUA,SAAAC,6BAAA;CAC8C,OAA/BL,kBAAkBD,WACxBO,CAAI,EAAAC,sBAAAA;AAAiD;;;;;;;AAS9D,SAAAC,gBAAA;CAAA,OACSR,kBAAkBD,WAAW,MAAM;AAAI;AAEhD,MAAMU,cAAc,EAClBC,MAAM;CACJC,QAAQ;CACRC,QAAQ;CACRC,QAAQ;CACRC,OAAO;AACT,EACF"}

package/dist/glyphs/index.js

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/glyphs/index.tsx
 function ArrowDownwardGlyph(props) {
 	const $ = c(3);

package/dist/glyphs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\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 (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </svg>\n  )\n}\n\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </svg>\n  )\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...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    </svg>\n  )\n}\n\nfunction CheckGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </svg>\n  )\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 (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M19 13H5v-2h14v2z\" />\n    </svg>\n  )\n}\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 (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </svg>\n  )\n}\n\nfunction CloseGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...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    </svg>\n  )\n}\n\nfunction PlusGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </svg>\n  )\n}\n\nfunction SearchGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...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    </svg>\n  )\n}\n\nexport type { GlyphProps }\n\nexport {\n  ArrowDownwardGlyph,\n  ArrowUpwardGlyph,\n  CalendarGlyph,\n  CheckGlyph,\n  ChevronEndGlyph,\n  CloseGlyph,\n  IndeterminateGlyph,\n  MinusGlyph,\n  PlusGlyph,\n  SearchGlyph,\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["SVGProps","GlyphProps","Omit","SVGSVGElement","ArrowDownwardGlyph","props","$","_c","t0","Symbol","for","t1","ArrowUpwardGlyph","CalendarGlyph","CheckGlyph","MinusGlyph","IndeterminateGlyph","ChevronEndGlyph","CloseGlyph","PlusGlyph","SearchGlyph"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { SVGProps } from 'react'\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 (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </svg>\n  )\n}\n\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </svg>\n  )\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...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    </svg>\n  )\n}\n\nfunction CheckGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </svg>\n  )\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 (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M19 13H5v-2h14v2z\" />\n    </svg>\n  )\n}\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 (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </svg>\n  )\n}\n\nfunction CloseGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...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    </svg>\n  )\n}\n\nfunction PlusGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\n      <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </svg>\n  )\n}\n\nfunction SearchGlyph(props: GlyphProps) {\n  return (\n    <svg aria-hidden=\"true\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...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    </svg>\n  )\n}\n\nexport type { GlyphProps }\n\nexport {\n  ArrowDownwardGlyph,\n  ArrowUpwardGlyph,\n  CalendarGlyph,\n  CheckGlyph,\n  ChevronEndGlyph,\n  CloseGlyph,\n  IndeterminateGlyph,\n  MinusGlyph,\n  PlusGlyph,\n  SearchGlyph,\n}\n"],"mappings":"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"}

package/dist/hooks/useImageLoadingStatus.js

@@ -1,5 +1,5 @@
-import { useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
 //#region src/hooks/useImageLoadingStatus.ts
 /**
 * Whether an image at `src` can be shown yet. It is loaded off-screen first,

package/dist/hooks/useImageLoadingStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useImageLoadingStatus.js","names":["mounted"],"sources":["../../src/hooks/useImageLoadingStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\ntype ImageLoadingStatus = 'error' | 'loaded' | 'loading'\n\ninterface Settled {\n  src: string\n  status: 'error' | 'loaded'\n}\n\n/**\n * Whether an image at `src` can be shown yet. It is loaded off-screen first,\n * so a component can keep its fallback in place until the picture is ready\n * and bring the fallback back if the picture fails — an `<img>` swapped in\n * as soon as `src` is known would show the browser's broken-image glyph in\n * between.\n *\n * No `src` counts as a failure, since the outcome is the same: the fallback\n * shows. What settled is remembered against the `src` it settled for, so a\n * change of `src` reads as loading again rather than as the old outcome.\n */\nfunction useImageLoadingStatus(src: string | undefined): ImageLoadingStatus {\n  const [settled, setSettled] = useState<null | Settled>(null)\n\n  useEffect(() => {\n    if (src === undefined) {\n      return undefined\n    }\n\n    let mounted = true\n    const settle = (status: Settled['status']) => () => {\n      if (mounted) {\n        setSettled({ src, status })\n      }\n    }\n\n    const image = new window.Image()\n    image.addEventListener('load', settle('loaded'), { once: true })\n    image.addEventListener('error', settle('error'), { once: true })\n    image.src = src\n\n    return () => {\n      mounted = false\n    }\n  }, [src])\n\n  if (src === undefined) {\n    return 'error'\n  }\n  return settled?.src === src ? settled.status : 'loading'\n}\n\nexport type { ImageLoadingStatus }\n\nexport { useImageLoadingStatus }\n"],"mappings":";;;;;;;;;;;;;;AAoBA,SAAA,sBAAA,KAAA;CAAA,MAAA,IAAA,EAAA,CAAA;CACE,MAAA,CAAA,SAAA,cAA8B,SAAyB,IAAI;CAAC,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,KAAA;EAElD,WAAA;GACR,IAAI,QAAQ,KAAA,GAAS;GAIrB,IAAA,UAAc;GACd,MAAA,UAAe,iBAA+B;IAC5C,IAAI,SACF,WAAW;KAAA;KAAA;IAAc,CAAC;GAC3B;GAGH,MAAA,QAAc,IAAI,OAAM,MAAO;GAC/B,MAAK,iBAAkB,QAAQ,OAAO,QAAQ,GAAG,EAAA,MAAQ,KAAK,CAAC;GAC/D,MAAK,iBAAkB,SAAS,OAAO,OAAO,GAAG,EAAA,MAAQ,KAAK,CAAC;GAC/D,MAAK,MAAO;GAAH,aAEF;IACL,UAAUA;GAAH;EACR;EACA,KAAA,CAAC,GAAG;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;CAAA;CApBR,UAAU,IAoBP,EAAK;CAER,IAAI,QAAQ,KAAA,GAAS,OACZ;CACR,OACM,SAAO,QAAU,MAAM,QAAO,SAA9B;AAAiD"}
+{"version":3,"file":"useImageLoadingStatus.js","names":["useEffect","useState","ImageLoadingStatus","Settled","src","status","useImageLoadingStatus","$","_c","settled","setSettled","t0","t1","undefined","mounted","settle","image","window","Image","addEventListener","once"],"sources":["../../src/hooks/useImageLoadingStatus.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\ntype ImageLoadingStatus = 'error' | 'loaded' | 'loading'\n\ninterface Settled {\n  src: string\n  status: 'error' | 'loaded'\n}\n\n/**\n * Whether an image at `src` can be shown yet. It is loaded off-screen first,\n * so a component can keep its fallback in place until the picture is ready\n * and bring the fallback back if the picture fails — an `<img>` swapped in\n * as soon as `src` is known would show the browser's broken-image glyph in\n * between.\n *\n * No `src` counts as a failure, since the outcome is the same: the fallback\n * shows. What settled is remembered against the `src` it settled for, so a\n * change of `src` reads as loading again rather than as the old outcome.\n */\nfunction useImageLoadingStatus(src: string | undefined): ImageLoadingStatus {\n  const [settled, setSettled] = useState<null | Settled>(null)\n\n  useEffect(() => {\n    if (src === undefined) {\n      return undefined\n    }\n\n    let mounted = true\n    const settle = (status: Settled['status']) => () => {\n      if (mounted) {\n        setSettled({ src, status })\n      }\n    }\n\n    const image = new window.Image()\n    image.addEventListener('load', settle('loaded'), { once: true })\n    image.addEventListener('error', settle('error'), { once: true })\n    image.src = src\n\n    return () => {\n      mounted = false\n    }\n  }, [src])\n\n  if (src === undefined) {\n    return 'error'\n  }\n  return settled?.src === src ? settled.status : 'loading'\n}\n\nexport type { ImageLoadingStatus }\n\nexport { useImageLoadingStatus }\n"],"mappings":";;;;;;;;;;;;;;AAoBA,SAAAM,sBAAAF,KAAA;CAAA,MAAAG,IAAAC,EAAA,CAAA;CACE,MAAA,CAAAC,SAAAC,cAA8BT,SAAyB,IAAI;CAAC,IAAAU;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAH,KAAA;EAElDO,WAAA;GACR,IAAIP,QAAQS,KAAAA,GAAS;GAIrB,IAAAC,UAAc;GACd,MAAAC,UAAeV,iBAA+B;IAC5C,IAAIS,SACFJ,WAAW;KAAAN;KAAAC;IAAc,CAAC;GAC3B;GAGH,MAAAW,QAAc,IAAIC,OAAMC,MAAO;GAC/BF,MAAKG,iBAAkB,QAAQJ,OAAO,QAAQ,GAAG,EAAAK,MAAQ,KAAK,CAAC;GAC/DJ,MAAKG,iBAAkB,SAASJ,OAAO,OAAO,GAAG,EAAAK,MAAQ,KAAK,CAAC;GAC/DJ,MAAKZ,MAAOA;GAAH,aAEF;IACLU,UAAUA;GAAH;EACR;EACAF,KAAA,CAACR,GAAG;EAACG,EAAA,KAAAH;EAAAG,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAD,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CApBRP,UAAUW,IAoBPC,EAAK;CAER,IAAIR,QAAQS,KAAAA,GAAS,OACZ;CACR,OACMJ,SAAOL,QAAUA,MAAMK,QAAOJ,SAA9B;AAAiD"}

package/dist/hooks/useRipple.js

@@ -1,9 +1,9 @@
 import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { rippleStyles as styles } from "../styles/ripple.js";
 import { motionDurationMs, motionEasing, spacingPx } from "../tokens/values.js";
+import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
 //#region src/hooks/useRipple.tsx
 /** How far the ripple grows past the host's corners. `spacing.sm`. */
 const PADDING = spacingPx.sm;

package/dist/hooks/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRipple.js","names":["rect","width","size","height","positionEvent","startPoint","endPoint","event","target","rippleRef","resolve"],"sources":["../../src/hooks/useRipple.tsx"],"sourcesContent":["import type { MouseEvent, MouseEventHandler, PointerEvent, PointerEventHandler, ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport { rippleStyles } from '../styles/ripple';\nimport { motionDurationMs, motionEasing, spacingPx } from '../tokens/values';\n\n// Every timing this file drives is a motion token, spent at the point of use\n// below. They come from tokens/values rather than the StyleX theme because\n// element.animate() and setTimeout both reject a token's var() form, and the\n// same is true of the one geometry token: `PADDING` is added to a radius, and\n// a var() would concatenate rather than add. See src/styles/ripple.ts for the\n// opacity half of the mechanism, whose three timings are deliberately not\n// tokens.\n\n/** How far the ripple grows past the host's corners. `spacing.sm`. */\nconst PADDING = spacingPx.sm;\n\n// The rest are ratios and a pixel floor that no token group covers — spacing\n// is layout rhythm, and nothing in the set holds bare geometric ratios.\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\n\n// Static input, so this is computed once for every consumer of the module\n// rather than once per component instance.\nconst surfaceProps = stylex.props(rippleStyles.surface);\n\n/**\n * On touch: `Inactive -> TouchDelay -> WaitingForClick -> Inactive`, or\n * `Inactive -> TouchDelay -> Holding -> WaitingForClick -> Inactive` for a\n * held press.\n *\n * On mouse or pen: `Inactive -> WaitingForClick -> Inactive`.\n */\nconst RippleState = {\n  /** A touch has been confirmed as a press (held past the touch delay). */\n  Holding: 2,\n  /** No press in progress. Touch down moves to TouchDelay; mouse/pen down moves to WaitingForClick. */\n  Inactive: 0,\n  /** Touch down received; waiting to see if it's a tap or a scroll/swipe. */\n  TouchDelay: 1,\n  /** The press has finished growing; waiting for the click that ends it. */\n  WaitingForClick: 3\n} as const;\ninterface RippleEventHandlers<HostElement extends Element> {\n  onClick?: MouseEventHandler<HostElement>;\n  onContextMenu?: MouseEventHandler<HostElement>;\n  onPointerCancel?: PointerEventHandler<HostElement>;\n  onPointerDown?: PointerEventHandler<HostElement>;\n  onPointerLeave?: PointerEventHandler<HostElement>;\n  onPointerUp?: PointerEventHandler<HostElement>;\n}\ntype RippleState = (typeof RippleState)[keyof typeof RippleState];\nfunction isTouch(event: PointerEvent) {\n  return event.pointerType === 'touch';\n}\n\n/**\n * Renders a press ripple that grows from the pointer's position, or from\n * the element's center for a keyboard or other non-pointer activation.\n *\n * Growth runs via the Web Animations API on a single reused element (no\n * per-click DOM nodes to clean up), over a fixed duration independent of how\n * long the element is held — a real press-and-hold keeps the ripple\n * growing until release, while a quick tap is still held visible for a\n * minimum duration so it plays a complete animation rather than a flicker.\n *\n * Merges its own handlers with `externalHandlers` (e.g. a component's own\n * consumer-supplied props — ripple's own run first, then the external\n * ones) and returns `handlers` to spread onto the interactive element and\n * `surface`, the node to render as a child. The host element must\n * establish a positioning context (`position: relative` or similar) so\n * `surface`, which fills it via `inset: 0`, clips to its bounds and\n * inherits its shape.\n *\n * Pass `enabled: false` to opt out — no ripple listeners are attached and\n * no surface is rendered, leaving `externalHandlers` and a component's own\n * hover/press state layer (if any) untouched.\n *\n * `handlers` and `surface` are hand-memoized (not left to build-tool\n * optimization) so a consumer rendering many instances — a list of icon\n * buttons, say — can memoize around them too, and so stability doesn't\n * depend on any particular compiler being configured.\n */\nfunction useRipple<HostElement extends Element = Element>(enabled = true, externalHandlers: RippleEventHandlers<HostElement> = {}): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n} {\n  const [pressed, setPressed] = useState(false);\n  const rippleRef = useRef<HTMLSpanElement>(null);\n  const state = useRef<RippleState>(RippleState.Inactive);\n  const growAnimation = useRef<Animation | undefined>(undefined);\n  const rippleStartEvent = useRef<PointerEvent<HostElement> | undefined>(undefined);\n  const initialSize = useRef(0);\n  const rippleScale = useRef('1');\n  const shouldReactToEvent = useCallback((event: PointerEvent<HostElement>) => {\n    if (!event.isPrimary) {\n      return false;\n    }\n    const startEvent = rippleStartEvent.current;\n    if (startEvent && startEvent.pointerId !== event.pointerId) {\n      return false;\n    }\n    return isTouch(event) || event.buttons === 1;\n  }, []);\n  const determineRippleSize = useCallback((rect: DOMRect) => {\n    const {\n      height,\n      width\n    } = rect;\n    const maxDimension = Math.max(height, width);\n    const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDimension, SOFT_EDGE_MINIMUM_SIZE);\n    const size = Math.floor(maxDimension * INITIAL_ORIGIN_SCALE);\n    const hypotenuse = Math.hypot(width, height);\n    const maxRadius = hypotenuse + PADDING;\n    initialSize.current = size;\n    rippleScale.current = `${(maxRadius + softEdgeSize) / size}`;\n    return `${size}px`;\n  }, []);\n  const getTranslationCoordinates = useCallback((rect: DOMRect, positionEvent?: PointerEvent<HostElement>) => {\n    const {\n      height,\n      left,\n      top,\n      width\n    } = rect;\n    const size = initialSize.current;\n    const endPoint = {\n      x: (width - size) / 2,\n      y: (height - size) / 2\n    };\n    const origin = positionEvent ? {\n      x: positionEvent.clientX - left,\n      y: positionEvent.clientY - top\n    } : {\n      x: width / 2,\n      y: height / 2\n    };\n    const startPoint = {\n      x: origin.x - size / 2,\n      y: origin.y - size / 2\n    };\n    return {\n      endPoint,\n      startPoint\n    };\n  }, []);\n  const startPressAnimation = useCallback((target: HostElement, positionEvent?: PointerEvent<HostElement>) => {\n    const ripple = rippleRef.current;\n    if (!ripple) {\n      return;\n    }\n    setPressed(true);\n    growAnimation.current?.cancel();\n\n    // Read once and share: the two helpers below both only need the\n    // target's rect, and a second `getBoundingClientRect()` call back to\n    // back with the first would be a redundant layout read.\n    const rect = target.getBoundingClientRect();\n    const size = determineRippleSize(rect);\n    const {\n      endPoint,\n      startPoint\n    } = getTranslationCoordinates(rect, positionEvent);\n    ripple.style.width = size;\n    ripple.style.height = size;\n    growAnimation.current = ripple.animate({\n      transform: [`translate(${startPoint.x}px, ${startPoint.y}px) scale(1)`, `translate(${endPoint.x}px, ${endPoint.y}px) scale(${rippleScale.current})`]\n    }, {\n      // Growth runs over a fixed duration regardless of how long the\n      // press is held, so the token is spent here rather than named as a\n      // constant — element.animate() is one of the two places a StyleX\n      // token could not have gone.\n      duration: motionDurationMs.long1,\n      easing: motionEasing.standard,\n      fill: 'forwards'\n    });\n  }, [determineRippleSize, getTranslationCoordinates]);\n  const endPressAnimation = useCallback(async () => {\n    rippleStartEvent.current = undefined;\n    state.current = RippleState.Inactive;\n    const animation = growAnimation.current;\n    const elapsed = typeof animation?.currentTime === 'number' ? animation.currentTime : Infinity;\n\n    // The floor on how briefly a ripple may be visible, so a quick tap reads\n    // as a deliberate ripple rather than a flicker.\n    if (elapsed >= motionDurationMs.medium1) {\n      setPressed(false);\n      return;\n    }\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.medium1 - elapsed);\n    });\n    if (growAnimation.current !== animation) {\n      // A newer press started; let it own the pressed state instead.\n      return;\n    }\n    setPressed(false);\n  }, []);\n\n  // Reads through a function so a stale narrowing of `state.current` from\n  // before the `await` below isn't (incorrectly) carried across it — the\n  // ref can change via a different handler while this one is suspended.\n  const getState = useCallback(() => state.current, []);\n  const handlePointerDownAsync = useCallback(async (event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    rippleStartEvent.current = event;\n    const target = event.currentTarget;\n    if (!isTouch(event)) {\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(target, event);\n      return;\n    }\n\n    // Delay so a scroll/swipe starting on the element doesn't flash a\n    // ripple — only a held (or quickly released) touch counts as a press.\n    state.current = RippleState.TouchDelay;\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.short2);\n    });\n    if (getState() !== RippleState.TouchDelay) {\n      return;\n    }\n    state.current = RippleState.Holding;\n    startPressAnimation(target, event);\n  }, [getState, shouldReactToEvent, startPressAnimation]);\n  const handlePointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    void handlePointerDownAsync(event);\n  }, [handlePointerDownAsync]);\n  const handlePointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current === RippleState.Holding) {\n      state.current = RippleState.WaitingForClick;\n      return;\n    }\n    if (state.current === RippleState.TouchDelay) {\n      // Released before the delay elapsed: treat as a completed tap.\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(event.currentTarget, rippleStartEvent.current);\n    }\n  }, [shouldReactToEvent, startPressAnimation]);\n  const handlePointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    if (isTouch(event) || !shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current !== RippleState.Inactive) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handlePointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    void endPressAnimation();\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handleClick = useCallback((event: MouseEvent<HostElement>) => {\n    if (state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n      return;\n    }\n    if (state.current === RippleState.Inactive) {\n      // No pointerdown preceded this click — keyboard activation, a\n      // programmatic `.click()`, or assistive-tech-synthesized activation.\n      // Play a complete, centered press immediately.\n      startPressAnimation(event.currentTarget);\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, startPressAnimation]);\n  const handleContextMenu = useCallback(() => {\n    void endPressAnimation();\n  }, [endPressAnimation]);\n  const {\n    onClick: onClickProp,\n    onContextMenu: onContextMenuProp,\n    onPointerCancel: onPointerCancelProp,\n    onPointerDown: onPointerDownProp,\n    onPointerLeave: onPointerLeaveProp,\n    onPointerUp: onPointerUpProp\n  } = externalHandlers;\n  const onClick = useCallback((event: MouseEvent<HostElement>) => {\n    handleClick(event);\n    onClickProp?.(event);\n  }, [handleClick, onClickProp]);\n  const onContextMenu = useCallback((event: MouseEvent<HostElement>) => {\n    handleContextMenu();\n    onContextMenuProp?.(event);\n  }, [handleContextMenu, onContextMenuProp]);\n  const onPointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerCancel(event);\n    onPointerCancelProp?.(event);\n  }, [handlePointerCancel, onPointerCancelProp]);\n  const onPointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerDown(event);\n    onPointerDownProp?.(event);\n  }, [handlePointerDown, onPointerDownProp]);\n  const onPointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerLeave(event);\n    onPointerLeaveProp?.(event);\n  }, [handlePointerLeave, onPointerLeaveProp]);\n  const onPointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerUp(event);\n    onPointerUpProp?.(event);\n  }, [handlePointerUp, onPointerUpProp]);\n  const handlers = useMemo(() => ({\n    onClick,\n    onContextMenu,\n    onPointerCancel,\n    onPointerDown,\n    onPointerLeave,\n    onPointerUp\n  }), [onClick, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp]);\n  const surface = useMemo(() => <span aria-hidden=\"true\" {...surfaceProps}>\n        <span ref={rippleRef} {...stylex.props(rippleStyles.press, pressed && rippleStyles.pressed)} />\n      </span>, [pressed]);\n\n  // Two separate memos rather than one branching on `enabled`, so that\n  // whichever branch is actually active stays keyed only on its own\n  // inputs — the enabled result doesn't get a new identity every time\n  // `externalHandlers` does (a component typically passes a fresh object\n  // literal each render), and vice versa.\n  const enabledResult = useMemo(() => ({\n    handlers,\n    surface\n  }), [handlers, surface]);\n  const disabledResult = useMemo(() => ({\n    handlers: externalHandlers,\n    surface: null\n  }), [externalHandlers]);\n  return enabled ? enabledResult : disabledResult;\n}\nexport { useRipple };"],"mappings":";;;;;;;;AAeA,MAAM,UAAU,UAAU;AAI1B,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAC/B,MAAM,4BAA4B;AAIlC,MAAM,eAAe,MAAa,OAAa,OAAO;;;;;;;;AAStD,MAAM,cAAc;;CAElB,SAAS;;CAET,UAAU;;CAEV,YAAY;;CAEZ,iBAAiB;AACnB;AAUA,SAAS,QAAQ,OAAqB;CACpC,OAAO,MAAM,gBAAgB;AAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAA,UAAA,IAAA,IAAA;CAAA,MAAA,IAAA,EAAA,EAAA;CAA0D,MAAA,UAAA,OAAA,KAAA,IAAA,OAAA;CAAc,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAAE,KAAA,OAAA,KAAA,IAAA,CAAsD,IAAtD;EAAuD,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAvD,MAAA,mBAAA;CAIxE,MAAA,CAAA,SAAA,cAA8B,SAAS,KAAK;CAC5C,MAAA,YAAkB,OAAwB,IAAI;CAC9C,MAAA,QAAc,OAAoB,YAAW,QAAS;CACtD,MAAA,gBAAsB,OAA8B,KAAA,CAAS;CAC7D,MAAA,mBAAyB,OAA8C,KAAA,CAAS;CAChF,MAAA,cAAoB,OAAO,CAAC;CAC5B,MAAA,cAAoB,OAAO,GAAG;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EACO,MAAA,UAAA;GACrC,IAAI,CAAC,MAAK,WAAU,OACX;GAET,MAAA,aAAmB,iBAAgB;GACnC,IAAI,cAAc,WAAU,cAAe,MAAK,WAAU,OACjD;GACR,OACM,QAAQ,KAA4B,KAAlB,MAAK,YAAa;EAAC;EAC7C,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CATD,MAAA,qBAA2B;CASpB,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EACiC,MAAA,SAAA;GACtC,MAAA,EAAA,QAAA,UAGI;GACJ,MAAA,eAAqB,KAAI,IAAK,QAAQ,KAAK;GAC3C,MAAA,eAAqB,KAAI,IAAK,4BAA4B,cAAc,sBAAsB;GAC9F,MAAA,OAAa,KAAI,MAAO,eAAe,oBAAoB;GAE3D,MAAA,YADmB,KAAI,MAAO,OAAO,MACnB,IAAa;GAC/B,YAAW,UAAW;GACtB,YAAW,UAAW,IAAI,YAAY,gBAAgB;GAAnC,OACZ,GAAG,KAAI;EAAI;EACnB,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAbD,MAAA,sBAA4B;CAarB,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EACuC,MAAA,QAAA,kBAAA;GAC5C,MAAA,EAAA,QAAA,UAAA,MAAA,KAAA,OAAA,YAKIA;GACJ,MAAA,SAAa,YAAW;GACxB,MAAA,WAAiB;IAAA,IACXC,UAAQC,UAAQ;IAAC,IACjBC,WAASD,UAAQ;GACvB;GACA,MAAA,SAAe,gBAAA;IAAA,GACV,cAAa,UAAW;IAAI,GAC5B,cAAa,UAAW;GAI7B,IANe;IAAA,GAIVD,UAAQ;IAAC,GACTE,WAAS;GACd;GAIE,OACK;IAAA;IAAA,YAAA;KAJY,GACd,OAAM,IAAKD,SAAO;KAAC,GACnB,OAAM,IAAKA,SAAO;IAEhB;GAGP;EAAC;EACF,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CA3BD,MAAA,4BAAkC;CA2B3B,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EACiC,MAAA,QAAA,oBAAA;GACtC,MAAA,SAAe,UAAS;GACxB,IAAI,CAAC,QAAM;GAGX,WAAW,IAAI;GACf,cAAa,SAAgB,OAAC;GAK9B,MAAA,SAAa,OAAM,sBAAuB;GAC1C,MAAA,SAAa,oBAAoBF,MAAI;GACrC,MAAA,EAAA,UAAA,YAAA,YAAA,iBAGI,0BAA0BA,QAAMI,eAAa;GACjD,OAAM,MAAM,QAASF;GACrB,OAAM,MAAM,SAAUA;GACtB,cAAa,UAAW,OAAM,QAAS,EAAA,WAC1B,CAAC,aAAaG,aAAU,EAAE,MAAOA,aAAU,EAAE,eAAgB,aAAaC,WAAQ,EAAE,MAAOA,WAAQ,EAAE,YAAa,YAAW,QAAQ,EAAG,EACrJ,GAAG;IAAA,UAKS,iBAAgB;IAAM,QACxB,aAAY;IAAS,MACvB;GACR,CAAC;EAVoB;EAWtB,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CA9BD,MAAA,sBAA4B;CA8ByB,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EACf,KAAA,YAAA;GACpC,iBAAgB,UAAW,KAAA;GAC3B,MAAK,UAAW,YAAW;GAC3B,MAAA,YAAkB,cAAa;GAC/B,MAAA,UAAgB,OAAO,WAAS,gBAAkB,WAAW,UAAS,cAAtD;GAIhB,IAAI,WAAW,iBAAgB,SAAQ;IACrC,WAAW,KAAK;IAAC;GAAA;GAGnB,MAAM,IAAI,SAAQ,YAAA;IAChB,WAAW,SAAS,iBAAgB,UAAW,OAAO;GAAC,CACxD;GACD,IAAI,cAAa,YAAa,WAAS;GAIvC,WAAW,KAAK;EAAC;EAClB,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CApBD,MAAA,oBAA0B;CAoBnB,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EAKsB,WAAM,MAAK;EAAQ,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAhD,MAAA,WAAiB;CAAqC,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EACX,KAAA,OAAA,YAAA;GACzC,IAAI,CAAC,mBAAmBC,OAAK,GAAC;GAG9B,iBAAgB,UAAWA;GAC3B,MAAA,WAAeA,QAAK;GACpB,IAAI,CAAC,QAAQA,OAAK,GAAC;IACjB,MAAK,UAAW,YAAW;IAC3B,oBAAoBC,UAAQD,OAAK;IAAC;GAAA;GAMpC,MAAK,UAAW,YAAW;GAC3B,MAAM,IAAI,QAAQ,KAEjB;GACD,IAAI,SAAS,MAAM,YAAW,YAAW;GAGzC,MAAK,UAAW,YAAW;GAC3B,oBAAoBC,UAAQD,OAAK;EAAC;EACnC,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAvBD,MAAA,yBAA+B;CAuByB,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA,IAAA,2BAAA,GAAA;EAClB,OAAA,YAAA;GAC/B,uBAAuBA,OAAK;EAAC;EACnC,EAAA,KAAA;CAAA,OAAA,MAAA,EAAA;CAFD,MAAA,oBAA0B;CAEG,IAAA;CAAA,IAAA,EAAA,QAAA,OAAA,IAAA,2BAAA,GAAA;EACO,OAAA,YAAA;GAClC,IAAI,CAAC,mBAAmBA,OAAK,GAAC;GAG9B,IAAI,MAAK,YAAa,YAAW,SAAQ;IACvC,MAAK,UAAW,YAAW;IAAd;GAAA;GAGf,IAAI,MAAK,YAAa,YAAW,YAAW;IAE1C,MAAK,UAAW,YAAW;IAC3B,oBAAoBA,QAAK,eAAgB,iBAAgB,OAAQ;GAAC;EACnE;EACF,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAbD,MAAA,kBAAwB;CAasB,IAAA;CAAA,IAAA,EAAA,QAAA,OAAA,IAAA,2BAAA,GAAA;EACP,OAAA,YAAA;GACrC,IAAI,QAAQA,OAAmC,KAA3C,CAAmB,mBAAmBA,OAAK,GAAC;GAGhD,IAAI,MAAK,YAAa,YAAW,UAC1B,kBAAkB;EACxB;EACF,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAPD,MAAA,qBAA2B;CAOiB,IAAA;CAAA,IAAA,EAAA,QAAA,OAAA,IAAA,2BAAA,GAAA;EACJ,OAAA,YAAA;GACtC,IAAI,CAAC,mBAAmBA,OAAK,GAAC;GAGzB,kBAAkB;EAAC;EACzB,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CALD,MAAA,sBAA4B;CAKgB,IAAA;CAAA,IAAA,EAAA,QAAA,OAAA,IAAA,2BAAA,GAAA;EACZ,OAAA,YAAA;GAC9B,IAAI,MAAK,YAAa,YAAW,iBAAgB;IAC1C,kBAAkB;IAAC;GAAA;GAG1B,IAAI,MAAK,YAAa,YAAW,UAAS;IAIxC,oBAAoBA,QAAK,aAAc;IAClC,kBAAkB;GAAC;EACzB;EACF,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAZD,MAAA,cAAoB;CAYyB,IAAA;CAAA,IAAA,EAAA,QAAA,OAAA,IAAA,2BAAA,GAAA;EACP,YAAA;GAC/B,kBAAkB;EAAC;EACzB,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAFD,MAAA,oBAA0B;CAG1B,MAAA,EAAA,SAAA,aAAA,eAAA,mBAAA,iBAAA,qBAAA,eAAA,mBAAA,gBAAA,oBAAA,aAAA,oBAOI;CAAiB,IAAA;CAAA,IAAA,EAAA,QAAA,aAAA;EACO,OAAA,YAAA;GAC1B,YAAYA,OAAK;GACjB,cAAcA,OAAK;EAAC;EACrB,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAHD,MAAA,UAAgB;CAGe,IAAA;CAAA,IAAA,EAAA,QAAA,mBAAA;EACG,OAAA,YAAA;GAChC,kBAAkB;GAClB,oBAAoBA,OAAK;EAAC;EAC3B,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAHD,MAAA,gBAAsB;CAGqB,IAAA;CAAA,IAAA,EAAA,QAAA,qBAAA;EACP,OAAA,YAAA;GAClC,oBAAoBA,OAAK;GACzB,sBAAsBA,OAAK;EAAC;EAC7B,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAHD,MAAA,kBAAwB;CAGuB,IAAA;CAAA,IAAA,EAAA,QAAA,mBAAA;EACb,OAAA,YAAA;GAChC,kBAAkBA,OAAK;GACvB,oBAAoBA,OAAK;EAAC;EAC3B,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAHD,MAAA,gBAAsB;CAGqB,IAAA;CAAA,IAAA,EAAA,QAAA,oBAAA;EACR,OAAA,aAAA;GACjC,mBAAmBA,QAAK;GACxB,qBAAqBA,QAAK;EAAC;EAC5B,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAHD,MAAA,iBAAuB;CAGsB,IAAA;CAAA,IAAA,EAAA,QAAA,iBAAA;EACb,OAAA,aAAA;GAC9B,gBAAgBA,QAAK;GACrB,kBAAkBA,QAAK;EAAC;EACzB,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAHD,MAAA,cAAoB;CAGmB,IAAA;CAAA,IAAA,EAAA,QAAA,WAAA,EAAA,QAAA,iBAAA,EAAA,QAAA,mBAAA,EAAA,QAAA,iBAAA,EAAA,QAAA,kBAAA,EAAA,QAAA,aAAA;EACP,MAAA;GAAA;GAAA;GAAA;GAAA;GAAA;GAAA;EAOhC;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAPD,MAAA,WAAgC;CAO2D,IAAA;CAAA,IAAA,EAAA,QAAA,SAAA;EAE3D,MAAA,MAAa,OAAY,OAAQ,WAAW,OAAY,OAAQ;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,KAAA;EADnE,MAAA,oBAAA,QAAA;GAAkB,eAAA;GAAM,GAAK;GACrD,UAAA,oBAAA,QAAA;IAAWE,KAAA;IAAS,GAAM;GAAiE,CAAA;EACtF,CAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAFX,MAAA,UAA8B;CAEN,IAAA;CAAA,IAAA,EAAA,QAAA,YAAA,EAAA,QAAA,SAAA;EAOa,MAAA;GAAA;GAAA;EAGrC;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAHD,MAAA,gBAAqC;CAGZ,IAAA;CAAA,IAAA,EAAA,QAAA,kBAAA;EACa,MAAA;GAAA,UAC1B;GAAgB,SACjB;EACX;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,MAAA,EAAA;CAAuB,OACjB,UAAA,gBAAA;AAAwC;AAxPjD,SAAA,MAAA,WAAA;CAwIM,WAAWC,WAAS,iBAAgB,MAAO;AAAC"}
+{"version":3,"file":"useRipple.js","names":["MouseEvent","MouseEventHandler","PointerEvent","PointerEventHandler","ReactNode","stylex","useCallback","useMemo","useRef","useState","rippleStyles","motionDurationMs","motionEasing","spacingPx","PADDING","sm","INITIAL_ORIGIN_SCALE","SOFT_EDGE_MINIMUM_SIZE","SOFT_EDGE_CONTAINER_RATIO","surfaceProps","props","surface","RippleState","Holding","Inactive","TouchDelay","WaitingForClick","const","RippleEventHandlers","Element","onClick","HostElement","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","isTouch","event","pointerType","useRipple","t0","t1","$","_c","enabled","undefined","t2","externalHandlers","pressed","setPressed","rippleRef","state","growAnimation","rippleStartEvent","initialSize","rippleScale","t3","Symbol","for","isPrimary","startEvent","current","pointerId","buttons","shouldReactToEvent","t4","rect","height","width","maxDimension","Math","max","softEdgeSize","size","floor","hypotenuse","hypot","maxRadius","determineRippleSize","t5","rect_0","positionEvent","height_0","left","top","width_0","size_0","endPoint","x","y","origin","clientX","clientY","startPoint","getTranslationCoordinates","t6","target","positionEvent_0","ripple","cancel","rect_1","getBoundingClientRect","size_1","endPoint_0","startPoint_0","style","animate","transform","duration","long1","easing","standard","fill","startPressAnimation","t7","animation","elapsed","currentTime","Infinity","medium1","Promise","resolve","setTimeout","endPressAnimation","t8","getState","t9","event_0","target_0","currentTarget","_temp","handlePointerDownAsync","t10","event_1","handlePointerDown","t11","event_2","handlePointerUp","t12","event_3","handlePointerLeave","t13","event_4","handlePointerCancel","t14","event_5","handleClick","t15","handleContextMenu","onClickProp","onContextMenuProp","onPointerCancelProp","onPointerDownProp","onPointerLeaveProp","onPointerUpProp","t16","event_6","t17","event_7","t18","event_8","t19","event_9","t20","event_10","t21","event_11","t22","handlers","t23","press","t24","t25","enabledResult","t26","disabledResult","resolve_0","short2"],"sources":["../../src/hooks/useRipple.tsx"],"sourcesContent":["import type { MouseEvent, MouseEventHandler, PointerEvent, PointerEventHandler, ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport { rippleStyles } from '../styles/ripple';\nimport { motionDurationMs, motionEasing, spacingPx } from '../tokens/values';\n\n// Every timing this file drives is a motion token, spent at the point of use\n// below. They come from tokens/values rather than the StyleX theme because\n// element.animate() and setTimeout both reject a token's var() form, and the\n// same is true of the one geometry token: `PADDING` is added to a radius, and\n// a var() would concatenate rather than add. See src/styles/ripple.ts for the\n// opacity half of the mechanism, whose three timings are deliberately not\n// tokens.\n\n/** How far the ripple grows past the host's corners. `spacing.sm`. */\nconst PADDING = spacingPx.sm;\n\n// The rest are ratios and a pixel floor that no token group covers — spacing\n// is layout rhythm, and nothing in the set holds bare geometric ratios.\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\n\n// Static input, so this is computed once for every consumer of the module\n// rather than once per component instance.\nconst surfaceProps = stylex.props(rippleStyles.surface);\n\n/**\n * On touch: `Inactive -> TouchDelay -> WaitingForClick -> Inactive`, or\n * `Inactive -> TouchDelay -> Holding -> WaitingForClick -> Inactive` for a\n * held press.\n *\n * On mouse or pen: `Inactive -> WaitingForClick -> Inactive`.\n */\nconst RippleState = {\n  /** A touch has been confirmed as a press (held past the touch delay). */\n  Holding: 2,\n  /** No press in progress. Touch down moves to TouchDelay; mouse/pen down moves to WaitingForClick. */\n  Inactive: 0,\n  /** Touch down received; waiting to see if it's a tap or a scroll/swipe. */\n  TouchDelay: 1,\n  /** The press has finished growing; waiting for the click that ends it. */\n  WaitingForClick: 3\n} as const;\ninterface RippleEventHandlers<HostElement extends Element> {\n  onClick?: MouseEventHandler<HostElement>;\n  onContextMenu?: MouseEventHandler<HostElement>;\n  onPointerCancel?: PointerEventHandler<HostElement>;\n  onPointerDown?: PointerEventHandler<HostElement>;\n  onPointerLeave?: PointerEventHandler<HostElement>;\n  onPointerUp?: PointerEventHandler<HostElement>;\n}\ntype RippleState = (typeof RippleState)[keyof typeof RippleState];\nfunction isTouch(event: PointerEvent) {\n  return event.pointerType === 'touch';\n}\n\n/**\n * Renders a press ripple that grows from the pointer's position, or from\n * the element's center for a keyboard or other non-pointer activation.\n *\n * Growth runs via the Web Animations API on a single reused element (no\n * per-click DOM nodes to clean up), over a fixed duration independent of how\n * long the element is held — a real press-and-hold keeps the ripple\n * growing until release, while a quick tap is still held visible for a\n * minimum duration so it plays a complete animation rather than a flicker.\n *\n * Merges its own handlers with `externalHandlers` (e.g. a component's own\n * consumer-supplied props — ripple's own run first, then the external\n * ones) and returns `handlers` to spread onto the interactive element and\n * `surface`, the node to render as a child. The host element must\n * establish a positioning context (`position: relative` or similar) so\n * `surface`, which fills it via `inset: 0`, clips to its bounds and\n * inherits its shape.\n *\n * Pass `enabled: false` to opt out — no ripple listeners are attached and\n * no surface is rendered, leaving `externalHandlers` and a component's own\n * hover/press state layer (if any) untouched.\n *\n * `handlers` and `surface` are hand-memoized (not left to build-tool\n * optimization) so a consumer rendering many instances — a list of icon\n * buttons, say — can memoize around them too, and so stability doesn't\n * depend on any particular compiler being configured.\n */\nfunction useRipple<HostElement extends Element = Element>(enabled = true, externalHandlers: RippleEventHandlers<HostElement> = {}): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n} {\n  const [pressed, setPressed] = useState(false);\n  const rippleRef = useRef<HTMLSpanElement>(null);\n  const state = useRef<RippleState>(RippleState.Inactive);\n  const growAnimation = useRef<Animation | undefined>(undefined);\n  const rippleStartEvent = useRef<PointerEvent<HostElement> | undefined>(undefined);\n  const initialSize = useRef(0);\n  const rippleScale = useRef('1');\n  const shouldReactToEvent = useCallback((event: PointerEvent<HostElement>) => {\n    if (!event.isPrimary) {\n      return false;\n    }\n    const startEvent = rippleStartEvent.current;\n    if (startEvent && startEvent.pointerId !== event.pointerId) {\n      return false;\n    }\n    return isTouch(event) || event.buttons === 1;\n  }, []);\n  const determineRippleSize = useCallback((rect: DOMRect) => {\n    const {\n      height,\n      width\n    } = rect;\n    const maxDimension = Math.max(height, width);\n    const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDimension, SOFT_EDGE_MINIMUM_SIZE);\n    const size = Math.floor(maxDimension * INITIAL_ORIGIN_SCALE);\n    const hypotenuse = Math.hypot(width, height);\n    const maxRadius = hypotenuse + PADDING;\n    initialSize.current = size;\n    rippleScale.current = `${(maxRadius + softEdgeSize) / size}`;\n    return `${size}px`;\n  }, []);\n  const getTranslationCoordinates = useCallback((rect: DOMRect, positionEvent?: PointerEvent<HostElement>) => {\n    const {\n      height,\n      left,\n      top,\n      width\n    } = rect;\n    const size = initialSize.current;\n    const endPoint = {\n      x: (width - size) / 2,\n      y: (height - size) / 2\n    };\n    const origin = positionEvent ? {\n      x: positionEvent.clientX - left,\n      y: positionEvent.clientY - top\n    } : {\n      x: width / 2,\n      y: height / 2\n    };\n    const startPoint = {\n      x: origin.x - size / 2,\n      y: origin.y - size / 2\n    };\n    return {\n      endPoint,\n      startPoint\n    };\n  }, []);\n  const startPressAnimation = useCallback((target: HostElement, positionEvent?: PointerEvent<HostElement>) => {\n    const ripple = rippleRef.current;\n    if (!ripple) {\n      return;\n    }\n    setPressed(true);\n    growAnimation.current?.cancel();\n\n    // Read once and share: the two helpers below both only need the\n    // target's rect, and a second `getBoundingClientRect()` call back to\n    // back with the first would be a redundant layout read.\n    const rect = target.getBoundingClientRect();\n    const size = determineRippleSize(rect);\n    const {\n      endPoint,\n      startPoint\n    } = getTranslationCoordinates(rect, positionEvent);\n    ripple.style.width = size;\n    ripple.style.height = size;\n    growAnimation.current = ripple.animate({\n      transform: [`translate(${startPoint.x}px, ${startPoint.y}px) scale(1)`, `translate(${endPoint.x}px, ${endPoint.y}px) scale(${rippleScale.current})`]\n    }, {\n      // Growth runs over a fixed duration regardless of how long the\n      // press is held, so the token is spent here rather than named as a\n      // constant — element.animate() is one of the two places a StyleX\n      // token could not have gone.\n      duration: motionDurationMs.long1,\n      easing: motionEasing.standard,\n      fill: 'forwards'\n    });\n  }, [determineRippleSize, getTranslationCoordinates]);\n  const endPressAnimation = useCallback(async () => {\n    rippleStartEvent.current = undefined;\n    state.current = RippleState.Inactive;\n    const animation = growAnimation.current;\n    const elapsed = typeof animation?.currentTime === 'number' ? animation.currentTime : Infinity;\n\n    // The floor on how briefly a ripple may be visible, so a quick tap reads\n    // as a deliberate ripple rather than a flicker.\n    if (elapsed >= motionDurationMs.medium1) {\n      setPressed(false);\n      return;\n    }\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.medium1 - elapsed);\n    });\n    if (growAnimation.current !== animation) {\n      // A newer press started; let it own the pressed state instead.\n      return;\n    }\n    setPressed(false);\n  }, []);\n\n  // Reads through a function so a stale narrowing of `state.current` from\n  // before the `await` below isn't (incorrectly) carried across it — the\n  // ref can change via a different handler while this one is suspended.\n  const getState = useCallback(() => state.current, []);\n  const handlePointerDownAsync = useCallback(async (event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    rippleStartEvent.current = event;\n    const target = event.currentTarget;\n    if (!isTouch(event)) {\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(target, event);\n      return;\n    }\n\n    // Delay so a scroll/swipe starting on the element doesn't flash a\n    // ripple — only a held (or quickly released) touch counts as a press.\n    state.current = RippleState.TouchDelay;\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.short2);\n    });\n    if (getState() !== RippleState.TouchDelay) {\n      return;\n    }\n    state.current = RippleState.Holding;\n    startPressAnimation(target, event);\n  }, [getState, shouldReactToEvent, startPressAnimation]);\n  const handlePointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    void handlePointerDownAsync(event);\n  }, [handlePointerDownAsync]);\n  const handlePointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current === RippleState.Holding) {\n      state.current = RippleState.WaitingForClick;\n      return;\n    }\n    if (state.current === RippleState.TouchDelay) {\n      // Released before the delay elapsed: treat as a completed tap.\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(event.currentTarget, rippleStartEvent.current);\n    }\n  }, [shouldReactToEvent, startPressAnimation]);\n  const handlePointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    if (isTouch(event) || !shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current !== RippleState.Inactive) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handlePointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    void endPressAnimation();\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handleClick = useCallback((event: MouseEvent<HostElement>) => {\n    if (state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n      return;\n    }\n    if (state.current === RippleState.Inactive) {\n      // No pointerdown preceded this click — keyboard activation, a\n      // programmatic `.click()`, or assistive-tech-synthesized activation.\n      // Play a complete, centered press immediately.\n      startPressAnimation(event.currentTarget);\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, startPressAnimation]);\n  const handleContextMenu = useCallback(() => {\n    void endPressAnimation();\n  }, [endPressAnimation]);\n  const {\n    onClick: onClickProp,\n    onContextMenu: onContextMenuProp,\n    onPointerCancel: onPointerCancelProp,\n    onPointerDown: onPointerDownProp,\n    onPointerLeave: onPointerLeaveProp,\n    onPointerUp: onPointerUpProp\n  } = externalHandlers;\n  const onClick = useCallback((event: MouseEvent<HostElement>) => {\n    handleClick(event);\n    onClickProp?.(event);\n  }, [handleClick, onClickProp]);\n  const onContextMenu = useCallback((event: MouseEvent<HostElement>) => {\n    handleContextMenu();\n    onContextMenuProp?.(event);\n  }, [handleContextMenu, onContextMenuProp]);\n  const onPointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerCancel(event);\n    onPointerCancelProp?.(event);\n  }, [handlePointerCancel, onPointerCancelProp]);\n  const onPointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerDown(event);\n    onPointerDownProp?.(event);\n  }, [handlePointerDown, onPointerDownProp]);\n  const onPointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerLeave(event);\n    onPointerLeaveProp?.(event);\n  }, [handlePointerLeave, onPointerLeaveProp]);\n  const onPointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerUp(event);\n    onPointerUpProp?.(event);\n  }, [handlePointerUp, onPointerUpProp]);\n  const handlers = useMemo(() => ({\n    onClick,\n    onContextMenu,\n    onPointerCancel,\n    onPointerDown,\n    onPointerLeave,\n    onPointerUp\n  }), [onClick, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp]);\n  const surface = useMemo(() => <span aria-hidden=\"true\" {...surfaceProps}>\n        <span ref={rippleRef} {...stylex.props(rippleStyles.press, pressed && rippleStyles.pressed)} />\n      </span>, [pressed]);\n\n  // Two separate memos rather than one branching on `enabled`, so that\n  // whichever branch is actually active stays keyed only on its own\n  // inputs — the enabled result doesn't get a new identity every time\n  // `externalHandlers` does (a component typically passes a fresh object\n  // literal each render), and vice versa.\n  const enabledResult = useMemo(() => ({\n    handlers,\n    surface\n  }), [handlers, surface]);\n  const disabledResult = useMemo(() => ({\n    handlers: externalHandlers,\n    surface: null\n  }), [externalHandlers]);\n  return enabled ? enabledResult : disabledResult;\n}\nexport { useRipple };"],"mappings":"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"}

package/dist/indicator/index.js

@@ -1,7 +1,7 @@
 import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { indicatorStyles } from "./styles.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Label } from "react-aria-components";
 //#region src/indicator/index.tsx
 const ACTIVE_TONES = {

package/dist/indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["label","value","children"],"sources":["../../src/indicator/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { Label } from 'react-aria-components';\nimport type { IndicatorTone } from './styles';\nimport { indicatorStyles } from './styles';\n\n// The two pieces a linear indicator is drawn from, shared by\n// ProgressIndicator and Meter. The styles they use are in ./styles.ts.\n\n// What each tone draws the active indicator and the stop indicator in.\n// `primary` is the style they already carry, so it adds nothing.\nconst ACTIVE_TONES = {\n  inherit: indicatorStyles.inheritActive,\n  negative: indicatorStyles.negativeActive,\n  positive: indicatorStyles.positiveActive,\n  primary: null\n} as const;\n\n/**\n * The label and, optionally, the value, on a line above the indicator.\n * React Aria's `Label` reads the surrounding context, so the same element\n * names a progress bar and a meter alike. Renders nothing when there is\n * neither to show.\n */\nexport function IndicatorLabels({\n  label,\n  value\n}: {\n  label: ReactNode;\n  value: ReactNode;\n}) {\n  if (label === undefined && value === undefined) {\n    return null;\n  }\n  return <div {...stylex.props(indicatorStyles.labels)}>\n      {label === undefined ? null : <Label {...stylex.props(indicatorStyles.label)}>{label}</Label>}\n      {value === undefined ? null : <span {...stylex.props(indicatorStyles.label)}>{value}</span>}\n    </div>;\n}\n\n/**\n * The page's line: the active indicator at its share of the width, the track\n * taking what is left, and the stop indicator at the end. Anything passed as\n * `children` is drawn inside the track, which is what the progress\n * indicator's buffer fills it with; with none the track is solid.\n */\nexport function IndicatorLine({\n  children,\n  percentage,\n  tone\n}: {\n  children?: ReactNode;\n  percentage: number;\n  tone: IndicatorTone;\n}) {\n  const active = ACTIVE_TONES[tone];\n  const solid = children === undefined;\n  return <div {...stylex.props(indicatorStyles.line)}>\n      <span {...stylex.props(indicatorStyles.active, indicatorStyles.activeAt(percentage), active)} />\n      <span {...stylex.props(indicatorStyles.track, solid && indicatorStyles.trackSolid, solid && tone === 'inherit' && indicatorStyles.inheritTrack)}>\n        {children}\n      </span>\n      <span {...stylex.props(indicatorStyles.stop, active)} />\n    </div>;\n}"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ReactNode","stylex","Label","IndicatorTone","indicatorStyles","ACTIVE_TONES","inherit","inheritActive","negative","negativeActive","positive","positiveActive","primary","const","IndicatorLabels","t0","$","_c","label","value","undefined","t1","Symbol","for","props","labels","t2","t3","t4","IndicatorLine","children","percentage","tone","active","solid","line","activeAt","track","trackSolid","inheritTrack","t5","t6","stop","t7","t8"],"sources":["../../src/indicator/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { Label } from 'react-aria-components';\nimport type { IndicatorTone } from './styles';\nimport { indicatorStyles } from './styles';\n\n// The two pieces a linear indicator is drawn from, shared by\n// ProgressIndicator and Meter. The styles they use are in ./styles.ts.\n\n// What each tone draws the active indicator and the stop indicator in.\n// `primary` is the style they already carry, so it adds nothing.\nconst ACTIVE_TONES = {\n  inherit: indicatorStyles.inheritActive,\n  negative: indicatorStyles.negativeActive,\n  positive: indicatorStyles.positiveActive,\n  primary: null\n} as const;\n\n/**\n * The label and, optionally, the value, on a line above the indicator.\n * React Aria's `Label` reads the surrounding context, so the same element\n * names a progress bar and a meter alike. Renders nothing when there is\n * neither to show.\n */\nexport function IndicatorLabels({\n  label,\n  value\n}: {\n  label: ReactNode;\n  value: ReactNode;\n}) {\n  if (label === undefined && value === undefined) {\n    return null;\n  }\n  return <div {...stylex.props(indicatorStyles.labels)}>\n      {label === undefined ? null : <Label {...stylex.props(indicatorStyles.label)}>{label}</Label>}\n      {value === undefined ? null : <span {...stylex.props(indicatorStyles.label)}>{value}</span>}\n    </div>;\n}\n\n/**\n * The page's line: the active indicator at its share of the width, the track\n * taking what is left, and the stop indicator at the end. Anything passed as\n * `children` is drawn inside the track, which is what the progress\n * indicator's buffer fills it with; with none the track is solid.\n */\nexport function IndicatorLine({\n  children,\n  percentage,\n  tone\n}: {\n  children?: ReactNode;\n  percentage: number;\n  tone: IndicatorTone;\n}) {\n  const active = ACTIVE_TONES[tone];\n  const solid = children === undefined;\n  return <div {...stylex.props(indicatorStyles.line)}>\n      <span {...stylex.props(indicatorStyles.active, indicatorStyles.activeAt(percentage), active)} />\n      <span {...stylex.props(indicatorStyles.track, solid && indicatorStyles.trackSolid, solid && tone === 'inherit' && indicatorStyles.inheritTrack)}>\n        {children}\n      </span>\n      <span {...stylex.props(indicatorStyles.stop, active)} />\n    </div>;\n}"],"mappings":"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"}