@kanso-labs/react-native-kanso-ui 0.9.0 → 0.10.0

package/dist/field/index.js.map

@@ -1 +1 @@
-{"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","limitFor","useLocaleOf","formatCount","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","autosize","described","multiline","numeric","prefix","ref","rows","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","describedBy","locale","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","lines","copied","OS","extent","heightOf","descriptionOf","affixPart","webStateOf","INHERITS_DIRECTION","input","numericOf","inputMultiline","inputOverCopy","copy","value","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","parts","map","part","join","said","filter","accessibilityHint","current","focus","height","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 { limitFor } from '../i18n'\nimport { useLocaleOf } from '../i18n/provider'\nimport { formatCount } from '../number/count'\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  | 'numberOfLines'\n  | 'placeholderTextColor'\n  | 'rows'\n  | 'selectionColor'\n  | 'style'\n  | 'underlineColorAndroid'\n> & {\n  /**\n   * Whether a multi-line control grows with the text it holds, from `rows`\n   * up. `false` holds it at `rows` and scrolls the text inside.\n   * @default true\n   */\n  readonly autosize?: boolean\n  /** What describes the control, after its prefix and suffix. */\n  readonly described?: readonly FieldDescriptionPart[]\n  /**\n   * Whether the control holds several lines rather than one, the return key\n   * starting a new one.\n   * @default false\n   */\n  readonly multiline?: boolean\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  /**\n   * How many lines a multi-line control shows: the least it shows while it\n   * grows, or all it shows when it does not.\n   * @default 1\n   */\n  readonly rows?: number\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\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    locale,\n    maxLength,\n  }: Pick<\n    FieldMessageProps,\n    'characterLimitLabel' | 'description' | 'error' | 'maxLength'\n  > & {\n    /**\n     * The locale the limit is said in, the field's `useLocaleOf`, or the\n     * device's when left out.\n     */\n    readonly locale?: string\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, locale)\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 *\n * `multiline` makes it a text area, `rows` lines of body large tall at the\n * least, its text from the top. iOS and Android grow a multi-line input with\n * what it holds by themselves, so a height floor is all `autosize` asks of\n * them, and `autosize={false}` sets the height instead, which they scroll\n * inside. React Native Web's textarea keeps the height it is given, so there\n * the control lies over a hidden copy of `value` that takes the height the\n * text would, as web's text area lies over its replica. A control that grows\n * is therefore handed its `value`.\n */\nfunction FieldInput({\n  autosize = true,\n  described = NO_PARTS,\n  multiline = false,\n  numeric = false,\n  prefix,\n  rows = 1,\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  const lines =\n    typography.bodyLargeLineHeight * fontScale * (multiline ? rows : 1)\n  const copied = multiline && autosize && Platform.OS === 'web'\n  const extent = multiline && !autosize ? heightOf(lines) : minHeightOf(lines)\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      multiline={multiline}\n      placeholderTextColor={muted}\n      selectionColor={caret}\n      style={composeStyles<TextStyle>(\n        role,\n        styles.input,\n        colorOf(content),\n        numeric ? numericOf(mono) : undefined,\n        multiline ? styles.inputMultiline : undefined,\n        copied ? styles.inputOverCopy : extent,\n        affixed || copied ? undefined : clearance,\n      )}\n      underlineColorAndroid=\"transparent\"\n    />\n  )\n\n  if (copied) {\n    // The space keeps a final line break a line of the copy, as the control\n    // draws one.\n    return (\n      <View style={composeStyles<ViewStyle>(styles.copied, clearance)}>\n        <NativeText\n          aria-hidden\n          style={composeStyles<TextStyle>(role, styles.copy, extent)}\n        >\n          {`${props.value ?? ''} `}\n        </NativeText>\n        {control}\n      </View>\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 locale = useLocaleOf(undefined)\n  const limit = limitOf(maxLength, characterLimitLabel, locale)\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, locale)}\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 locale's digits and grouping, as web writes it in the\n// provider's.\nfunction countOf(\n  length: number,\n  maxLength: number | undefined,\n  locale: string,\n) {\n  return maxLength === undefined\n    ? formatCount(length, locale)\n    : `${formatCount(length, locale)}/${formatCount(maxLength, locale)}`\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 heightOf(height: number): ViewStyle {\n  return { height }\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 the library's\n * in `locale`.\n */\nfunction limitOf(\n  maxLength: number | undefined,\n  label: string | undefined,\n  locale: string | undefined,\n) {\n  if (maxLength === undefined) {\n    return undefined\n  }\n\n  return label ?? limitFor(maxLength, locale)\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/**\n * Says an error on iOS as it arrives, where a live region says nothing. An\n * error the field opened with is not said, and neither is one that has not\n * changed.\n */\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  useErrorAnnouncement,\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","HostInstance","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","Focusable","IconStyle","ResolvedTheme","useInsideForm","IconStyleContext","limitFor","useLocaleOf","formatCount","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","ref","trailing","trigger","FieldTriggerProps","variant","FieldVariant","FieldDescriptionPart","id","text","FieldInputProps","Omit","autosize","chosen","described","multiline","numeric","prefix","rows","suffix","FieldMessageProps","characterCount","characterLimitLabel","description","error","length","maxLength","FieldState","focused","hovered","FieldStatesProps","FieldStrokeProps","StrokeMotion","sides","style","onBlur","onFocus","onPress","testID","FieldValueProps","isPlaceholder","LabelPlace","fontSize","letterSpacing","lineHeight","top","color","width","WebState","ICON_SIZE","OUTSIDE_BOX","BoxContext","SegmentsLineContext","NO_PARTS","describedBy","locale","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","NOT_A_CONTROL","triggerOf","t15","handlers","onHoverIn","t16","onHoverOut","t17","focusOf","t18","box","boxTrigger","boxLeading","boxTrailing","boxOutlined","boxDisabled","minHeightOf","lg","bodyLargeLineHeight","sm","bodySmallLineHeight","t19","outline","outlineStart","widthOf","outlineInset","outlineStartBox","outlineNotch","outlineNotchBox","outlineEnd","minWidthOf","outlineEndBox","layer","indicator","t20","onSurfaceVariant","icon","iconStyleOf","t21","t22","t23","t24","column","t25","t26","FieldInput","props","role","mono","fontFamilyMono","content","caret","primary","muted","affixed","holdsChosen","clearance","marginTopOf","affixStyle","colorOf","lines","copied","OS","extent","heightOf","descriptionOf","affixPart","webStateOf","INHERITS_DIRECTION","input","numericOf","inputMultiline","inputOverCopy","CHOSEN_ROOM","bodyLargeSize","copy","value","affixLine","SHRINKS","FieldMessage","insideForm","collapsed","messageStyle","useErrorAnnouncement","messageLine","messageLineCollapsed","OUT_OF_FLOW","ATOMIC","HIDDEN","NOT_DRAWN","counter","countOf","FieldSegments","onLine","segments","FieldStates","states","FieldValue","useFieldFocus","setFocused","event","event_0","const","dir","accessible","focusable","display","position","flexShrink","Affix","motion","reduceMotion","opacity","timing","duration","durationShort3","easing","bezier","easingStandard","fade","affix","String","BoxLabel","large","small","smallRole","place","bodyLargeTracking","motionStyle","labelOutlined","labelTextOutlined","REQUIRED_MARK","parts","map","part","join","said","filter","accessibilityHint","current","focus","height","size","marginTop","minHeight","minWidth","NotchMeasure","onMeasure","notchMeasure","T1","widthTo","fontFamily","fontVariant","md","FieldStroke","stroke","borderColor","get","borderWidth","borderTopWidth","_onPress","announceForAccessibility","onErrorContainer","disabledContainer","useStrokeMotion","durationShort2","nativeEvent","layout","FieldChevron","_c","state","NativeText","color"],"sources":["../../src/field/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  HostInstance,\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 { Focusable } from '../form'\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 { limitFor } from '../i18n'\nimport { useLocaleOf } from '../i18n/provider'\nimport { formatCount } from '../number/count'\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<Focusable | 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  /**\n   * The box itself, which a field opening a list from it measures to place\n   * the list.\n   */\n  readonly ref?: Ref<HostInstance>\n  /** An icon at the end of the box, after the control. */\n  readonly trailing?: ReactNode\n  /**\n   * Makes the box itself the control, for a field holding something chosen\n   * rather than typed: a button a screen reader reads by `aria-label`, which\n   * a press anywhere on the box runs, in place of a `control` to focus.\n   */\n  readonly trigger?: FieldTriggerProps\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  | 'numberOfLines'\n  | 'placeholderTextColor'\n  | 'rows'\n  | 'selectionColor'\n  | 'style'\n  | 'underlineColorAndroid'\n> & {\n  /**\n   * Whether a multi-line control grows with the text it holds, from `rows`\n   * up. `false` holds it at `rows` and scrolls the text inside.\n   * @default true\n   */\n  readonly autosize?: boolean\n  /**\n   * The options a field holding several has chosen, written as one list,\n   * drawn before the control on its line in the value's own role and cut\n   * short with an ellipsis where the line runs out. The control keeps three\n   * characters' width beside them at the least, so there is always\n   * somewhere to type, and is described by them first.\n   */\n  readonly chosen?: string\n  /** What describes the control, after its prefix and suffix. */\n  readonly described?: readonly FieldDescriptionPart[]\n  /**\n   * Whether the control holds several lines rather than one, the return key\n   * starting a new one.\n   * @default false\n   */\n  readonly multiline?: boolean\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  /**\n   * How many lines a multi-line control shows: the least it shows while it\n   * grows, or all it shows when it does not.\n   * @default 1\n   */\n  readonly rows?: number\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 * What a box that is itself the control is read and pressed as: web's\n * `FieldTrigger`, which covers the box with one press target.\n */\ntype FieldTriggerProps = {\n  /** Whether what the box opens is open, which a screen reader reads. */\n  readonly 'aria-expanded'?: boolean\n  /** The name a screen reader reads: the label, then the value shown. */\n  readonly 'aria-label': string\n  /** What describes the box, the line under it, as a control is described. */\n  readonly described?: readonly FieldDescriptionPart[]\n  readonly onBlur?: () => void\n  readonly onFocus?: () => void\n  readonly onPress: () => void\n  readonly testID?: string\n}\n\ntype FieldValueProps = {\n  /** The value, or the placeholder. */\n  readonly children?: ReactNode\n  /**\n   * Whether nothing has been chosen, so what is drawn is the placeholder,\n   * in the muted role, and under a label at rest on its line not at all.\n   * @default false\n   */\n  readonly isPlaceholder?: boolean\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\n// Whether a FieldSegments sits on the line of another, as a date range\n// picker's two dates sit on the one line it draws, which clears the label\n// once for both.\nconst SegmentsLineContext = createContext(false)\n\nconst NO_PARTS: readonly FieldDescriptionPart[] = []\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    locale,\n    maxLength,\n  }: Pick<\n    FieldMessageProps,\n    'characterLimitLabel' | 'description' | 'error' | 'maxLength'\n  > & {\n    /**\n     * The locale the limit is said in, the field's `useLocaleOf`, or the\n     * device's when left out.\n     */\n    readonly locale?: string\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, locale)\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, or runs its `trigger` where the box is\n * the control itself. The states it draws are handed to it, since the field\n * 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  ref,\n  trailing,\n  trigger,\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      {...(trigger === undefined ? NOT_A_CONTROL : triggerOf(trigger))}\n      disabled={isDisabled}\n      onHoverIn={feedback.handlers.onHoverIn}\n      onHoverOut={feedback.handlers.onHoverOut}\n      onPress={trigger?.onPress ?? focusOf(control)}\n      ref={ref}\n      style={composeStyles<ViewStyle>(\n        styles.box,\n        trigger === undefined ? undefined : styles.boxTrigger,\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 what it holds chosen, its prefix and its suffix, ahead\n * of what the field hands it in `described`, so a reader hears the options\n * chosen beside the text and the unit the value is read against as a sighted\n * one sees them on the value's line: on iOS and Android as its hint, and\n * under React Native Web through `aria-describedby`, which drops the hint.\n *\n * `multiline` makes it a text area, `rows` lines of body large tall at the\n * least, its text from the top. iOS and Android grow a multi-line input with\n * what it holds by themselves, so a height floor is all `autosize` asks of\n * them, and `autosize={false}` sets the height instead, which they scroll\n * inside. React Native Web's textarea keeps the height it is given, so there\n * the control lies over a hidden copy of `value` that takes the height the\n * text would, as web's text area lies over its replica. A control that grows\n * is therefore handed its `value`.\n */\nfunction FieldInput({\n  autosize = true,\n  chosen = '',\n  described = NO_PARTS,\n  multiline = false,\n  numeric = false,\n  prefix,\n  rows = 1,\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 holdsChosen = chosen !== ''\n  const clearance = box.underLabel\n    ? marginTopOf(typography.bodySmallLineHeight * fontScale)\n    : undefined\n  const affixStyle = composeStyles<TextStyle>(role, colorOf(muted))\n  const lines =\n    typography.bodyLargeLineHeight * fontScale * (multiline ? rows : 1)\n  const copied = multiline && autosize && Platform.OS === 'web'\n  const extent = multiline && !autosize ? heightOf(lines) : minHeightOf(lines)\n\n  const control = (\n    <TextInput\n      {...(Platform.OS === 'web' ? INHERITS_DIRECTION : undefined)}\n      {...props}\n      {...descriptionOf([\n        ...affixPart(`${id}-chosen`, holdsChosen ? chosen : undefined),\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      multiline={multiline}\n      placeholderTextColor={muted}\n      selectionColor={caret}\n      style={composeStyles<TextStyle>(\n        role,\n        styles.input,\n        colorOf(content),\n        numeric ? numericOf(mono) : undefined,\n        multiline ? styles.inputMultiline : undefined,\n        copied ? styles.inputOverCopy : extent,\n        holdsChosen\n          ? minWidthOf(CHOSEN_ROOM * typography.bodyLargeSize * fontScale)\n          : undefined,\n        affixed || copied || holdsChosen ? undefined : clearance,\n      )}\n      underlineColorAndroid=\"transparent\"\n    />\n  )\n\n  if (copied) {\n    // The space keeps a final line break a line of the copy, as the control\n    // draws one.\n    return (\n      <View style={composeStyles<ViewStyle>(styles.copied, clearance)}>\n        <NativeText\n          aria-hidden\n          style={composeStyles<TextStyle>(role, styles.copy, extent)}\n        >\n          {`${props.value ?? ''} `}\n        </NativeText>\n        {control}\n      </View>\n    )\n  }\n\n  if (!affixed && !holdsChosen) {\n    return control\n  }\n\n  return (\n    <View style={composeStyles<ViewStyle>(styles.affixLine, clearance)}>\n      {holdsChosen ? (\n        <NativeText\n          id={`${id}-chosen`}\n          numberOfLines={1}\n          style={composeStyles<TextStyle>(role, colorOf(content), SHRINKS)}\n        >\n          {chosen}\n        </NativeText>\n      ) : null}\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 locale = useLocaleOf(undefined)\n  const limit = limitOf(maxLength, characterLimitLabel, locale)\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, locale)}\n        </NativeText>\n      ) : null}\n    </View>\n  )\n}\n\n/**\n * A date or a time's segments on the value's line of a {@link FieldBox}, in\n * a row, clearing the label at the top where the box is filled, as a control\n * does: web's `FieldSegments`. One inside another is a row on the outer\n * one's line, which has already cleared the label.\n */\nfunction FieldSegments({ children }: { readonly children?: ReactNode }) {\n  const box = use(BoxContext)\n  const onLine = use(SegmentsLineContext)\n  const theme = useTheme()\n  const styles = fieldStylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n\n  return (\n    <View\n      style={composeStyles<ViewStyle>(\n        styles.segments,\n        box.underLabel && !onLine\n          ? marginTopOf(theme.typography.bodySmallLineHeight * fontScale)\n          : undefined,\n      )}\n    >\n      <SegmentsLineContext value>{children}</SegmentsLineContext>\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 * A field's value where it was chosen rather than typed, on the value's line\n * of a {@link FieldBox} whose `trigger` makes the box the control: body\n * large, one line cut short with an ellipsis, clearing the label at the top\n * as a control does. Hidden from a screen reader, which reads the value in\n * the trigger's name.\n *\n * `isPlaceholder` says nothing has been chosen, which takes the muted role;\n * under a floating label at rest it is not drawn until the label floats,\n * exactly as an input's placeholder is, so the two never overlap.\n *\n * On web the value opens with a space, which a browser drops at the start\n * of the line. It keeps the label and the value two words in the box's text,\n * which axe reads as one string with nothing between its parts, and holds to\n * the trigger's name, as WCAG's label in name asks; without it the label\n * runs into the value's first word.\n */\nfunction FieldValue({ children, isPlaceholder = false }: FieldValueProps) {\n  const box = use(BoxContext)\n  const theme = useTheme()\n  const { fontScale } = useWindowDimensions()\n  const role = useTypeRole('bodyLarge')\n  const { colors, stateLayerOpacity, typography } = theme\n  const color =\n    isPlaceholder && !box.floated\n      ? 'transparent'\n      : box.disabled\n        ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n        : isPlaceholder\n          ? colors.onSurfaceVariant\n          : colors.onSurface\n\n  return (\n    <NativeText\n      aria-hidden\n      numberOfLines={1}\n      style={composeStyles<TextStyle>(\n        role,\n        colorOf(color),\n        box.underLabel\n          ? marginTopOf(typography.bodySmallLineHeight * fontScale)\n          : undefined,\n      )}\n    >\n      {Platform.OS === 'web' ? ' ' : null}\n      {children}\n    </NativeText>\n  )\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// A box around a control of its own: the press lands on the box and moves\n// focus to the control, which is what a screen reader and a keyboard reach.\nconst NOT_A_CONTROL = { accessible: false, focusable: false } 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// How many characters' width a control holding chosen options keeps beside\n// them, in its own type's size, web's 3em.\nconst CHOSEN_ROOM = 3\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 locale's digits and grouping, as web writes it in the\n// provider's.\nfunction countOf(\n  length: number,\n  maxLength: number | undefined,\n  locale: string,\n) {\n  return maxLength === undefined\n    ? formatCount(length, locale)\n    : `${formatCount(length, locale)}/${formatCount(maxLength, locale)}`\n}\n\n/**\n * What describes a control by `parts`, as a field's control is described: the\n * ids of the elements showing them under React Native Web, and their text as\n * the hint VoiceOver and TalkBack read out on iOS and Android.\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<Focusable | null> | undefined) {\n  return () => {\n    control?.current?.focus()\n  }\n}\n\nfunction heightOf(height: number): ViewStyle {\n  return { height }\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 the library's\n * in `locale`.\n */\nfunction limitOf(\n  maxLength: number | undefined,\n  label: string | undefined,\n  locale: string | undefined,\n) {\n  if (maxLength === undefined) {\n    return undefined\n  }\n\n  return label ?? limitFor(maxLength, locale)\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/**\n * The box as the control: a button named by the trigger and described by the\n * line under the field, which a keyboard and a screen reader reach.\n */\nfunction triggerOf({\n  described = NO_PARTS,\n  onPress: _onPress,\n  ...trigger\n}: FieldTriggerProps) {\n  return {\n    ...trigger,\n    ...descriptionOf(described),\n    role: 'button' as const,\n  }\n}\n\n/**\n * Says an error on iOS as it arrives, where a live region says nothing. An\n * error the field opened with is not said, and neither is one that has not\n * changed.\n */\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 { FieldChevron } from './chevron'\n\nexport {\n  describedBy,\n  descriptionOf,\n  FieldBox,\n  FieldInput,\n  FieldMessage,\n  FieldSegments,\n  FieldStates,\n  FieldStroke,\n  FieldValue,\n  useErrorAnnouncement,\n  useFieldFocus,\n  useStrokeMotion,\n}\nexport type {\n  FieldBoxProps,\n  FieldDescriptionPart,\n  FieldInputProps,\n  FieldMessageProps,\n  FieldStatesProps,\n  FieldStrokeProps,\n  FieldTriggerProps,\n  FieldValueProps,\n  FieldVariant,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6UA,MAAMqH,YAAY;AAGlB,MAAMC,cAA0B;CAC9BpE,UAAU;CACVC,SAAS;CACTC,SAAS;CACTC,OAAO;CACPC,UAAU;CACVC,YAAY;AACd;AAEA,MAAMgE,aAAa1G,cAA0ByG,WAAW;AAKxD,MAAME,sBAAsB3G,cAAc,KAAK;AAE/C,MAAM4G,WAA4C,CAAA;;;;;;;AAQlD,SAASC,YACP9C,IACA,EACEc,qBACAC,aACAC,OACA+B,QACA7B,aAW+B;CACjC,MAAM8B,MAAMC,MAAMjD,EAAE;CACpB,MAAMkD,UACJlC,UAAUmC,KAAAA,IACN;EAAEnD,IAAIgD,IAAIjC;EAAad,MAAMc,eAAe;CAAG,IAC/C;EAAEf,IAAIgD,IAAIhC;EAAOf,MAAMe;CAAM;CACnC,MAAMoC,QAAQC,QAAQnC,WAAWJ,qBAAqBiC,MAAM;CAE5D,OAAO,CACL,GAAIG,QAAQjD,SAAS,KAAK,CAAA,IAAK,CAACiD,OAAO,GACvC,GAAIE,UAAUD,KAAAA,IAAY,CAAA,IAAK,CAAC;EAAEnD,IAAIgD,IAAII;EAAOnD,MAAMmD;CAAM,CAAC,CAAE;AAEpE;;;;;;;AAQA,SAAAE,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAkB,MAAA,EAAA1E,UAAAC,SAAAC,KAAAC,eAAAwE,IAAAvE,YAAAwE,IAAAvE,WAAAwE,IAAAvE,WAAAwE,IAAAvE,aAAAwE,IAAAvE,YAAAwE,IAAAtF,OAAAe,SAAAC,KAAAC,UAAAC,SAAAE,SAAAmE,OAAAT;CAIhB,MAAArE,gBAAAwE,OAAAP,KAAAA,IAAA,OAAAO;CACA,MAAAvE,aAAAwE,OAAAR,KAAAA,IAAA,QAAAQ;CACA,MAAAvE,YAAAwE,OAAAT,KAAAA,IAAA,QAAAS;CACA,MAAAvE,YAAAwE,OAAAV,KAAAA,IAAA,QAAAU;CACA,MAAAvE,cAAAwE,OAAAX,KAAAA,IAAA,QAAAW;CACA,MAAAvE,aAAAwE,OAAAZ,KAAAA,IAAA,QAAAY;CAMA,MAAAlE,UAAAmE,OAAAb,KAAAA,IAAA,WAAAa;CAEA,MAAAC,QAAcjG,SAAS;CACvB,MAAAkG,SAAe9F,cAAc6F,KAAK;CAClC,MAAA,EAAAE,cAAsBrH,oBAAoB;CAC1C,MAAA,CAAAsH,OAAAC,YAA0B9H,SAAS,CAAC;CACpC,MAAA,EAAA+H,QAAAC,OAAAC,SAAAC,mBAAAC,eAAkET;CAAK,IAAAU;CAAA,IAAAnB,EAAA,OAAAe,MAAAK,IAAA;EAK5DD,KAAA;GAAAE,oBACaN,MAAKK;GAAGE,sBACNP,MAAKK;EAC7B;EAACpB,EAAA,KAAAe,MAAAK;EAAApB,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,IAAAuB;CAAA,IAAAvB,EAAA,OAAAc,OAAAU,aAAAxB,EAAA,OAAArE,cAAAqE,EAAA,OAAAmB,IAAA;EAL+BI,KAAA;GAAAzC,OACzBgC,OAAMU;GAAUC,SACdN;GAGRrG,UACSa;GAAU+F,eACL;EACjB;EAAC1B,EAAA,KAAAc,OAAAU;EAAAxB,EAAA,KAAArE;EAAAqE,EAAA,KAAAmB;EAAAnB,EAAA,KAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CARD,MAAA2B,WAAiBrH,iBAAiBiH,EAQjC;CACD,MAAAK,WAAiBvF,YAAY;CAC7B,MAAAtB,UAAgB,CAACW,iBAADE,aAAAE;CAA0C,IAAA+F;CAAA,IAAA7B,EAAA,OAAA2B,SAAA9D,WAAAmC,EAAA,OAAArE,cAAAqE,EAAA,OAAApE,aAAAoE,EAAA,OAAAnE,WAAA;EAChCgG,MAAA;GAAA/G,UACda;GAAUiC,SACXhC;GAASiC,SACT8D,SAAQ9D;GAAQ7C,SAChBa;EACX;EAACmE,EAAA,KAAA2B,SAAA9D;EAAAmC,EAAA,KAAArE;EAAAqE,EAAA,KAAApE;EAAAoE,EAAA,KAAAnE;EAAAmE,EAAA,MAAA6B;CAAA,OAAAA,MAAA7B,EAAA;CACD,MAAA+B,OAAaC,cAAcvB,OAAOqB,GAAK;CASjC,MAAAG,MAAA,CAACL;CAAQ,IAAAM;CAAA,IAAAlC,EAAA,QAAAjF,WAAAiF,EAAA,QAAAtE,iBAAAsE,EAAA,QAAArE,cAAAqE,EAAA,QAAAnE,aAAAmE,EAAA,QAAAjE,cAAAiE,EAAA,QAAAiC,KAAA;EANXC,MAAAC,aACEzG,eACAX,SACAY,YACAE,WACAE,YACAkG,GACF;EAACjC,EAAA,MAAAjF;EAAAiF,EAAA,MAAAtE;EAAAsE,EAAA,MAAArE;EAAAqE,EAAA,MAAAnE;EAAAmE,EAAA,MAAAjE;EAAAiE,EAAA,MAAAiC;EAAAjC,EAAA,MAAAkC;CAAA,OAAAA,MAAAlC,EAAA;CATL,MAAAoC,aAEIF;CASH,IAAAG;CAAA,IAAArC,EAAA,QAAAc,OAAAU,aAAAxB,EAAA,QAAAiB,kBAAAqB,iBAAA;EACuBD,MAAA9H,YACtBuG,OAAMU,WACNP,kBAAiBqB,eACnB;EAACtC,EAAA,MAAAc,OAAAU;EAAAxB,EAAA,MAAAiB,kBAAAqB;EAAAtC,EAAA,MAAAqC;CAAA,OAAAA,MAAArC,EAAA;CAHD,MAAAsC,kBAAwBD;CAMrB,MAAAE,KAAAnJ;CAAS,IAAAoJ;CAAA,IAAAxC,EAAA,QAAA7D,SAAA;EACHqG,MAAArG,YAAYwD,KAAAA,IAAZ8C,gBAAwCC,UAAUvG,OAAO;EAAC6D,EAAA,MAAA7D;EAAA6D,EAAA,MAAAwC;CAAA,OAAAA,MAAAxC,EAAA;CAEpD,MAAA2C,MAAAhB,SAAQiB,SAASC;CAChB,MAAAC,MAAAnB,SAAQiB,SAASG;CAAW,IAAAC;CAAA,IAAAhD,EAAA,QAAAxE,WAAAwE,EAAA,QAAA7D,SAAAkC,SAAA;EAC/B2E,MAAA7G,SAAOkC,WAAa4E,QAAQzH,OAAO;EAACwE,EAAA,MAAAxE;EAAAwE,EAAA,MAAA7D,SAAAkC;EAAA2B,EAAA,MAAAgD;CAAA,OAAAA,MAAAhD,EAAA;CAEtC,MAAAkD,MAAAzI,cACLiG,OAAMyC,KACNhH,YAAYwD,KAAAA,IAAZA,KAAAA,IAAoCe,OAAM0C,YAC1CpH,YAAY2D,KAAAA,IAAZA,KAAAA,IAAoCe,OAAM2C,YAC1CnH,aAAayD,KAAAA,IAAbA,KAAAA,IAAqCe,OAAM4C,aAC3C1B,WAAWlB,OAAM6C,cAAjB5D,KAAAA,GACAhE,cAAA,CAAeiG,WAAWlB,OAAM8C,cAAhC7D,KAAAA,GACA8D,YACE7B,WACI,IAAIZ,QAAO0C,KAAMxC,WAAUyC,sBAAuBhD,YAClD,IAAIK,QAAO4C,MACR1C,WAAU2C,sBACT3C,WAAUyC,uBACVhD,SACV,CACF;CAEC,MAAAmD,MAAAlC,WACC,qBAAC,MAAD;EAAM,eAAA;EAAmB,OAAAlB,OAAMqD;EAA/B,UAAA;GACE,oBAAC,MAAD;IACS,OAAAtJ,cACLiG,OAAMsD,cACNC,QAAQC,aAAalD,SAAShF,OAAO,CAAC,CACxC;IAEA,UAAA,oBAAC,aAAD;KACS,OAAA+F,KAAIjD;KACL,OAAA;KACC,OAAA4B,OAAMyD;KACN,OAAApC,KAAIhD;IAAM,CAAA;GAVhB,CAAA;GAaL,oBAAC,MAAD;IACS,OAAAtE,cACLiG,OAAM0D,cACNH,QAAQlJ,UAAA6F,QAAA,CAAmB,CAC7B;IAEA,UAAA,oBAAC,aAAD;KACS,OAAAmB,KAAIjD;KACL,OAAA;KACC,OAAA4B,OAAM2D;KACN,OAAAtC,KAAIhD;IAAM,CAAA;GAVhB,CAAA;GAaL,oBAAC,MAAD;IACS,OAAAtE,cACLiG,OAAM4D,YACNC,WAAWL,aAAalD,SAAS9E,QAAQ,CAAC,CAC5C;IAEA,UAAA,oBAAC,aAAD;KACS,OAAA6F,KAAIjD;KACL,OAAA;KACC,OAAA4B,OAAM8D;KACN,OAAAzC,KAAIhD;IAAM,CAAA;GAVhB,CAAA;EA3BF;CADN,CAAA,IAAA,qBAAA,YAAA,EAAA,UAAA,CA4CI4C,SAAQ8C,OACT,oBAAC,aAAD;EACS,OAAA1C,KAAIjD;EACL,OAAA;EACC,OAAA4B,OAAMgE;EACN,OAAA3C,KAAIhD;CAAM,CAAA,CACjB,EAAA,CAAA;CAEL,IAAA4F;CAAA,IAAA3E,EAAA,QAAAc,OAAA8D,oBAAA5E,EAAA,QAAAsC,mBAAAtC,EAAA,QAAArE,cAAAqE,EAAA,QAAAhE,WAAAgE,EAAA,QAAAU,OAAAmE,MAAA;EACAF,MAAA3I,YAAY2D,KAAAA,IAAZ,OACC,oBAAC,MAAD;GAAa,OAAAe,OAAMmE;GACjB,UAAA,oBAAC,kBAAD;IACS,OAAAC,YACLnJ,aAAA2G,kBAA+BxB,OAAM8D,gBACvC;IAEC5I,UAAAA;GALc,CAAA;EADd,CAAA;EASNgE,EAAA,MAAAc,OAAA8D;EAAA5E,EAAA,MAAAsC;EAAAtC,EAAA,MAAArE;EAAAqE,EAAA,MAAAhE;EAAAgE,EAAA,MAAAU,OAAAmE;EAAA7E,EAAA,MAAA2E;CAAA,OAAAA,MAAA3E,EAAA;CAAA,IAAA+E;CAAA,IAAA/E,EAAA,QAAAjF,WAAAiF,EAAA,QAAAtE,iBAAAsE,EAAA,QAAArE,cAAAqE,EAAA,QAAApE,aAAAoE,EAAA,QAAAnE,aAAAmE,EAAA,QAAAjE,cAAAiE,EAAA,QAAA/E,SAAA+E,EAAA,QAAA3D,SAAA;EAEC0I,MAAA,oBAAC,UAAD;GACWhK;GACMW;GACHC;GACDC;GACAC;GACCE;GACHM;GAERpB,UAAAA;EATM,CAAA;EAUE+E,EAAA,MAAAjF;EAAAiF,EAAA,MAAAtE;EAAAsE,EAAA,MAAArE;EAAAqE,EAAA,MAAApE;EAAAoE,EAAA,MAAAnE;EAAAmE,EAAA,MAAAjE;EAAAiE,EAAA,MAAA/E;EAAA+E,EAAA,MAAA3D;EAAA2D,EAAA,MAAA+E;CAAA,OAAAA,MAAA/E,EAAA;CAAA,IAAAgF;CAAA,IAAAhF,EAAA,QAAAtE,iBAAAsE,EAAA,QAAAjE,cAAAiE,EAAA,QAAA/E,SAAA+E,EAAA,QAAA4B,YAAA5B,EAAA,QAAAa,UAAA;EACVmE,MAAApD,WACC,oBAAC,cAAD;GACiBlG;GACHK;GACD8E,WAAAA;GAEV5F,UAAAA;EALU,CAAA,IADd;EAQO+E,EAAA,MAAAtE;EAAAsE,EAAA,MAAAjE;EAAAiE,EAAA,MAAA/E;EAAA+E,EAAA,MAAA4B;EAAA5B,EAAA,MAAAa;EAAAb,EAAA,MAAAgF;CAAA,OAAAA,MAAAhF,EAAA;CAAA,IAAAiF;CAAA,IAAAjF,EAAA,QAAAoC,cAAApC,EAAA,QAAAzE,UAAA;EACR0J,MAAA,oBAAC,YAAD;GAAmB7C,OAAAA;GAAa7G;EAArB,CAAA;EAA2CyE,EAAA,MAAAoC;EAAApC,EAAA,MAAAzE;EAAAyE,EAAA,MAAAiF;CAAA,OAAAA,MAAAjF,EAAA;CAAA,IAAAkF;CAAA,IAAAlF,EAAA,QAAAU,OAAAyE,UAAAnF,EAAA,QAAA+E,OAAA/E,EAAA,QAAAgF,OAAAhF,EAAA,QAAAiF,KAAA;EArBxDC,MAAA,qBAAC,MAAD;GAAa,OAAAxE,OAAMyE;GAAnB,UAAA;IACEJ;IAWCC;IASDC;GArBG;;EAsBEjF,EAAA,MAAAU,OAAAyE;EAAAnF,EAAA,MAAA+E;EAAA/E,EAAA,MAAAgF;EAAAhF,EAAA,MAAAiF;EAAAjF,EAAA,MAAAkF;CAAA,OAAAA,MAAAlF,EAAA;CAAA,IAAAoF;CAAA,IAAApF,EAAA,QAAAc,OAAAtD,SAAAwC,EAAA,QAAAc,OAAA8D,oBAAA5E,EAAA,QAAAsC,mBAAAtC,EAAA,QAAArE,cAAAqE,EAAA,QAAAnE,aAAAmE,EAAA,QAAAU,OAAAmE,QAAA7E,EAAA,QAAA9D,UAAA;EAENkJ,MAAAlJ,aAAayD,KAAAA,IAAb,OACC,oBAAC,MAAD;GAAa,OAAAe,OAAMmE;GACjB,UAAA,oBAAC,kBAAD;IACS,OAAAC,YACLnJ,aAAA2G,kBAEIzG,YACEiF,OAAMtD,QACNsD,OAAM8D,gBACd;IAEC1I,UAAAA;GATc,CAAA;EADd,CAAA;EAaN8D,EAAA,MAAAc,OAAAtD;EAAAwC,EAAA,MAAAc,OAAA8D;EAAA5E,EAAA,MAAAsC;EAAAtC,EAAA,MAAArE;EAAAqE,EAAA,MAAAnE;EAAAmE,EAAA,MAAAU,OAAAmE;EAAA7E,EAAA,MAAA9D;EAAA8D,EAAA,MAAAoF;CAAA,OAAAA,MAAApF,EAAA;CAAA,IAAAqF;CAAA,IAAArF,EAAA,QAAAuC,MAAAvC,EAAA,QAAAvE,OAAAuE,EAAA,QAAA2B,SAAAiB,SAAAC,aAAA7C,EAAA,QAAA2B,SAAAiB,SAAAG,cAAA/C,EAAA,QAAArE,cAAAqE,EAAA,QAAA/D,OAAA+D,EAAA,QAAAwC,OAAAxC,EAAA,QAAAgD,OAAAhD,EAAA,QAAAkD,OAAAlD,EAAA,QAAA8D,OAAA9D,EAAA,QAAA2E,OAAA3E,EAAA,QAAAkF,OAAAlF,EAAA,QAAAoF,KAAA;EA9HHC,MAAA,qBAAC,IAAD;GAAU,GACH7C;GACK7G,UAAAA;GACC,WAAAgH;GACC,YAAAG;GACH,SAAAE;GACJ/G;GACE,OAAAiH;GAPT,UAAA;IAwBGY;IAqDAa;IAWDO;IAuBCzJ;IACA2J;GAhHO;;EA+HEpF,EAAA,MAAAuC;EAAAvC,EAAA,MAAAvE;EAAAuE,EAAA,MAAA2B,SAAAiB,SAAAC;EAAA7C,EAAA,MAAA2B,SAAAiB,SAAAG;EAAA/C,EAAA,MAAArE;EAAAqE,EAAA,MAAA/D;EAAA+D,EAAA,MAAAwC;EAAAxC,EAAA,MAAAgD;EAAAhD,EAAA,MAAAkD;EAAAlD,EAAA,MAAA8D;EAAA9D,EAAA,MAAA2E;EAAA3E,EAAA,MAAAkF;EAAAlF,EAAA,MAAAoF;EAAApF,EAAA,MAAAqF;CAAA,OAAAA,MAAArF,EAAA;CAAA,OA/HZqF;AA+HY;;;;;;;;;;;;;;;;;;;;;;;;AA2BhB,SAAAC,WAAAvF,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAhD;CAAA,IAAAsI;CAAA,IAAApI;CAAA,IAAA+C;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAP,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAAnD,UAAAsD,IAAArD,QAAAsD,IAAArD,WAAAsD,IAAArD,WAAAsD,IAAArD,SAAAsD,IAAArD,QAAAC,MAAAqD,IAAApD,QAAA,GAAAoI,SAAAxF;EAUFC,EAAA,KAAAD;EAAAC,EAAA,KAAA/C;EAAA+C,EAAA,KAAAuF;EAAAvF,EAAA,KAAA7C;EAAA6C,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAA;EAAAtD,SAAA+C,EAAA;EAAAuF,QAAAvF,EAAA;EAAA7C,SAAA6C,EAAA;EAAAE,KAAAF,EAAA;EAAAG,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;CAAA;CAThB,MAAApD,WAAAsD,OAAAP,KAAAA,IAAA,OAAAO;CACA,MAAArD,SAAAsD,OAAAR,KAAAA,IAAA,KAAAQ;CACA,MAAArD,YAAAsD,OAAAT,KAAAA,IAAAN,WAAAe;CACA,MAAArD,YAAAsD,OAAAV,KAAAA,IAAA,QAAAU;CACA,MAAArD,UAAAsD,OAAAX,KAAAA,IAAA,QAAAW;CAEA,MAAApD,OAAAqD,OAAAZ,KAAAA,IAAA,IAAAY;CAIA,MAAA4C,MAAYzK,IAAIyG,UAAU;CAC1B,MAAAsB,QAAcjG,SAAS;CACvB,MAAAkG,SAAe9F,cAAc6F,KAAK;CAClC,MAAA,EAAAE,cAAsBrH,oBAAoB;CAC1C,MAAAkM,OAAa7K,YAAY,WAAW;CACpC,MAAA8K,OAAa/K,cAAc+F,MAAKS,WAAWwE,cAAe;CAC1D,MAAAlJ,KAAW5D,MAAM;CACjB,MAAA,EAAAkI,QAAAG,mBAAAC,eAAkDT;CAClD,MAAAkF,UAAgBxC,IAAGrI,WACfP,YAAYuG,OAAMU,WAAYP,kBAAiBqB,eAChC,IAAfxB,OAAMU;CACV,MAAAoE,QAAczC,IAAGnI,UAAW8F,OAAMtD,QAASsD,OAAM+E;CACjD,MAAAC,QAAc3C,IAAGrI,WACbP,YAAYuG,OAAMU,WAAYP,kBAAiBqB,eACzB,IAAtBxB,OAAM8D;CACV,MAAAmB,UAAgB9I,WAAW0C,KAAAA,KAAaxC,WAAWwC,KAAAA;CACnD,MAAAqG,cAAoBnJ,WAAW;CAC/B,MAAAoJ,YAAkB9C,IAAGhI,aACjB+K,YAAYhF,WAAU2C,sBAAuBlD,SACrC,IAFMhB,KAAAA;CAGlB,MAAAwG,aAAmB1L,cAAyB+K,MAAMY,QAAQN,KAAK,CAAC;CAChE,MAAAO,QACEnF,WAAUyC,sBAAuBhD,aAAa5D,YAAAG,OAAA;CAChD,MAAAoJ,SAAevJ,aAAAH,YAAyBzD,SAAQoN,OAAQ;CACxD,MAAAC,SAAezJ,aAAA,CAAcH,WAAW6J,SAASJ,KAA0B,IAAjB5C,YAAY4C,KAAK;CAAC,IAAA7F;CAAA,IAAAR,EAAA,QAAAnD,UAAAmD,EAAA,QAAAlD,aAAAkD,EAAA,QAAAgG,eAAAhG,EAAA,QAAAxD,MAAAwD,EAAA,QAAA/C,UAAA+C,EAAA,QAAA7C,QAAA;EAMpEqD,KAAAkG,cAAc;GAAA,GACbC,UAAU,GAAGnK,GAAE,UAAWwJ,cAAAnJ,SAAA8C,KAAAA,CAAgC;GAAC,GAC3DgH,UAAU,GAAGnK,GAAE,UAAWS,MAAM;GAAC,GACjC0J,UAAU,GAAGnK,GAAE,UAAWW,MAAM;GAAC,GACjCL;EAAS,CACb;EAACkD,EAAA,MAAAnD;EAAAmD,EAAA,MAAAlD;EAAAkD,EAAA,MAAAgG;EAAAhG,EAAA,MAAAxD;EAAAwD,EAAA,MAAA/C;EAAA+C,EAAA,MAAA7C;EAAA6C,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAmD,KAAA;EACEhC,KAAAyF,WAAWzD,GAAG;EAACnD,EAAA,MAAAmD;EAAAnD,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAVvB,MAAAxE,UACE,oBAAC,WAAD;EAAU,GACHrC,SAAQoN,OAAQ,QAAhBM,qBAAAlH,KAAAA;EAAsD,GACvD4F;EAAK,GACL/E;EAKF,GACEW;EACW,iBAAAgC,IAAGrI;EACL8K,aAAAA;EACF7I;EACW+I,sBAAAA;EACNF,gBAAAA;EACT,OAAAnL,cACL+K,MACA9E,OAAMoG,OACNV,QAAQT,OAAO,GACf3I,UAAU+J,UAAUtB,IAAgB,IAApC9F,KAAAA,GACA5C,YAAY2D,OAAMsG,iBAAlBrH,KAAAA,GACA2G,SAAS5F,OAAMuG,gBAAfT,QACAR,cACIzB,WAAW2C,cAAchG,WAAUiG,gBAAiBxG,SAC5C,IAFZhB,KAAAA,GAGAoG,WAAAO,UAAAN,cAAArG,KAAAA,IAAAsG,SACF;EACsB,uBAAA;CAAa,CAAA;CAIvC,IAAIK,QAAM,OAIN,qBAAC,MAAD;EAAa,OAAA7L,cAAyBiG,OAAM4F,QAASL,SAAS;EAA9D,UAAA,CACE,oBAACmH,MAAD;GACE,eAAA;GACO,OAAA3S,cAAyB+K,MAAM9E,OAAM0G,MAAOZ,MAAM;GAExD,UAAA,GAAGjB,MAAK8B,SAAL,GAAiB;EAJZ,CAAA,GAMV7L,OAPE;;CAYT,IAAI,CAACuK,WAAD,CAAaC,aAAW,OACnBxK;CACR,IAAA+F;CAAA,IAAAvB,EAAA,QAAAmG,cAAAnG,EAAA,QAAAmD,IAAApI,WAAAiF,EAAA,QAAAxD,MAAAwD,EAAA,QAAA/C,QAAA;EAaIsE,KAAAtE,WAAW0C,KAAAA,IAAX,OACC,oBAAC,OAAD;GAAgB,SAAAwD,IAAGpI;GAAc,IAAA,GAAGyB,GAAE;GAAkB2J,OAAAA;GACrDlJ,UAAAA;EADG,CAAA;EAGP+C,EAAA,MAAAmG;EAAAnG,EAAA,MAAAmD,IAAApI;EAAAiF,EAAA,MAAAxD;EAAAwD,EAAA,MAAA/C;EAAA+C,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,IAAA6B;CAAA,IAAA7B,EAAA,QAAAmG,cAAAnG,EAAA,QAAAmD,IAAApI,WAAAiF,EAAA,QAAAxD,MAAAwD,EAAA,QAAA7C,QAAA;EAEA0E,MAAA1E,WAAWwC,KAAAA,IAAX,OACC,oBAAC,OAAD;GAAgB,SAAAwD,IAAGpI;GAAc,IAAA,GAAGyB,GAAE;GAAkB2J,OAAAA;GACrDhJ,UAAAA;EADG,CAAA;EAGP6C,EAAA,MAAAmG;EAAAnG,EAAA,MAAAmD,IAAApI;EAAAiF,EAAA,MAAAxD;EAAAwD,EAAA,MAAA7C;EAAA6C,EAAA,MAAA6B;CAAA,OAAAA,MAAA7B,EAAA;CAAA,OApBH,qBAAC,MAAD;EAAa,OAAAvF,cAAyBiG,OAAM4G,WAAYrB,SAAS;EAAjE,UAAA;GACGD,cACC,oBAACoH,MAAD;IACM,IAAA,GAAG5Q,GAAE;IACM,eAAA;IACR,OAAA/B,cAAyB+K,MAAMY,QAAQT,OAAO,GAAG4B,OAAO;IAE9D1K,UAAAA;GALQ,CAAA,IADZ;GASA0E;GAKA/F;GACAqG;EAhBE;;AAqBE;;;;;;;;;;;;;;;;;;;;;;AAyBX,SAAA2F,aAAAzH,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAsB,MAAA,EAAA5C,gBAAA6C,IAAA5C,qBAAAC,aAAAC,OAAAhB,IAAAiB,QAAA0C,IAAAzC,cAAAqC;CACpB,MAAA1C,iBAAA6C,OAAAP,KAAAA,IAAA,QAAAO;CAKA,MAAAzC,SAAA0C,OAAAR,KAAAA,IAAA,IAAAQ;CAGA,MAAAM,QAAcjG,SAAS;CACvB,MAAAkG,SAAe9F,cAAc6F,KAAK;CAClC,MAAA+E,OAAa7K,YAAY,WAAW;CACpC,MAAA,EAAAgG,cAAsBrH,oBAAoB;CAAC,IAAA8G;CAAA,IAAAJ,EAAA,OAAAxD,IAAA;EAC/B4D,KAAAX,MAAMjD,EAAE;EAACwD,EAAA,KAAAxD;EAAAwD,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAArB,MAAAR,MAAYY;CACZ,MAAApF,UAAgBwC,UAAUmC,KAAAA;CAC1B,MAAAJ,SAAenF,YAAYuF,KAAAA,CAAS;CAAC,IAAAU;CAAA,IAAAL,EAAA,OAAA1C,uBAAA0C,EAAA,OAAAT,UAAAS,EAAA,OAAAtC,WAAA;EACvB2C,KAAAR,QAAQnC,WAAWJ,qBAAqBiC,MAAM;EAACS,EAAA,KAAA1C;EAAA0C,EAAA,KAAAT;EAAAS,EAAA,KAAAtC;EAAAsC,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAA7D,MAAAJ,QAAcS;CACd,MAAAoH,aAAmBxN,cAAc;CACjC,MAAAyN,YACE,CAAC1M,WAAWuC,gBAAgBoC,KAAAA,KAA5B,CAA0CtC,kBAA1C,CAA6DoK;CAC/D,MAAA,EAAA3G,QAAAI,eAA+BT;CAC/B,MAAAkH,eAAqBlN,cACnB+K,MACAY,QAAQpL,UAAU8F,OAAMtD,QAASsD,OAAM8D,gBAAiB,GACxD2C,OACF;CAEAK,qBAAqBpK,KAAK;CAGvB,MAAA+E,KAAAhJ;CACQ,MAAA+G,KAAA7F,cACLiG,OAAMmH,aACNH,YACIhH,OAAMoH,uBACNrE,YAAYvC,WAAU2C,sBAAuBlD,SAAS,CAC5D;CAMS,MAAAJ,KAAAvF,WAAWwC,UAAU,KAArB+J,UAAAQ;CAEN,MAAAvH,KAAAxF,WAAWwC,UAAU,KACpB,oBAAC4P,MAAD;EAAgB,IAAA5N,IAAGhC;EAAemK,OAAAA;EAC/BnK,UAAAA;CADQ,CAAA,IADZ;CAIO,IAAA2D;CAAA,IAAAnB,EAAA,OAAAO,MAAAP,EAAA,OAAAQ,IAAA;EAVVW,KAAA,oBAAC,MAAD;GACY,aAAA;GAAQ,GACbhI,SAAQoN,OAAQ,QAAhByB,SAAArI,KAAAA;GAA0C,GAC1CxG,SAAQoN,OAAQ,QAAhB0B,SAAAtI,KAAAA;GACE,OAAAY;GAENC,UAAAA;EANE,CAAA;EAWER,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CACN,MAAAuB,KAAAvG,WAAWuC,gBAAgBoC,KAAAA,IAA3B,OACC,oBAACyN,MAAD;EAAW,GACJjU,SAAQoN,OAAQ,QAAhB5G,KAAAA,IAAAsI;EACD,IAAAzI,IAAGjC;EACAoK,OAAAA;EAENpK,UAAAA;CALQ,CAAA;CAOZ,IAAAsE;CAAA,IAAA7B,EAAA,OAAAR,OAAAQ,EAAA,QAAAJ,OAAA;EACAiC,MAAAjC,UAAUD,KAAAA,KAAaxG,SAAQoN,OAAQ,QAAvC,OACC,oBAAC6G,MAAD;GAAgB,IAAA5N,IAAGI;GAAesI,OAAAA;GAC/BtI,UAAAA;EADQ,CAAA;EAGZI,EAAA,KAAAR;EAAAQ,EAAA,MAAAJ;EAAAI,EAAA,MAAA6B;CAAA,OAAAA,MAAA7B,EAAA;CACA,MAAAiC,MAAA5E,iBACC,oBAAC+P,MAAD;EACE,eAAA;EACO,OAAA3S,cAAyBkN,cAAcjH,OAAMyH,OAAQ;EAE3DC,UAAAA,QAAQ3K,QAAQC,WAAW6B,MAAM;CAJzB,CAAA,IADZ;CAOO,IAAA2C;CAAA,IAAAlC,EAAA,QAAAuC,MAAAvC,EAAA,QAAA6B,OAAA7B,EAAA,QAAAiC,OAAAjC,EAAA,QAAAM,MAAAN,EAAA,QAAAmB,MAAAnB,EAAA,QAAAuB,IAAA;EAzCVW,MAAA,qBAAC,IAAD;GACS,OAAA5B;GADT,UAAA;IAQEa;IAYCI;IASAM;IAKAI;GAlCE;;EA0CEjC,EAAA,MAAAuC;EAAAvC,EAAA,MAAA6B;EAAA7B,EAAA,MAAAiC;EAAAjC,EAAA,MAAAM;EAAAN,EAAA,MAAAmB;EAAAnB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAkC;CAAA,OAAAA,MAAAlC,EAAA;CAAA,OA1CPkC;AA0CO;;;;;;;AAUX,SAAAmG,cAAAtI,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAuB,MAAA,EAAA1E,aAAAwE;CACrB,MAAAoD,MAAYzK,IAAIyG,UAAU;CAC1B,MAAAmJ,SAAe5P,IAAI0G,mBAAmB;CACtC,MAAAqB,QAAcjG,SAAS;CACvB,MAAAkG,SAAe9F,cAAc6F,KAAK;CAClC,MAAA,EAAAE,cAAsBrH,oBAAoB;CAGvC,MAAAiJ,KAAAhJ;CACQ,MAAA2G,KAAAzF,cACLiG,OAAM6H,UACNpF,IAAGhI,cAAH,CAAmBmN,SACfpC,YAAYzF,MAAKS,WAAW2C,sBAAuBlD,SAC3C,IAFZhB,KAAAA,CAGF;CAAC,IAAAQ;CAAA,IAAAH,EAAA,OAAAzE,UAAA;EAED4E,KAAA,oBAAC,qBAAD;GAAqB,OAAA;GAAO5E;EAAR,CAAA;EAAuCyE,EAAA,KAAAzE;EAAAyE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAuC,MAAAvC,EAAA,OAAAE,MAAAF,EAAA,OAAAG,IAAA;EAR7DC,KAAA,oBAAC,IAAD;GACS,OAAAF;GAOPC,UAAAA;EARG,CAAA;EASEH,EAAA,KAAAuC;EAAAvC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OATPI;AASO;;;;;;;AAUX,SAAAoI,YAAAzI,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAqB,MAAA,EAAA1E,UAAAI,YAAAuE,IAAArE,WAAAsE,IAAApE,YAAAqE,OAAAL;CAEnB,MAAApE,aAAAuE,OAAAP,KAAAA,IAAA,QAAAO;CACA,MAAArE,YAAAsE,OAAAR,KAAAA,IAAA,QAAAQ;CACA,MAAApE,aAAAqE,OAAAT,KAAAA,IAAA,QAAAS;CAAkB,IAAAC;CAAA,IAAAL,EAAA,OAAArE,cAAAqE,EAAA,OAAAnE,aAAAmE,EAAA,OAAAjE,YAAA;EAGTsE,KAAA;GAAA,GACFnB;GAAWpE,UACJa;GAAUX,SACXa;GAASX,UACRa;EACZ;EAACiE,EAAA,KAAArE;EAAAqE,EAAA,KAAAnE;EAAAmE,EAAA,KAAAjE;EAAAiE,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CANH,MAAAyI,SACSpI;CAOR,IAAAC;CAAA,IAAAN,EAAA,OAAAzE,YAAAyE,EAAA,OAAAyI,QAAA;EAEMnI,KAAA,oBAAC,YAAD;GAAmBmI,OAAAA;GAASlN;EAAjB,CAAA;EAAuCyE,EAAA,KAAAzE;EAAAyE,EAAA,KAAAyI;EAAAzI,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAAlDM;AAAkD;;;;;;;;;;;;;;;;;;AAoB3D,SAAAoI,WAAA3I,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAoB,MAAA,EAAA1E,UAAAiD,eAAA0B,OAAAH;CAAY,MAAAvB,gBAAA0B,OAAAP,KAAAA,IAAA,QAAAO;CAC9B,MAAAiD,MAAYzK,IAAIyG,UAAU;CAC1B,MAAAsB,QAAcjG,SAAS;CACvB,MAAA,EAAAmG,cAAsBrH,oBAAoB;CAC1C,MAAAkM,OAAa7K,YAAY,WAAW;CACpC,MAAA,EAAAmG,QAAAG,mBAAAC,eAAkDT;CAAK,IAAA8B;CAAA,IAAApC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAmD,IAAArI,YAAAkF,EAAA,OAAAmD,IAAApI,WAAAiF,EAAA,OAAAmD,IAAAhI,cAAA6E,EAAA,OAAAc,UAAAd,EAAA,OAAAW,aAAAX,EAAA,OAAAxB,iBAAAwB,EAAA,OAAAwF,QAAAxF,EAAA,OAAAiB,qBAAAjB,EAAA,OAAAkB,YAAA;EACvD,MAAApC,QACEN,iBAAA,CAAkB2E,IAAGpI,UAArB,gBAEIoI,IAAGrI,WACDP,YAAYuG,OAAMU,WAAYP,kBAAiBqB,eAG9B,IAFjB9D,gBACEsC,OAAM8D,mBACN9D,OAAMU;EAGbe,KAAArJ;EACCiH,KAAA;EACeC,KAAA;EACRC,KAAA5F,cACL+K,MACAY,QAAQtH,KAAK,GACbqE,IAAGhI,aACC+K,YAAYhF,WAAU2C,sBAAuBlD,SACrC,IAFZhB,KAAAA,CAGF;EAACK,EAAA,KAAAmD,IAAArI;EAAAkF,EAAA,KAAAmD,IAAApI;EAAAiF,EAAA,KAAAmD,IAAAhI;EAAA6E,EAAA,KAAAc;EAAAd,EAAA,KAAAW;EAAAX,EAAA,KAAAxB;EAAAwB,EAAA,KAAAwF;EAAAxF,EAAA,KAAAiB;EAAAjB,EAAA,KAAAkB;EAAAlB,EAAA,KAAAuC;EAAAvC,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;CAAA,OAAA;EAAAkC,KAAAvC,EAAA;EAAAG,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,QAAAuC,MAAAvC,EAAA,QAAAzE,YAAAyE,EAAA,QAAAG,MAAAH,EAAA,QAAAI,MAAAJ,EAAA,QAAAK,IAAA;EATHC,KAAA,qBAAC,IAAD;GACE,eAAAH;GACe,eAAAC;GACR,OAAAC;GAHT,UAAA,CAWGlH,SAAQoN,OAAQ,QAAhB,MAAA,MACAhL,QAZQ;;EAaEyE,EAAA,MAAAuC;EAAAvC,EAAA,MAAAzE;EAAAyE,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAbbM;AAaa;;;;;AAQjB,SAAAqI,cAAA5I,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAuB,MAAA,EAAA9B,QAAAC,YAAA2B;CAIrB,MAAA,CAAAnC,SAAAgL,cAA8B7P,SAAS,KAAK;CAAC,IAAAmH;CAAA,IAAAF,EAAA,OAAA7B,QAAA;EAKhC+B,MAAA2I,UAAA;GACPD,WAAW,KAAK;GAChBzK,SAAS0K,KAAK;EAAC;EAChB7I,EAAA,KAAA7B;EAAA6B,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAHO,MAAAG,KAACD;CAG4B,IAAAE;CAAA,IAAAJ,EAAA,OAAA5B,SAAA;EAC3BgC,MAAA0I,YAAA;GACRF,WAAW,IAAI;GACfxK,UAAUyK,OAAK;EAAC;EACjB7I,EAAA,KAAA5B;EAAA4B,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAHQ,MAAAK,KAACD;CAG4B,IAAAE;CAAA,IAAAN,EAAA,OAAAG,MAAAH,EAAA,OAAAK,IAAA;EAR9BC,KAAA;GAAAnC,QACAgC;GAG6B/B,SAC5BiC;EAIX;EAACL,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAApC,WAAAoC,EAAA,OAAAM,IAAA;EAXIC,KAAA;GAAA3C;GAAAgF,UAEKtC;EAUZ;EAACN,EAAA,KAAApC;EAAAoC,EAAA,KAAAM;EAAAN,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OAZMO;AAYN;AAKH,MAAMyH,SAAS,EAAE,eAAe,KAAK;AAIrC,MAAMC,SAAS,EAAE,eAAe,KAAK;AAOrC,MAAMpB,qBAAqB,EAAEmC,KAAK,KAAK;AAIvC,MAAMvG,gBAAgB;CAAEwG,YAAY;CAAOC,WAAW;AAAM;AAI5D,MAAMhB,YAAuB,EAAEiB,SAAS,OAAO;AAG/C,MAAMpB,cAAyB,EAAEqB,UAAU,WAAW;AAEtD,MAAM7B,UAAqB,EAAE8B,YAAY,EAAE;AAI3C,MAAMnC,cAAc;;;;;AAMpB,SAAAoC,MAAAvJ,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAe,MAAA,EAAA1E,UAAAR,SAAAyB,IAAA0B,UAAA6B;CAWb,MAAA,EAAAwJ,WAAmB/O,SAAS;CAC5B,MAAAgP,eAAqB5P,iBAAiB;CACtC,MAAA6P,UAAgB1O,UAAA,IAAA;CAChB,MAAA2O,SAAe;EAAAC,UACHJ,OAAMK;EAAeC,QACvBpQ,OAAMqQ,OAAO,GAAIP,OAAMQ,cAAe;CAChD;CACA,MAAAC,OAAatQ,uBAAiB;EAAA;EAAA,OAErB,EAAA+P,SACID,eAAAC,UAAyB5P,WAAW4P,SAASC,MAAM,EAC9D;CAAC,CACF;CAAC,IAAAxJ;CAAA,IAAAF,EAAA,OAAAgK,QAAAhK,EAAA,OAAA9B,OAAA;EAKSgC,KAAAzF,cAAwCyD,OAAO8L,IAAI;EAAChK,EAAA,KAAAgK;EAAAhK,EAAA,KAAA9B;EAAA8B,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAzE,YAAAyE,EAAA,OAAAxD,MAAAwD,EAAA,OAAAE,IAAA;EAF7DC,KAAA,oBAAA,SAAA,MAAA;GACM3D;GACG,OAAA0D;GAEN3E;EACH,CAAA;EAAgByE,EAAA,KAAAzE;EAAAyE,EAAA,KAAAxD;EAAAwD,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OALhBG;AAKgB;AAIpB,SAASwG,UACPnK,IACAyN,OACiC;CACjC,IAAIA,UAAUtK,KAAAA,GACZ,OAAO,CAAA;CAGT,OAAO,CACL;EACEnD;EACAC,MACE,OAAOwN,UAAU,YAAY,OAAOA,UAAU,WAC1CC,OAAOD,KAAK,IACZ;CACR,CAAC;AAEL;AAEA,SAAS9H,aACPzG,eACAX,SACAD,UACAE,SACAE,UACAC,YACY;CACZ,OAAO;EACLL;EACAC;EACAC;EACAC,OAAOS,gBAAgB,aAAa;EACpCR;EACAC;CACF;AACF;;;;;;AAOA,SAAAgP,SAAApK,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAkB,MAAA,EAAA1E,UAAAR,SAAAW,eAAAC,YAAAC,WAAAC,WAAAE,YAAAM,YAAA0D;CAmBhB,MAAAU,QAAcjG,SAAS;CACvB,MAAAkG,SAAe9F,cAAc6F,KAAK;CAClC,MAAA,EAAAE,cAAsBrH,oBAAoB;CAC1C,MAAAkQ,eAAqB5P,iBAAiB;CACtC,MAAAwQ,QAAczP,YAAY,WAAW;CACrC,MAAA0P,QAAc1P,YAAYe,gBAAA,cAAA,aAA2C;CACrE,MAAA,EAAAoF,QAAAyI,QAAAvI,SAAAC,mBAAAC,eAAmET;CACnE,MAAAmB,WAAiBvF,YAAY;CAC7B,MAAAiO,YAAkB5O,gBAAA,cAAA;CAClB,MAAA6O,QAA0BxP,UAAA;EAAA2D,UAEVwC,WAAW,GAAGoJ,UAAS;EAAO3L,eACzBuC,WAAW,GAAGoJ,UAAS;EAAW1L,YACrCsC,WAAW,GAAGoJ,UAAS;EAAazL,KAC3C+C,WAAA,EAECZ,QAAO0C,KACNxC,WAAW,GAAGoJ,UAAS,eAAgB3J,YAAa,KAHtD;CAYP,IAjBsB;EAAAjC,UAaVwC,WAAUiG;EAAcxI,eACnBuC,WAAUsJ;EAAkB5L,YAC/BsC,WAAUyC;EAAoB9E,KACrC+C,WAAA,IAAgBV,WAAU2C,sBAAuBlD,YAAa;CACrE;CACJ,MAAA7B,QAAcnD,aACVpB,YAAYuG,OAAMU,WAAYP,kBAAiBqB,eAKrB,IAJ1BzG,YACEiF,OAAMtD,QACN5B,YACEkF,OAAM+E,UACN/E,OAAM8D;CACd,MAAA8E,SAAe;EAAAC,UACHJ,OAAMK;EAAeC,QACvBpQ,OAAMqQ,OAAO,GAAIP,OAAMQ,cAAe;CAChD;CAEA,MAAAU,cAAoB/Q,uBAAiB;EAAA;EAAA,OAE5B;GAAAoF,OACE0K,eAAA1K,QAAuBjF,WAAWiF,OAAO4K,MAAM;GAAChL,UAC7C8K,eACNe,MAAK7L,WACL7E,WAAW0Q,MAAK7L,UAAWgL,MAAM;GAAC/K,eACvB6K,eACXe,MAAK5L,gBACL9E,WAAW0Q,MAAK5L,eAAgB+K,MAAM;GAAC9K,YAC/B4K,eACRe,MAAK3L,aACL/E,WAAW0Q,MAAK3L,YAAa8K,MAAM;GAAC7K,KACnC2K,eAAee,MAAK1L,MAAOhF,WAAW0Q,MAAK1L,KAAM6K,MAAM;EAC9D;CAAC,CACF;CAGE,MAAAnH,KAAAhJ;CACC,MAAA2G,KAAA;CACO,MAAAC,KAAA1F,cACLiG,OAAMzF,OACN2G,WAAWlB,OAAMgK,gBAAjB/K,KAAAA,CACF;CAEC,MAAAS,KAAA5G;CACgB,MAAA6G,KAAA;CACR,MAAAC,KAAA7F,cACLM,UAAAsP,QAAAD,OACAxI,WAAWlB,OAAMiK,oBAAjBhL,KAAAA,GACA8K,WACF;CAGC,MAAAlK,KAAAxE,aAAA6O,gBAAA;CAAiC,IAAApK;CAAA,IAAAR,EAAA,OAAAzE,YAAAyE,EAAA,OAAAI,GAAAnH,QAAA+G,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;EATpCC,KAAA,qBAAA,GAAA,MAAA;GACiB,eAAAH;GACR,OAAAC;GAFT,UAAA,CAQG/E,UACAgF,EACH;;EAAgBP,EAAA,KAAAzE;EAAAyE,EAAA,KAAAI,GAAAnH;EAAA+G,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAuC,MAAAvC,EAAA,OAAAG,MAAAH,EAAA,OAAAQ,IAAA;EAjBlBW,KAAA,oBAAC,IAAD;GACE,eAAAjB;GACO,OAAAC;GAKPK,UAAAA;EAPG,CAAA;EAkBER,EAAA,KAAAuC;EAAAvC,EAAA,KAAAG;EAAAH,EAAA,KAAAQ;EAAAR,EAAA,KAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OAlBPmB;AAkBO;AAIX,SAASiF,QAAQtH,OAA0B;CACzC,OAAO,EAAEA,MAAM;AACjB;AAIA,SAASsJ,QACP3K,QACAC,WACA6B,QACA;CACA,OAAO7B,cAAciC,KAAAA,IACjBtF,YAAYoD,QAAQ8B,MAAM,IAC1B,GAAGlF,YAAYoD,QAAQ8B,MAAM,EAAC,GAAIlF,YAAYqD,WAAW6B,MAAM;AACrE;;;;;;AAOA,SAASmH,cACPmE,OACyB;CACzB,IAAI1R,SAASoN,OAAO,OAClB,OAAOsE,MAAMpN,WAAW,IACpBkC,KAAAA,IACA,EAAE,oBAAoBkL,MAAMC,KAAKC,SAASA,KAAKvO,EAAE,CAAC,CAACwO,KAAK,GAAG,EAAE;CAGnE,MAAMC,OAAOJ,MAAMC,KAAKC,SAASA,KAAKtO,IAAI,CAAC,CAACyO,QAAQzO,SAASA,SAAS,EAAE;CAExE,OAAOwO,KAAKxN,WAAW,IAAIkC,KAAAA,IAAY,EAAEwL,mBAAmBF,KAAKD,KAAK,GAAG,EAAE;AAC7E;AAEA,SAAS/H,QAAQzH,SAAkD;CACjE,aAAa;EACXA,SAAS4P,SAASC,MAAM;CAC1B;AACF;AAEA,SAAS5E,SAAS6E,QAA2B;CAC3C,OAAO,EAAEA,OAAO;AAClB;AAEA,SAASxG,YAAYhG,OAA0B;CAC7C,OAAO;EAAEA;EAAOyM,MAAMtM;CAAU;AAClC;AAEA,SAASQ,MAAMjD,IAAY;CACzB,OAAO;EACLe,aAAa,GAAGf,GAAE;EAClBgB,OAAO,GAAGhB,GAAE;EACZoD,OAAO,GAAGpD,GAAE;CACd;AACF;;;;;AAMA,SAASqD,QACPnC,WACAzC,OACAsE,QACA;CACA,IAAI7B,cAAciC,KAAAA,GAChB;CAGF,OAAO1E,SAASd,SAASuD,WAAW6B,MAAM;AAC5C;AAEA,SAAS2G,YAAYsF,WAA8B;CACjD,OAAO,EAAEA,UAAU;AACrB;AAEA,SAAS/H,YAAYgI,WAA8B;CACjD,OAAO,EAAEA,UAAU;AACrB;AAEA,SAASlH,WAAWmH,UAA6B;CAC/C,OAAO,EAAEA,SAAS;AACpB;;;;;AAMA,SAAAC,aAAA5L,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAsB,MAAA,EAAA1E,UAAAG,eAAAK,YAAA6P,cAAA7L;CAWpB,MAAAW,SAAe9F,cAAcJ,SAAS,CAAC;CACvC,MAAA6P,QAAc1P,YAAYe,gBAAA,cAAA,aAA2C;CAGlE,MAAA6G,KAAAhJ;CACC,MAAA2G,KAAA;CACO,MAAAC,KAAA1F,cACLiG,OAAMzF,OACNyF,OAAMgK,eACNhK,OAAMmL,YACR;CAEC,MAAAC,KAAA5S;CACgB,MAAAkH,KAAA;CAAC,IAAAC;CAAA,IAAAL,EAAA,OAAA4L,WAAA;EACNvL,KAAA0L,QAAQH,SAAS;EAAC5L,EAAA,KAAA4L;EAAA5L,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CACrB,MAAAM,KAAA7F,cAAyB4P,OAAO3J,OAAMiK,iBAAkB;CAG9D,MAAApK,KAAAxE,aAAA6O,gBAAA;CAAiC,IAAApK;CAAA,IAAAR,EAAA,OAAA8L,MAAA9L,EAAA,OAAAzE,YAAAyE,EAAA,OAAAK,MAAAL,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;EANpCC,KAAA,qBAAC,IAAD;GACiB,eAAAJ;GACL,UAAAC;GACH,OAAAC;GAHT,UAAA,CAKG/E,UACAgF,EANQ;;EAOEP,EAAA,KAAA8L;EAAA9L,EAAA,KAAAzE;EAAAyE,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAuC,MAAAvC,EAAA,OAAAG,MAAAH,EAAA,QAAAQ,IAAA;EAffW,KAAA,oBAAC,IAAD;GACE,eAAAjB;GACO,OAAAC;GAMPK,UAAAA;EARG,CAAA;EAgBER,EAAA,KAAAuC;EAAAvC,EAAA,KAAAG;EAAAH,EAAA,MAAAQ;EAAAR,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OAhBPmB;AAgBO;AAIX,SAAS4F,UAAUiF,YAA2C;CAC5D,OAAO;EAAEA;EAAYC,aAAa,CAAC,cAAc;CAAE;AACrD;AAMA,SAAS/H,aAAalD,SAAmC6D,MAAiB;CACxE,QACGA,SAASlF,KAAAA,IAAYqB,QAAQ0C,KAAK1C,QAAQkL,KAAKjN,YAAY+B,QAAQ0C,MACpE1C,QAAQI;AAEZ;AAKA,MAAMwJ,gBAAgB;;;;;;;AAQtB,SAAAuB,YAAApM,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAqB,MAAA,EAAAnB,OAAAb,OAAAC,OAAAa,UAAAgB;CACnB,MAAAqM,SAAe1S,uBAAiB;EAAA;EAAA,OAEvBuE,UAAU,QAAV;GAAAoO,aACYvN,MAAKwN,IAAK;GAACC,aAAexN,MAAKuN,IAAK;EACK,IAFrD;GAAAD,aAEYvN,MAAKwN,IAAK;GAACE,gBAAkBzN,MAAKuN,IAAK;EAAE;CAAC,CAC9D;CAAC,IAAApM;CAAA,IAAAF,EAAA,OAAAoM,UAAApM,EAAA,OAAA9B,OAAA;EAKSgC,KAAAzF,cAAwCyD,OAAOkO,MAAM;EAACpM,EAAA,KAAAoM;EAAApM,EAAA,KAAA9B;EAAA8B,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAG;CAAA,IAAAH,EAAA,OAAAE,IAAA;EAF/DC,KAAA,oBAAA,SAAA,MAAA;GACE,eAAA;GACO,OAAAD;EAAsD,CAAA;EAC7DF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAHFG;AAGE;;;;;AAQN,SAASuC,UAAU,EACjB5F,YAAYuC,UACZhB,SAASoO,UACT,GAAGtQ,WACiB;CACpB,OAAO;EACL,GAAGA;EACH,GAAGuK,cAAc5J,SAAS;EAC1B0I,MAAM;CACR;AACF;;;;;;AAOA,SAAAoC,qBAAApK,OAAA;CAAA,MAAAwC,IAAAC,EAAA,CAAA;CACE,MAAAgL,OAAanS,OAAO0E,KAAK;CAAC,IAAAuC;CAAA,IAAAG;CAAA,IAAAF,EAAA,OAAAxC,OAAA;EAEhBuC,WAAA;GACR,IACE5G,SAAQoN,OAAQ,SAChB/I,UAAUmC,KAAAA,KACVnC,UAAU,MACVA,UAAUyN,KAAIG,SAEdpS,kBAAiB0T,yBAA0BlP,KAAK;GAElDyN,KAAIG,UAAW5N;EAAH;EACX0C,KAAA,CAAC1C,KAAK;EAACwC,EAAA,KAAAxC;EAAAwC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;CAAA,OAAA;EAAAH,KAAAC,EAAA;EAAAE,KAAAF,EAAA;CAAA;CAVVrH,UAAUoH,IAUPG,EAAO;AAAC;;;;;AAOb,SAAA8B,cAAAvB,OAAAqB,OAAA;CAAA,MAAA9B,IAAAC,EAAA,EAAA;CACE,MAAA,EAAAa,QAAAG,sBAAsCR;CACtC,MAAA1B,QAAc,CAAC+C,MAAKhH,YAAagH,MAAKlE,UAAxB,IAAA;CAAwC,IAAAmC;CAAA,IAAAC,EAAA,OAAAc,OAAAtD,SAAAwC,EAAA,OAAAc,OAAA6L,oBAAA3M,EAAA,OAAAc,OAAAU,aAAAxB,EAAA,OAAAc,OAAAiD,WAAA/D,EAAA,OAAAc,OAAA+E,WAAA7F,EAAA,OAAA8B,MAAAhH,YAAAkF,EAAA,OAAA8B,MAAAlE,WAAAoC,EAAA,OAAA8B,MAAAjE,WAAAmC,EAAA,OAAA8B,MAAA9G,WAAAgF,EAAA,OAAAiB,mBAAA;EACxClB,KAAA+B,MAAKhH,WACfP,YAAYuG,OAAMU,WAAYP,kBAAiB2L,iBAW5B,IAVnB9K,MAAKlE,UACHkE,MAAK9G,UACH8F,OAAMtD,QACNsD,OAAM+E,UACR/D,MAAKjE,UACHiE,MAAK9G,UACH8F,OAAM6L,mBACN7L,OAAMU,YACRM,MAAK9G,UACH8F,OAAMtD,QACNsD,OAAMiD;EAAQ/D,EAAA,KAAAc,OAAAtD;EAAAwC,EAAA,KAAAc,OAAA6L;EAAA3M,EAAA,KAAAc,OAAAU;EAAAxB,EAAA,KAAAc,OAAAiD;EAAA/D,EAAA,KAAAc,OAAA+E;EAAA7F,EAAA,KAAA8B,MAAAhH;EAAAkF,EAAA,KAAA8B,MAAAlE;EAAAoC,EAAA,KAAA8B,MAAAjE;EAAAmC,EAAA,KAAA8B,MAAA9G;EAAAgF,EAAA,KAAAiB;EAAAjB,EAAA,MAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAA,OAEjB6M,gBAAgB/N,IAAOC,KAAK;AAAC;;;;;;AAQtC,SAAA8N,gBAAA/N,OAAAC,OAAA;CAAA,MAAAiB,IAAAC,EAAA,CAAA;CACE,MAAA,EAAAsJ,WAAmB/O,SAAS;CAC5B,MAAAgP,eAAqB5P,iBAAiB;CACtC,MAAA8P,SAAe;EAAAC,UACHJ,OAAMuD;EAAejD,QACvBpQ,OAAMqQ,OAAO,GAAIP,OAAMQ,cAAe;CAChD;CAGS,MAAAhK,KAAApG,sBACL6P,eAAA1K,QAAuBjF,WAAWiF,OAAO4K,MAAM,CACjD;CACO,MAAAxJ,KAAAvG,sBACL6P,eAAAzK,QAAuBlF,WAAWkF,OAAO2K,MAAM,CACjD;CAAC,IAAAvJ;CAAA,IAAAH,EAAA,OAAAD,MAAAC,EAAA,OAAAE,IAAA;EANIC,KAAA;GAAArB,OACEiB;GAENhB,OACMmB;EAGT;EAACF,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAPMG;AAON;AAGH,SAASyG,WAAWzD,KAAuC;CACzD,IAAIhK,SAASoN,OAAO,OAClB;CAGF,OAAO;EACL,GAAIpD,IAAInI,UAAU,EAAE,gBAAgB,KAAK,IAAI2E,KAAAA;EAC7C,GAAIwD,IAAIjI,WAAW,EAAE,iBAAiB,KAAK,IAAIyE,KAAAA;CACjD;AACF;AAEA,SAASsE,QAAQlF,OAA0B;CACzC,OAAO,EAAEA,MAAM;AACjB;AAEA,SAASgN,QAAQH,WAAoC;CACnD,QAAQ/C,UAA6B;EACnC+C,UAAU/C,MAAMkE,YAAYC,OAAOjO,KAAK;CAC1C;AACF"}

package/dist/field/styles.js

@@ -25,6 +25,10 @@ const fieldStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity
 		paddingVertical: spacing.lg
 	},
 	boxTrailing: { paddingEnd: spacing.md },
+	boxTrigger: {
+		outlineStyle: "solid",
+		outlineWidth: 0
+	},
 	column: {
 		flexGrow: 1,
 		flexShrink: 1,
@@ -141,6 +145,11 @@ const fieldStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity
 		position: "absolute",
 		start: 0,
 		top: 0
+	},
+	segments: {
+		alignItems: "center",
+		flexDirection: "row",
+		overflow: "hidden"
 	}
 }));
 //#endregion

package/dist/field/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["StyleSheet","withOpacity","themedStyles","OUTLINE_REACH","fieldStylesOf","colors","radii","spacing","stateLayerOpacity","create","affixLine","alignItems","flexDirection","flexGrow","gap","xxs","box","backgroundColor","surfaceContainerHighest","borderTopEndRadius","xs","borderTopStartRadius","lg","paddingHorizontal","paddingVertical","sm","boxDisabled","onSurface","disabledContainer","boxLeading","paddingStart","md","boxOutlined","boxTrailing","paddingEnd","column","flexShrink","justifyContent","minWidth","copied","copy","opacity","pointerEvents","counter","fontVariant","marginStart","icon","alignSelf","indicator","bottom","end","position","start","input","margin","outlineStyle","outlineWidth","padding","inputMultiline","textAlignVertical","inputOverCopy","overflow","top","label","labelOutlined","labelTextOutlined","messageLine","marginTop","messageLineCollapsed","notchMeasure","outline","left","right","outlineEnd","outlineEndBox","borderRadius","outlineNotch","outlineNotchBox","outlineStart","outlineStartBox"],"sources":["../../src/field/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\n\nimport { withOpacity } from '../theme/color'\nimport { themedStyles } from '../theme/styles'\n\n// The chrome's styles, apart from ./index.tsx so that file holds components\n// alone. What follows the device's text size, the box's height and the\n// label's places, is worked out where it renders, since a stylesheet is built\n// once per theme and the text size can change under it.\n//\n// The box is a row: an icon slot at either end, if the field has one, with the\n// label and the control in a column between them. The page gives the icons\n// 24dp, 12dp from the box's edge and 16dp from the text, centred in the box's\n// height, which the slot is with the box's padding the same above and below.\n\n/**\n * How far an outline piece's own box reaches past the piece that clips it, so\n * the borders and corners on that side fall outside it. A corner's radius and\n * the thickest border are enough; this is that, with room to spare.\n */\nconst OUTLINE_REACH = 8\n\nconst fieldStylesOf = themedStyles(\n  ({ colors, radii, spacing, stateLayerOpacity }) =>\n    StyleSheet.create({\n      // The control's line, holding the affixes beside it. The 2dp is\n      // Compose's padding between the two, since the page gives none.\n      affixLine: {\n        alignItems: 'baseline',\n        flexDirection: 'row',\n        flexGrow: 1,\n        gap: spacing.xxs,\n      },\n      // The filled box: surface container highest, the page's 4dp corners at\n      // the top and square at the bottom, where the indicator runs the full\n      // width. 8dp above the label and below the value, and 16dp at either\n      // end, or 12dp beside an icon.\n      box: {\n        backgroundColor: colors.surfaceContainerHighest,\n        borderTopEndRadius: radii.xs,\n        borderTopStartRadius: radii.xs,\n        flexDirection: 'row',\n        gap: spacing.lg,\n        paddingHorizontal: spacing.lg,\n        paddingVertical: spacing.sm,\n      },\n      boxDisabled: {\n        backgroundColor: withOpacity(\n          colors.onSurface,\n          stateLayerOpacity.disabledContainer,\n        ),\n      },\n      boxLeading: {\n        paddingStart: spacing.md,\n      },\n      // The outlined box: no fill, and 16dp above and below the value, which\n      // centres it, since the label sits on the outline rather than over it.\n      boxOutlined: {\n        backgroundColor: 'transparent',\n        paddingVertical: spacing.lg,\n      },\n      boxTrailing: {\n        paddingEnd: spacing.md,\n      },\n      // The label and the control's column, which the label is placed\n      // against, so it moves past a leading icon with the text.\n      column: {\n        flexGrow: 1,\n        flexShrink: 1,\n        justifyContent: 'flex-start',\n        minWidth: 0,\n      },\n      // A multi-line control growing under React Native Web, over the copy\n      // of its text that gives it its height.\n      copied: {\n        flexGrow: 1,\n        flexShrink: 1,\n        minWidth: 0,\n      },\n      // The copy: the control's type and wrapping, drawn in nothing.\n      copy: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      // The count of characters, at the end of the message line in tabular\n      // figures so it does not jitter as it counts.\n      counter: {\n        flexShrink: 0,\n        fontVariant: ['tabular-nums'],\n        marginStart: 'auto',\n      },\n      // An icon slot, centred in the box's height whatever it holds: the\n      // page's 24dp icon, or an icon button around one.\n      icon: {\n        alignItems: 'center',\n        alignSelf: 'center',\n        justifyContent: 'center',\n      },\n      // The filled box's active indicator: a rule across the bottom, laid\n      // over the box so it thickening on focus moves nothing. A border\n      // rather than a fill, since a forced palette on the web keeps a\n      // border and paints over a background.\n      indicator: {\n        bottom: 0,\n        end: 0,\n        position: 'absolute',\n        start: 0,\n      },\n      input: {\n        flexGrow: 1,\n        flexShrink: 1,\n        margin: 0,\n        minWidth: 0,\n        // The box draws the focus, so a ring around the control inside it\n        // would be two treatments for one focus. Solid as well as no width:\n        // a browser's own ring is the `auto` style, which ignores the width.\n        outlineStyle: 'solid',\n        outlineWidth: 0,\n        padding: 0,\n      },\n      // A text area's text starts at the top of its lines, where Android\n      // would centre it in them.\n      inputMultiline: {\n        textAlignVertical: 'top',\n      },\n      // The growing control, laid over the copy that sizes it.\n      inputOverCopy: {\n        bottom: 0,\n        end: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        start: 0,\n        top: 0,\n      },\n      // The label's place: the column's width at its top, the label at its\n      // start as wide as its text, so it sits at the right end of a\n      // right-to-left field whatever script it is in. One line, cut short\n      // with an ellipsis where the column ends, which is before an icon at\n      // either end. It takes no touches, so a press on it lands on the\n      // control or the box under it.\n      label: {\n        alignItems: 'flex-start',\n        end: 0,\n        pointerEvents: 'none',\n        position: 'absolute',\n        start: 0,\n        top: 0,\n      },\n      // Outlined, the label has the page's 4dp either side, which the notch\n      // has too, so the two line up and the label's text starts where the\n      // value does.\n      labelOutlined: {\n        end: -spacing.xs,\n        start: -spacing.xs,\n      },\n      labelTextOutlined: {\n        paddingHorizontal: spacing.xs,\n      },\n      // The line under the box: the message at the start, the counter at the\n      // end, the page's 4dp under the box and 16dp between the two, indented\n      // to the box's own padding so the message starts where the value does.\n      messageLine: {\n        flexDirection: 'row',\n        gap: spacing.lg,\n        marginTop: spacing.xs,\n        paddingHorizontal: spacing.lg,\n      },\n      // The line with nothing to show: out of the flow, so the field ends at\n      // its box, and still there for the live region inside it, which has to\n      // be in place before the error it announces arrives.\n      messageLineCollapsed: {\n        marginTop: 0,\n        position: 'absolute',\n      },\n      // The label's text in its floated type, out of sight, which is what\n      // the notch takes its width from. In the outlined label's own place, so\n      // a label with no room is cut short where the label is.\n      notchMeasure: {\n        opacity: 0,\n      },\n      // The outline: three pieces in a row over the whole box, the stretch\n      // before the label, the notch under it and the stretch after it. Each\n      // piece clips a whole outlined box of its own to the part of the\n      // outline it draws, so the width and the colour are one shorthand\n      // that eases, and the corners turn over with the row in a\n      // right-to-left layout.\n      outline: {\n        bottom: 0,\n        flexDirection: 'row',\n        left: 0,\n        pointerEvents: 'none',\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      outlineEnd: {\n        flexGrow: 1,\n        overflow: 'hidden',\n      },\n      outlineEndBox: {\n        borderRadius: radii.xs,\n        bottom: 0,\n        end: 0,\n        position: 'absolute',\n        start: -OUTLINE_REACH,\n        top: 0,\n      },\n      // The notch draws only the bottom of the outline, its box reaching past\n      // the top and both sides.\n      outlineNotch: {\n        flexShrink: 1,\n        overflow: 'hidden',\n      },\n      outlineNotchBox: {\n        bottom: 0,\n        end: -OUTLINE_REACH,\n        position: 'absolute',\n        start: -OUTLINE_REACH,\n        top: -OUTLINE_REACH,\n      },\n      outlineStart: {\n        flexShrink: 0,\n        overflow: 'hidden',\n      },\n      outlineStartBox: {\n        borderRadius: radii.xs,\n        bottom: 0,\n        end: -OUTLINE_REACH,\n        position: 'absolute',\n        start: 0,\n        top: 0,\n      },\n    }),\n)\n\nexport { fieldStylesOf, OUTLINE_REACH }\n"],"mappings":";;;;AAsBA,MAAMI,gBAAgBF,cACnB,EAAEG,QAAQC,OAAOC,SAASC,wBACzBR,WAAWS,OAAO;CAGhBC,WAAW;EACTC,YAAY;EACZC,eAAe;EACfC,UAAU;EACVC,KAAKP,QAAQQ;CACf;CAKAC,KAAK;EACHC,iBAAiBZ,OAAOa;EACxBC,oBAAoBb,MAAMc;EAC1BC,sBAAsBf,MAAMc;EAC5BR,eAAe;EACfE,KAAKP,QAAQe;EACbC,mBAAmBhB,QAAQe;EAC3BE,iBAAiBjB,QAAQkB;CAC3B;CACAC,aAAa,EACXT,iBAAiBhB,YACfI,OAAOsB,WACPnB,kBAAkBoB,iBACpB,EACF;CACAC,YAAY,EACVC,cAAcvB,QAAQwB,GACxB;CAGAC,aAAa;EACXf,iBAAiB;EACjBO,iBAAiBjB,QAAQe;CAC3B;CACAW,aAAa,EACXC,YAAY3B,QAAQwB,GACtB;CAGAI,QAAQ;EACNtB,UAAU;EACVuB,YAAY;EACZC,gBAAgB;EAChBC,UAAU;CACZ;CAGAC,QAAQ;EACN1B,UAAU;EACVuB,YAAY;EACZE,UAAU;CACZ;CAEAE,MAAM;EACJC,SAAS;EACTC,eAAe;CACjB;CAGAC,SAAS;EACPP,YAAY;EACZQ,aAAa,CAAC,cAAc;EAC5BC,aAAa;CACf;CAGAC,MAAM;EACJnC,YAAY;EACZoC,WAAW;EACXV,gBAAgB;CAClB;CAKAW,WAAW;EACTC,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;CACT;CACAC,OAAO;EACLxC,UAAU;EACVuB,YAAY;EACZkB,QAAQ;EACRhB,UAAU;EAIViB,cAAc;EACdC,cAAc;EACdC,SAAS;CACX;CAGAC,gBAAgB,EACdC,mBAAmB,MACrB;CAEAC,eAAe;EACbX,QAAQ;EACRC,KAAK;EACLW,UAAU;EACVV,UAAU;EACVC,OAAO;EACPU,KAAK;CACP;CAOAC,OAAO;EACLpD,YAAY;EACZuC,KAAK;EACLR,eAAe;EACfS,UAAU;EACVC,OAAO;EACPU,KAAK;CACP;CAIAE,eAAe;EACbd,KAAK,CAAC3C,QAAQa;EACdgC,OAAO,CAAC7C,QAAQa;CAClB;CACA6C,mBAAmB,EACjB1C,mBAAmBhB,QAAQa,GAC7B;CAIA8C,aAAa;EACXtD,eAAe;EACfE,KAAKP,QAAQe;EACb6C,WAAW5D,QAAQa;EACnBG,mBAAmBhB,QAAQe;CAC7B;CAIA8C,sBAAsB;EACpBD,WAAW;EACXhB,UAAU;CACZ;CAIAkB,cAAc,EACZ5B,SAAS,EACX;CAOA6B,SAAS;EACPrB,QAAQ;EACRrC,eAAe;EACf2D,MAAM;EACN7B,eAAe;EACfS,UAAU;EACVqB,OAAO;EACPV,KAAK;CACP;CACAW,YAAY;EACV5D,UAAU;EACVgD,UAAU;CACZ;CACAa,eAAe;EACbC,cAAcrE,MAAMc;EACpB6B,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPU,KAAK;CACP;CAGAc,cAAc;EACZxC,YAAY;EACZyB,UAAU;CACZ;CACAgB,iBAAiB;EACf5B,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPU,KAAK;CACP;CACAgB,cAAc;EACZ1C,YAAY;EACZyB,UAAU;CACZ;CACAkB,iBAAiB;EACfJ,cAAcrE,MAAMc;EACpB6B,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPU,KAAK;CACP;AACF,CAAC,CACL"}
+{"version":3,"file":"styles.js","names":["StyleSheet","withOpacity","themedStyles","OUTLINE_REACH","fieldStylesOf","colors","radii","spacing","stateLayerOpacity","create","affixLine","alignItems","flexDirection","flexGrow","gap","xxs","box","backgroundColor","surfaceContainerHighest","borderTopEndRadius","xs","borderTopStartRadius","lg","paddingHorizontal","paddingVertical","sm","boxDisabled","onSurface","disabledContainer","boxLeading","paddingStart","md","boxOutlined","boxTrailing","paddingEnd","boxTrigger","outlineStyle","outlineWidth","column","flexShrink","justifyContent","minWidth","copied","copy","opacity","pointerEvents","counter","fontVariant","marginStart","icon","alignSelf","indicator","bottom","end","position","start","input","margin","padding","inputMultiline","textAlignVertical","inputOverCopy","overflow","top","label","labelOutlined","labelTextOutlined","messageLine","marginTop","messageLineCollapsed","notchMeasure","outline","left","right","outlineEnd","outlineEndBox","borderRadius","outlineNotch","outlineNotchBox","outlineStart","outlineStartBox","segments"],"sources":["../../src/field/styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native'\n\nimport { withOpacity } from '../theme/color'\nimport { themedStyles } from '../theme/styles'\n\n// The chrome's styles, apart from ./index.tsx so that file holds components\n// alone. What follows the device's text size, the box's height and the\n// label's places, is worked out where it renders, since a stylesheet is built\n// once per theme and the text size can change under it.\n//\n// The box is a row: an icon slot at either end, if the field has one, with the\n// label and the control in a column between them. The page gives the icons\n// 24dp, 12dp from the box's edge and 16dp from the text, centred in the box's\n// height, which the slot is with the box's padding the same above and below.\n\n/**\n * How far an outline piece's own box reaches past the piece that clips it, so\n * the borders and corners on that side fall outside it. A corner's radius and\n * the thickest border are enough; this is that, with room to spare.\n */\nconst OUTLINE_REACH = 8\n\nconst fieldStylesOf = themedStyles(\n  ({ colors, radii, spacing, stateLayerOpacity }) =>\n    StyleSheet.create({\n      // The control's line, holding the affixes beside it. The 2dp is\n      // Compose's padding between the two, since the page gives none.\n      affixLine: {\n        alignItems: 'baseline',\n        flexDirection: 'row',\n        flexGrow: 1,\n        gap: spacing.xxs,\n      },\n      // The filled box: surface container highest, the page's 4dp corners at\n      // the top and square at the bottom, where the indicator runs the full\n      // width. 8dp above the label and below the value, and 16dp at either\n      // end, or 12dp beside an icon.\n      box: {\n        backgroundColor: colors.surfaceContainerHighest,\n        borderTopEndRadius: radii.xs,\n        borderTopStartRadius: radii.xs,\n        flexDirection: 'row',\n        gap: spacing.lg,\n        paddingHorizontal: spacing.lg,\n        paddingVertical: spacing.sm,\n      },\n      boxDisabled: {\n        backgroundColor: withOpacity(\n          colors.onSurface,\n          stateLayerOpacity.disabledContainer,\n        ),\n      },\n      boxLeading: {\n        paddingStart: spacing.md,\n      },\n      // The outlined box: no fill, and 16dp above and below the value, which\n      // centres it, since the label sits on the outline rather than over it.\n      boxOutlined: {\n        backgroundColor: 'transparent',\n        paddingVertical: spacing.lg,\n      },\n      boxTrailing: {\n        paddingEnd: spacing.md,\n      },\n      // A box that is itself the control draws its focus with its indicator,\n      // as a box around a control does, so a browser's own ring would be a\n      // second treatment for one focus: solid and no width, as the control's.\n      boxTrigger: {\n        outlineStyle: 'solid',\n        outlineWidth: 0,\n      },\n      // The label and the control's column, which the label is placed\n      // against, so it moves past a leading icon with the text.\n      column: {\n        flexGrow: 1,\n        flexShrink: 1,\n        justifyContent: 'flex-start',\n        minWidth: 0,\n      },\n      // A multi-line control growing under React Native Web, over the copy\n      // of its text that gives it its height.\n      copied: {\n        flexGrow: 1,\n        flexShrink: 1,\n        minWidth: 0,\n      },\n      // The copy: the control's type and wrapping, drawn in nothing.\n      copy: {\n        opacity: 0,\n        pointerEvents: 'none',\n      },\n      // The count of characters, at the end of the message line in tabular\n      // figures so it does not jitter as it counts.\n      counter: {\n        flexShrink: 0,\n        fontVariant: ['tabular-nums'],\n        marginStart: 'auto',\n      },\n      // An icon slot, centred in the box's height whatever it holds: the\n      // page's 24dp icon, or an icon button around one.\n      icon: {\n        alignItems: 'center',\n        alignSelf: 'center',\n        justifyContent: 'center',\n      },\n      // The filled box's active indicator: a rule across the bottom, laid\n      // over the box so it thickening on focus moves nothing. A border\n      // rather than a fill, since a forced palette on the web keeps a\n      // border and paints over a background.\n      indicator: {\n        bottom: 0,\n        end: 0,\n        position: 'absolute',\n        start: 0,\n      },\n      input: {\n        flexGrow: 1,\n        flexShrink: 1,\n        margin: 0,\n        minWidth: 0,\n        // The box draws the focus, so a ring around the control inside it\n        // would be two treatments for one focus. Solid as well as no width:\n        // a browser's own ring is the `auto` style, which ignores the width.\n        outlineStyle: 'solid',\n        outlineWidth: 0,\n        padding: 0,\n      },\n      // A text area's text starts at the top of its lines, where Android\n      // would centre it in them.\n      inputMultiline: {\n        textAlignVertical: 'top',\n      },\n      // The growing control, laid over the copy that sizes it.\n      inputOverCopy: {\n        bottom: 0,\n        end: 0,\n        overflow: 'hidden',\n        position: 'absolute',\n        start: 0,\n        top: 0,\n      },\n      // The label's place: the column's width at its top, the label at its\n      // start as wide as its text, so it sits at the right end of a\n      // right-to-left field whatever script it is in. One line, cut short\n      // with an ellipsis where the column ends, which is before an icon at\n      // either end. It takes no touches, so a press on it lands on the\n      // control or the box under it.\n      label: {\n        alignItems: 'flex-start',\n        end: 0,\n        pointerEvents: 'none',\n        position: 'absolute',\n        start: 0,\n        top: 0,\n      },\n      // Outlined, the label has the page's 4dp either side, which the notch\n      // has too, so the two line up and the label's text starts where the\n      // value does.\n      labelOutlined: {\n        end: -spacing.xs,\n        start: -spacing.xs,\n      },\n      labelTextOutlined: {\n        paddingHorizontal: spacing.xs,\n      },\n      // The line under the box: the message at the start, the counter at the\n      // end, the page's 4dp under the box and 16dp between the two, indented\n      // to the box's own padding so the message starts where the value does.\n      messageLine: {\n        flexDirection: 'row',\n        gap: spacing.lg,\n        marginTop: spacing.xs,\n        paddingHorizontal: spacing.lg,\n      },\n      // The line with nothing to show: out of the flow, so the field ends at\n      // its box, and still there for the live region inside it, which has to\n      // be in place before the error it announces arrives.\n      messageLineCollapsed: {\n        marginTop: 0,\n        position: 'absolute',\n      },\n      // The label's text in its floated type, out of sight, which is what\n      // the notch takes its width from. In the outlined label's own place, so\n      // a label with no room is cut short where the label is.\n      notchMeasure: {\n        opacity: 0,\n      },\n      // The outline: three pieces in a row over the whole box, the stretch\n      // before the label, the notch under it and the stretch after it. Each\n      // piece clips a whole outlined box of its own to the part of the\n      // outline it draws, so the width and the colour are one shorthand\n      // that eases, and the corners turn over with the row in a\n      // right-to-left layout.\n      outline: {\n        bottom: 0,\n        flexDirection: 'row',\n        left: 0,\n        pointerEvents: 'none',\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      outlineEnd: {\n        flexGrow: 1,\n        overflow: 'hidden',\n      },\n      outlineEndBox: {\n        borderRadius: radii.xs,\n        bottom: 0,\n        end: 0,\n        position: 'absolute',\n        start: -OUTLINE_REACH,\n        top: 0,\n      },\n      // The notch draws only the bottom of the outline, its box reaching past\n      // the top and both sides.\n      outlineNotch: {\n        flexShrink: 1,\n        overflow: 'hidden',\n      },\n      outlineNotchBox: {\n        bottom: 0,\n        end: -OUTLINE_REACH,\n        position: 'absolute',\n        start: -OUTLINE_REACH,\n        top: -OUTLINE_REACH,\n      },\n      outlineStart: {\n        flexShrink: 0,\n        overflow: 'hidden',\n      },\n      outlineStartBox: {\n        borderRadius: radii.xs,\n        bottom: 0,\n        end: -OUTLINE_REACH,\n        position: 'absolute',\n        start: 0,\n        top: 0,\n      },\n      // A date or a time's segments on the value's line, in a row. Clipped\n      // at the box rather than wrapped, since every segment on the line is\n      // somewhere to type, so none of it can be drawn as though it were not\n      // there.\n      segments: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        overflow: 'hidden',\n      },\n    }),\n)\n\nexport { fieldStylesOf, OUTLINE_REACH }\n"],"mappings":";;;;AAsBA,MAAMI,gBAAgBF,cACnB,EAAEG,QAAQC,OAAOC,SAASC,wBACzBR,WAAWS,OAAO;CAGhBC,WAAW;EACTC,YAAY;EACZC,eAAe;EACfC,UAAU;EACVC,KAAKP,QAAQQ;CACf;CAKAC,KAAK;EACHC,iBAAiBZ,OAAOa;EACxBC,oBAAoBb,MAAMc;EAC1BC,sBAAsBf,MAAMc;EAC5BR,eAAe;EACfE,KAAKP,QAAQe;EACbC,mBAAmBhB,QAAQe;EAC3BE,iBAAiBjB,QAAQkB;CAC3B;CACAC,aAAa,EACXT,iBAAiBhB,YACfI,OAAOsB,WACPnB,kBAAkBoB,iBACpB,EACF;CACAC,YAAY,EACVC,cAAcvB,QAAQwB,GACxB;CAGAC,aAAa;EACXf,iBAAiB;EACjBO,iBAAiBjB,QAAQe;CAC3B;CACAW,aAAa,EACXC,YAAY3B,QAAQwB,GACtB;CAIAI,YAAY;EACVC,cAAc;EACdC,cAAc;CAChB;CAGAC,QAAQ;EACNzB,UAAU;EACV0B,YAAY;EACZC,gBAAgB;EAChBC,UAAU;CACZ;CAGAC,QAAQ;EACN7B,UAAU;EACV0B,YAAY;EACZE,UAAU;CACZ;CAEAE,MAAM;EACJC,SAAS;EACTC,eAAe;CACjB;CAGAC,SAAS;EACPP,YAAY;EACZQ,aAAa,CAAC,cAAc;EAC5BC,aAAa;CACf;CAGAC,MAAM;EACJtC,YAAY;EACZuC,WAAW;EACXV,gBAAgB;CAClB;CAKAW,WAAW;EACTC,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;CACT;CACAC,OAAO;EACL3C,UAAU;EACV0B,YAAY;EACZkB,QAAQ;EACRhB,UAAU;EAIVL,cAAc;EACdC,cAAc;EACdqB,SAAS;CACX;CAGAC,gBAAgB,EACdC,mBAAmB,MACrB;CAEAC,eAAe;EACbT,QAAQ;EACRC,KAAK;EACLS,UAAU;EACVR,UAAU;EACVC,OAAO;EACPQ,KAAK;CACP;CAOAC,OAAO;EACLrD,YAAY;EACZ0C,KAAK;EACLR,eAAe;EACfS,UAAU;EACVC,OAAO;EACPQ,KAAK;CACP;CAIAE,eAAe;EACbZ,KAAK,CAAC9C,QAAQa;EACdmC,OAAO,CAAChD,QAAQa;CAClB;CACA8C,mBAAmB,EACjB3C,mBAAmBhB,QAAQa,GAC7B;CAIA+C,aAAa;EACXvD,eAAe;EACfE,KAAKP,QAAQe;EACb8C,WAAW7D,QAAQa;EACnBG,mBAAmBhB,QAAQe;CAC7B;CAIA+C,sBAAsB;EACpBD,WAAW;EACXd,UAAU;CACZ;CAIAgB,cAAc,EACZ1B,SAAS,EACX;CAOA2B,SAAS;EACPnB,QAAQ;EACRxC,eAAe;EACf4D,MAAM;EACN3B,eAAe;EACfS,UAAU;EACVmB,OAAO;EACPV,KAAK;CACP;CACAW,YAAY;EACV7D,UAAU;EACViD,UAAU;CACZ;CACAa,eAAe;EACbC,cAActE,MAAMc;EACpBgC,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPQ,KAAK;CACP;CAGAc,cAAc;EACZtC,YAAY;EACZuB,UAAU;CACZ;CACAgB,iBAAiB;EACf1B,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPQ,KAAK;CACP;CACAgB,cAAc;EACZxC,YAAY;EACZuB,UAAU;CACZ;CACAkB,iBAAiB;EACfJ,cAActE,MAAMc;EACpBgC,QAAQ;EACRC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPQ,KAAK;CACP;CAKAkB,UAAU;EACRtE,YAAY;EACZC,eAAe;EACfkD,UAAU;CACZ;AACF,CAAC,CACL"}

package/dist/files/index.d.ts

@@ -0,0 +1,18 @@
+//#region src/files/index.d.ts
+/**
+ * A file a person picked: what it is called, how big it is and what it is,
+ * as web's `File` says, and where it is, which a call site reads it or
+ * uploads it from. On iOS and Android that is a `file://` URI in the app's
+ * cache, a copy the chooser made, and under React Native Web an object URL.
+ */
+type PickedFile = {
+  readonly name: string;
+  /** Its size in bytes, where the platform says. */
+  readonly size: number | undefined;
+  /** Its MIME type, or an empty string where the platform does not say, as on web. */
+  readonly type: string;
+  readonly uri: string;
+};
+//#endregion
+export type { PickedFile };
+//# sourceMappingURL=index.d.ts.map

package/dist/files/index.js

@@ -0,0 +1,107 @@
+//#region src/files/index.ts
+let documentPicker;
+let imagePicker;
+function fromCamera(asset) {
+	return {
+		name: asset.fileName ?? asset.uri.split("/").at(-1) ?? asset.uri,
+		size: asset.fileSize,
+		type: asset.mimeType ?? "",
+		uri: asset.uri
+	};
+}
+function fromDocument(asset) {
+	return {
+		name: asset.name,
+		size: asset.size,
+		type: asset.mimeType ?? "",
+		uri: asset.uri
+	};
+}
+async function importDocumentPicker() {
+	try {
+		return await import(
+			/* @vite-ignore */
+			"expo-document-picker"
+);
+	} catch {
+		return null;
+	}
+}
+async function importImagePicker() {
+	try {
+		return await import(
+			/* @vite-ignore */
+			"expo-image-picker"
+);
+	} catch {
+		return null;
+	}
+}
+async function loadDocumentPicker() {
+	documentPicker ??= importDocumentPicker();
+	return documentPicker;
+}
+async function loadImagePicker() {
+	imagePicker ??= importImagePicker();
+	return imagePicker;
+}
+function mediaTypesOf(accepted) {
+	const videos = accepted.some((type) => type.startsWith("video/"));
+	return [...!videos || accepted.some((type) => type.startsWith("image/")) ? ["images"] : [], ...videos ? ["videos"] : []];
+}
+/**
+* Opens the system's chooser, or its camera for `defaultCamera`, and settles
+* on the files picked, or on `null` when the person backed out. A camera the
+* person will not let the app use is backing out too.
+*
+* It rejects, naming the package, when the one it needs is not installed:
+* expo-document-picker for the chooser, expo-image-picker for the camera.
+*/
+async function pickFiles(options) {
+	const accepted = options.acceptedFileTypes ?? [];
+	if (options.defaultCamera !== void 0) {
+		const camera = await loadImagePicker();
+		if (camera === null) throw new Error("Taking a photo needs expo-image-picker, which is not installed");
+		if (!(await camera.requestCameraPermissionsAsync()).granted) return null;
+		const shot = await camera.launchCameraAsync({
+			cameraType: options.defaultCamera === "user" ? "front" : "back",
+			mediaTypes: mediaTypesOf(accepted)
+		});
+		return shot.canceled ? null : shot.assets.map(fromCamera);
+	}
+	const picker = await loadDocumentPicker();
+	if (picker === null) throw new Error("Picking a file needs expo-document-picker, which is not installed");
+	const picked = await picker.getDocumentAsync({
+		base64: false,
+		multiple: options.allowsMultiple ?? false,
+		type: accepted.length === 0 ? "*/*" : [...accepted]
+	});
+	return picked.canceled ? null : picked.assets.map(fromDocument);
+}
+/**
+* Picks as `pickFiles` does and hands what was picked to `then`, saying
+* nothing when the person backed out. A failure, a missing package among
+* them, is written to the console, where a missing package is a mistake in
+* the app's setup rather than something the person can do anything about.
+*/
+async function pickThen(options, then) {
+	let files;
+	try {
+		files = await pickFiles(options);
+	} catch (error) {
+		console.error(error);
+		return;
+	}
+	if (files !== null) then(files);
+}
+/**
+* Starts importing the picker the options open, so that a press finds it
+* there. A component that picks calls it once it mounts.
+*/
+function preparePicker(options) {
+	options.defaultCamera === void 0 ? loadDocumentPicker() : loadImagePicker();
+}
+//#endregion
+export { pickFiles, pickThen, preparePicker };
+
+//# sourceMappingURL=index.js.map

package/dist/files/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DocumentPickerAsset","ImagePickerAsset","DocumentPicker","ImagePicker","PickedFile","name","size","type","uri","PickOptions","acceptedFileTypes","allowsMultiple","defaultCamera","documentPicker","Promise","imagePicker","fromCamera","asset","fileName","split","at","fileSize","mimeType","fromDocument","importDocumentPicker","importImagePicker","loadDocumentPicker","loadImagePicker","mediaTypesOf","accepted","videos","some","startsWith","images","const","pickFiles","options","undefined","camera","Error","requestCameraPermissionsAsync","granted","shot","launchCameraAsync","cameraType","mediaTypes","canceled","assets","map","picker","picked","getDocumentAsync","base64","multiple","length","pickThen","then","files","error","console","preparePicker"],"sources":["../../src/files/index.ts"],"sourcesContent":["import type { DocumentPickerAsset } from 'expo-document-picker'\nimport type { ImagePickerAsset } from 'expo-image-picker'\n\ntype DocumentPicker = typeof import('expo-document-picker')\n\ntype ImagePicker = typeof import('expo-image-picker')\n\n/**\n * A file a person picked: what it is called, how big it is and what it is,\n * as web's `File` says, and where it is, which a call site reads it or\n * uploads it from. On iOS and Android that is a `file://` URI in the app's\n * cache, a copy the chooser made, and under React Native Web an object URL.\n */\ntype PickedFile = {\n  readonly name: string\n  /** Its size in bytes, where the platform says. */\n  readonly size: number | undefined\n  /** Its MIME type, or an empty string where the platform does not say, as on web. */\n  readonly type: string\n  readonly uri: string\n}\n/** What the chooser is asked for, in web's FileTrigger's words. */\ntype PickOptions = {\n  /** The MIME types the chooser offers, such as `image/png` or `image/*`. Every type when left out. */\n  readonly acceptedFileTypes?: readonly string[] | undefined\n  /** Whether more than one file can be picked. */\n  readonly allowsMultiple?: boolean | undefined\n  /**\n   * Opens the camera rather than the chooser, facing away from the person\n   * for `environment` or towards them for `user`, as web's `capture` does.\n   */\n  readonly defaultCamera?: 'environment' | 'user' | undefined\n}\n\n// The two pickers are optional peers, so each is imported where its absence\n// can be caught, as src/clipboard imports expo-clipboard: Metro takes an\n// import inside a `try` as optional and bundles an app without it, which it\n// would not for an import wrapped any other way. Each is imported once, and\n// first when a component that picks mounts, so a press finds it loaded:\n// under React Native Web a chooser opens only while the press that asked for\n// it still counts as one.\nlet documentPicker: Promise<DocumentPicker | null> | undefined\nlet imagePicker: Promise<ImagePicker | null> | undefined\n\n// A photo the camera took is named by the platform where it names one, and\n// by the last part of its URI where it does not.\nfunction fromCamera(asset: ImagePickerAsset): PickedFile {\n  return {\n    name: asset.fileName ?? asset.uri.split('/').at(-1) ?? asset.uri,\n    size: asset.fileSize,\n    type: asset.mimeType ?? '',\n    uri: asset.uri,\n  }\n}\n\nfunction fromDocument(asset: DocumentPickerAsset): PickedFile {\n  return {\n    name: asset.name,\n    size: asset.size,\n    type: asset.mimeType ?? '',\n    uri: asset.uri,\n  }\n}\n\nasync function importDocumentPicker(): Promise<DocumentPicker | null> {\n  try {\n    return await import(/* @vite-ignore */ 'expo-document-picker')\n  } catch {\n    return null\n  }\n}\n\nasync function importImagePicker(): Promise<ImagePicker | null> {\n  try {\n    return await import(/* @vite-ignore */ 'expo-image-picker')\n  } catch {\n    return null\n  }\n}\n\nasync function loadDocumentPicker() {\n  documentPicker ??= importDocumentPicker()\n  return documentPicker\n}\n\nasync function loadImagePicker() {\n  imagePicker ??= importImagePicker()\n  return imagePicker\n}\n\n// The camera takes photos and videos alone, so it is asked for videos when\n// the accepted types name one and for photos unless they name only videos.\nfunction mediaTypesOf(accepted: readonly string[]) {\n  const videos = accepted.some((type) => type.startsWith('video/'))\n  const images = !videos || accepted.some((type) => type.startsWith('image/'))\n\n  return [\n    ...(images ? (['images'] as const) : []),\n    ...(videos ? (['videos'] as const) : []),\n  ]\n}\n\n/**\n * Opens the system's chooser, or its camera for `defaultCamera`, and settles\n * on the files picked, or on `null` when the person backed out. A camera the\n * person will not let the app use is backing out too.\n *\n * It rejects, naming the package, when the one it needs is not installed:\n * expo-document-picker for the chooser, expo-image-picker for the camera.\n */\nasync function pickFiles(\n  options: PickOptions,\n): Promise<null | readonly PickedFile[]> {\n  const accepted = options.acceptedFileTypes ?? []\n\n  if (options.defaultCamera !== undefined) {\n    const camera = await loadImagePicker()\n\n    if (camera === null) {\n      throw new Error(\n        'Taking a photo needs expo-image-picker, which is not installed',\n      )\n    }\n    if (!(await camera.requestCameraPermissionsAsync()).granted) {\n      return null\n    }\n\n    const shot = await camera.launchCameraAsync({\n      cameraType: options.defaultCamera === 'user' ? 'front' : 'back',\n      mediaTypes: mediaTypesOf(accepted),\n    })\n\n    return shot.canceled ? null : shot.assets.map(fromCamera)\n  }\n\n  const picker = await loadDocumentPicker()\n\n  if (picker === null) {\n    throw new Error(\n      'Picking a file needs expo-document-picker, which is not installed',\n    )\n  }\n\n  // base64 is off, since the package otherwise reads every file picked into\n  // memory, which nothing here asks of it.\n  const picked = await picker.getDocumentAsync({\n    base64: false,\n    multiple: options.allowsMultiple ?? false,\n    type: accepted.length === 0 ? '*/*' : [...accepted],\n  })\n\n  return picked.canceled ? null : picked.assets.map(fromDocument)\n}\n\n/**\n * Picks as `pickFiles` does and hands what was picked to `then`, saying\n * nothing when the person backed out. A failure, a missing package among\n * them, is written to the console, where a missing package is a mistake in\n * the app's setup rather than something the person can do anything about.\n */\nasync function pickThen(\n  options: PickOptions,\n  then: (files: readonly PickedFile[]) => void,\n): Promise<void> {\n  let files: null | readonly PickedFile[]\n\n  try {\n    files = await pickFiles(options)\n  } catch (error) {\n    console.error(error)\n    return\n  }\n  if (files !== null) {\n    then(files)\n  }\n}\n\n/**\n * Starts importing the picker the options open, so that a press finds it\n * there. A component that picks calls it once it mounts.\n */\nfunction preparePicker(options: PickOptions) {\n  void (options.defaultCamera === undefined\n    ? loadDocumentPicker()\n    : loadImagePicker())\n}\n\nexport { pickFiles, pickThen, preparePicker }\nexport type { PickedFile, PickOptions }\n"],"mappings":";AAyCA,IAAIa;AACJ,IAAIE;AAIJ,SAASC,WAAWC,OAAqC;CACvD,OAAO;EACLZ,MAAMY,MAAMC,YAAYD,MAAMT,IAAIW,MAAM,GAAG,CAAC,CAACC,GAAG,EAAE,KAAKH,MAAMT;EAC7DF,MAAMW,MAAMI;EACZd,MAAMU,MAAMK,YAAY;EACxBd,KAAKS,MAAMT;CACb;AACF;AAEA,SAASe,aAAaN,OAAwC;CAC5D,OAAO;EACLZ,MAAMY,MAAMZ;EACZC,MAAMW,MAAMX;EACZC,MAAMU,MAAMK,YAAY;EACxBd,KAAKS,MAAMT;CACb;AACF;AAEA,eAAegB,uBAAuD;CACpE,IAAI;EACF,OAAO,MAAM;;GAA0B;;CACzC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,eAAeC,oBAAiD;CAC9D,IAAI;EACF,OAAO,MAAM;;GAA0B;;CACzC,QAAQ;EACN,OAAO;CACT;AACF;AAEA,eAAeC,qBAAqB;CAClCb,mBAAmBW,qBAAqB;CACxC,OAAOX;AACT;AAEA,eAAec,kBAAkB;CAC/BZ,gBAAgBU,kBAAkB;CAClC,OAAOV;AACT;AAIA,SAASa,aAAaC,UAA6B;CACjD,MAAMC,SAASD,SAASE,MAAMxB,SAASA,KAAKyB,WAAW,QAAQ,CAAC;CAGhE,OAAO,CACL,GAHa,CAACF,UAAUD,SAASE,MAAMxB,SAASA,KAAKyB,WAAW,QAAQ,CAAC,IAG3D,CAAC,QAAQ,IAAc,CAAA,GACrC,GAAIF,SAAU,CAAC,QAAQ,IAAc,CAAA,CAAG;AAE5C;;;;;;;;;AAUA,eAAeK,UACbC,SACuC;CACvC,MAAMP,WAAWO,QAAQ1B,qBAAqB,CAAA;CAE9C,IAAI0B,QAAQxB,kBAAkByB,KAAAA,GAAW;EACvC,MAAMC,SAAS,MAAMX,gBAAgB;EAErC,IAAIW,WAAW,MACb,MAAM,IAAIC,MACR,gEACF;EAEF,IAAI,EAAE,MAAMD,OAAOE,8BAA8B,EAAA,CAAGC,SAClD,OAAO;EAGT,MAAMC,OAAO,MAAMJ,OAAOK,kBAAkB;GAC1CC,YAAYR,QAAQxB,kBAAkB,SAAS,UAAU;GACzDiC,YAAYjB,aAAaC,QAAQ;EACnC,CAAC;EAED,OAAOa,KAAKI,WAAW,OAAOJ,KAAKK,OAAOC,IAAIhC,UAAU;CAC1D;CAEA,MAAMiC,SAAS,MAAMvB,mBAAmB;CAExC,IAAIuB,WAAW,MACb,MAAM,IAAIV,MACR,mEACF;CAKF,MAAMW,SAAS,MAAMD,OAAOE,iBAAiB;EAC3CC,QAAQ;EACRC,UAAUjB,QAAQzB,kBAAkB;EACpCJ,MAAMsB,SAASyB,WAAW,IAAI,QAAQ,CAAC,GAAGzB,QAAQ;CACpD,CAAC;CAED,OAAOqB,OAAOJ,WAAW,OAAOI,OAAOH,OAAOC,IAAIzB,YAAY;AAChE;;;;;;;AAQA,eAAegC,SACbnB,SACAoB,MACe;CACf,IAAIC;CAEJ,IAAI;EACFA,QAAQ,MAAMtB,UAAUC,OAAO;CACjC,SAASsB,OAAO;EACdC,QAAQD,MAAMA,KAAK;EACnB;CACF;CACA,IAAID,UAAU,MACZD,KAAKC,KAAK;AAEd;;;;;AAMA,SAASG,cAAcxB,SAAsB;CAC3C,QAAcxB,kBAAkByB,KAAAA,IAC5BX,mBAAmB,IACnBC,gBAAgB;AACtB"}