@kanso-labs/react-native-kanso-ui 0.1.1 → 0.3.0

package/dist/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactNode","Ref","RefObject","LayoutChangeEvent","StyleProp","TextInputProps","TextStyle","ViewProps","ViewStyle","AnimatedStyle","DerivedValue","createContext","use","useEffect","useId","useMemo","useRef","useState","AccessibilityInfo","Text","NativeText","Platform","Pressable","TextInput","useWindowDimensions","View","Animated","Easing","useAnimatedStyle","useDerivedValue","useReducedMotion","withTiming","IconStyle","ResolvedTheme","useInsideForm","IconStyleContext","usePressFeedback","withOpacity","useTheme","composeStyles","useFontFamily","useTypeRole","fieldStylesOf","BoxControl","disabled","floated","invalid","label","required","underLabel","DescribedBy","Pick","FieldBoxProps","children","control","end","floatingLabel","isDisabled","isFocused","isInvalid","isPopulated","isRequired","leading","trailing","variant","FieldVariant","FieldDescriptionPart","id","text","FieldInputProps","Omit","described","numeric","prefix","ref","suffix","FieldMessageProps","characterCount","characterLimitLabel","description","error","length","maxLength","FieldState","focused","hovered","FieldStatesProps","FieldStrokeProps","StrokeMotion","sides","style","LabelPlace","fontSize","letterSpacing","lineHeight","top","color","width","WebState","ICON_SIZE","OUTSIDE_BOX","BoxContext","NO_PARTS","counterFormat","Intl","NumberFormat","describedBy","ids","idsOf","message","undefined","limit","limitOf","FieldBox","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","theme","styles","fontScale","notch","setNotch","colors","radii","spacing","stateLayerOpacity","typography","t8","xs","borderTopEndRadius","borderTopStartRadius","t9","onSurface","corners","disableRipple","feedback","outlined","t10","state","rule","useRuleMotion","t11","t12","boxControlOf","boxControl","t13","disabledContent","T0","t14","t15","t16","handlers","onHoverIn","t17","onHoverOut","t18","focusOf","t19","box","boxLeading","boxTrailing","boxOutlined","boxDisabled","minHeightOf","lg","bodyLargeLineHeight","sm","bodySmallLineHeight","t20","outline","outlineStart","widthOf","outlineInset","outlineStartBox","outlineNotch","outlineNotchBox","outlineEnd","minWidthOf","outlineEndBox","layer","indicator","t21","onSurfaceVariant","icon","iconStyleOf","t22","t23","t24","t25","column","t26","t27","FieldInput","props","role","mono","fontFamilyMono","content","caret","primary","muted","affixed","clearance","marginTopOf","affixStyle","colorOf","descriptionOf","affixPart","webStateOf","OS","INHERITS_DIRECTION","input","numericOf","affixLine","FieldMessage","insideForm","collapsed","messageStyle","SHRINKS","useErrorAnnouncement","messageLine","messageLineCollapsed","OUT_OF_FLOW","ATOMIC","HIDDEN","NOT_DRAWN","counter","countOf","FieldStates","states","useFieldFocus","onBlur","onFocus","setFocused","event","event_0","const","dir","display","position","flexShrink","Affix","motion","reduceMotion","opacity","timing","duration","durationShort3","easing","bezier","easingStandard","fade","affix","String","BoxLabel","large","small","smallRole","place","bodyLargeSize","bodyLargeTracking","motionStyle","labelOutlined","labelTextOutlined","REQUIRED_MARK","format","parts","map","part","join","said","filter","accessibilityHint","current","focus","size","marginTop","minHeight","minWidth","NotchMeasure","onMeasure","notchMeasure","T1","widthTo","fontFamily","fontVariant","md","FieldStroke","stroke","borderColor","get","borderWidth","borderTopWidth","announceForAccessibility","onErrorContainer","disabledContainer","useStrokeMotion","durationShort2","nativeEvent","layout","_c","state","NativeText","color"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { ReactNode, Ref, RefObject } from 'react'\nimport type {\n  LayoutChangeEvent,\n  StyleProp,\n  TextInputProps,\n  TextStyle,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle, DerivedValue } from 'react-native-reanimated'\n\nimport {\n  createContext,\n  use,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  AccessibilityInfo,\n  Text as NativeText,\n  Platform,\n  Pressable,\n  TextInput,\n  useWindowDimensions,\n  View,\n} from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  useReducedMotion,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport type { IconStyle } from '../glyphs/icon-style'\nimport type { ResolvedTheme } from '../theme/scope'\n\nimport { useInsideForm } from '../form'\nimport { IconStyleContext } from '../glyphs/icon-style'\nimport { usePressFeedback } from '../press'\nimport { withOpacity } from '../theme/color'\nimport { useTheme } from '../theme/scope'\nimport { composeStyles } from '../theme/styles'\nimport { useFontFamily } from '../typography/fonts'\nimport { useTypeRole } from '../typography/roles'\nimport { fieldStylesOf } from './styles'\n\n// The chrome every field shares, as on web: the box with its label, the\n// control inside it, and the line of supporting text under it. Each field is\n// the parts it renders inside a root of its own, and these are not exported\n// from the package.\n//\n// The text fields page draws two boxes. The filled one carries surface\n// container highest with an active indicator along its bottom, 1dp in the\n// outline role at rest and 2dp in primary while focused, and its label floats\n// within it. The outlined one has no fill and a 1dp outline all round that\n// thickens the same way, and its label floats up onto the outline, cutting a\n// notch in it.\n//\n// **The label floats by changing its type and its place**, eased by\n// Reanimated over `durationShort3` on the standard curve, as web transitions\n// them: body large on the value's line while the field is empty and\n// unfocused, body small at the top once it is focused or holds a value.\n// `floatingLabel={false}` keeps it small at the top in label medium, as web's\n// fixed label is. Under reduced motion it moves at once.\n//\n// **The box grows with the device's text size.** Its height is a floor rather\n// than a height, the padding above and below plus the lines it holds, and the\n// lines are the type tokens' line heights at the device's font scale, which\n// is what React Native draws the text at. So the 56dp the page gives is the\n// floor at the default text size, and a larger one makes the box taller\n// rather than running the value out of it.\n//\n// **The outline is drawn from views**, since there is no fieldset to cut it:\n// three pieces in a row, the stretch before the label, the notch under it,\n// which draws only the bottom of the outline, and the stretch after it. The\n// notch is the label's width in its floated type, measured from a copy of it\n// out of sight, as web's legend holds one. Before the label floats it is\n// closed, and the two stretches meet.\n//\n// **A pointer over the filled box draws the state layer**, the one every\n// control draws through `usePressFeedback`, on surface at the hover opacity,\n// and turns the indicator on surface, as the page's hovered state does; one\n// over the outlined box turns the outline on surface. Web's filled box draws\n// neither. Focus wins over hover, and an error takes the\n// error role, or on error container under a pointer.\n//\n// **Disabled is the page's colour at an opacity, translucent**: the filled\n// container and the rule are on surface at the `disabledContainer` opacity,\n// and the label, the value and the icons on surface at `disabledContent`,\n// over whatever the field sits on rather than mixed over the surface role as\n// web's are.\n\n// What a control needs to know about the box around it: how the label is\n// drawn, whether the control clears it, and the states it takes its colours\n// from.\ntype BoxControl = {\n  readonly disabled: boolean\n  readonly floated: boolean\n  readonly invalid: boolean\n  readonly label: 'fixed' | 'floating' | 'none'\n  readonly required: boolean\n  readonly underLabel: boolean\n}\n\ntype DescribedBy = Pick<ViewProps, 'accessibilityHint'> & {\n  readonly 'aria-describedby'?: string\n}\n\ntype FieldBoxProps = {\n  readonly children?: ReactNode\n  /**\n   * The control the box focuses when it is pressed anywhere, as the whole\n   * of a native text field's box takes a press.\n   */\n  readonly control: RefObject<null | TextInput>\n  /**\n   * What the box holds after the label and the control's column, drawn as\n   * it is rather than in an icon's slot, for a part laid out against the\n   * box's own edges: a number field's steppers. The column, and the label\n   * in it, end where this starts, 16dp before it.\n   */\n  readonly end?: 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. `false` keeps it small at the top.\n   * @default true\n   */\n  readonly floatingLabel?: boolean\n  /** @default false */\n  readonly isDisabled?: boolean\n  /** Whether the control has focus, which the box draws. */\n  readonly isFocused?: boolean\n  /** @default false */\n  readonly isInvalid?: boolean\n  /** Whether the control holds anything, which floats the label. */\n  readonly isPopulated?: boolean\n  /**\n   * Marks the label with an asterisk, as the text fields page marks a field\n   * that must be filled.\n   * @default false\n   */\n  readonly isRequired?: boolean\n  /** What the field is for. */\n  readonly label: string\n  /** An icon at the start of the box, before the label and the control. */\n  readonly leading?: ReactNode\n  /** An icon at the end of the box, after the control. */\n  readonly trailing?: ReactNode\n  /** @default 'filled' */\n  readonly variant?: FieldVariant\n}\n\n/**\n * One piece of what describes a field's control: the text a screen reader\n * hears on iOS and Android, and the id of the element showing it, which the\n * control points at under React Native Web.\n */\ntype FieldDescriptionPart = {\n  readonly id: string\n  readonly text: string\n}\n\ntype FieldInputProps = Omit<\n  TextInputProps,\n  | 'accessibilityHint'\n  | 'cursorColor'\n  | 'multiline'\n  | 'placeholderTextColor'\n  | 'selectionColor'\n  | 'style'\n  | 'underlineColorAndroid'\n> & {\n  /** What describes the control, after its prefix and suffix. */\n  readonly described?: readonly FieldDescriptionPart[]\n  /**\n   * The value in the mono face with tabular figures.\n   * @default false\n   */\n  readonly numeric?: boolean\n  /** Text before the value on its line. */\n  readonly prefix?: ReactNode\n  readonly ref?: Ref<TextInput>\n  /** Text after the value on its line. */\n  readonly suffix?: ReactNode\n}\n\ntype FieldMessageProps = {\n  /**\n   * Counts the characters, against `maxLength` where there is one.\n   * @default false\n   */\n  readonly characterCount?: boolean\n  /** How the limit is said to a screen reader. */\n  readonly characterLimitLabel?: string | undefined\n  /** The hint, which the error replaces while there is one. */\n  readonly description?: string | undefined\n  /** The problem with the value, in words. */\n  readonly error?: string | undefined\n  /** The field's id, as handed to {@link describedBy}. */\n  readonly id: string\n  /** How many characters the control holds. */\n  readonly length?: number\n  readonly maxLength?: number | undefined\n}\n\ntype FieldState = {\n  readonly disabled: boolean\n  readonly focused: boolean\n  readonly hovered: boolean\n  readonly invalid: boolean\n}\n\ntype FieldStatesProps = {\n  readonly children?: ReactNode\n  /** @default false */\n  readonly isDisabled?: boolean\n  /** @default false */\n  readonly isInvalid?: boolean\n  /** @default false */\n  readonly isRequired?: boolean\n}\n\ntype FieldStrokeProps = StrokeMotion & {\n  /** Every side of the view, or the top alone. */\n  readonly sides: 'all' | 'top'\n  readonly style: StyleProp<ViewStyle>\n}\n\n/**\n * The filled box, or the outlined one: no fill, an outline that thickens and\n * takes the primary role while focused, and the label cutting it once it\n * floats, the text fields page's two fields.\n */\ntype FieldVariant = 'filled' | 'outlined'\n\n// Where the label is and what type it is in, at rest or floated.\ntype LabelPlace = {\n  readonly fontSize: number\n  readonly letterSpacing: number\n  readonly lineHeight: number\n  readonly top: number\n}\n\n// The control's state as React Native Web hands it to a browser, which reads\n// `aria-invalid` and `aria-required` off the input. React Native has neither.\n// A rule's colour and width as they ease.\ntype StrokeMotion = {\n  readonly color: DerivedValue<string>\n  readonly width: DerivedValue<number>\n}\n\ntype WebState = {\n  readonly 'aria-invalid'?: true\n  readonly 'aria-required'?: true\n}\n\n// The page's icon, which the box's outline is laid out around.\nconst ICON_SIZE = 24\n\n// A control outside any box has no label over it.\nconst OUTSIDE_BOX: BoxControl = {\n  disabled: false,\n  floated: true,\n  invalid: false,\n  label: 'none',\n  required: false,\n  underLabel: false,\n}\n\nconst BoxContext = createContext<BoxControl>(OUTSIDE_BOX)\n\nconst NO_PARTS: readonly FieldDescriptionPart[] = []\n\nlet counterFormat: Intl.NumberFormat | undefined\n\n/**\n * How a field's control is described by the line under it: the error while\n * there is one, otherwise the description, then the limit where there is a\n * `maxLength`. Hand the result to {@link FieldInput} as `described`, and the\n * same `id` to {@link FieldMessage}.\n */\nfunction describedBy(\n  id: string,\n  {\n    characterLimitLabel,\n    description,\n    error,\n    maxLength,\n  }: Pick<\n    FieldMessageProps,\n    'characterLimitLabel' | 'description' | 'error' | 'maxLength'\n  >,\n): readonly FieldDescriptionPart[] {\n  const ids = idsOf(id)\n  const message =\n    error === undefined\n      ? { id: ids.description, text: description ?? '' }\n      : { id: ids.error, text: error }\n  const limit = limitOf(maxLength, characterLimitLabel)\n\n  return [\n    ...(message.text === '' ? [] : [message]),\n    ...(limit === undefined ? [] : [{ id: ids.limit, text: limit }]),\n  ]\n}\n\n/**\n * The box a control sits in, filled or outlined, with its label. Pressed\n * anywhere, it focuses its control. The states it draws are handed to it,\n * since the field around it is what knows them.\n */\nfunction FieldBox({\n  children,\n  control,\n  end,\n  floatingLabel = true,\n  isDisabled = false,\n  isFocused = false,\n  isInvalid = false,\n  isPopulated = false,\n  isRequired = false,\n  label,\n  leading,\n  trailing,\n  variant = 'filled',\n}: FieldBoxProps) {\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const [notch, setNotch] = useState(0)\n  const { colors, radii, spacing, stateLayerOpacity, typography } = theme\n  // The hover layer alone: a text field's box takes no pressed or focus\n  // layer, since the indicator and the label are what mark its focus.\n  const feedback = usePressFeedback({\n    color: colors.onSurface,\n    corners: {\n      borderTopEndRadius: radii.xs,\n      borderTopStartRadius: radii.xs,\n    },\n    disabled: isDisabled,\n    disableRipple: true,\n  })\n  const outlined = variant === 'outlined'\n  const floated = !floatingLabel || isFocused || isPopulated\n  const state: FieldState = {\n    disabled: isDisabled,\n    focused: isFocused,\n    hovered: feedback.hovered,\n    invalid: isInvalid,\n  }\n  const rule = useRuleMotion(theme, state)\n  const boxControl = useMemo(\n    () =>\n      boxControlOf(\n        floatingLabel,\n        floated,\n        isDisabled,\n        isInvalid,\n        isRequired,\n        !outlined,\n      ),\n    [floatingLabel, floated, isDisabled, isInvalid, isRequired, outlined],\n  )\n  const disabledContent = withOpacity(\n    colors.onSurface,\n    stateLayerOpacity.disabledContent,\n  )\n\n  return (\n    <Pressable\n      accessible={false}\n      disabled={isDisabled}\n      focusable={false}\n      onHoverIn={feedback.handlers.onHoverIn}\n      onHoverOut={feedback.handlers.onHoverOut}\n      onPress={focusOf(control)}\n      style={composeStyles<ViewStyle>(\n        styles.box,\n        leading === undefined ? undefined : styles.boxLeading,\n        trailing === undefined ? undefined : styles.boxTrailing,\n        outlined ? styles.boxOutlined : undefined,\n        isDisabled && !outlined ? styles.boxDisabled : undefined,\n        minHeightOf(\n          outlined\n            ? 2 * spacing.lg + typography.bodyLargeLineHeight * fontScale\n            : 2 * spacing.sm +\n                (typography.bodySmallLineHeight +\n                  typography.bodyLargeLineHeight) *\n                  fontScale,\n        ),\n      )}\n    >\n      {outlined ? (\n        <View aria-hidden style={styles.outline}>\n          <View\n            style={composeStyles<ViewStyle>(\n              styles.outlineStart,\n              widthOf(outlineInset(spacing, leading)),\n            )}\n          >\n            <FieldStroke\n              color={rule.color}\n              sides=\"all\"\n              style={styles.outlineStartBox}\n              width={rule.width}\n            />\n          </View>\n          <View\n            style={composeStyles<ViewStyle>(\n              styles.outlineNotch,\n              widthOf(floated ? notch : 0),\n            )}\n          >\n            <FieldStroke\n              color={rule.color}\n              sides=\"all\"\n              style={styles.outlineNotchBox}\n              width={rule.width}\n            />\n          </View>\n          <View\n            style={composeStyles<ViewStyle>(\n              styles.outlineEnd,\n              minWidthOf(outlineInset(spacing, trailing)),\n            )}\n          >\n            <FieldStroke\n              color={rule.color}\n              sides=\"all\"\n              style={styles.outlineEndBox}\n              width={rule.width}\n            />\n          </View>\n        </View>\n      ) : (\n        <>\n          {feedback.layer}\n          <FieldStroke\n            color={rule.color}\n            sides=\"top\"\n            style={styles.indicator}\n            width={rule.width}\n          />\n        </>\n      )}\n      {leading === undefined ? null : (\n        <View style={styles.icon}>\n          <IconStyleContext\n            value={iconStyleOf(\n              isDisabled ? disabledContent : colors.onSurfaceVariant,\n            )}\n          >\n            {leading}\n          </IconStyleContext>\n        </View>\n      )}\n      <View style={styles.column}>\n        <BoxLabel\n          floated={floated}\n          floatingLabel={floatingLabel}\n          isDisabled={isDisabled}\n          isFocused={isFocused}\n          isInvalid={isInvalid}\n          isRequired={isRequired}\n          variant={variant}\n        >\n          {label}\n        </BoxLabel>\n        {outlined ? (\n          <NotchMeasure\n            floatingLabel={floatingLabel}\n            isRequired={isRequired}\n            onMeasure={setNotch}\n          >\n            {label}\n          </NotchMeasure>\n        ) : null}\n        <BoxContext value={boxControl}>{children}</BoxContext>\n      </View>\n      {end}\n      {trailing === undefined ? null : (\n        <View style={styles.icon}>\n          <IconStyleContext\n            value={iconStyleOf(\n              isDisabled\n                ? disabledContent\n                : isInvalid\n                  ? colors.error\n                  : colors.onSurfaceVariant,\n            )}\n          >\n            {trailing}\n          </IconStyleContext>\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\n/**\n * A field's text control, in a {@link FieldBox}, or in {@link FieldStates}\n * inside a container of a field's own. In a box it clears the label at the\n * top where the box is filled, and shows a prefix and a suffix only while the\n * label has floated, since at rest the label sits on their line. It takes the\n * error role for its caret while the field has an error, and draws a\n * placeholder in the muted role.\n *\n * It is described by its prefix and suffix, ahead of what the field hands it\n * in `described`, so a reader hears the unit the value is read against as a\n * sighted one sees it beside the value: on iOS and Android as its hint, and\n * under React Native Web through `aria-describedby`, which drops the hint.\n */\nfunction FieldInput({\n  described = NO_PARTS,\n  numeric = false,\n  prefix,\n  suffix,\n  ...props\n}: FieldInputProps) {\n  const box = use(BoxContext)\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const role = useTypeRole('bodyLarge')\n  const mono = useFontFamily(theme.typography.fontFamilyMono)\n  const id = useId()\n  const { colors, stateLayerOpacity, typography } = theme\n  const content = box.disabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n    : colors.onSurface\n  const caret = box.invalid ? colors.error : colors.primary\n  const muted = box.disabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n    : colors.onSurfaceVariant\n  const affixed = prefix !== undefined || suffix !== undefined\n  const clearance = box.underLabel\n    ? marginTopOf(typography.bodySmallLineHeight * fontScale)\n    : undefined\n  const affixStyle = composeStyles<TextStyle>(role, colorOf(muted))\n\n  const control = (\n    <TextInput\n      {...(Platform.OS === 'web' ? INHERITS_DIRECTION : undefined)}\n      {...props}\n      {...descriptionOf([\n        ...affixPart(`${id}-prefix`, prefix),\n        ...affixPart(`${id}-suffix`, suffix),\n        ...described,\n      ])}\n      {...webStateOf(box)}\n      aria-disabled={box.disabled}\n      cursorColor={caret}\n      placeholderTextColor={muted}\n      selectionColor={caret}\n      style={composeStyles<TextStyle>(\n        role,\n        styles.input,\n        colorOf(content),\n        numeric ? numericOf(mono) : undefined,\n        minHeightOf(typography.bodyLargeLineHeight * fontScale),\n        affixed ? undefined : clearance,\n      )}\n      underlineColorAndroid=\"transparent\"\n    />\n  )\n\n  if (!affixed) {\n    return control\n  }\n\n  return (\n    <View style={composeStyles<ViewStyle>(styles.affixLine, clearance)}>\n      {prefix === undefined ? null : (\n        <Affix floated={box.floated} id={`${id}-prefix`} style={affixStyle}>\n          {prefix}\n        </Affix>\n      )}\n      {control}\n      {suffix === undefined ? null : (\n        <Affix floated={box.floated} id={`${id}-suffix`} style={affixStyle}>\n          {suffix}\n        </Affix>\n      )}\n    </View>\n  )\n}\n\n/**\n * The line under a field: the error while there is one, the description\n * otherwise, and the count of characters at its end. With nothing to show it\n * is out of the flow, so the field ends at its box. Inside a form it is drawn\n * anyway, empty, since a form is where an error arrives after the fact, from\n * a server or on a submission, and every field below this one would\n * otherwise move by the line's height when it does.\n *\n * On iOS and Android the control reads the line out as its hint, so the line\n * itself is hidden from VoiceOver and TalkBack rather than read twice. An\n * error is announced as it arrives, since a hint that changes is not read\n * again: on iOS through `announceForAccessibility`, and on Android, where the\n * error is left reachable for it, by a polite live region around it, which\n * is also what announces it under React Native Web. An error the field opens\n * with is not announced, as a live region in a browser does not read what it\n * was mounted holding.\n *\n * The count is hidden everywhere. It changes on every keystroke, and read\n * back at that rate it is worse than not hearing it, so the limit is said\n * once in the control's description instead.\n */\nfunction FieldMessage({\n  characterCount = false,\n  characterLimitLabel,\n  description,\n  error,\n  id,\n  length = 0,\n  maxLength,\n}: FieldMessageProps) {\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const role = useTypeRole('bodySmall')\n  const { fontScale } = useWindowDimensions()\n  const ids = idsOf(id)\n  const invalid = error !== undefined\n  const limit = limitOf(maxLength, characterLimitLabel)\n  const insideForm = useInsideForm()\n  const collapsed =\n    !invalid && description === undefined && !characterCount && !insideForm\n  const { colors, typography } = theme\n  const messageStyle = composeStyles<TextStyle>(\n    role,\n    colorOf(invalid ? colors.error : colors.onSurfaceVariant),\n    SHRINKS,\n  )\n\n  useErrorAnnouncement(error)\n\n  return (\n    <View\n      style={composeStyles<ViewStyle>(\n        styles.messageLine,\n        collapsed\n          ? styles.messageLineCollapsed\n          : minHeightOf(typography.bodySmallLineHeight * fontScale),\n      )}\n    >\n      <View\n        aria-live=\"polite\"\n        {...(Platform.OS === 'web' ? ATOMIC : undefined)}\n        {...(Platform.OS === 'ios' ? HIDDEN : undefined)}\n        style={invalid && error !== '' ? SHRINKS : OUT_OF_FLOW}\n      >\n        {invalid && error !== '' ? (\n          <NativeText id={ids.error} style={messageStyle}>\n            {error}\n          </NativeText>\n        ) : null}\n      </View>\n      {invalid || description === undefined ? null : (\n        <NativeText\n          {...(Platform.OS === 'web' ? undefined : HIDDEN)}\n          id={ids.description}\n          style={messageStyle}\n        >\n          {description}\n        </NativeText>\n      )}\n      {limit === undefined || Platform.OS !== 'web' ? null : (\n        <NativeText id={ids.limit} style={NOT_DRAWN}>\n          {limit}\n        </NativeText>\n      )}\n      {characterCount ? (\n        <NativeText\n          aria-hidden\n          style={composeStyles<TextStyle>(messageStyle, styles.counter)}\n        >\n          {countOf(length, maxLength)}\n        </NativeText>\n      ) : null}\n    </View>\n  )\n}\n\n/**\n * Hands a control outside a box the states it is drawn in, for a field that\n * draws a container of its own around the control, as SearchField's bar is.\n * The control takes its colours and the state a screen reader reads from\n * these, as it does from the box around it.\n */\nfunction FieldStates({\n  children,\n  isDisabled = false,\n  isInvalid = false,\n  isRequired = false,\n}: FieldStatesProps) {\n  const states = useMemo(\n    () => ({\n      ...OUTSIDE_BOX,\n      disabled: isDisabled,\n      invalid: isInvalid,\n      required: isRequired,\n    }),\n    [isDisabled, isInvalid, isRequired],\n  )\n\n  return <BoxContext value={states}>{children}</BoxContext>\n}\n\n/**\n * Tracks whether the control has focus, around the handlers the field was\n * given, which are called after.\n */\nfunction useFieldFocus({\n  onBlur,\n  onFocus,\n}: Pick<TextInputProps, 'onBlur' | 'onFocus'>) {\n  const [focused, setFocused] = useState(false)\n\n  return {\n    focused,\n    handlers: {\n      onBlur: ((event) => {\n        setFocused(false)\n        onBlur?.(event)\n      }) satisfies TextInputProps['onBlur'],\n      onFocus: ((event) => {\n        setFocused(true)\n        onFocus?.(event)\n      }) satisfies TextInputProps['onFocus'],\n    },\n  }\n}\n\n// What a web-only atomic live region adds, so a changed message is read whole.\n// React Native's types carry no `aria-atomic`, which React Native Web takes.\nconst ATOMIC = { 'aria-atomic': true } as const\n\n// What hides a part of the line under a field from VoiceOver and TalkBack,\n// where the control reads it out as its hint.\nconst HIDDEN: ViewProps = { 'aria-hidden': true }\n\n// What leaves the control's writing direction to the page under React Native\n// Web, which gives a TextInput `dir=\"auto\"` otherwise and so aligns a value by\n// its own script: a Latin value at the left of a right-to-left field, away\n// from its label. Null rather than left out, since left out is what it writes\n// `auto` for. React Native's types carry no `dir`.\nconst INHERITS_DIRECTION = { dir: null } as const\n\n// The limit under React Native Web: in the document for the control to point\n// at, and drawn nowhere.\nconst NOT_DRAWN: TextStyle = { display: 'none' }\n\n// The live region with nothing in it, which takes no place in the line.\nconst OUT_OF_FLOW: ViewStyle = { position: 'absolute' }\n\nconst SHRINKS: TextStyle = { flexShrink: 1 }\n\n/**\n * A prefix or a suffix, faded in once the label has floated and out when it\n * comes back to rest, over the label's own `durationShort3`.\n */\nfunction Affix({\n  children,\n  floated,\n  id,\n  style,\n}: {\n  readonly children: ReactNode\n  readonly floated: boolean\n  readonly id: string\n  readonly style: StyleProp<TextStyle>\n}) {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const opacity = floated ? 1 : 0\n  const timing = {\n    duration: motion.durationShort3,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n  const fade = useAnimatedStyle(() => {\n    'worklet'\n    return {\n      opacity: reduceMotion ? opacity : withTiming(opacity, timing),\n    }\n  })\n\n  return (\n    <Animated.Text\n      id={id}\n      style={composeStyles<AnimatedStyle<TextStyle>>(style, fade)}\n    >\n      {children}\n    </Animated.Text>\n  )\n}\n\nfunction affixPart(\n  id: string,\n  affix: ReactNode,\n): readonly FieldDescriptionPart[] {\n  if (affix === undefined) {\n    return []\n  }\n\n  return [\n    {\n      id,\n      text:\n        typeof affix === 'string' || typeof affix === 'number'\n          ? String(affix)\n          : '',\n    },\n  ]\n}\n\nfunction boxControlOf(\n  floatingLabel: boolean,\n  floated: boolean,\n  disabled: boolean,\n  invalid: boolean,\n  required: boolean,\n  underLabel: boolean,\n): BoxControl {\n  return {\n    disabled,\n    floated,\n    invalid,\n    label: floatingLabel ? 'floating' : 'fixed',\n    required,\n    underLabel,\n  }\n}\n\n/**\n * The box's label: one line, cut short with an ellipsis, moving between its\n * resting place and its floated one. Hidden from screen readers, since the\n * control is named by the same words.\n */\nfunction BoxLabel({\n  children,\n  floated,\n  floatingLabel,\n  isDisabled,\n  isFocused,\n  isInvalid,\n  isRequired,\n  variant,\n}: {\n  readonly children: string\n  readonly floated: boolean\n  readonly floatingLabel: boolean\n  readonly isDisabled: boolean\n  readonly isFocused: boolean\n  readonly isInvalid: boolean\n  readonly isRequired: boolean\n  readonly variant: FieldVariant\n}) {\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const reduceMotion = useReducedMotion()\n  const large = useTypeRole('bodyLarge')\n  const small = useTypeRole(floatingLabel ? 'bodySmall' : 'labelMedium')\n  const { colors, motion, spacing, stateLayerOpacity, typography } = theme\n  const outlined = variant === 'outlined'\n  const smallRole = floatingLabel ? 'bodySmall' : 'labelMedium'\n  const place: LabelPlace = floated\n    ? {\n        fontSize: typography[`${smallRole}Size`],\n        letterSpacing: typography[`${smallRole}Tracking`],\n        lineHeight: typography[`${smallRole}LineHeight`],\n        top: outlined\n          ? -(\n              spacing.lg +\n              (typography[`${smallRole}LineHeight`] * fontScale) / 2\n            )\n          : 0,\n      }\n    : {\n        fontSize: typography.bodyLargeSize,\n        letterSpacing: typography.bodyLargeTracking,\n        lineHeight: typography.bodyLargeLineHeight,\n        top: outlined ? 0 : (typography.bodySmallLineHeight * fontScale) / 2,\n      }\n  const color = isDisabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n    : isInvalid\n      ? colors.error\n      : isFocused\n        ? colors.primary\n        : colors.onSurfaceVariant\n  const timing = {\n    duration: motion.durationShort3,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n\n  const motionStyle = useAnimatedStyle(() => {\n    'worklet'\n    return {\n      color: reduceMotion ? color : withTiming(color, timing),\n      fontSize: reduceMotion\n        ? place.fontSize\n        : withTiming(place.fontSize, timing),\n      letterSpacing: reduceMotion\n        ? place.letterSpacing\n        : withTiming(place.letterSpacing, timing),\n      lineHeight: reduceMotion\n        ? place.lineHeight\n        : withTiming(place.lineHeight, timing),\n      top: reduceMotion ? place.top : withTiming(place.top, timing),\n    }\n  })\n\n  return (\n    <View\n      aria-hidden\n      style={composeStyles<ViewStyle>(\n        styles.label,\n        outlined ? styles.labelOutlined : undefined,\n      )}\n    >\n      <Animated.Text\n        numberOfLines={1}\n        style={composeStyles<AnimatedStyle<TextStyle>>(\n          floated ? small : large,\n          outlined ? styles.labelTextOutlined : undefined,\n          motionStyle,\n        )}\n      >\n        {children}\n        {isRequired ? REQUIRED_MARK : null}\n      </Animated.Text>\n    </View>\n  )\n}\n\nfunction colorOf(color: string): TextStyle {\n  return { color }\n}\n\n// The count in the device's digits and grouping, as web writes it in the\n// reader's locale. One formatter, since the count changes on every keystroke.\nfunction countOf(length: number, maxLength: number | undefined) {\n  counterFormat ??= new Intl.NumberFormat()\n\n  return maxLength === undefined\n    ? counterFormat.format(length)\n    : `${counterFormat.format(length)}/${counterFormat.format(maxLength)}`\n}\n\nfunction descriptionOf(\n  parts: readonly FieldDescriptionPart[],\n): DescribedBy | undefined {\n  if (Platform.OS === 'web') {\n    return parts.length === 0\n      ? undefined\n      : { 'aria-describedby': parts.map((part) => part.id).join(' ') }\n  }\n\n  const said = parts.map((part) => part.text).filter((text) => text !== '')\n\n  return said.length === 0 ? undefined : { accessibilityHint: said.join(' ') }\n}\n\nfunction focusOf(control: RefObject<null | TextInput>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\nfunction iconStyleOf(color: string): IconStyle {\n  return { color, size: ICON_SIZE }\n}\n\nfunction idsOf(id: string) {\n  return {\n    description: `${id}-description`,\n    error: `${id}-error`,\n    limit: `${id}-limit`,\n  }\n}\n\n/**\n * The limit in words where there is one: the field's own, or English, which\n * an app in another language replaces through `characterLimitLabel`.\n */\nfunction limitOf(maxLength: number | undefined, label: string | undefined) {\n  if (maxLength === undefined) {\n    return undefined\n  }\n\n  return (\n    label ??\n    (maxLength === 1\n      ? 'Up to 1 character'\n      : `Up to ${String(maxLength)} characters`)\n  )\n}\n\nfunction marginTopOf(marginTop: number): ViewStyle {\n  return { marginTop }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\nfunction minWidthOf(minWidth: number): ViewStyle {\n  return { minWidth }\n}\n\n/**\n * The label's text in its floated type, out of sight, measured for the\n * outlined box's notch.\n */\nfunction NotchMeasure({\n  children,\n  floatingLabel,\n  isRequired,\n  onMeasure,\n}: {\n  readonly children: string\n  readonly floatingLabel: boolean\n  readonly isRequired: boolean\n  readonly onMeasure: (width: number) => void\n}) {\n  const styles = fieldStylesOf(useTheme())\n  const small = useTypeRole(floatingLabel ? 'bodySmall' : 'labelMedium')\n\n  return (\n    <View\n      aria-hidden\n      style={composeStyles<ViewStyle>(\n        styles.label,\n        styles.labelOutlined,\n        styles.notchMeasure,\n      )}\n    >\n      <NativeText\n        numberOfLines={1}\n        onLayout={widthTo(onMeasure)}\n        style={composeStyles<TextStyle>(small, styles.labelTextOutlined)}\n      >\n        {children}\n        {isRequired ? REQUIRED_MARK : null}\n      </NativeText>\n    </View>\n  )\n}\n\nfunction numericOf(fontFamily: string | undefined): TextStyle {\n  return { fontFamily, fontVariant: ['tabular-nums'] }\n}\n\n// How far an outline stretch reaches along the box before the label's place\n// begins or after it ends: the box's padding at that end, and past an icon\n// the page's 12dp, the icon and its 16dp, less the notch's own 4dp beside the\n// label.\nfunction outlineInset(spacing: ResolvedTheme['spacing'], icon: ReactNode) {\n  return (\n    (icon === undefined ? spacing.lg : spacing.md + ICON_SIZE + spacing.lg) -\n    spacing.xs\n  )\n}\n\n// The asterisk after a required field's label, which is how the text fields\n// page marks one. In the label rather than beside it, so it floats and takes\n// the label's colour with it.\nconst REQUIRED_MARK = '*'\n\n/**\n * One view drawing a field's rule in its eased colour and width, from\n * {@link useStrokeMotion}: on every side, for the outlined box's outline,\n * which the piece around it clips, and a bar's ring, or on the top alone,\n * for the filled box's indicator.\n */\nfunction FieldStroke({ color, sides, style, width }: FieldStrokeProps) {\n  const stroke = useAnimatedStyle(() => {\n    'worklet'\n    return sides === 'all'\n      ? { borderColor: color.get(), borderWidth: width.get() }\n      : { borderColor: color.get(), borderTopWidth: width.get() }\n  })\n\n  return (\n    <Animated.View\n      aria-hidden\n      style={composeStyles<AnimatedStyle<ViewStyle>>(style, stroke)}\n    />\n  )\n}\n\n// Says an error on iOS as it arrives. An error the field opened with is not\n// said, and neither is one that has not changed.\nfunction useErrorAnnouncement(error: string | undefined) {\n  const said = useRef(error)\n\n  useEffect(() => {\n    if (\n      Platform.OS === 'ios' &&\n      error !== undefined &&\n      error !== '' &&\n      error !== said.current\n    ) {\n      AccessibilityInfo.announceForAccessibility(error)\n    }\n    said.current = error\n  }, [error])\n}\n\n/**\n * The rule the box draws, the filled box's indicator or the outlined box's\n * outline: its colour and its width by state.\n */\nfunction useRuleMotion(theme: ResolvedTheme, state: FieldState) {\n  const { colors, stateLayerOpacity } = theme\n  const width = !state.disabled && state.focused ? 2 : 1\n  const color = state.disabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContainer)\n    : state.focused\n      ? state.invalid\n        ? colors.error\n        : colors.primary\n      : state.hovered\n        ? state.invalid\n          ? colors.onErrorContainer\n          : colors.onSurface\n        : state.invalid\n          ? colors.error\n          : colors.outline\n\n  return useStrokeMotion(color, width)\n}\n\n/**\n * A rule's colour and width, eased to each new pair over `durationShort2` as\n * web transitions them, and moved at once under reduced motion. Hand the\n * result to {@link FieldStroke}.\n */\nfunction useStrokeMotion(color: string, width: number): StrokeMotion {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const timing = {\n    duration: motion.durationShort2,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n\n  return {\n    color: useDerivedValue<string>(() =>\n      reduceMotion ? color : withTiming(color, timing),\n    ),\n    width: useDerivedValue<number>(() =>\n      reduceMotion ? width : withTiming(width, timing),\n    ),\n  }\n}\n\nfunction webStateOf(box: BoxControl): undefined | WebState {\n  if (Platform.OS !== 'web') {\n    return undefined\n  }\n\n  return {\n    ...(box.invalid ? { 'aria-invalid': true } : undefined),\n    ...(box.required ? { 'aria-required': true } : undefined),\n  }\n}\n\nfunction widthOf(width: number): ViewStyle {\n  return { width }\n}\n\nfunction widthTo(onMeasure: (width: number) => void) {\n  return (event: LayoutChangeEvent) => {\n    onMeasure(event.nativeEvent.layout.width)\n  }\n}\n\nexport {\n  describedBy,\n  FieldBox,\n  FieldInput,\n  FieldMessage,\n  FieldStates,\n  FieldStroke,\n  useFieldFocus,\n  useStrokeMotion,\n}\nexport type {\n  FieldBoxProps,\n  FieldDescriptionPart,\n  FieldInputProps,\n  FieldMessageProps,\n  FieldStatesProps,\n  FieldStrokeProps,\n  FieldVariant,\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","RefObject","LayoutChangeEvent","StyleProp","TextInputProps","TextStyle","ViewProps","ViewStyle","AnimatedStyle","DerivedValue","createContext","use","useEffect","useId","useMemo","useRef","useState","AccessibilityInfo","Text","NativeText","Platform","Pressable","TextInput","useWindowDimensions","View","Animated","Easing","useAnimatedStyle","useDerivedValue","useReducedMotion","withTiming","IconStyle","ResolvedTheme","useInsideForm","IconStyleContext","usePressFeedback","withOpacity","useTheme","composeStyles","useFontFamily","useTypeRole","fieldStylesOf","BoxControl","disabled","floated","invalid","label","required","underLabel","DescribedBy","Pick","FieldBoxProps","children","control","end","floatingLabel","isDisabled","isFocused","isInvalid","isPopulated","isRequired","leading","trailing","variant","FieldVariant","FieldDescriptionPart","id","text","FieldInputProps","Omit","described","numeric","prefix","ref","suffix","FieldMessageProps","characterCount","characterLimitLabel","description","error","length","maxLength","FieldState","focused","hovered","FieldStatesProps","FieldStrokeProps","StrokeMotion","sides","style","LabelPlace","fontSize","letterSpacing","lineHeight","top","color","width","WebState","ICON_SIZE","OUTSIDE_BOX","BoxContext","NO_PARTS","counterFormat","Intl","NumberFormat","describedBy","ids","idsOf","message","undefined","limit","limitOf","FieldBox","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","theme","styles","fontScale","notch","setNotch","colors","radii","spacing","stateLayerOpacity","typography","t8","xs","borderTopEndRadius","borderTopStartRadius","t9","onSurface","corners","disableRipple","feedback","outlined","t10","state","rule","useRuleMotion","t11","t12","boxControlOf","boxControl","t13","disabledContent","T0","t14","t15","t16","handlers","onHoverIn","t17","onHoverOut","t18","focusOf","t19","box","boxLeading","boxTrailing","boxOutlined","boxDisabled","minHeightOf","lg","bodyLargeLineHeight","sm","bodySmallLineHeight","t20","outline","outlineStart","widthOf","outlineInset","outlineStartBox","outlineNotch","outlineNotchBox","outlineEnd","minWidthOf","outlineEndBox","layer","indicator","t21","onSurfaceVariant","icon","iconStyleOf","t22","t23","t24","t25","column","t26","t27","FieldInput","props","role","mono","fontFamilyMono","content","caret","primary","muted","affixed","clearance","marginTopOf","affixStyle","colorOf","descriptionOf","affixPart","webStateOf","OS","INHERITS_DIRECTION","input","numericOf","affixLine","FieldMessage","insideForm","collapsed","messageStyle","SHRINKS","useErrorAnnouncement","messageLine","messageLineCollapsed","OUT_OF_FLOW","ATOMIC","HIDDEN","NOT_DRAWN","counter","countOf","FieldStates","states","useFieldFocus","onBlur","onFocus","setFocused","event","event_0","const","dir","display","position","flexShrink","Affix","motion","reduceMotion","opacity","timing","duration","durationShort3","easing","bezier","easingStandard","fade","affix","String","BoxLabel","large","small","smallRole","place","bodyLargeSize","bodyLargeTracking","motionStyle","labelOutlined","labelTextOutlined","REQUIRED_MARK","format","parts","map","part","join","said","filter","accessibilityHint","current","focus","size","marginTop","minHeight","minWidth","NotchMeasure","onMeasure","notchMeasure","T1","widthTo","fontFamily","fontVariant","md","FieldStroke","stroke","borderColor","get","borderWidth","borderTopWidth","announceForAccessibility","onErrorContainer","disabledContainer","useStrokeMotion","durationShort2","nativeEvent","layout","_c","state","NativeText","color"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  LayoutChangeEvent,\n  StyleProp,\n  TextInputProps,\n  TextStyle,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle, DerivedValue } from 'react-native-reanimated'\n\nimport {\n  createContext,\n  use,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  AccessibilityInfo,\n  Text as NativeText,\n  Platform,\n  Pressable,\n  TextInput,\n  useWindowDimensions,\n  View,\n} from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  useReducedMotion,\n  withTiming,\n} from 'react-native-reanimated'\n\nimport type { IconStyle } from '../glyphs/icon-style'\nimport type { ResolvedTheme } from '../theme/scope'\n\nimport { useInsideForm } from '../form'\nimport { IconStyleContext } from '../glyphs/icon-style'\nimport { usePressFeedback } from '../press'\nimport { withOpacity } from '../theme/color'\nimport { useTheme } from '../theme/scope'\nimport { composeStyles } from '../theme/styles'\nimport { useFontFamily } from '../typography/fonts'\nimport { useTypeRole } from '../typography/roles'\nimport { fieldStylesOf } from './styles'\n\n// The chrome every field shares, as on web: the box with its label, the\n// control inside it, and the line of supporting text under it. Each field is\n// the parts it renders inside a root of its own, and these are not exported\n// from the package.\n//\n// The text fields page draws two boxes. The filled one carries surface\n// container highest with an active indicator along its bottom, 1dp in the\n// outline role at rest and 2dp in primary while focused, and its label floats\n// within it. The outlined one has no fill and a 1dp outline all round that\n// thickens the same way, and its label floats up onto the outline, cutting a\n// notch in it.\n//\n// **The label floats by changing its type and its place**, eased by\n// Reanimated over `durationShort3` on the standard curve, as web transitions\n// them: body large on the value's line while the field is empty and\n// unfocused, body small at the top once it is focused or holds a value.\n// `floatingLabel={false}` keeps it small at the top in label medium, as web's\n// fixed label is. Under reduced motion it moves at once.\n//\n// **The box grows with the device's text size.** Its height is a floor rather\n// than a height, the padding above and below plus the lines it holds, and the\n// lines are the type tokens' line heights at the device's font scale, which\n// is what React Native draws the text at. So the 56dp the page gives is the\n// floor at the default text size, and a larger one makes the box taller\n// rather than running the value out of it.\n//\n// **The outline is drawn from views**, since there is no fieldset to cut it:\n// three pieces in a row, the stretch before the label, the notch under it,\n// which draws only the bottom of the outline, and the stretch after it. The\n// notch is the label's width in its floated type, measured from a copy of it\n// out of sight, as web's legend holds one. Before the label floats it is\n// closed, and the two stretches meet.\n//\n// **A pointer over the filled box draws the state layer**, the one every\n// control draws through `usePressFeedback`, on surface at the hover opacity,\n// and turns the indicator on surface, as the page's hovered state does; one\n// over the outlined box turns the outline on surface. Web's filled box draws\n// neither. Focus wins over hover, and an error takes the\n// error role, or on error container under a pointer.\n//\n// **Disabled is the page's colour at an opacity, translucent**: the filled\n// container and the rule are on surface at the `disabledContainer` opacity,\n// and the label, the value and the icons on surface at `disabledContent`,\n// over whatever the field sits on rather than mixed over the surface role as\n// web's are.\n\n// What a control needs to know about the box around it: how the label is\n// drawn, whether the control clears it, and the states it takes its colours\n// from.\ntype BoxControl = {\n  readonly disabled: boolean\n  readonly floated: boolean\n  readonly invalid: boolean\n  readonly label: 'fixed' | 'floating' | 'none'\n  readonly required: boolean\n  readonly underLabel: boolean\n}\n\ntype DescribedBy = Pick<ViewProps, 'accessibilityHint'> & {\n  readonly 'aria-describedby'?: string\n}\n\ntype FieldBoxProps = {\n  readonly children?: ReactNode\n  /**\n   * The control the box focuses when it is pressed anywhere, as the whole\n   * of a native text field's box takes a press.\n   */\n  readonly control: RefObject<ComponentRef<typeof TextInput> | null>\n  /**\n   * What the box holds after the label and the control's column, drawn as\n   * it is rather than in an icon's slot, for a part laid out against the\n   * box's own edges: a number field's steppers. The column, and the label\n   * in it, end where this starts, 16dp before it.\n   */\n  readonly end?: 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. `false` keeps it small at the top.\n   * @default true\n   */\n  readonly floatingLabel?: boolean\n  /** @default false */\n  readonly isDisabled?: boolean\n  /** Whether the control has focus, which the box draws. */\n  readonly isFocused?: boolean\n  /** @default false */\n  readonly isInvalid?: boolean\n  /** Whether the control holds anything, which floats the label. */\n  readonly isPopulated?: boolean\n  /**\n   * Marks the label with an asterisk, as the text fields page marks a field\n   * that must be filled.\n   * @default false\n   */\n  readonly isRequired?: boolean\n  /** What the field is for. */\n  readonly label: string\n  /** An icon at the start of the box, before the label and the control. */\n  readonly leading?: ReactNode\n  /** An icon at the end of the box, after the control. */\n  readonly trailing?: ReactNode\n  /** @default 'filled' */\n  readonly variant?: FieldVariant\n}\n\n/**\n * One piece of what describes a field's control: the text a screen reader\n * hears on iOS and Android, and the id of the element showing it, which the\n * control points at under React Native Web.\n */\ntype FieldDescriptionPart = {\n  readonly id: string\n  readonly text: string\n}\n\ntype FieldInputProps = Omit<\n  TextInputProps,\n  | 'accessibilityHint'\n  | 'cursorColor'\n  | 'multiline'\n  | 'placeholderTextColor'\n  | 'selectionColor'\n  | 'style'\n  | 'underlineColorAndroid'\n> & {\n  /** What describes the control, after its prefix and suffix. */\n  readonly described?: readonly FieldDescriptionPart[]\n  /**\n   * The value in the mono face with tabular figures.\n   * @default false\n   */\n  readonly numeric?: boolean\n  /** Text before the value on its line. */\n  readonly prefix?: ReactNode\n  readonly ref?: Ref<ComponentRef<typeof TextInput>>\n  /** Text after the value on its line. */\n  readonly suffix?: ReactNode\n}\n\ntype FieldMessageProps = {\n  /**\n   * Counts the characters, against `maxLength` where there is one.\n   * @default false\n   */\n  readonly characterCount?: boolean\n  /** How the limit is said to a screen reader. */\n  readonly characterLimitLabel?: string | undefined\n  /** The hint, which the error replaces while there is one. */\n  readonly description?: string | undefined\n  /** The problem with the value, in words. */\n  readonly error?: string | undefined\n  /** The field's id, as handed to {@link describedBy}. */\n  readonly id: string\n  /** How many characters the control holds. */\n  readonly length?: number\n  readonly maxLength?: number | undefined\n}\n\ntype FieldState = {\n  readonly disabled: boolean\n  readonly focused: boolean\n  readonly hovered: boolean\n  readonly invalid: boolean\n}\n\ntype FieldStatesProps = {\n  readonly children?: ReactNode\n  /** @default false */\n  readonly isDisabled?: boolean\n  /** @default false */\n  readonly isInvalid?: boolean\n  /** @default false */\n  readonly isRequired?: boolean\n}\n\ntype FieldStrokeProps = StrokeMotion & {\n  /** Every side of the view, or the top alone. */\n  readonly sides: 'all' | 'top'\n  readonly style: StyleProp<ViewStyle>\n}\n\n/**\n * The filled box, or the outlined one: no fill, an outline that thickens and\n * takes the primary role while focused, and the label cutting it once it\n * floats, the text fields page's two fields.\n */\ntype FieldVariant = 'filled' | 'outlined'\n\n// Where the label is and what type it is in, at rest or floated.\ntype LabelPlace = {\n  readonly fontSize: number\n  readonly letterSpacing: number\n  readonly lineHeight: number\n  readonly top: number\n}\n\n// The control's state as React Native Web hands it to a browser, which reads\n// `aria-invalid` and `aria-required` off the input. React Native has neither.\n// A rule's colour and width as they ease.\ntype StrokeMotion = {\n  readonly color: DerivedValue<string>\n  readonly width: DerivedValue<number>\n}\n\ntype WebState = {\n  readonly 'aria-invalid'?: true\n  readonly 'aria-required'?: true\n}\n\n// The page's icon, which the box's outline is laid out around.\nconst ICON_SIZE = 24\n\n// A control outside any box has no label over it.\nconst OUTSIDE_BOX: BoxControl = {\n  disabled: false,\n  floated: true,\n  invalid: false,\n  label: 'none',\n  required: false,\n  underLabel: false,\n}\n\nconst BoxContext = createContext<BoxControl>(OUTSIDE_BOX)\n\nconst NO_PARTS: readonly FieldDescriptionPart[] = []\n\nlet counterFormat: Intl.NumberFormat | undefined\n\n/**\n * How a field's control is described by the line under it: the error while\n * there is one, otherwise the description, then the limit where there is a\n * `maxLength`. Hand the result to {@link FieldInput} as `described`, and the\n * same `id` to {@link FieldMessage}.\n */\nfunction describedBy(\n  id: string,\n  {\n    characterLimitLabel,\n    description,\n    error,\n    maxLength,\n  }: Pick<\n    FieldMessageProps,\n    'characterLimitLabel' | 'description' | 'error' | 'maxLength'\n  >,\n): readonly FieldDescriptionPart[] {\n  const ids = idsOf(id)\n  const message =\n    error === undefined\n      ? { id: ids.description, text: description ?? '' }\n      : { id: ids.error, text: error }\n  const limit = limitOf(maxLength, characterLimitLabel)\n\n  return [\n    ...(message.text === '' ? [] : [message]),\n    ...(limit === undefined ? [] : [{ id: ids.limit, text: limit }]),\n  ]\n}\n\n/**\n * The box a control sits in, filled or outlined, with its label. Pressed\n * anywhere, it focuses its control. The states it draws are handed to it,\n * since the field around it is what knows them.\n */\nfunction FieldBox({\n  children,\n  control,\n  end,\n  floatingLabel = true,\n  isDisabled = false,\n  isFocused = false,\n  isInvalid = false,\n  isPopulated = false,\n  isRequired = false,\n  label,\n  leading,\n  trailing,\n  variant = 'filled',\n}: FieldBoxProps) {\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const [notch, setNotch] = useState(0)\n  const { colors, radii, spacing, stateLayerOpacity, typography } = theme\n  // The hover layer alone: a text field's box takes no pressed or focus\n  // layer, since the indicator and the label are what mark its focus.\n  const feedback = usePressFeedback({\n    color: colors.onSurface,\n    corners: {\n      borderTopEndRadius: radii.xs,\n      borderTopStartRadius: radii.xs,\n    },\n    disabled: isDisabled,\n    disableRipple: true,\n  })\n  const outlined = variant === 'outlined'\n  const floated = !floatingLabel || isFocused || isPopulated\n  const state: FieldState = {\n    disabled: isDisabled,\n    focused: isFocused,\n    hovered: feedback.hovered,\n    invalid: isInvalid,\n  }\n  const rule = useRuleMotion(theme, state)\n  const boxControl = useMemo(\n    () =>\n      boxControlOf(\n        floatingLabel,\n        floated,\n        isDisabled,\n        isInvalid,\n        isRequired,\n        !outlined,\n      ),\n    [floatingLabel, floated, isDisabled, isInvalid, isRequired, outlined],\n  )\n  const disabledContent = withOpacity(\n    colors.onSurface,\n    stateLayerOpacity.disabledContent,\n  )\n\n  return (\n    <Pressable\n      accessible={false}\n      disabled={isDisabled}\n      focusable={false}\n      onHoverIn={feedback.handlers.onHoverIn}\n      onHoverOut={feedback.handlers.onHoverOut}\n      onPress={focusOf(control)}\n      style={composeStyles<ViewStyle>(\n        styles.box,\n        leading === undefined ? undefined : styles.boxLeading,\n        trailing === undefined ? undefined : styles.boxTrailing,\n        outlined ? styles.boxOutlined : undefined,\n        isDisabled && !outlined ? styles.boxDisabled : undefined,\n        minHeightOf(\n          outlined\n            ? 2 * spacing.lg + typography.bodyLargeLineHeight * fontScale\n            : 2 * spacing.sm +\n                (typography.bodySmallLineHeight +\n                  typography.bodyLargeLineHeight) *\n                  fontScale,\n        ),\n      )}\n    >\n      {outlined ? (\n        <View aria-hidden style={styles.outline}>\n          <View\n            style={composeStyles<ViewStyle>(\n              styles.outlineStart,\n              widthOf(outlineInset(spacing, leading)),\n            )}\n          >\n            <FieldStroke\n              color={rule.color}\n              sides=\"all\"\n              style={styles.outlineStartBox}\n              width={rule.width}\n            />\n          </View>\n          <View\n            style={composeStyles<ViewStyle>(\n              styles.outlineNotch,\n              widthOf(floated ? notch : 0),\n            )}\n          >\n            <FieldStroke\n              color={rule.color}\n              sides=\"all\"\n              style={styles.outlineNotchBox}\n              width={rule.width}\n            />\n          </View>\n          <View\n            style={composeStyles<ViewStyle>(\n              styles.outlineEnd,\n              minWidthOf(outlineInset(spacing, trailing)),\n            )}\n          >\n            <FieldStroke\n              color={rule.color}\n              sides=\"all\"\n              style={styles.outlineEndBox}\n              width={rule.width}\n            />\n          </View>\n        </View>\n      ) : (\n        <>\n          {feedback.layer}\n          <FieldStroke\n            color={rule.color}\n            sides=\"top\"\n            style={styles.indicator}\n            width={rule.width}\n          />\n        </>\n      )}\n      {leading === undefined ? null : (\n        <View style={styles.icon}>\n          <IconStyleContext\n            value={iconStyleOf(\n              isDisabled ? disabledContent : colors.onSurfaceVariant,\n            )}\n          >\n            {leading}\n          </IconStyleContext>\n        </View>\n      )}\n      <View style={styles.column}>\n        <BoxLabel\n          floated={floated}\n          floatingLabel={floatingLabel}\n          isDisabled={isDisabled}\n          isFocused={isFocused}\n          isInvalid={isInvalid}\n          isRequired={isRequired}\n          variant={variant}\n        >\n          {label}\n        </BoxLabel>\n        {outlined ? (\n          <NotchMeasure\n            floatingLabel={floatingLabel}\n            isRequired={isRequired}\n            onMeasure={setNotch}\n          >\n            {label}\n          </NotchMeasure>\n        ) : null}\n        <BoxContext value={boxControl}>{children}</BoxContext>\n      </View>\n      {end}\n      {trailing === undefined ? null : (\n        <View style={styles.icon}>\n          <IconStyleContext\n            value={iconStyleOf(\n              isDisabled\n                ? disabledContent\n                : isInvalid\n                  ? colors.error\n                  : colors.onSurfaceVariant,\n            )}\n          >\n            {trailing}\n          </IconStyleContext>\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\n/**\n * A field's text control, in a {@link FieldBox}, or in {@link FieldStates}\n * inside a container of a field's own. In a box it clears the label at the\n * top where the box is filled, and shows a prefix and a suffix only while the\n * label has floated, since at rest the label sits on their line. It takes the\n * error role for its caret while the field has an error, and draws a\n * placeholder in the muted role.\n *\n * It is described by its prefix and suffix, ahead of what the field hands it\n * in `described`, so a reader hears the unit the value is read against as a\n * sighted one sees it beside the value: on iOS and Android as its hint, and\n * under React Native Web through `aria-describedby`, which drops the hint.\n */\nfunction FieldInput({\n  described = NO_PARTS,\n  numeric = false,\n  prefix,\n  suffix,\n  ...props\n}: FieldInputProps) {\n  const box = use(BoxContext)\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const role = useTypeRole('bodyLarge')\n  const mono = useFontFamily(theme.typography.fontFamilyMono)\n  const id = useId()\n  const { colors, stateLayerOpacity, typography } = theme\n  const content = box.disabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n    : colors.onSurface\n  const caret = box.invalid ? colors.error : colors.primary\n  const muted = box.disabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n    : colors.onSurfaceVariant\n  const affixed = prefix !== undefined || suffix !== undefined\n  const clearance = box.underLabel\n    ? marginTopOf(typography.bodySmallLineHeight * fontScale)\n    : undefined\n  const affixStyle = composeStyles<TextStyle>(role, colorOf(muted))\n\n  const control = (\n    <TextInput\n      {...(Platform.OS === 'web' ? INHERITS_DIRECTION : undefined)}\n      {...props}\n      {...descriptionOf([\n        ...affixPart(`${id}-prefix`, prefix),\n        ...affixPart(`${id}-suffix`, suffix),\n        ...described,\n      ])}\n      {...webStateOf(box)}\n      aria-disabled={box.disabled}\n      cursorColor={caret}\n      placeholderTextColor={muted}\n      selectionColor={caret}\n      style={composeStyles<TextStyle>(\n        role,\n        styles.input,\n        colorOf(content),\n        numeric ? numericOf(mono) : undefined,\n        minHeightOf(typography.bodyLargeLineHeight * fontScale),\n        affixed ? undefined : clearance,\n      )}\n      underlineColorAndroid=\"transparent\"\n    />\n  )\n\n  if (!affixed) {\n    return control\n  }\n\n  return (\n    <View style={composeStyles<ViewStyle>(styles.affixLine, clearance)}>\n      {prefix === undefined ? null : (\n        <Affix floated={box.floated} id={`${id}-prefix`} style={affixStyle}>\n          {prefix}\n        </Affix>\n      )}\n      {control}\n      {suffix === undefined ? null : (\n        <Affix floated={box.floated} id={`${id}-suffix`} style={affixStyle}>\n          {suffix}\n        </Affix>\n      )}\n    </View>\n  )\n}\n\n/**\n * The line under a field: the error while there is one, the description\n * otherwise, and the count of characters at its end. With nothing to show it\n * is out of the flow, so the field ends at its box. Inside a form it is drawn\n * anyway, empty, since a form is where an error arrives after the fact, from\n * a server or on a submission, and every field below this one would\n * otherwise move by the line's height when it does.\n *\n * On iOS and Android the control reads the line out as its hint, so the line\n * itself is hidden from VoiceOver and TalkBack rather than read twice. An\n * error is announced as it arrives, since a hint that changes is not read\n * again: on iOS through `announceForAccessibility`, and on Android, where the\n * error is left reachable for it, by a polite live region around it, which\n * is also what announces it under React Native Web. An error the field opens\n * with is not announced, as a live region in a browser does not read what it\n * was mounted holding.\n *\n * The count is hidden everywhere. It changes on every keystroke, and read\n * back at that rate it is worse than not hearing it, so the limit is said\n * once in the control's description instead.\n */\nfunction FieldMessage({\n  characterCount = false,\n  characterLimitLabel,\n  description,\n  error,\n  id,\n  length = 0,\n  maxLength,\n}: FieldMessageProps) {\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const role = useTypeRole('bodySmall')\n  const { fontScale } = useWindowDimensions()\n  const ids = idsOf(id)\n  const invalid = error !== undefined\n  const limit = limitOf(maxLength, characterLimitLabel)\n  const insideForm = useInsideForm()\n  const collapsed =\n    !invalid && description === undefined && !characterCount && !insideForm\n  const { colors, typography } = theme\n  const messageStyle = composeStyles<TextStyle>(\n    role,\n    colorOf(invalid ? colors.error : colors.onSurfaceVariant),\n    SHRINKS,\n  )\n\n  useErrorAnnouncement(error)\n\n  return (\n    <View\n      style={composeStyles<ViewStyle>(\n        styles.messageLine,\n        collapsed\n          ? styles.messageLineCollapsed\n          : minHeightOf(typography.bodySmallLineHeight * fontScale),\n      )}\n    >\n      <View\n        aria-live=\"polite\"\n        {...(Platform.OS === 'web' ? ATOMIC : undefined)}\n        {...(Platform.OS === 'ios' ? HIDDEN : undefined)}\n        style={invalid && error !== '' ? SHRINKS : OUT_OF_FLOW}\n      >\n        {invalid && error !== '' ? (\n          <NativeText id={ids.error} style={messageStyle}>\n            {error}\n          </NativeText>\n        ) : null}\n      </View>\n      {invalid || description === undefined ? null : (\n        <NativeText\n          {...(Platform.OS === 'web' ? undefined : HIDDEN)}\n          id={ids.description}\n          style={messageStyle}\n        >\n          {description}\n        </NativeText>\n      )}\n      {limit === undefined || Platform.OS !== 'web' ? null : (\n        <NativeText id={ids.limit} style={NOT_DRAWN}>\n          {limit}\n        </NativeText>\n      )}\n      {characterCount ? (\n        <NativeText\n          aria-hidden\n          style={composeStyles<TextStyle>(messageStyle, styles.counter)}\n        >\n          {countOf(length, maxLength)}\n        </NativeText>\n      ) : null}\n    </View>\n  )\n}\n\n/**\n * Hands a control outside a box the states it is drawn in, for a field that\n * draws a container of its own around the control, as SearchField's bar is.\n * The control takes its colours and the state a screen reader reads from\n * these, as it does from the box around it.\n */\nfunction FieldStates({\n  children,\n  isDisabled = false,\n  isInvalid = false,\n  isRequired = false,\n}: FieldStatesProps) {\n  const states = useMemo(\n    () => ({\n      ...OUTSIDE_BOX,\n      disabled: isDisabled,\n      invalid: isInvalid,\n      required: isRequired,\n    }),\n    [isDisabled, isInvalid, isRequired],\n  )\n\n  return <BoxContext value={states}>{children}</BoxContext>\n}\n\n/**\n * Tracks whether the control has focus, around the handlers the field was\n * given, which are called after.\n */\nfunction useFieldFocus({\n  onBlur,\n  onFocus,\n}: Pick<TextInputProps, 'onBlur' | 'onFocus'>) {\n  const [focused, setFocused] = useState(false)\n\n  return {\n    focused,\n    handlers: {\n      onBlur: ((event) => {\n        setFocused(false)\n        onBlur?.(event)\n      }) satisfies TextInputProps['onBlur'],\n      onFocus: ((event) => {\n        setFocused(true)\n        onFocus?.(event)\n      }) satisfies TextInputProps['onFocus'],\n    },\n  }\n}\n\n// What a web-only atomic live region adds, so a changed message is read whole.\n// React Native's types carry no `aria-atomic`, which React Native Web takes.\nconst ATOMIC = { 'aria-atomic': true } as const\n\n// What hides a part of the line under a field from VoiceOver and TalkBack,\n// where the control reads it out as its hint.\nconst HIDDEN = { 'aria-hidden': true } as const\n\n// What leaves the control's writing direction to the page under React Native\n// Web, which gives a TextInput `dir=\"auto\"` otherwise and so aligns a value by\n// its own script: a Latin value at the left of a right-to-left field, away\n// from its label. Null rather than left out, since left out is what it writes\n// `auto` for. React Native's types carry no `dir`.\nconst INHERITS_DIRECTION = { dir: null } as const\n\n// The limit under React Native Web: in the document for the control to point\n// at, and drawn nowhere.\nconst NOT_DRAWN: TextStyle = { display: 'none' }\n\n// The live region with nothing in it, which takes no place in the line.\nconst OUT_OF_FLOW: ViewStyle = { position: 'absolute' }\n\nconst SHRINKS: TextStyle = { flexShrink: 1 }\n\n/**\n * A prefix or a suffix, faded in once the label has floated and out when it\n * comes back to rest, over the label's own `durationShort3`.\n */\nfunction Affix({\n  children,\n  floated,\n  id,\n  style,\n}: {\n  readonly children: ReactNode\n  readonly floated: boolean\n  readonly id: string\n  readonly style: StyleProp<TextStyle>\n}) {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const opacity = floated ? 1 : 0\n  const timing = {\n    duration: motion.durationShort3,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n  const fade = useAnimatedStyle(() => {\n    'worklet'\n    return {\n      opacity: reduceMotion ? opacity : withTiming(opacity, timing),\n    }\n  })\n\n  return (\n    <Animated.Text\n      id={id}\n      style={composeStyles<AnimatedStyle<TextStyle>>(style, fade)}\n    >\n      {children}\n    </Animated.Text>\n  )\n}\n\nfunction affixPart(\n  id: string,\n  affix: ReactNode,\n): readonly FieldDescriptionPart[] {\n  if (affix === undefined) {\n    return []\n  }\n\n  return [\n    {\n      id,\n      text:\n        typeof affix === 'string' || typeof affix === 'number'\n          ? String(affix)\n          : '',\n    },\n  ]\n}\n\nfunction boxControlOf(\n  floatingLabel: boolean,\n  floated: boolean,\n  disabled: boolean,\n  invalid: boolean,\n  required: boolean,\n  underLabel: boolean,\n): BoxControl {\n  return {\n    disabled,\n    floated,\n    invalid,\n    label: floatingLabel ? 'floating' : 'fixed',\n    required,\n    underLabel,\n  }\n}\n\n/**\n * The box's label: one line, cut short with an ellipsis, moving between its\n * resting place and its floated one. Hidden from screen readers, since the\n * control is named by the same words.\n */\nfunction BoxLabel({\n  children,\n  floated,\n  floatingLabel,\n  isDisabled,\n  isFocused,\n  isInvalid,\n  isRequired,\n  variant,\n}: {\n  readonly children: string\n  readonly floated: boolean\n  readonly floatingLabel: boolean\n  readonly isDisabled: boolean\n  readonly isFocused: boolean\n  readonly isInvalid: boolean\n  readonly isRequired: boolean\n  readonly variant: FieldVariant\n}) {\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const reduceMotion = useReducedMotion()\n  const large = useTypeRole('bodyLarge')\n  const small = useTypeRole(floatingLabel ? 'bodySmall' : 'labelMedium')\n  const { colors, motion, spacing, stateLayerOpacity, typography } = theme\n  const outlined = variant === 'outlined'\n  const smallRole = floatingLabel ? 'bodySmall' : 'labelMedium'\n  const place: LabelPlace = floated\n    ? {\n        fontSize: typography[`${smallRole}Size`],\n        letterSpacing: typography[`${smallRole}Tracking`],\n        lineHeight: typography[`${smallRole}LineHeight`],\n        top: outlined\n          ? -(\n              spacing.lg +\n              (typography[`${smallRole}LineHeight`] * fontScale) / 2\n            )\n          : 0,\n      }\n    : {\n        fontSize: typography.bodyLargeSize,\n        letterSpacing: typography.bodyLargeTracking,\n        lineHeight: typography.bodyLargeLineHeight,\n        top: outlined ? 0 : (typography.bodySmallLineHeight * fontScale) / 2,\n      }\n  const color = isDisabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n    : isInvalid\n      ? colors.error\n      : isFocused\n        ? colors.primary\n        : colors.onSurfaceVariant\n  const timing = {\n    duration: motion.durationShort3,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n\n  const motionStyle = useAnimatedStyle(() => {\n    'worklet'\n    return {\n      color: reduceMotion ? color : withTiming(color, timing),\n      fontSize: reduceMotion\n        ? place.fontSize\n        : withTiming(place.fontSize, timing),\n      letterSpacing: reduceMotion\n        ? place.letterSpacing\n        : withTiming(place.letterSpacing, timing),\n      lineHeight: reduceMotion\n        ? place.lineHeight\n        : withTiming(place.lineHeight, timing),\n      top: reduceMotion ? place.top : withTiming(place.top, timing),\n    }\n  })\n\n  return (\n    <View\n      aria-hidden\n      style={composeStyles<ViewStyle>(\n        styles.label,\n        outlined ? styles.labelOutlined : undefined,\n      )}\n    >\n      <Animated.Text\n        numberOfLines={1}\n        style={composeStyles<AnimatedStyle<TextStyle>>(\n          floated ? small : large,\n          outlined ? styles.labelTextOutlined : undefined,\n          motionStyle,\n        )}\n      >\n        {children}\n        {isRequired ? REQUIRED_MARK : null}\n      </Animated.Text>\n    </View>\n  )\n}\n\nfunction colorOf(color: string): TextStyle {\n  return { color }\n}\n\n// The count in the device's digits and grouping, as web writes it in the\n// reader's locale. One formatter, since the count changes on every keystroke.\nfunction countOf(length: number, maxLength: number | undefined) {\n  counterFormat ??= new Intl.NumberFormat()\n\n  return maxLength === undefined\n    ? counterFormat.format(length)\n    : `${counterFormat.format(length)}/${counterFormat.format(maxLength)}`\n}\n\nfunction descriptionOf(\n  parts: readonly FieldDescriptionPart[],\n): DescribedBy | undefined {\n  if (Platform.OS === 'web') {\n    return parts.length === 0\n      ? undefined\n      : { 'aria-describedby': parts.map((part) => part.id).join(' ') }\n  }\n\n  const said = parts.map((part) => part.text).filter((text) => text !== '')\n\n  return said.length === 0 ? undefined : { accessibilityHint: said.join(' ') }\n}\n\nfunction focusOf(control: RefObject<ComponentRef<typeof TextInput> | null>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\nfunction iconStyleOf(color: string): IconStyle {\n  return { color, size: ICON_SIZE }\n}\n\nfunction idsOf(id: string) {\n  return {\n    description: `${id}-description`,\n    error: `${id}-error`,\n    limit: `${id}-limit`,\n  }\n}\n\n/**\n * The limit in words where there is one: the field's own, or English, which\n * an app in another language replaces through `characterLimitLabel`.\n */\nfunction limitOf(maxLength: number | undefined, label: string | undefined) {\n  if (maxLength === undefined) {\n    return undefined\n  }\n\n  return (\n    label ??\n    (maxLength === 1\n      ? 'Up to 1 character'\n      : `Up to ${String(maxLength)} characters`)\n  )\n}\n\nfunction marginTopOf(marginTop: number): ViewStyle {\n  return { marginTop }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\nfunction minWidthOf(minWidth: number): ViewStyle {\n  return { minWidth }\n}\n\n/**\n * The label's text in its floated type, out of sight, measured for the\n * outlined box's notch.\n */\nfunction NotchMeasure({\n  children,\n  floatingLabel,\n  isRequired,\n  onMeasure,\n}: {\n  readonly children: string\n  readonly floatingLabel: boolean\n  readonly isRequired: boolean\n  readonly onMeasure: (width: number) => void\n}) {\n  const styles = fieldStylesOf(useTheme())\n  const small = useTypeRole(floatingLabel ? 'bodySmall' : 'labelMedium')\n\n  return (\n    <View\n      aria-hidden\n      style={composeStyles<ViewStyle>(\n        styles.label,\n        styles.labelOutlined,\n        styles.notchMeasure,\n      )}\n    >\n      <NativeText\n        numberOfLines={1}\n        onLayout={widthTo(onMeasure)}\n        style={composeStyles<TextStyle>(small, styles.labelTextOutlined)}\n      >\n        {children}\n        {isRequired ? REQUIRED_MARK : null}\n      </NativeText>\n    </View>\n  )\n}\n\nfunction numericOf(fontFamily: string | undefined): TextStyle {\n  return { fontFamily, fontVariant: ['tabular-nums'] }\n}\n\n// How far an outline stretch reaches along the box before the label's place\n// begins or after it ends: the box's padding at that end, and past an icon\n// the page's 12dp, the icon and its 16dp, less the notch's own 4dp beside the\n// label.\nfunction outlineInset(spacing: ResolvedTheme['spacing'], icon: ReactNode) {\n  return (\n    (icon === undefined ? spacing.lg : spacing.md + ICON_SIZE + spacing.lg) -\n    spacing.xs\n  )\n}\n\n// The asterisk after a required field's label, which is how the text fields\n// page marks one. In the label rather than beside it, so it floats and takes\n// the label's colour with it.\nconst REQUIRED_MARK = '*'\n\n/**\n * One view drawing a field's rule in its eased colour and width, from\n * {@link useStrokeMotion}: on every side, for the outlined box's outline,\n * which the piece around it clips, and a bar's ring, or on the top alone,\n * for the filled box's indicator.\n */\nfunction FieldStroke({ color, sides, style, width }: FieldStrokeProps) {\n  const stroke = useAnimatedStyle(() => {\n    'worklet'\n    return sides === 'all'\n      ? { borderColor: color.get(), borderWidth: width.get() }\n      : { borderColor: color.get(), borderTopWidth: width.get() }\n  })\n\n  return (\n    <Animated.View\n      aria-hidden\n      style={composeStyles<AnimatedStyle<ViewStyle>>(style, stroke)}\n    />\n  )\n}\n\n// Says an error on iOS as it arrives. An error the field opened with is not\n// said, and neither is one that has not changed.\nfunction useErrorAnnouncement(error: string | undefined) {\n  const said = useRef(error)\n\n  useEffect(() => {\n    if (\n      Platform.OS === 'ios' &&\n      error !== undefined &&\n      error !== '' &&\n      error !== said.current\n    ) {\n      AccessibilityInfo.announceForAccessibility(error)\n    }\n    said.current = error\n  }, [error])\n}\n\n/**\n * The rule the box draws, the filled box's indicator or the outlined box's\n * outline: its colour and its width by state.\n */\nfunction useRuleMotion(theme: ResolvedTheme, state: FieldState) {\n  const { colors, stateLayerOpacity } = theme\n  const width = !state.disabled && state.focused ? 2 : 1\n  const color = state.disabled\n    ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContainer)\n    : state.focused\n      ? state.invalid\n        ? colors.error\n        : colors.primary\n      : state.hovered\n        ? state.invalid\n          ? colors.onErrorContainer\n          : colors.onSurface\n        : state.invalid\n          ? colors.error\n          : colors.outline\n\n  return useStrokeMotion(color, width)\n}\n\n/**\n * A rule's colour and width, eased to each new pair over `durationShort2` as\n * web transitions them, and moved at once under reduced motion. Hand the\n * result to {@link FieldStroke}.\n */\nfunction useStrokeMotion(color: string, width: number): StrokeMotion {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const timing = {\n    duration: motion.durationShort2,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n\n  return {\n    color: useDerivedValue<string>(() =>\n      reduceMotion ? color : withTiming(color, timing),\n    ),\n    width: useDerivedValue<number>(() =>\n      reduceMotion ? width : withTiming(width, timing),\n    ),\n  }\n}\n\nfunction webStateOf(box: BoxControl): undefined | WebState {\n  if (Platform.OS !== 'web') {\n    return undefined\n  }\n\n  return {\n    ...(box.invalid ? { 'aria-invalid': true } : undefined),\n    ...(box.required ? { 'aria-required': true } : undefined),\n  }\n}\n\nfunction widthOf(width: number): ViewStyle {\n  return { width }\n}\n\nfunction widthTo(onMeasure: (width: number) => void) {\n  return (event: LayoutChangeEvent) => {\n    onMeasure(event.nativeEvent.layout.width)\n  }\n}\n\nexport {\n  describedBy,\n  FieldBox,\n  FieldInput,\n  FieldMessage,\n  FieldStates,\n  FieldStroke,\n  useFieldFocus,\n  useStrokeMotion,\n}\nexport type {\n  FieldBoxProps,\n  FieldDescriptionPart,\n  FieldInputProps,\n  FieldMessageProps,\n  FieldStatesProps,\n  FieldStrokeProps,\n  FieldVariant,\n}\n"],"mappings":"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"}

package/dist/form/index.d.ts

@@ -1,5 +1,5 @@
 import { TextInput } from "react-native";
-import "react";
+import { ComponentRef } from "react";
 //#region src/form/index.d.ts
 /**
  * `aria` shows a field's error as soon as the field says so, and lets the

package/dist/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["RefObject","TextInput","createContext","use","useEffect","useId","useRef","useState","FieldValidationOptions","control","error","isDisabled","isEmpty","isReadOnly","isRequired","name","submitted","validate","value","T","ValidationResult","FormEntry","blocks","focus","show","submits","FormRegistry","entries","remove","id","set","entry","FormState","registry","requestSubmit","validationBehavior","FormValidationBehavior","validationErrors","ValidationErrors","FormValues","Readonly","Record","ValidationError","FIELD_VALIDATION_BEHAVIOR","REQUIRED_ERROR","NO_ERRORS","NO_MESSAGES","FormContext","createRegistry","fields","Map","values","delete","focusOf","current","lineOf","messages","length","undefined","join","messagesOf","result","submitOf","onSubmit","blocking","filter","first","at","Object","fromEntries","flatMap","useFieldValidation","t0","$","_c","form","behavior","serverErrors","clearedFrom","setClearedFrom","showing","setShowing","edited","native","barred","server","client","own","shown","t1","t2","t3","Symbol","for","t4","t5","t6","t7","t8","t9","t10","t11","t12","onBlur","onEdit","useInsideForm","_c"],"sources":["../../src/form/index.ts"],"sourcesContent":["import type { RefObject } from 'react'\nimport type { TextInput } from 'react-native'\n\nimport { createContext, use, useEffect, useId, useRef, useState } from 'react'\n\n// What a Form tells the fields inside it, and what each field tells it back,\n// as React Aria's Form and its fields do through context on web. The form\n// hands down how its fields validate and the errors a server sent back, by\n// field name. Each field registers with the form around it while it is\n// mounted, in the order the tree mounts them, which is the order they are\n// drawn in, and the form reads that list when it is submitted: the values by\n// name, and under `native` which fields hold it back and which of them takes\n// focus.\n\ntype FieldValidationOptions<T> = {\n  /** The control a failed native submission focuses. */\n  readonly control: RefObject<null | TextInput>\n  /** The field's own error, which wins over anything the form says. */\n  readonly error: string | undefined\n  readonly isDisabled: boolean\n  /** Whether the value is what a required field must not be left as. */\n  readonly isEmpty: boolean\n  readonly isReadOnly: boolean\n  readonly isRequired: boolean\n  readonly name: string | undefined\n  /** The value as the form submits it. */\n  readonly submitted: string\n  readonly validate: ((value: T) => ValidationResult) | undefined\n  readonly value: T\n}\n\n/** What a field tells the form it is in, as of its last render. */\ntype FormEntry = {\n  /** Whether the field holds a native submission back. */\n  readonly blocks: boolean\n  /** Moves focus to the field's control. */\n  readonly focus: () => void\n  /** Shows the field's own error, once a submission it held back is tried. */\n  readonly show: () => void\n  /** The name and value the field submits, where it submits one. */\n  readonly submits: readonly [string, string] | undefined\n}\n\ntype FormRegistry = {\n  readonly entries: () => readonly FormEntry[]\n  readonly remove: (id: string) => void\n  readonly set: (id: string, entry: FormEntry) => void\n}\n\ntype FormState = {\n  readonly registry: FormRegistry\n  readonly requestSubmit: () => void\n  readonly validationBehavior: FormValidationBehavior\n  readonly validationErrors: ValidationErrors\n}\n\n/**\n * `aria` shows a field's error as soon as the field says so, and lets the\n * form submit regardless. `native` holds the form back while a field in it is\n * required and empty, or rejected by its `validate`, and shows that field's\n * error once a submission is tried.\n */\ntype FormValidationBehavior = 'aria' | 'native'\n\n/** The values a form submits, as strings by each field's `name`. */\ntype FormValues = Readonly<Record<string, string>>\n\n/** A field's problem in words: one message, or several read as one line. */\ntype ValidationError = readonly string[] | string\n\n/** Errors keyed by each field's `name`, such as a server's answer. */\ntype ValidationErrors = Readonly<Record<string, ValidationError>>\n\n/**\n * What a field's `validate` returns for a value: its problem in words, or\n * `true`, `null` or `undefined` where there is none, as on web.\n */\ntype ValidationResult = null | true | undefined | ValidationError\n\n/**\n * What a field outside a form, and a form told nothing, validates by. The\n * library shows its own message under a field, so an error shows as the\n * field reports it rather than once a submission is tried.\n */\nconst FIELD_VALIDATION_BEHAVIOR: FormValidationBehavior = 'aria'\n\n/** The error a required field left empty shows under `native`. */\nconst REQUIRED_ERROR = 'Fill out this field.'\n\nconst NO_ERRORS: ValidationErrors = {}\n\nconst NO_MESSAGES: readonly string[] = []\n\nconst FormContext = createContext<FormState | null>(null)\n\n/**\n * The fields a form holds, in the order they registered. A field that is\n * already in it keeps its place as it reports again, so the order is the one\n * they mounted in.\n */\nfunction createRegistry(): FormRegistry {\n  const fields = new Map<string, FormEntry>()\n\n  return {\n    entries: () => [...fields.values()],\n    remove: (id) => {\n      fields.delete(id)\n    },\n    set: (id, entry) => {\n      fields.set(id, entry)\n    },\n  }\n}\n\n// Focuses a field's control, through the ref the field holds it in.\nfunction focusOf(control: RefObject<null | TextInput>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\n// One line of a field's messages, or nothing where there are none.\nfunction lineOf(messages: readonly string[]): string | undefined {\n  return messages.length === 0 ? undefined : messages.join(' ')\n}\n\n// A validation result as the messages it holds.\nfunction messagesOf(result: ValidationResult): readonly string[] {\n  if (typeof result === 'string') {\n    return result === '' ? NO_MESSAGES : [result]\n  }\n\n  return result === null || result === undefined || result === true\n    ? NO_MESSAGES\n    : result\n}\n\n/**\n * Submits a form: under `native`, holds it back while any field blocks,\n * showing each blocking field's error and focusing the first, and otherwise\n * hands `onSubmit` every named field's value.\n */\nfunction submitOf(\n  registry: FormRegistry,\n  validationBehavior: FormValidationBehavior,\n  onSubmit: ((values: FormValues) => void) | undefined,\n) {\n  return () => {\n    const entries = registry.entries()\n\n    if (validationBehavior === 'native') {\n      const blocking = entries.filter((entry) => entry.blocks)\n      const first = blocking.at(0)\n\n      if (first !== undefined) {\n        for (const entry of blocking) {\n          entry.show()\n        }\n        first.focus()\n        return\n      }\n    }\n\n    onSubmit?.(\n      Object.fromEntries(\n        entries.flatMap((entry) =>\n          entry.submits === undefined ? [] : [entry.submits],\n        ),\n      ),\n    )\n  }\n}\n\n/**\n * A field's validation, as React Aria's is on web, and its place in the form\n * around it. It hands back the error the field shows, and two handlers the\n * field calls: `onEdit` as its value is edited, and `onBlur` as its control\n * loses focus.\n *\n * The error is the field's own `error` where it has one. Otherwise it is the\n * server's, from the form's `validationErrors` under the field's `name`,\n * until the field is edited; a new `validationErrors` from the form shows it\n * again. Otherwise, under `aria`, it is what `validate` says about the value\n * as it changes.\n *\n * Under `native` that last one, or the required field's own error when it is\n * empty, is shown late and taken back early, as on web: once a submission it\n * holds back is tried, or once the control loses focus after an edit, and no\n * longer once the value is right, so a field shows nothing new in the middle\n * of being typed in. A disabled or read-only field holds nothing back, and a\n * disabled one submits nothing, as a browser bars both from validation and\n * leaves a disabled input out of what a form submits.\n */\nfunction useFieldValidation<T>({\n  control,\n  error,\n  isDisabled,\n  isEmpty,\n  isReadOnly,\n  isRequired,\n  name,\n  submitted,\n  validate,\n  value,\n}: FieldValidationOptions<T>) {\n  const form = use(FormContext)\n  const id = useId()\n  const behavior = form?.validationBehavior ?? FIELD_VALIDATION_BEHAVIOR\n  const serverErrors = form?.validationErrors ?? NO_ERRORS\n  const registry = form?.registry\n  // The errors object the field was edited under. Its server error stays\n  // cleared until the form is handed a new one.\n  const [clearedFrom, setClearedFrom] = useState<null | ValidationErrors>(null)\n  const [showing, setShowing] = useState(false)\n  // Whether the value has been edited since the control last lost focus,\n  // which is when a browser fires `change`, and so when React Aria commits.\n  const edited = useRef(false)\n  const native = behavior === 'native'\n  const barred = isDisabled || isReadOnly\n  const server =\n    name === undefined || clearedFrom === serverErrors\n      ? NO_MESSAGES\n      : messagesOf(serverErrors[name])\n  const client =\n    validate === undefined ? NO_MESSAGES : messagesOf(validate(value))\n  const own =\n    client.length > 0\n      ? client\n      : native && isRequired && isEmpty && !barred\n        ? [REQUIRED_ERROR]\n        : NO_MESSAGES\n\n  // Taken back as soon as the value is right, however it got there.\n  if (showing && own.length === 0) {\n    setShowing(false)\n  }\n\n  const shown = native ? (showing ? own : NO_MESSAGES) : client\n  const entry: FormEntry = {\n    blocks:\n      !barred && (error !== undefined || server.length > 0 || own.length > 0),\n    focus: focusOf(control),\n    show: () => {\n      setShowing(true)\n    },\n    submits: isDisabled || name === undefined ? undefined : [name, submitted],\n  }\n\n  // Reported after every render, so the form reads what the field shows.\n  useEffect(() => {\n    registry?.set(id, entry)\n  })\n\n  useEffect(\n    () => () => {\n      registry?.remove(id)\n    },\n    [id, registry],\n  )\n\n  return {\n    error: error ?? lineOf(server) ?? lineOf(shown),\n    onBlur: () => {\n      if (edited.current) {\n        edited.current = false\n        setClearedFrom(serverErrors)\n        setShowing(native)\n      }\n    },\n    onEdit: () => {\n      edited.current = true\n      setClearedFrom(serverErrors)\n    },\n  }\n}\n\n/** Whether the field is inside a form, which keeps its message line drawn. */\nfunction useInsideForm() {\n  return use(FormContext) !== null\n}\n\nexport {\n  createRegistry,\n  FIELD_VALIDATION_BEHAVIOR,\n  FormContext,\n  submitOf,\n  useFieldValidation,\n  useInsideForm,\n}\nexport type {\n  FormValidationBehavior,\n  FormValues,\n  ValidationError,\n  ValidationErrors,\n  ValidationResult,\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","RefObject","TextInput","createContext","use","useEffect","useId","useRef","useState","FieldValidationOptions","control","error","isDisabled","isEmpty","isReadOnly","isRequired","name","submitted","validate","value","T","ValidationResult","FormEntry","blocks","focus","show","submits","FormRegistry","entries","remove","id","set","entry","FormState","registry","requestSubmit","validationBehavior","FormValidationBehavior","validationErrors","ValidationErrors","FormValues","Readonly","Record","ValidationError","FIELD_VALIDATION_BEHAVIOR","REQUIRED_ERROR","NO_ERRORS","NO_MESSAGES","FormContext","createRegistry","fields","Map","values","delete","focusOf","current","lineOf","messages","length","undefined","join","messagesOf","result","submitOf","onSubmit","blocking","filter","first","at","Object","fromEntries","flatMap","useFieldValidation","t0","$","_c","form","behavior","serverErrors","clearedFrom","setClearedFrom","showing","setShowing","edited","native","barred","server","client","own","shown","t1","t2","t3","Symbol","for","t4","t5","t6","t7","t8","t9","t10","t11","t12","onBlur","onEdit","useInsideForm","_c"],"sources":["../../src/form/index.ts"],"sourcesContent":["import type { ComponentRef, RefObject } from 'react'\nimport type { TextInput } from 'react-native'\n\nimport { createContext, use, useEffect, useId, useRef, useState } from 'react'\n\n// What a Form tells the fields inside it, and what each field tells it back,\n// as React Aria's Form and its fields do through context on web. The form\n// hands down how its fields validate and the errors a server sent back, by\n// field name. Each field registers with the form around it while it is\n// mounted, in the order the tree mounts them, which is the order they are\n// drawn in, and the form reads that list when it is submitted: the values by\n// name, and under `native` which fields hold it back and which of them takes\n// focus.\n\ntype FieldValidationOptions<T> = {\n  /** The control a failed native submission focuses. */\n  readonly control: RefObject<ComponentRef<typeof TextInput> | null>\n  /** The field's own error, which wins over anything the form says. */\n  readonly error: string | undefined\n  readonly isDisabled: boolean\n  /** Whether the value is what a required field must not be left as. */\n  readonly isEmpty: boolean\n  readonly isReadOnly: boolean\n  readonly isRequired: boolean\n  readonly name: string | undefined\n  /** The value as the form submits it. */\n  readonly submitted: string\n  readonly validate: ((value: T) => ValidationResult) | undefined\n  readonly value: T\n}\n\n/** What a field tells the form it is in, as of its last render. */\ntype FormEntry = {\n  /** Whether the field holds a native submission back. */\n  readonly blocks: boolean\n  /** Moves focus to the field's control. */\n  readonly focus: () => void\n  /** Shows the field's own error, once a submission it held back is tried. */\n  readonly show: () => void\n  /** The name and value the field submits, where it submits one. */\n  readonly submits: readonly [string, string] | undefined\n}\n\ntype FormRegistry = {\n  readonly entries: () => readonly FormEntry[]\n  readonly remove: (id: string) => void\n  readonly set: (id: string, entry: FormEntry) => void\n}\n\ntype FormState = {\n  readonly registry: FormRegistry\n  readonly requestSubmit: () => void\n  readonly validationBehavior: FormValidationBehavior\n  readonly validationErrors: ValidationErrors\n}\n\n/**\n * `aria` shows a field's error as soon as the field says so, and lets the\n * form submit regardless. `native` holds the form back while a field in it is\n * required and empty, or rejected by its `validate`, and shows that field's\n * error once a submission is tried.\n */\ntype FormValidationBehavior = 'aria' | 'native'\n\n/** The values a form submits, as strings by each field's `name`. */\ntype FormValues = Readonly<Record<string, string>>\n\n/** A field's problem in words: one message, or several read as one line. */\ntype ValidationError = readonly string[] | string\n\n/** Errors keyed by each field's `name`, such as a server's answer. */\ntype ValidationErrors = Readonly<Record<string, ValidationError>>\n\n/**\n * What a field's `validate` returns for a value: its problem in words, or\n * `true`, `null` or `undefined` where there is none, as on web.\n */\ntype ValidationResult = null | true | undefined | ValidationError\n\n/**\n * What a field outside a form, and a form told nothing, validates by. The\n * library shows its own message under a field, so an error shows as the\n * field reports it rather than once a submission is tried.\n */\nconst FIELD_VALIDATION_BEHAVIOR: FormValidationBehavior = 'aria'\n\n/** The error a required field left empty shows under `native`. */\nconst REQUIRED_ERROR = 'Fill out this field.'\n\nconst NO_ERRORS: ValidationErrors = {}\n\nconst NO_MESSAGES: readonly string[] = []\n\nconst FormContext = createContext<FormState | null>(null)\n\n/**\n * The fields a form holds, in the order they registered. A field that is\n * already in it keeps its place as it reports again, so the order is the one\n * they mounted in.\n */\nfunction createRegistry(): FormRegistry {\n  const fields = new Map<string, FormEntry>()\n\n  return {\n    entries: () => [...fields.values()],\n    remove: (id) => {\n      fields.delete(id)\n    },\n    set: (id, entry) => {\n      fields.set(id, entry)\n    },\n  }\n}\n\n// Focuses a field's control, through the ref the field holds it in.\nfunction focusOf(control: RefObject<ComponentRef<typeof TextInput> | null>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\n// One line of a field's messages, or nothing where there are none.\nfunction lineOf(messages: readonly string[]): string | undefined {\n  return messages.length === 0 ? undefined : messages.join(' ')\n}\n\n// A validation result as the messages it holds.\nfunction messagesOf(result: ValidationResult): readonly string[] {\n  if (typeof result === 'string') {\n    return result === '' ? NO_MESSAGES : [result]\n  }\n\n  return result === null || result === undefined || result === true\n    ? NO_MESSAGES\n    : result\n}\n\n/**\n * Submits a form: under `native`, holds it back while any field blocks,\n * showing each blocking field's error and focusing the first, and otherwise\n * hands `onSubmit` every named field's value.\n */\nfunction submitOf(\n  registry: FormRegistry,\n  validationBehavior: FormValidationBehavior,\n  onSubmit: ((values: FormValues) => void) | undefined,\n) {\n  return () => {\n    const entries = registry.entries()\n\n    if (validationBehavior === 'native') {\n      const blocking = entries.filter((entry) => entry.blocks)\n      const first = blocking.at(0)\n\n      if (first !== undefined) {\n        for (const entry of blocking) {\n          entry.show()\n        }\n        first.focus()\n        return\n      }\n    }\n\n    onSubmit?.(\n      Object.fromEntries(\n        entries.flatMap((entry) =>\n          entry.submits === undefined ? [] : [entry.submits],\n        ),\n      ),\n    )\n  }\n}\n\n/**\n * A field's validation, as React Aria's is on web, and its place in the form\n * around it. It hands back the error the field shows, and two handlers the\n * field calls: `onEdit` as its value is edited, and `onBlur` as its control\n * loses focus.\n *\n * The error is the field's own `error` where it has one. Otherwise it is the\n * server's, from the form's `validationErrors` under the field's `name`,\n * until the field is edited; a new `validationErrors` from the form shows it\n * again. Otherwise, under `aria`, it is what `validate` says about the value\n * as it changes.\n *\n * Under `native` that last one, or the required field's own error when it is\n * empty, is shown late and taken back early, as on web: once a submission it\n * holds back is tried, or once the control loses focus after an edit, and no\n * longer once the value is right, so a field shows nothing new in the middle\n * of being typed in. A disabled or read-only field holds nothing back, and a\n * disabled one submits nothing, as a browser bars both from validation and\n * leaves a disabled input out of what a form submits.\n */\nfunction useFieldValidation<T>({\n  control,\n  error,\n  isDisabled,\n  isEmpty,\n  isReadOnly,\n  isRequired,\n  name,\n  submitted,\n  validate,\n  value,\n}: FieldValidationOptions<T>) {\n  const form = use(FormContext)\n  const id = useId()\n  const behavior = form?.validationBehavior ?? FIELD_VALIDATION_BEHAVIOR\n  const serverErrors = form?.validationErrors ?? NO_ERRORS\n  const registry = form?.registry\n  // The errors object the field was edited under. Its server error stays\n  // cleared until the form is handed a new one.\n  const [clearedFrom, setClearedFrom] = useState<null | ValidationErrors>(null)\n  const [showing, setShowing] = useState(false)\n  // Whether the value has been edited since the control last lost focus,\n  // which is when a browser fires `change`, and so when React Aria commits.\n  const edited = useRef(false)\n  const native = behavior === 'native'\n  const barred = isDisabled || isReadOnly\n  const server =\n    name === undefined || clearedFrom === serverErrors\n      ? NO_MESSAGES\n      : messagesOf(serverErrors[name])\n  const client =\n    validate === undefined ? NO_MESSAGES : messagesOf(validate(value))\n  const own =\n    client.length > 0\n      ? client\n      : native && isRequired && isEmpty && !barred\n        ? [REQUIRED_ERROR]\n        : NO_MESSAGES\n\n  // Taken back as soon as the value is right, however it got there.\n  if (showing && own.length === 0) {\n    setShowing(false)\n  }\n\n  const shown = native ? (showing ? own : NO_MESSAGES) : client\n  const entry: FormEntry = {\n    blocks:\n      !barred && (error !== undefined || server.length > 0 || own.length > 0),\n    focus: focusOf(control),\n    show: () => {\n      setShowing(true)\n    },\n    submits: isDisabled || name === undefined ? undefined : [name, submitted],\n  }\n\n  // Reported after every render, so the form reads what the field shows.\n  useEffect(() => {\n    registry?.set(id, entry)\n  })\n\n  useEffect(\n    () => () => {\n      registry?.remove(id)\n    },\n    [id, registry],\n  )\n\n  return {\n    error: error ?? lineOf(server) ?? lineOf(shown),\n    onBlur: () => {\n      if (edited.current) {\n        edited.current = false\n        setClearedFrom(serverErrors)\n        setShowing(native)\n      }\n    },\n    onEdit: () => {\n      edited.current = true\n      setClearedFrom(serverErrors)\n    },\n  }\n}\n\n/** Whether the field is inside a form, which keeps its message line drawn. */\nfunction useInsideForm() {\n  return use(FormContext) !== null\n}\n\nexport {\n  createRegistry,\n  FIELD_VALIDATION_BEHAVIOR,\n  FormContext,\n  submitOf,\n  useFieldValidation,\n  useInsideForm,\n}\nexport type {\n  FormValidationBehavior,\n  FormValues,\n  ValidationError,\n  ValidationErrors,\n  ValidationResult,\n}\n"],"mappings":"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"}

package/dist/glyphs/hidden.js

@@ -0,0 +1,13 @@
+import { Platform } from "react-native";
+//#region src/glyphs/hidden.ts
+const HIDDEN = Platform.select({
+	default: {
+		accessibilityElementsHidden: true,
+		importantForAccessibility: "no-hide-descendants"
+	},
+	web: { "aria-hidden": true }
+});
+//#endregion
+export { HIDDEN };
+
+//# sourceMappingURL=hidden.js.map

package/dist/glyphs/hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hidden.js","names":["SvgProps","Platform","HIDDEN","select","default","accessibilityElementsHidden","importantForAccessibility","web"],"sources":["../../src/glyphs/hidden.ts"],"sourcesContent":["import type { SvgProps } from 'react-native-svg'\n\nimport { Platform } from 'react-native'\n\n// What hides an svg from screen readers, for the glyphs and anything else the\n// library draws in one. On iOS and Android that is React Native's two props,\n// one for VoiceOver and one for TalkBack. Under React Native Web,\n// react-native-svg hands its props to the `<svg>` as they are, so it is\n// `aria-hidden` there, which is the one the browser reads.\nconst HIDDEN = Platform.select<SvgProps>({\n  default: {\n    accessibilityElementsHidden: true,\n    importantForAccessibility: 'no-hide-descendants',\n  },\n  web: { 'aria-hidden': true },\n})\n\nexport { HIDDEN }\n"],"mappings":";;AASA,MAAME,SAASD,SAASE,OAAiB;CACvCC,SAAS;EACPC,6BAA6B;EAC7BC,2BAA2B;CAC7B;CACAC,KAAK,EAAE,eAAe,KAAK;AAC7B,CAAC"}

package/dist/glyphs/index.js

@@ -1,17 +1,11 @@
+import { HIDDEN } from "./hidden.js";
 import { useIconStyle } from "./icon-style.js";
 import { glyphStyles } from "./styles.js";
 import { c } from "react/compiler-runtime";
-import { I18nManager, Platform, StyleSheet } from "react-native";
+import { I18nManager, StyleSheet } from "react-native";
 import Svg, { Path } from "react-native-svg";
 import { jsx } from "react/jsx-runtime";
 //#region src/glyphs/index.tsx
-const HIDDEN = Platform.select({
-	default: {
-		accessibilityElementsHidden: true,
-		importantForAccessibility: "no-hide-descendants"
-	},
-	web: { "aria-hidden": true }
-});
 function CheckGlyph(props) {
 	const $ = c(3);
 	let t0;

package/dist/glyphs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactNode","ColorValue","StyleProp","ViewStyle","SvgProps","I18nManager","Platform","StyleSheet","Svg","Path","useIconStyle","glyphStyles","GlyphProps","color","size","style","testID","HIDDEN","select","default","accessibilityElementsHidden","importantForAccessibility","web","ArrowBackGlyph","props","$","_c","t0","Symbol","for","t1","ArrowDownwardGlyph","ArrowDropDownGlyph","ArrowUpwardGlyph","CalendarGlyph","CheckGlyph","ChevronDownGlyph","ChevronEndGlyph","ClockGlyph","CloseGlyph","Glyph","children","mirrored","undefined","slot","side","t2","t3","compose","isRTL","t4","KeyboardGlyph","MinusGlyph","IndeterminateGlyph","PersonGlyph","PlusGlyph","SearchGlyph","_c"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { ColorValue, StyleProp, ViewStyle } from 'react-native'\nimport type { SvgProps } from 'react-native-svg'\n\nimport { I18nManager, Platform, StyleSheet } from 'react-native'\nimport Svg, { Path } from 'react-native-svg'\n\nimport { useIconStyle } from './icon-style'\nimport { glyphStyles } from './styles'\n\n// The glyphs the library's own controls draw, the same set kanso-ui draws on\n// web: the check and the dash a checkbox shows, the plus and minus a number\n// field's steppers show, the magnifier and cross a search field shows, and the\n// rest named beside each one. Private to the library, as on web: a call site\n// with icons of its own passes them to the slots that take a node, and reads\n// the slot's colour and size through `useIconStyle()`.\n//\n// The paths are kanso-ui's, unchanged: Material Symbols on their 24-unit grid,\n// which is what the checkbox page draws at 18dp, the icon buttons page at 20\n// and the search, menus, date picker and time picker pages at 24.\n\ntype GlyphProps = {\n  /** The fill. Defaults to the colour of the slot the glyph sits in. */\n  readonly color?: ColorValue\n  /** The square's side in dp. Defaults to the size of the slot. */\n  readonly size?: number\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\n// What hides a glyph from screen readers. On iOS and Android that is React\n// Native's two props, one for VoiceOver and one for TalkBack. Under React\n// Native Web, react-native-svg hands its props to the `<svg>` as they are, so\n// it is `aria-hidden` there, which is the one the browser reads.\nconst HIDDEN = Platform.select<SvgProps>({\n  default: {\n    accessibilityElementsHidden: true,\n    importantForAccessibility: 'no-hide-descendants',\n  },\n  web: { 'aria-hidden': true },\n})\n\n// What a search view's back button draws, pointing at the page it returns to.\n// It says \"back\" rather than \"to the left\", so it mirrors under a right-to-left\n// layout.\nfunction ArrowBackGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\" />\n    </Glyph>\n  )\n}\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending. Neither mirrors under a right-to-left layout: they say \"up\" and\n// \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </Glyph>\n  )\n}\n\n// What a menu button draws after its label, pointing at the list it opens.\n// Down is down in either writing direction, so it does not mirror.\nfunction ArrowDropDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M7 10l5 5 5-5z\" />\n    </Glyph>\n  )\n}\n\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </Glyph>\n  )\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\" />\n    </Glyph>\n  )\n}\n\nfunction CheckGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </Glyph>\n  )\n}\n\n// Points down at the menu a split button's second half opens.\nfunction ChevronDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\" />\n    </Glyph>\n  )\n}\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so it mirrors under a right-to-left layout.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </Glyph>\n  )\n}\n\n// What the time picker's trigger draws, and the button that takes its keyboard\n// entry back to the dial: the clock a time is picked from.\nfunction ClockGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\" />\n    </Glyph>\n  )\n}\n\nfunction CloseGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n    </Glyph>\n  )\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, a square of the\n * slot's size filled in the slot's colour, and nothing a screen reader\n * announces, since the control around a glyph carries the name. A glyph whose\n * direction means \"onward\" or \"back\" passes `mirrored`, which turns it over\n * under a right-to-left layout as `:dir(rtl)` does on web.\n */\nfunction Glyph({\n  children,\n  color,\n  mirrored = false,\n  size,\n  style,\n  testID,\n}: GlyphProps & { readonly children: ReactNode; readonly mirrored?: boolean }) {\n  const slot = useIconStyle()\n  const side = size ?? slot.size\n  return (\n    <Svg\n      {...HIDDEN}\n      color={color ?? slot.color}\n      fill=\"currentColor\"\n      height={side}\n      style={StyleSheet.compose(\n        mirrored && I18nManager.isRTL ? glyphStyles.mirrored : undefined,\n        style,\n      )}\n      testID={testID}\n      viewBox=\"0 0 24 24\"\n      width={side}\n    >\n      {children}\n    </Svg>\n  )\n}\n\n// What the time picker's dial draws on the button that switches it to typed\n// entry.\nfunction KeyboardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z\" />\n    </Glyph>\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    <Glyph {...props}>\n      <Path d=\"M19 13H5v-2h14v2z\" />\n    </Glyph>\n  )\n}\n\nconst IndeterminateGlyph = MinusGlyph\n\n// What an avatar with no name to take initials from draws: Material Design's\n// anonymous person, a head over shoulders.\nfunction PersonGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </Glyph>\n  )\n}\n\nfunction PlusGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </Glyph>\n  )\n}\n\nfunction SearchGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n    </Glyph>\n  )\n}\n\nexport {\n  ArrowBackGlyph,\n  ArrowDownwardGlyph,\n  ArrowDropDownGlyph,\n  ArrowUpwardGlyph,\n  CalendarGlyph,\n  CheckGlyph,\n  ChevronDownGlyph,\n  ChevronEndGlyph,\n  ClockGlyph,\n  CloseGlyph,\n  IndeterminateGlyph,\n  KeyboardGlyph,\n  MinusGlyph,\n  PersonGlyph,\n  PlusGlyph,\n  SearchGlyph,\n}\nexport type { GlyphProps }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ReactNode","ColorValue","StyleProp","ViewStyle","I18nManager","StyleSheet","Svg","Path","HIDDEN","useIconStyle","glyphStyles","GlyphProps","color","size","style","testID","ArrowBackGlyph","props","$","_c","t0","Symbol","for","t1","ArrowDownwardGlyph","ArrowDropDownGlyph","ArrowUpwardGlyph","CalendarGlyph","CheckGlyph","ChevronDownGlyph","ChevronEndGlyph","ClockGlyph","CloseGlyph","Glyph","children","mirrored","undefined","slot","side","t2","t3","compose","isRTL","t4","KeyboardGlyph","MinusGlyph","IndeterminateGlyph","PersonGlyph","PlusGlyph","SearchGlyph","_c"],"sources":["../../src/glyphs/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { ColorValue, StyleProp, ViewStyle } from 'react-native'\n\nimport { I18nManager, StyleSheet } from 'react-native'\nimport Svg, { Path } from 'react-native-svg'\n\nimport { HIDDEN } from './hidden'\nimport { useIconStyle } from './icon-style'\nimport { glyphStyles } from './styles'\n\n// The glyphs the library's own controls draw, the same set kanso-ui draws on\n// web: the check and the dash a checkbox shows, the plus and minus a number\n// field's steppers show, the magnifier and cross a search field shows, and the\n// rest named beside each one. Private to the library, as on web: a call site\n// with icons of its own passes them to the slots that take a node, and reads\n// the slot's colour and size through `useIconStyle()`.\n//\n// The paths are kanso-ui's, unchanged: Material Symbols on their 24-unit grid,\n// which is what the checkbox page draws at 18dp, the icon buttons page at 20\n// and the search, menus, date picker and time picker pages at 24.\n\ntype GlyphProps = {\n  /** The fill. Defaults to the colour of the slot the glyph sits in. */\n  readonly color?: ColorValue\n  /** The square's side in dp. Defaults to the size of the slot. */\n  readonly size?: number\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\n// What a search view's back button draws, pointing at the page it returns to.\n// It says \"back\" rather than \"to the left\", so it mirrors under a right-to-left\n// layout.\nfunction ArrowBackGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\" />\n    </Glyph>\n  )\n}\n\n// Which way a sorted column is ordered. Up is ascending and down is\n// descending. Neither mirrors under a right-to-left layout: they say \"up\" and\n// \"down\" rather than \"onward\", and those do not flip.\nfunction ArrowDownwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z\" />\n    </Glyph>\n  )\n}\n\n// What a menu button draws after its label, pointing at the list it opens.\n// Down is down in either writing direction, so it does not mirror.\nfunction ArrowDropDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M7 10l5 5 5-5z\" />\n    </Glyph>\n  )\n}\n\nfunction ArrowUpwardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n    </Glyph>\n  )\n}\n\n// What the date picker's trigger draws: the calendar a date is picked from.\nfunction CalendarGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2z\" />\n    </Glyph>\n  )\n}\n\nfunction CheckGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" />\n    </Glyph>\n  )\n}\n\n// Points down at the menu a split button's second half opens.\nfunction ChevronDownGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z\" />\n    </Glyph>\n  )\n}\n\n// Points at the submenu a menu item opens. It says \"further in\" rather than\n// \"to the right\", so it mirrors under a right-to-left layout.\nfunction ChevronEndGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props} mirrored>\n      <Path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\" />\n    </Glyph>\n  )\n}\n\n// What the time picker's trigger draws, and the button that takes its keyboard\n// entry back to the dial: the clock a time is picked from.\nfunction ClockGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\" />\n    </Glyph>\n  )\n}\n\nfunction CloseGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\" />\n    </Glyph>\n  )\n}\n\n/**\n * The svg every glyph draws: the 24-unit grid its path is on, a square of the\n * slot's size filled in the slot's colour, and nothing a screen reader\n * announces, since the control around a glyph carries the name. A glyph whose\n * direction means \"onward\" or \"back\" passes `mirrored`, which turns it over\n * under a right-to-left layout as `:dir(rtl)` does on web.\n */\nfunction Glyph({\n  children,\n  color,\n  mirrored = false,\n  size,\n  style,\n  testID,\n}: GlyphProps & { readonly children: ReactNode; readonly mirrored?: boolean }) {\n  const slot = useIconStyle()\n  const side = size ?? slot.size\n  return (\n    <Svg\n      {...HIDDEN}\n      color={color ?? slot.color}\n      fill=\"currentColor\"\n      height={side}\n      style={StyleSheet.compose(\n        mirrored && I18nManager.isRTL ? glyphStyles.mirrored : undefined,\n        style,\n      )}\n      testID={testID}\n      viewBox=\"0 0 24 24\"\n      width={side}\n    >\n      {children}\n    </Svg>\n  )\n}\n\n// What the time picker's dial draws on the button that switches it to typed\n// entry.\nfunction KeyboardGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 12H4V7h16v10zm-9-9h2v2h-2zm0 3h2v2h-2zM8 8h2v2H8zm0 3h2v2H8zm-3 0h2v2H5zm0-3h2v2H5zm3 6h8v2H8zm6-3h2v2h-2zm0-3h2v2h-2zm3 3h2v2h-2zm0-3h2v2h-2z\" />\n    </Glyph>\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    <Glyph {...props}>\n      <Path d=\"M19 13H5v-2h14v2z\" />\n    </Glyph>\n  )\n}\n\nconst IndeterminateGlyph = MinusGlyph\n\n// What an avatar with no name to take initials from draws: Material Design's\n// anonymous person, a head over shoulders.\nfunction PersonGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\" />\n    </Glyph>\n  )\n}\n\nfunction PlusGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n    </Glyph>\n  )\n}\n\nfunction SearchGlyph(props: GlyphProps) {\n  return (\n    <Glyph {...props}>\n      <Path d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" />\n    </Glyph>\n  )\n}\n\nexport {\n  ArrowBackGlyph,\n  ArrowDownwardGlyph,\n  ArrowDropDownGlyph,\n  ArrowUpwardGlyph,\n  CalendarGlyph,\n  CheckGlyph,\n  ChevronDownGlyph,\n  ChevronEndGlyph,\n  ClockGlyph,\n  CloseGlyph,\n  IndeterminateGlyph,\n  KeyboardGlyph,\n  MinusGlyph,\n  PersonGlyph,\n  PlusGlyph,\n  SearchGlyph,\n}\nexport type { GlyphProps }\n"],"mappings":"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"}

package/dist/i18n/index.js

@@ -0,0 +1,23 @@
+import { localeOf } from "../number/locale.js";
+import { MESSAGES } from "./messages.js";
+//#region src/i18n/index.ts
+const TABLE = new Map(Object.entries(MESSAGES));
+const cache = /* @__PURE__ */ new Map();
+function lookUp(locale) {
+	const tag = locale.split("-u-")[0];
+	const language = tag.split("-")[0];
+	return TABLE.get(tag) ?? [...TABLE].find(([key]) => key.startsWith(`${language}-`))?.[1] ?? MESSAGES["en-US"];
+}
+/** The library's words in `locale`, or in the device's when given none. */
+function messagesFor(locale) {
+	const resolved = localeOf(locale);
+	const cached = cache.get(resolved);
+	if (cached !== void 0) return cached;
+	const messages = lookUp(resolved);
+	cache.set(resolved, messages);
+	return messages;
+}
+//#endregion
+export { messagesFor };
+
+//# sourceMappingURL=index.js.map

package/dist/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LibraryMessages","localeOf","MESSAGES","TABLE","Map","Object","entries","cache","lookUp","locale","tag","split","language","get","find","key","startsWith","messagesFor","resolved","cached","undefined","messages","set"],"sources":["../../src/i18n/index.ts"],"sourcesContent":["import type { LibraryMessages } from './messages'\n\nimport { localeOf } from '../number/locale'\nimport { MESSAGES } from './messages'\n\n// The words the library writes itself, in the locale a component is given or\n// the device's. Web reads them through React Aria's dictionary, in the\n// I18nProvider's locale, and this falls back the way that dictionary does: the\n// table's entry for the locale, then the first for its language, then English,\n// so `fr-CA` reads French and a locale the table lacks reads English.\n\nconst TABLE = new Map(Object.entries(MESSAGES))\n\n// One set per locale an app renders in, looked up the first time a component\n// asks for it.\nconst cache = new Map<string, LibraryMessages>()\n\n// A device's locale can carry a Unicode extension, `pt-PT-u-nu-latn`, which\n// says how numbers are written rather than which words; it is set aside, or\n// `pt-PT` would match no entry and read the first Portuguese one, Brazil's.\nfunction lookUp(locale: string): LibraryMessages {\n  const tag = locale.split('-u-')[0]\n  const language = tag.split('-')[0]\n\n  return (\n    TABLE.get(tag) ??\n    [...TABLE].find(([key]) => key.startsWith(`${language}-`))?.[1] ??\n    MESSAGES['en-US']\n  )\n}\n\n/** The library's words in `locale`, or in the device's when given none. */\nfunction messagesFor(locale?: string): LibraryMessages {\n  const resolved = localeOf(locale)\n  const cached = cache.get(resolved)\n\n  if (cached !== undefined) {\n    return cached\n  }\n\n  const messages = lookUp(resolved)\n  cache.set(resolved, messages)\n  return messages\n}\n\nexport { messagesFor }\nexport type { LibraryMessages }\n"],"mappings":";;;AAWA,MAAMG,QAAQ,IAAIC,IAAIC,OAAOC,QAAQJ,QAAQ,CAAC;AAI9C,MAAMK,wBAAQ,IAAIH,IAA6B;AAK/C,SAASI,OAAOC,QAAiC;CAC/C,MAAMC,MAAMD,OAAOE,MAAM,KAAK,CAAC,CAAC;CAChC,MAAMC,WAAWF,IAAIC,MAAM,GAAG,CAAC,CAAC;CAEhC,OACER,MAAMU,IAAIH,GAAG,KACb,CAAC,GAAGP,KAAK,CAAC,CAACW,MAAM,CAACC,SAASA,IAAIC,WAAW,GAAGJ,SAAQ,EAAG,CAAC,CAAC,GAAG,MAC7DV,SAAS;AAEb;;AAGA,SAASe,YAAYR,QAAkC;CACrD,MAAMS,WAAWjB,SAASQ,MAAM;CAChC,MAAMU,SAASZ,MAAMM,IAAIK,QAAQ;CAEjC,IAAIC,WAAWC,KAAAA,GACb,OAAOD;CAGT,MAAME,WAAWb,OAAOU,QAAQ;CAChCX,MAAMe,IAAIJ,UAAUG,QAAQ;CAC5B,OAAOA;AACT"}

package/dist/i18n/messages.js

@@ -0,0 +1,41 @@
+//#region src/i18n/messages.ts
+const MESSAGES = {
+	"ar-AE": { loading: "جارٍ التحميل" },
+	"bg-BG": { loading: "Зареждане" },
+	"cs-CZ": { loading: "Načítání" },
+	"da-DK": { loading: "Indlæser" },
+	"de-DE": { loading: "Wird geladen" },
+	"el-GR": { loading: "Φόρτωση" },
+	"en-US": { loading: "Loading" },
+	"es-ES": { loading: "Cargando" },
+	"et-EE": { loading: "Laadimine" },
+	"fi-FI": { loading: "Ladataan" },
+	"fr-FR": { loading: "Chargement" },
+	"he-IL": { loading: "טוען" },
+	"hr-HR": { loading: "Učitavanje" },
+	"hu-HU": { loading: "Betöltés" },
+	"it-IT": { loading: "Caricamento" },
+	"ja-JP": { loading: "読み込み中" },
+	"ko-KR": { loading: "로드 중" },
+	"lt-LT": { loading: "Įkeliama" },
+	"lv-LV": { loading: "Notiek ielāde" },
+	"nb-NO": { loading: "Laster inn" },
+	"nl-NL": { loading: "Laden" },
+	"pl-PL": { loading: "Ładowanie" },
+	"pt-BR": { loading: "Carregando" },
+	"pt-PT": { loading: "A carregar" },
+	"ro-RO": { loading: "Se încarcă" },
+	"ru-RU": { loading: "Загрузка" },
+	"sk-SK": { loading: "Načítava sa" },
+	"sl-SI": { loading: "Nalaganje" },
+	"sr-SP": { loading: "Učitavanje" },
+	"sv-SE": { loading: "Läser in" },
+	"tr-TR": { loading: "Yükleniyor" },
+	"uk-UA": { loading: "Завантаження" },
+	"zh-CN": { loading: "正在加载" },
+	"zh-TW": { loading: "正在載入" }
+};
+//#endregion
+export { MESSAGES };
+
+//# sourceMappingURL=messages.js.map