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

package/dist/components/number-field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","BlurEvent","Insets","KeyboardTypeOptions","StyleProp","TextInput","TextInputProps","TextInputSubmitEditingEvent","ViewStyle","NumberFormatter","useEffect","useId","useImperativeHandle","useRef","useState","AccessibilityInfo","Platform","Pressable","StyleSheet","useWindowDimensions","View","FieldVariant","ValidationResult","IconStyle","NumberFieldState","ResolvedTheme","describedBy","FieldBox","FieldInput","FieldMessage","useFieldFocus","useFieldValidation","MinusGlyph","PlusGlyph","IconStyleContext","messagesFor","useLocaleOf","useNumberFieldState","hitSlop","usePressFeedback","withOpacity","useTheme","composeStyles","themedStyles","IconButton","NumberFieldProps","Omit","decrementLabel","defaultValue","description","error","floatingLabel","formatOptions","Intl","NumberFormatOptions","incrementLabel","inputRef","isDisabled","isReadOnly","isRequired","label","locale","maxValue","minValue","name","numeric","onChange","value","ref","step","steppers","style","validate","variant","Spin","onPress","onPressIn","onPressOut","StepperProps","children","half","onBlur","onFocus","outlined","place","SteppersProps","canDecrement","canIncrement","inline","onDecrement","onIncrement","STEPPER_WIDTH","GLYPH_SIZE","SPIN_DELAY","SPIN_INTERVAL","stylesOf","radii","spacing","create","stepper","alignItems","flexBasis","flexGrow","justifyContent","width","stepperBottomOutlined","borderBottomEndRadius","xs","stepperRing","outlineOffset","alignSelf","flexDirection","marginEnd","lg","marginStart","sm","marginVertical","steppersInline","gap","md","steppersOutlined","stepperTop","borderTopEndRadius","blurThen","then","event","commitBefore","state","handler","Event","commit","editInto","onEdit","text","setInputValue","glyphOf","color","size","halfOf","typography","fontScale","bodyLargeLineHeight","bodySmallLineHeight","keyboardOf","hasDecimals","hasNegative","undefined","Number","isNaN","OS","marginVerticalOf","margin","NumberField","t0","$","_c","onSubmitEditing","props","t1","t2","t3","t4","t5","t6","t7","t8","returnKeyType","id","control","writtenIn","t9","t10","numberValue","empty","t11","String","t12","isEmpty","submitted","validation","shownError","t13","t14","focus","t15","resolvedOptions","maximumFractionDigits","announced","useStepAnnouncement","inputValue","stepperFocused","setStepperFocused","t16","t17","Symbol","for","current","t18","decrement","increment","t19","t20","steppersOf","decrease","replace","increase","stepThen","focused","t21","t22","handlers","t23","t24","t25","t26","t27","t28","t29","t30","t31","outwardSlop","slop","reach","top","bottom","Stepper","ariaLabel","theme","styles","colors","stateLayerOpacity","corner","feedback","onSurfaceVariant","corners","disabled","T0","ring","layer","onSurface","disabledContent","Steppers","sizing","up","useSpin","down","controlXs","canStep","latest","timer","spun","clearTimeout","tick","setTimeout","pending","announceForAccessibility","_c"],"sources":["../../../src/components/number-field/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  BlurEvent,\n  Insets,\n  KeyboardTypeOptions,\n  StyleProp,\n  TextInput,\n  TextInputProps,\n  TextInputSubmitEditingEvent,\n  ViewStyle,\n} from 'react-native'\n\nimport { NumberFormatter } from '@internationalized/number'\nimport { useEffect, useId, useImperativeHandle, useRef, useState } from 'react'\nimport {\n  AccessibilityInfo,\n  Platform,\n  Pressable,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n} from 'react-native'\n\nimport type { FieldVariant } from '../../field'\nimport type { ValidationResult } from '../../form'\nimport type { IconStyle } from '../../glyphs/icon-style'\nimport type { NumberFieldState } from '../../number/state'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport {\n  describedBy,\n  FieldBox,\n  FieldInput,\n  FieldMessage,\n  useFieldFocus,\n} from '../../field'\nimport { useFieldValidation } from '../../form'\nimport { MinusGlyph, PlusGlyph } from '../../glyphs'\nimport { IconStyleContext } from '../../glyphs/icon-style'\nimport { messagesFor } from '../../i18n'\nimport { useLocaleOf } from '../../i18n/provider'\nimport { useNumberFieldState } from '../../number/state'\nimport { hitSlop, usePressFeedback } from '../../press'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { IconButton } from '../icon-button'\n\n// kanso-ui's NumberField: the text fields page's field holding a number,\n// drawn through the field chrome in src/field as TextField is, with the value\n// in the mono face and tabular figures by default and two steppers at the\n// box's end.\n//\n// The steppers come in web's two layouts. Stacked, the plus over the minus,\n// they are a column flush with the box's top, end and bottom, each half of\n// the box and 32dp wide, drawing the icon buttons page's 20dp glyph in on\n// surface variant with the state layer and the ripple every control draws.\n// The top one takes the box's top-end corner, and the bottom one the outlined\n// box's bottom-end corner, so the column reads as the box's own edge. Side by\n// side, they are extra-small icon buttons, 8dp apart and 12dp from the end\n// where the page puts a field's icons, centred on the box. Either way a tap\n// steps once, on release, and a hold keeps stepping until the press ends or\n// the value reaches its bound, as React Aria's steppers do for a touch, and\n// the box shows focus while a stepper has it, as web's does.\n//\n// **The stacked pair reaches 48dp outward**, through `hitSlop`: the top one\n// up and the bottom one down, each 8dp to either side. Web keeps the pair to\n// its drawn size, since two 48dp targets inside the column would overlap;\n// reaching away from each other, the two never meet.\n//\n// The value is React Stately's, through src/number: a keystroke is kept only\n// where the text could still become a number in the field's locale and\n// format, and the text is read, clamped to the range, snapped to the step\n// and written back formatted when the field loses focus or the return key is\n// pressed, as web's is on blur and Enter. The keyboard is the one that types\n// what the field takes: a minus where the range reaches below zero, and a\n// decimal separator where the format shows a fraction. On iOS a minus is on\n// the numbers and punctuation keyboard alone, so a field that takes one gets\n// that.\n//\n// **The locale is the `I18nProvider`'s**, as web reads it from React Aria's,\n// unless the `locale` prop names another, and the device's under neither. It\n// decides how the value is written and read, so a field in a German app reads\n// \"1.234,5\" as 1234.5.\n//\n// A stepper press is announced on iOS and Android, by the value it leaves,\n// since VoiceOver and TalkBack stay on the stepper rather than reading the\n// field again.\n\ntype NumberFieldProps = Omit<\n  TextInputProps,\n  | 'accessibilityHint'\n  | 'accessibilityLabel'\n  | 'aria-disabled'\n  | 'aria-label'\n  | 'autoComplete'\n  | 'autoCorrect'\n  | 'children'\n  | 'cursorColor'\n  | 'defaultValue'\n  | 'editable'\n  | 'inputMode'\n  | 'keyboardType'\n  | 'maxLength'\n  | 'multiline'\n  | 'numberOfLines'\n  | 'onChange'\n  | 'onChangeText'\n  | 'placeholder'\n  | 'placeholderTextColor'\n  | 'readOnly'\n  | 'selectionColor'\n  | 'spellCheck'\n  | 'style'\n  | 'underlineColorAndroid'\n  | 'value'\n> & {\n  /**\n   * The name of the stepper that lowers the value, for a screen reader. Left\n   * out, it is the name React Aria gives web's in the `I18nProvider`'s\n   * locale, or the device's outside one, around the field's own label:\n   * \"Decrease Label\" in English.\n   */\n  readonly decrementLabel?: string\n  /** The value the field opens with, when it keeps its own. */\n  readonly defaultValue?: number\n  /**\n   * A hint shown under the field. Replaced by `error` when there is one, so\n   * the two never stack.\n   */\n  readonly description?: string\n  /**\n   * The problem with the current value, in words. Its presence is what puts\n   * the field in its error state: the message, the error colours, and the\n   * invalid state a screen reader reads all follow from it. The line under\n   * the field arrives with the message, so the field grows when this does,\n   * unless it is inside a `Form`, which keeps the line drawn. It wins over\n   * what `validate` and the form say, and holds a `native` form back.\n   */\n  readonly error?: string\n  /**\n   * Whether the label sits in the empty box and floats to the top once the\n   * field is focused or holds a value, as the text fields page draws it.\n   * `false` keeps it small at the top in every state.\n   * @default true\n   */\n  readonly floatingLabel?: boolean\n  /**\n   * How the value is written and read: a currency, a percentage, a unit, a\n   * number of fraction digits. It also decides what can be typed.\n   */\n  readonly formatOptions?: Intl.NumberFormatOptions\n  /**\n   * The name of the stepper that raises the value, for a screen reader. Left\n   * out, it is the name React Aria gives web's in the `I18nProvider`'s\n   * locale, or the device's outside one, around the field's own label:\n   * \"Increase Label\" in English.\n   */\n  readonly incrementLabel?: string\n  /**\n   * A ref to the field's own `TextInput`, which is what a call site moves\n   * focus to, after a server's error, say. `ref` is the field as a whole.\n   */\n  readonly inputRef?: Ref<ComponentRef<typeof TextInput>>\n  /**\n   * Draws the field disabled: it takes no focus, no input and no steps.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * Shows the value and takes focus, but takes no input and no steps.\n   * @default false\n   */\n  readonly isReadOnly?: 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  /**\n   * What the field is for, and the name a screen reader reads for it.\n   * Required, since a field with no label is a box nobody can name.\n   */\n  readonly label: string\n  /**\n   * The BCP 47 locale the value is written and read in. Defaults to the\n   * `I18nProvider`'s, or the device's outside one.\n   */\n  readonly locale?: string\n  /** The highest value the field takes. A committed value is clamped to it. */\n  readonly maxValue?: number\n  /** The lowest value the field takes. A committed value is clamped to it. */\n  readonly minValue?: number\n  /**\n   * The name the value is submitted under by the `Form` around the field,\n   * and the key its `validationErrors` reach the field by. The form submits\n   * the number written out, such as `1234.5`, and `''` for an empty field.\n   */\n  readonly name?: string\n  /**\n   * Renders the value in the mono face with tabular figures, for amounts and\n   * other numbers meant to be compared down a column. On by default, since a\n   * number field holds nothing else.\n   * @default true\n   */\n  readonly numeric?: boolean\n  /**\n   * Called with the committed value, once it is read from what was typed or\n   * stepped to. `NaN` is an empty field.\n   */\n  readonly onChange?: (value: number) => void\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /**\n   * The amount the steppers move the value by, and the multiple of it, from\n   * `minValue`, that a committed value snaps to.\n   */\n  readonly step?: number\n  /**\n   * How the two steppers sit at the end of the box: stacked, the plus over\n   * the minus, flush with the box's edge, or side by side as extra-small\n   * icon buttons.\n   * @default 'vertical'\n   */\n  readonly steppers?: 'horizontal' | 'vertical'\n  /** Positions and sizes the field as a whole. */\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Checks the value, `NaN` for an empty field, and returns its problem in\n   * words, or several, where there is one, and `true`, `null` or `undefined`\n   * where there is none. Under the default `aria` validation the error shows\n   * as the value changes; inside a `native` form it shows once a submission\n   * is tried, or once the field loses focus after an edit, and holds the form\n   * back.\n   */\n  readonly validate?: (value: number) => ValidationResult\n  /** The value, when the call site keeps it. `NaN` is an empty field. */\n  readonly value?: number\n  /**\n   * The filled box, or the outlined one: no fill, an outline that thickens\n   * and takes the primary role while focused, and the label cutting it once\n   * it floats, the text fields page's two fields.\n   * @default 'filled'\n   */\n  readonly variant?: FieldVariant\n}\n\n// What a stepper hands its control so a tap steps once and a hold keeps\n// stepping.\ntype Spin = {\n  readonly onPress: () => void\n  readonly onPressIn: () => void\n  readonly onPressOut: () => void\n}\n\ntype StepperProps = Spin & {\n  readonly 'aria-label': string\n  readonly children: ReactNode\n  readonly half: number\n  readonly isDisabled: boolean\n  readonly onBlur: () => void\n  readonly onFocus: () => void\n  readonly outlined: boolean\n  readonly place: 'bottom' | 'top'\n}\n\ntype SteppersProps = {\n  readonly canDecrement: boolean\n  readonly canIncrement: boolean\n  readonly decrementLabel: string\n  readonly incrementLabel: string\n  readonly inline: boolean\n  readonly onBlur: () => void\n  readonly onDecrement: () => void\n  readonly onFocus: () => void\n  readonly onIncrement: () => void\n  readonly outlined: boolean\n}\n\n// A stacked stepper's width, and the glyph it draws: the icon buttons page's\n// 20dp, for the extra-small size the pair stands in for.\nconst STEPPER_WIDTH = 32\nconst GLYPH_SIZE = 20\n\n// How long a stepper is held before it starts stepping on its own, and how\n// often it steps after that: React Aria's timings for a stepper held by\n// touch.\nconst SPIN_DELAY = 600\nconst SPIN_INTERVAL = 60\n\nconst stylesOf = themedStyles(({ radii, spacing }) =>\n  StyleSheet.create({\n    // One stacked stepper: half the column, its glyph in the middle.\n    stepper: {\n      alignItems: 'center',\n      flexBasis: 0,\n      flexGrow: 1,\n      justifyContent: 'center',\n      width: STEPPER_WIDTH,\n    },\n    stepperBottomOutlined: {\n      borderBottomEndRadius: radii.xs,\n    },\n    // The ring inside the stepper, as web draws it, since outside it would\n    // fall over the box's edge and the other stepper.\n    stepperRing: {\n      outlineOffset: -2,\n    },\n    // Stacked: the column reaches out of the box's padding to sit flush with\n    // its top, end and bottom, 8dp after the value rather than the box's 16.\n    steppers: {\n      alignSelf: 'stretch',\n      flexDirection: 'column',\n      marginEnd: -spacing.lg,\n      marginStart: spacing.sm - spacing.lg,\n      marginVertical: -spacing.sm,\n    },\n    // Side by side: 12dp from the end, as the page places a field's icons,\n    // and 8dp apart, which is how far each button's target reaches past it,\n    // so neither target falls over the other's glyph. They centre on the\n    // box, as the page centres a trailing icon and as web draws them, and\n    // take no more of its height than the value's line, so the outlined\n    // box, whose content is that line alone, is not made taller by them.\n    // The margins that do it are worked out where they render, since the\n    // line follows the device's text size.\n    steppersInline: {\n      alignSelf: 'center',\n      flexDirection: 'row',\n      gap: spacing.sm,\n      marginEnd: spacing.md - spacing.lg,\n      marginStart: spacing.sm - spacing.lg,\n    },\n    // In the outlined box the column has 16dp to reach rather than 8.\n    steppersOutlined: {\n      marginVertical: -spacing.lg,\n    },\n    stepperTop: {\n      borderTopEndRadius: radii.xs,\n    },\n  }),\n)\n\n// The field's own blur handling, then the call site's.\nfunction blurThen(\n  onBlur: () => void,\n  then: ((event: BlurEvent) => void) | undefined,\n) {\n  return (event: BlurEvent) => {\n    onBlur()\n    then?.(event)\n  }\n}\n\n// Reads the text as the field's value, then hands the event on.\nfunction commitBefore<Event>(\n  state: NumberFieldState,\n  handler: ((event: Event) => void) | undefined,\n) {\n  return (event: Event) => {\n    state.commit()\n    handler?.(event)\n  }\n}\n\n// The text typed, kept only where it could still become a number, and\n// reported to the field's validation as an edit.\nfunction editInto(state: NumberFieldState, onEdit: () => void) {\n  return (text: string) => {\n    if (state.validate(text)) {\n      state.setInputValue(text)\n      onEdit()\n    }\n  }\n}\n\nfunction glyphOf(color: string): IconStyle {\n  return { color, size: GLYPH_SIZE }\n}\n\n// A stacked stepper's half of the box: the box's padding above and below\n// and the lines it holds, at the device's text size, halved.\nfunction halfOf(\n  { spacing, typography }: ResolvedTheme,\n  outlined: boolean,\n  fontScale: number,\n) {\n  return outlined\n    ? spacing.lg + (typography.bodyLargeLineHeight * fontScale) / 2\n    : spacing.sm +\n        ((typography.bodySmallLineHeight + typography.bodyLargeLineHeight) *\n          fontScale) /\n          2\n}\n\n// The keyboard that types what the field takes. React Aria's own choice of\n// input mode, in React Native's keyboards.\nfunction keyboardOf(\n  minValue: number | undefined,\n  hasDecimals: boolean,\n): KeyboardTypeOptions {\n  const hasNegative =\n    minValue === undefined || Number.isNaN(minValue) || minValue < 0\n\n  if (hasNegative) {\n    return Platform.OS === 'ios' ? 'numbers-and-punctuation' : 'numeric'\n  }\n\n  return hasDecimals ? 'decimal-pad' : 'number-pad'\n}\n\n// The margin that gives a side-by-side stepper the value's line in the\n// box's height: half the difference between the two, negative where the\n// button is taller.\nfunction marginVerticalOf(margin: number): ViewStyle {\n  return { marginVertical: margin }\n}\n\n/**\n * A labelled number input with steppers, the text fields page's filled or\n * outlined field. Pass `value` with `onChange` to control it, or\n * `defaultValue` to let it keep its own; `onChange` is handed the committed\n * number, `NaN` for an empty field. `minValue`, `maxValue` and `step` shape\n * it, and `formatOptions` says how it reads, in `locale`: a currency, a\n * percentage, a unit.\n *\n * React Native's own `TextInput` props, the return key among them, reach the\n * control; `style` and `ref` are the field as a whole, and `inputRef` the\n * control.\n *\n * ```tsx\n * <NumberField defaultValue={1234.5} label=\"Label\" />\n * ```\n */\nfunction NumberField({\n  decrementLabel,\n  defaultValue,\n  description,\n  error,\n  floatingLabel = true,\n  formatOptions,\n  incrementLabel,\n  inputRef,\n  isDisabled = false,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  locale,\n  maxValue,\n  minValue,\n  name,\n  numeric = true,\n  onBlur,\n  onChange,\n  onFocus,\n  onSubmitEditing,\n  ref,\n  returnKeyType = 'done',\n  step,\n  steppers = 'vertical',\n  style,\n  validate,\n  value,\n  variant = 'filled',\n  ...props\n}: NumberFieldProps) {\n  const id = useId()\n  const control = useRef<ComponentRef<typeof TextInput>>(null)\n  const writtenIn = useLocaleOf(locale)\n  const state = useNumberFieldState({\n    defaultValue,\n    formatOptions,\n    isDisabled,\n    isReadOnly,\n    locale: writtenIn,\n    maxValue,\n    minValue,\n    onChange,\n    step,\n    value,\n  })\n  const empty = Number.isNaN(state.numberValue)\n  const validation = useFieldValidation({\n    control,\n    error,\n    isDisabled,\n    isEmpty: empty,\n    isReadOnly,\n    isRequired,\n    name,\n    submitted: empty ? '' : String(state.numberValue),\n    validate,\n    value: state.numberValue,\n  })\n  const shownError = validation.error\n  const focus = useFieldFocus({\n    onBlur: commitBefore<BlurEvent>(state, blurThen(validation.onBlur, onBlur)),\n    onFocus,\n  })\n  const hasDecimals =\n    (new NumberFormatter(writtenIn, formatOptions).resolvedOptions()\n      .maximumFractionDigits ?? 0) > 0\n  const announced = useStepAnnouncement(state.inputValue)\n  // The box is focused while focus is anywhere in it, a stepper's included,\n  // as web's is through `:focus-within`.\n  const [stepperFocused, setStepperFocused] = useState(false)\n\n  useImperativeHandle<\n    ComponentRef<typeof TextInput> | null,\n    ComponentRef<typeof TextInput> | null\n  >(inputRef, () => control.current, [])\n\n  return (\n    <View ref={ref} style={style}>\n      <FieldBox\n        control={control}\n        end={steppersOf({\n          canDecrement: state.canDecrement,\n          canIncrement: state.canIncrement,\n          decrementLabel:\n            decrementLabel ??\n            messagesFor(writtenIn).decrease.replace('{label}', label),\n          incrementLabel:\n            incrementLabel ??\n            messagesFor(writtenIn).increase.replace('{label}', label),\n          inline: steppers === 'horizontal',\n          onBlur: () => {\n            setStepperFocused(false)\n          },\n          onDecrement: announced(stepThen(state.decrement, validation.onEdit)),\n          onFocus: () => {\n            setStepperFocused(true)\n          },\n          onIncrement: announced(stepThen(state.increment, validation.onEdit)),\n          outlined: variant === 'outlined',\n        })}\n        floatingLabel={floatingLabel}\n        isDisabled={isDisabled}\n        isFocused={focus.focused || stepperFocused}\n        isInvalid={shownError !== undefined}\n        isPopulated={state.inputValue !== ''}\n        isRequired={isRequired}\n        label={label}\n        variant={variant}\n      >\n        <FieldInput\n          {...props}\n          {...focus.handlers}\n          aria-label={label}\n          autoComplete=\"off\"\n          autoCorrect={false}\n          described={describedBy(id, { description, error: shownError })}\n          editable={!isDisabled && !isReadOnly}\n          keyboardType={keyboardOf(minValue, hasDecimals)}\n          numeric={numeric}\n          onChangeText={editInto(state, validation.onEdit)}\n          onSubmitEditing={commitBefore<TextInputSubmitEditingEvent>(\n            state,\n            onSubmitEditing,\n          )}\n          ref={control}\n          returnKeyType={returnKeyType}\n          spellCheck={false}\n          value={state.inputValue}\n        />\n      </FieldBox>\n      <FieldMessage description={description} error={shownError} id={id} />\n    </View>\n  )\n}\n\n// The 48dp target a stacked stepper reaches to, all of its height on the\n// side away from the other stepper, and its width either side.\nfunction outwardSlop(\n  half: number,\n  place: 'bottom' | 'top',\n): Insets | undefined {\n  const slop = hitSlop(half, STEPPER_WIDTH)\n  if (slop === undefined) {\n    return undefined\n  }\n\n  const reach = (slop.top ?? 0) + (slop.bottom ?? 0)\n  return place === 'top'\n    ? { ...slop, bottom: 0, top: reach }\n    : { ...slop, bottom: reach, top: 0 }\n}\n\n/**\n * One of the stacked pair: half the column, the glyph in on surface\n * variant, and the state layer, the ripple and the ring every control\n * draws, the ring inside it. Disabled at the end of the range, where the\n * glyph takes on surface at the disabled opacity.\n */\nfunction Stepper({\n  'aria-label': ariaLabel,\n  children,\n  half,\n  isDisabled,\n  onBlur,\n  onFocus,\n  onPress,\n  onPressIn,\n  onPressOut,\n  outlined,\n  place,\n}: StepperProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { colors, stateLayerOpacity } = theme\n  const corner =\n    place === 'top'\n      ? styles.stepperTop\n      : outlined\n        ? styles.stepperBottomOutlined\n        : undefined\n  const feedback = usePressFeedback({\n    color: colors.onSurfaceVariant,\n    corners: corner,\n    disabled: isDisabled,\n    onBlur,\n    onFocus,\n    onPressIn,\n    onPressOut,\n  })\n\n  return (\n    <Pressable\n      {...feedback.handlers}\n      aria-label={ariaLabel}\n      disabled={isDisabled}\n      hitSlop={outwardSlop(half, place)}\n      onPress={onPress}\n      role=\"button\"\n      style={composeStyles<ViewStyle>(\n        styles.stepper,\n        corner,\n        feedback.ring,\n        feedback.ring === undefined ? undefined : styles.stepperRing,\n      )}\n    >\n      {feedback.layer}\n      <IconStyleContext\n        value={glyphOf(\n          isDisabled\n            ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n            : colors.onSurfaceVariant,\n        )}\n      >\n        {children}\n      </IconStyleContext>\n    </Pressable>\n  )\n}\n\n/**\n * The two steppers at the box's end, stacked or side by side, each\n * disabled where it would not move the value.\n */\nfunction Steppers({\n  canDecrement,\n  canIncrement,\n  decrementLabel,\n  incrementLabel,\n  inline,\n  onBlur,\n  onDecrement,\n  onFocus,\n  onIncrement,\n  outlined,\n}: SteppersProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const { sizing, typography } = theme\n  const up = useSpin(onIncrement, canIncrement)\n  const down = useSpin(onDecrement, canDecrement)\n\n  if (inline) {\n    return (\n      <View\n        style={composeStyles<ViewStyle>(\n          styles.steppersInline,\n          marginVerticalOf(\n            (typography.bodyLargeLineHeight * fontScale - sizing.controlXs) / 2,\n          ),\n        )}\n      >\n        <IconButton\n          {...down}\n          aria-label={decrementLabel}\n          isDisabled={!canDecrement}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          size=\"xs\"\n        >\n          <MinusGlyph />\n        </IconButton>\n        <IconButton\n          {...up}\n          aria-label={incrementLabel}\n          isDisabled={!canIncrement}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          size=\"xs\"\n        >\n          <PlusGlyph />\n        </IconButton>\n      </View>\n    )\n  }\n\n  const half = halfOf(theme, outlined, fontScale)\n\n  return (\n    <View\n      style={composeStyles<ViewStyle>(\n        styles.steppers,\n        outlined ? styles.steppersOutlined : undefined,\n      )}\n    >\n      <Stepper\n        {...up}\n        aria-label={incrementLabel}\n        half={half}\n        isDisabled={!canIncrement}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        outlined={outlined}\n        place=\"top\"\n      >\n        <PlusGlyph />\n      </Stepper>\n      <Stepper\n        {...down}\n        aria-label={decrementLabel}\n        half={half}\n        isDisabled={!canDecrement}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        outlined={outlined}\n        place=\"bottom\"\n      >\n        <MinusGlyph />\n      </Stepper>\n    </View>\n  )\n}\n\n// The steppers as the box's end, built by a call rather than written at the\n// prop, which is what react-perf's no-jsx-as-prop is after.\nfunction steppersOf(props: SteppersProps) {\n  return <Steppers {...props} />\n}\n\n/**\n * A stepper's press handlers: a tap steps once, when it is released, and a\n * hold keeps stepping, from `SPIN_DELAY` on and every `SPIN_INTERVAL` after,\n * until the press ends or the value reaches its bound. A hold steps nothing\n * more on release, and a press the finger slides off steps nothing at all,\n * as React Aria's stepper does for a touch.\n */\n// A stepper's step, reported to the field's validation as an edit.\nfunction stepThen(step: () => void, onEdit: () => void) {\n  return () => {\n    step()\n    onEdit()\n  }\n}\n\nfunction useSpin(step: () => void, canStep: boolean): Spin {\n  // The step and whether it can move, as of the last render, since a hold\n  // steps from timers that outlive the render that started them.\n  const latest = useRef({ canStep, step })\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const spun = useRef(false)\n\n  useEffect(() => {\n    latest.current = { canStep, step }\n  })\n  useEffect(\n    () => () => {\n      clearTimeout(timer.current)\n    },\n    [],\n  )\n\n  const tick = () => {\n    if (!latest.current.canStep) {\n      return\n    }\n    spun.current = true\n    latest.current.step()\n    timer.current = setTimeout(tick, SPIN_INTERVAL)\n  }\n\n  return {\n    onPress: () => {\n      if (!spun.current) {\n        latest.current.step()\n      }\n    },\n    onPressIn: () => {\n      clearTimeout(timer.current)\n      spun.current = false\n      timer.current = setTimeout(tick, SPIN_DELAY)\n    },\n    onPressOut: () => {\n      clearTimeout(timer.current)\n    },\n  }\n}\n\n/**\n * Says the field's text after a stepper press, once the field has written\n * it, on iOS and Android, where the screen reader stays on the stepper.\n * Wrap each step in what it returns.\n */\nfunction useStepAnnouncement(text: string) {\n  const pending = useRef(false)\n\n  useEffect(() => {\n    if (pending.current) {\n      pending.current = false\n      AccessibilityInfo.announceForAccessibility(text)\n    }\n  }, [text])\n\n  return (step: () => void) => () => {\n    pending.current = Platform.OS === 'ios' || Platform.OS === 'android'\n    step()\n  }\n}\n\nexport { NumberField }\nexport type { NumberFieldProps }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","BlurEvent","Insets","StyleProp","TextInput","TextInputProps","TextInputSubmitEditingEvent","ViewStyle","useEffect","useId","useImperativeHandle","useRef","useState","AccessibilityInfo","Platform","Pressable","StyleSheet","useWindowDimensions","View","FieldVariant","ValidationResult","IconStyle","NumberFieldState","ResolvedTheme","describedBy","FieldBox","FieldInput","FieldMessage","useFieldFocus","useFieldValidation","MinusGlyph","PlusGlyph","IconStyleContext","messagesFor","useLocaleOf","keyboardFor","useNumberFieldState","hitSlop","usePressFeedback","withOpacity","useTheme","composeStyles","themedStyles","IconButton","NumberFieldProps","Omit","decrementLabel","defaultValue","description","error","floatingLabel","formatOptions","Intl","NumberFormatOptions","incrementLabel","inputRef","isDisabled","isReadOnly","isRequired","label","locale","maxValue","minValue","name","numeric","onChange","value","ref","step","steppers","style","validate","variant","Spin","onPress","onPressIn","onPressOut","StepperProps","children","half","onBlur","onFocus","outlined","place","SteppersProps","canDecrement","canIncrement","inline","onDecrement","onIncrement","STEPPER_WIDTH","GLYPH_SIZE","SPIN_DELAY","SPIN_INTERVAL","stylesOf","radii","spacing","create","stepper","alignItems","flexBasis","flexGrow","justifyContent","width","stepperBottomOutlined","borderBottomEndRadius","xs","stepperRing","outlineOffset","alignSelf","flexDirection","marginEnd","lg","marginStart","sm","marginVertical","steppersInline","gap","md","steppersOutlined","stepperTop","borderTopEndRadius","blurThen","then","event","commitBefore","state","handler","Event","commit","editInto","onEdit","text","setInputValue","glyphOf","color","size","halfOf","typography","fontScale","bodyLargeLineHeight","bodySmallLineHeight","marginVerticalOf","margin","NumberField","t0","$","_c","onSubmitEditing","props","t1","t2","t3","t4","t5","t6","t7","t8","returnKeyType","undefined","id","control","writtenIn","t9","t10","numberValue","Number","isNaN","empty","t11","String","t12","isEmpty","submitted","validation","shownError","t13","t14","focus","announced","useStepAnnouncement","inputValue","stepperFocused","setStepperFocused","t15","t16","Symbol","for","current","t17","decrement","increment","t18","t19","steppersOf","decrease","replace","increase","stepThen","focused","t20","t21","handlers","t22","t23","t24","t25","t26","t27","t28","t29","t30","outwardSlop","slop","reach","top","bottom","Stepper","ariaLabel","theme","styles","colors","stateLayerOpacity","corner","feedback","onSurfaceVariant","corners","disabled","T0","ring","layer","onSurface","disabledContent","Steppers","sizing","up","useSpin","down","controlXs","canStep","latest","timer","spun","clearTimeout","tick","setTimeout","pending","announceForAccessibility","OS","_c"],"sources":["../../../src/components/number-field/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  BlurEvent,\n  Insets,\n  StyleProp,\n  TextInput,\n  TextInputProps,\n  TextInputSubmitEditingEvent,\n  ViewStyle,\n} from 'react-native'\n\nimport { useEffect, useId, useImperativeHandle, useRef, useState } from 'react'\nimport {\n  AccessibilityInfo,\n  Platform,\n  Pressable,\n  StyleSheet,\n  useWindowDimensions,\n  View,\n} from 'react-native'\n\nimport type { FieldVariant } from '../../field'\nimport type { ValidationResult } from '../../form'\nimport type { IconStyle } from '../../glyphs/icon-style'\nimport type { NumberFieldState } from '../../number/state'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport {\n  describedBy,\n  FieldBox,\n  FieldInput,\n  FieldMessage,\n  useFieldFocus,\n} from '../../field'\nimport { useFieldValidation } from '../../form'\nimport { MinusGlyph, PlusGlyph } from '../../glyphs'\nimport { IconStyleContext } from '../../glyphs/icon-style'\nimport { messagesFor } from '../../i18n'\nimport { useLocaleOf } from '../../i18n/provider'\nimport { keyboardFor } from '../../number/keyboard'\nimport { useNumberFieldState } from '../../number/state'\nimport { hitSlop, usePressFeedback } from '../../press'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { IconButton } from '../icon-button'\n\n// kanso-ui's NumberField: the text fields page's field holding a number,\n// drawn through the field chrome in src/field as TextField is, with the value\n// in the mono face and tabular figures by default and two steppers at the\n// box's end.\n//\n// The steppers come in web's two layouts. Stacked, the plus over the minus,\n// they are a column flush with the box's top, end and bottom, each half of\n// the box and 32dp wide, drawing the icon buttons page's 20dp glyph in on\n// surface variant with the state layer and the ripple every control draws.\n// The top one takes the box's top-end corner, and the bottom one the outlined\n// box's bottom-end corner, so the column reads as the box's own edge. Side by\n// side, they are extra-small icon buttons, 8dp apart and 12dp from the end\n// where the page puts a field's icons, centred on the box. Either way a tap\n// steps once, on release, and a hold keeps stepping until the press ends or\n// the value reaches its bound, as React Aria's steppers do for a touch, and\n// the box shows focus while a stepper has it, as web's does.\n//\n// **The stacked pair reaches 48dp outward**, through `hitSlop`: the top one\n// up and the bottom one down, each 8dp to either side. Web keeps the pair to\n// its drawn size, since two 48dp targets inside the column would overlap;\n// reaching away from each other, the two never meet.\n//\n// The value is React Stately's, through src/number: a keystroke is kept only\n// where the text could still become a number in the field's locale and\n// format, and the text is read, clamped to the range, snapped to the step\n// and written back formatted when the field loses focus or the return key is\n// pressed, as web's is on blur and Enter. The keyboard is the one that types\n// what the field takes: a minus where the range reaches below zero, and a\n// decimal separator where the format shows a fraction. On iOS a minus is on\n// the numbers and punctuation keyboard alone, so a field that takes one gets\n// that.\n//\n// **The locale is the `I18nProvider`'s**, as web reads it from React Aria's,\n// unless the `locale` prop names another, and the device's under neither. It\n// decides how the value is written and read, so a field in a German app reads\n// \"1.234,5\" as 1234.5.\n//\n// A stepper press is announced on iOS and Android, by the value it leaves,\n// since VoiceOver and TalkBack stay on the stepper rather than reading the\n// field again.\n\ntype NumberFieldProps = Omit<\n  TextInputProps,\n  | 'accessibilityHint'\n  | 'accessibilityLabel'\n  | 'aria-disabled'\n  | 'aria-label'\n  | 'autoComplete'\n  | 'autoCorrect'\n  | 'children'\n  | 'cursorColor'\n  | 'defaultValue'\n  | 'editable'\n  | 'inputMode'\n  | 'keyboardType'\n  | 'maxLength'\n  | 'multiline'\n  | 'numberOfLines'\n  | 'onChange'\n  | 'onChangeText'\n  | 'placeholder'\n  | 'placeholderTextColor'\n  | 'readOnly'\n  | 'selectionColor'\n  | 'spellCheck'\n  | 'style'\n  | 'underlineColorAndroid'\n  | 'value'\n> & {\n  /**\n   * The name of the stepper that lowers the value, for a screen reader. Left\n   * out, it is the name React Aria gives web's in the `I18nProvider`'s\n   * locale, or the device's outside one, around the field's own label:\n   * \"Decrease Label\" in English.\n   */\n  readonly decrementLabel?: string\n  /** The value the field opens with, when it keeps its own. */\n  readonly defaultValue?: number\n  /**\n   * A hint shown under the field. Replaced by `error` when there is one, so\n   * the two never stack.\n   */\n  readonly description?: string\n  /**\n   * The problem with the current value, in words. Its presence is what puts\n   * the field in its error state: the message, the error colours, and the\n   * invalid state a screen reader reads all follow from it. The line under\n   * the field arrives with the message, so the field grows when this does,\n   * unless it is inside a `Form`, which keeps the line drawn. It wins over\n   * what `validate` and the form say, and holds a `native` form back.\n   */\n  readonly error?: string\n  /**\n   * Whether the label sits in the empty box and floats to the top once the\n   * field is focused or holds a value, as the text fields page draws it.\n   * `false` keeps it small at the top in every state.\n   * @default true\n   */\n  readonly floatingLabel?: boolean\n  /**\n   * How the value is written and read: a currency, a percentage, a unit, a\n   * number of fraction digits. It also decides what can be typed.\n   */\n  readonly formatOptions?: Intl.NumberFormatOptions\n  /**\n   * The name of the stepper that raises the value, for a screen reader. Left\n   * out, it is the name React Aria gives web's in the `I18nProvider`'s\n   * locale, or the device's outside one, around the field's own label:\n   * \"Increase Label\" in English.\n   */\n  readonly incrementLabel?: string\n  /**\n   * A ref to the field's own `TextInput`, which is what a call site moves\n   * focus to, after a server's error, say. `ref` is the field as a whole.\n   */\n  readonly inputRef?: Ref<ComponentRef<typeof TextInput>>\n  /**\n   * Draws the field disabled: it takes no focus, no input and no steps.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * Shows the value and takes focus, but takes no input and no steps.\n   * @default false\n   */\n  readonly isReadOnly?: 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  /**\n   * What the field is for, and the name a screen reader reads for it.\n   * Required, since a field with no label is a box nobody can name.\n   */\n  readonly label: string\n  /**\n   * The BCP 47 locale the value is written and read in. Defaults to the\n   * `I18nProvider`'s, or the device's outside one.\n   */\n  readonly locale?: string\n  /** The highest value the field takes. A committed value is clamped to it. */\n  readonly maxValue?: number\n  /** The lowest value the field takes. A committed value is clamped to it. */\n  readonly minValue?: number\n  /**\n   * The name the value is submitted under by the `Form` around the field,\n   * and the key its `validationErrors` reach the field by. The form submits\n   * the number written out, such as `1234.5`, and `''` for an empty field.\n   */\n  readonly name?: string\n  /**\n   * Renders the value in the mono face with tabular figures, for amounts and\n   * other numbers meant to be compared down a column. On by default, since a\n   * number field holds nothing else.\n   * @default true\n   */\n  readonly numeric?: boolean\n  /**\n   * Called with the committed value, once it is read from what was typed or\n   * stepped to. `NaN` is an empty field.\n   */\n  readonly onChange?: (value: number) => void\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /**\n   * The amount the steppers move the value by, and the multiple of it, from\n   * `minValue`, that a committed value snaps to.\n   */\n  readonly step?: number\n  /**\n   * How the two steppers sit at the end of the box: stacked, the plus over\n   * the minus, flush with the box's edge, or side by side as extra-small\n   * icon buttons.\n   * @default 'vertical'\n   */\n  readonly steppers?: 'horizontal' | 'vertical'\n  /** Positions and sizes the field as a whole. */\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Checks the value, `NaN` for an empty field, and returns its problem in\n   * words, or several, where there is one, and `true`, `null` or `undefined`\n   * where there is none. Under the default `aria` validation the error shows\n   * as the value changes; inside a `native` form it shows once a submission\n   * is tried, or once the field loses focus after an edit, and holds the form\n   * back.\n   */\n  readonly validate?: (value: number) => ValidationResult\n  /** The value, when the call site keeps it. `NaN` is an empty field. */\n  readonly value?: number\n  /**\n   * The filled box, or the outlined one: no fill, an outline that thickens\n   * and takes the primary role while focused, and the label cutting it once\n   * it floats, the text fields page's two fields.\n   * @default 'filled'\n   */\n  readonly variant?: FieldVariant\n}\n\n// What a stepper hands its control so a tap steps once and a hold keeps\n// stepping.\ntype Spin = {\n  readonly onPress: () => void\n  readonly onPressIn: () => void\n  readonly onPressOut: () => void\n}\n\ntype StepperProps = Spin & {\n  readonly 'aria-label': string\n  readonly children: ReactNode\n  readonly half: number\n  readonly isDisabled: boolean\n  readonly onBlur: () => void\n  readonly onFocus: () => void\n  readonly outlined: boolean\n  readonly place: 'bottom' | 'top'\n}\n\ntype SteppersProps = {\n  readonly canDecrement: boolean\n  readonly canIncrement: boolean\n  readonly decrementLabel: string\n  readonly incrementLabel: string\n  readonly inline: boolean\n  readonly onBlur: () => void\n  readonly onDecrement: () => void\n  readonly onFocus: () => void\n  readonly onIncrement: () => void\n  readonly outlined: boolean\n}\n\n// A stacked stepper's width, and the glyph it draws: the icon buttons page's\n// 20dp, for the extra-small size the pair stands in for.\nconst STEPPER_WIDTH = 32\nconst GLYPH_SIZE = 20\n\n// How long a stepper is held before it starts stepping on its own, and how\n// often it steps after that: React Aria's timings for a stepper held by\n// touch.\nconst SPIN_DELAY = 600\nconst SPIN_INTERVAL = 60\n\nconst stylesOf = themedStyles(({ radii, spacing }) =>\n  StyleSheet.create({\n    // One stacked stepper: half the column, its glyph in the middle.\n    stepper: {\n      alignItems: 'center',\n      flexBasis: 0,\n      flexGrow: 1,\n      justifyContent: 'center',\n      width: STEPPER_WIDTH,\n    },\n    stepperBottomOutlined: {\n      borderBottomEndRadius: radii.xs,\n    },\n    // The ring inside the stepper, as web draws it, since outside it would\n    // fall over the box's edge and the other stepper.\n    stepperRing: {\n      outlineOffset: -2,\n    },\n    // Stacked: the column reaches out of the box's padding to sit flush with\n    // its top, end and bottom, 8dp after the value rather than the box's 16.\n    steppers: {\n      alignSelf: 'stretch',\n      flexDirection: 'column',\n      marginEnd: -spacing.lg,\n      marginStart: spacing.sm - spacing.lg,\n      marginVertical: -spacing.sm,\n    },\n    // Side by side: 12dp from the end, as the page places a field's icons,\n    // and 8dp apart, which is how far each button's target reaches past it,\n    // so neither target falls over the other's glyph. They centre on the\n    // box, as the page centres a trailing icon and as web draws them, and\n    // take no more of its height than the value's line, so the outlined\n    // box, whose content is that line alone, is not made taller by them.\n    // The margins that do it are worked out where they render, since the\n    // line follows the device's text size.\n    steppersInline: {\n      alignSelf: 'center',\n      flexDirection: 'row',\n      gap: spacing.sm,\n      marginEnd: spacing.md - spacing.lg,\n      marginStart: spacing.sm - spacing.lg,\n    },\n    // In the outlined box the column has 16dp to reach rather than 8.\n    steppersOutlined: {\n      marginVertical: -spacing.lg,\n    },\n    stepperTop: {\n      borderTopEndRadius: radii.xs,\n    },\n  }),\n)\n\n// The field's own blur handling, then the call site's.\nfunction blurThen(\n  onBlur: () => void,\n  then: ((event: BlurEvent) => void) | undefined,\n) {\n  return (event: BlurEvent) => {\n    onBlur()\n    then?.(event)\n  }\n}\n\n// Reads the text as the field's value, then hands the event on.\nfunction commitBefore<Event>(\n  state: NumberFieldState,\n  handler: ((event: Event) => void) | undefined,\n) {\n  return (event: Event) => {\n    state.commit()\n    handler?.(event)\n  }\n}\n\n// The text typed, kept only where it could still become a number, and\n// reported to the field's validation as an edit.\nfunction editInto(state: NumberFieldState, onEdit: () => void) {\n  return (text: string) => {\n    if (state.validate(text)) {\n      state.setInputValue(text)\n      onEdit()\n    }\n  }\n}\n\nfunction glyphOf(color: string): IconStyle {\n  return { color, size: GLYPH_SIZE }\n}\n\n// A stacked stepper's half of the box: the box's padding above and below\n// and the lines it holds, at the device's text size, halved.\nfunction halfOf(\n  { spacing, typography }: ResolvedTheme,\n  outlined: boolean,\n  fontScale: number,\n) {\n  return outlined\n    ? spacing.lg + (typography.bodyLargeLineHeight * fontScale) / 2\n    : spacing.sm +\n        ((typography.bodySmallLineHeight + typography.bodyLargeLineHeight) *\n          fontScale) /\n          2\n}\n\n// The margin that gives a side-by-side stepper the value's line in the\n// box's height: half the difference between the two, negative where the\n// button is taller.\nfunction marginVerticalOf(margin: number): ViewStyle {\n  return { marginVertical: margin }\n}\n\n/**\n * A labelled number input with steppers, the text fields page's filled or\n * outlined field. Pass `value` with `onChange` to control it, or\n * `defaultValue` to let it keep its own; `onChange` is handed the committed\n * number, `NaN` for an empty field. `minValue`, `maxValue` and `step` shape\n * it, and `formatOptions` says how it reads, in `locale`: a currency, a\n * percentage, a unit.\n *\n * React Native's own `TextInput` props, the return key among them, reach the\n * control; `style` and `ref` are the field as a whole, and `inputRef` the\n * control.\n *\n * ```tsx\n * <NumberField defaultValue={1234.5} label=\"Label\" />\n * ```\n */\nfunction NumberField({\n  decrementLabel,\n  defaultValue,\n  description,\n  error,\n  floatingLabel = true,\n  formatOptions,\n  incrementLabel,\n  inputRef,\n  isDisabled = false,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  locale,\n  maxValue,\n  minValue,\n  name,\n  numeric = true,\n  onBlur,\n  onChange,\n  onFocus,\n  onSubmitEditing,\n  ref,\n  returnKeyType = 'done',\n  step,\n  steppers = 'vertical',\n  style,\n  validate,\n  value,\n  variant = 'filled',\n  ...props\n}: NumberFieldProps) {\n  const id = useId()\n  const control = useRef<ComponentRef<typeof TextInput>>(null)\n  const writtenIn = useLocaleOf(locale)\n  const state = useNumberFieldState({\n    defaultValue,\n    formatOptions,\n    isDisabled,\n    isReadOnly,\n    locale: writtenIn,\n    maxValue,\n    minValue,\n    onChange,\n    step,\n    value,\n  })\n  const empty = Number.isNaN(state.numberValue)\n  const validation = useFieldValidation({\n    control,\n    error,\n    isDisabled,\n    isEmpty: empty,\n    isReadOnly,\n    isRequired,\n    name,\n    submitted: empty ? '' : String(state.numberValue),\n    validate,\n    value: state.numberValue,\n  })\n  const shownError = validation.error\n  const focus = useFieldFocus({\n    onBlur: commitBefore<BlurEvent>(state, blurThen(validation.onBlur, onBlur)),\n    onFocus,\n  })\n  const announced = useStepAnnouncement(state.inputValue)\n  // The box is focused while focus is anywhere in it, a stepper's included,\n  // as web's is through `:focus-within`.\n  const [stepperFocused, setStepperFocused] = useState(false)\n\n  useImperativeHandle<\n    ComponentRef<typeof TextInput> | null,\n    ComponentRef<typeof TextInput> | null\n  >(inputRef, () => control.current, [])\n\n  return (\n    <View ref={ref} style={style}>\n      <FieldBox\n        control={control}\n        end={steppersOf({\n          canDecrement: state.canDecrement,\n          canIncrement: state.canIncrement,\n          decrementLabel:\n            decrementLabel ??\n            messagesFor(writtenIn).decrease.replace('{label}', label),\n          incrementLabel:\n            incrementLabel ??\n            messagesFor(writtenIn).increase.replace('{label}', label),\n          inline: steppers === 'horizontal',\n          onBlur: () => {\n            setStepperFocused(false)\n          },\n          onDecrement: announced(stepThen(state.decrement, validation.onEdit)),\n          onFocus: () => {\n            setStepperFocused(true)\n          },\n          onIncrement: announced(stepThen(state.increment, validation.onEdit)),\n          outlined: variant === 'outlined',\n        })}\n        floatingLabel={floatingLabel}\n        isDisabled={isDisabled}\n        isFocused={focus.focused || stepperFocused}\n        isInvalid={shownError !== undefined}\n        isPopulated={state.inputValue !== ''}\n        isRequired={isRequired}\n        label={label}\n        variant={variant}\n      >\n        <FieldInput\n          {...props}\n          {...focus.handlers}\n          aria-label={label}\n          autoComplete=\"off\"\n          autoCorrect={false}\n          described={describedBy(id, { description, error: shownError })}\n          editable={!isDisabled && !isReadOnly}\n          keyboardType={keyboardFor(writtenIn, formatOptions, minValue)}\n          numeric={numeric}\n          onChangeText={editInto(state, validation.onEdit)}\n          onSubmitEditing={commitBefore<TextInputSubmitEditingEvent>(\n            state,\n            onSubmitEditing,\n          )}\n          ref={control}\n          returnKeyType={returnKeyType}\n          spellCheck={false}\n          value={state.inputValue}\n        />\n      </FieldBox>\n      <FieldMessage description={description} error={shownError} id={id} />\n    </View>\n  )\n}\n\n// The 48dp target a stacked stepper reaches to, all of its height on the\n// side away from the other stepper, and its width either side.\nfunction outwardSlop(\n  half: number,\n  place: 'bottom' | 'top',\n): Insets | undefined {\n  const slop = hitSlop(half, STEPPER_WIDTH)\n  if (slop === undefined) {\n    return undefined\n  }\n\n  const reach = (slop.top ?? 0) + (slop.bottom ?? 0)\n  return place === 'top'\n    ? { ...slop, bottom: 0, top: reach }\n    : { ...slop, bottom: reach, top: 0 }\n}\n\n/**\n * One of the stacked pair: half the column, the glyph in on surface\n * variant, and the state layer, the ripple and the ring every control\n * draws, the ring inside it. Disabled at the end of the range, where the\n * glyph takes on surface at the disabled opacity.\n */\nfunction Stepper({\n  'aria-label': ariaLabel,\n  children,\n  half,\n  isDisabled,\n  onBlur,\n  onFocus,\n  onPress,\n  onPressIn,\n  onPressOut,\n  outlined,\n  place,\n}: StepperProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { colors, stateLayerOpacity } = theme\n  const corner =\n    place === 'top'\n      ? styles.stepperTop\n      : outlined\n        ? styles.stepperBottomOutlined\n        : undefined\n  const feedback = usePressFeedback({\n    color: colors.onSurfaceVariant,\n    corners: corner,\n    disabled: isDisabled,\n    onBlur,\n    onFocus,\n    onPressIn,\n    onPressOut,\n  })\n\n  return (\n    <Pressable\n      {...feedback.handlers}\n      aria-label={ariaLabel}\n      disabled={isDisabled}\n      hitSlop={outwardSlop(half, place)}\n      onPress={onPress}\n      role=\"button\"\n      style={composeStyles<ViewStyle>(\n        styles.stepper,\n        corner,\n        feedback.ring,\n        feedback.ring === undefined ? undefined : styles.stepperRing,\n      )}\n    >\n      {feedback.layer}\n      <IconStyleContext\n        value={glyphOf(\n          isDisabled\n            ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n            : colors.onSurfaceVariant,\n        )}\n      >\n        {children}\n      </IconStyleContext>\n    </Pressable>\n  )\n}\n\n/**\n * The two steppers at the box's end, stacked or side by side, each\n * disabled where it would not move the value.\n */\nfunction Steppers({\n  canDecrement,\n  canIncrement,\n  decrementLabel,\n  incrementLabel,\n  inline,\n  onBlur,\n  onDecrement,\n  onFocus,\n  onIncrement,\n  outlined,\n}: SteppersProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const { sizing, typography } = theme\n  const up = useSpin(onIncrement, canIncrement)\n  const down = useSpin(onDecrement, canDecrement)\n\n  if (inline) {\n    return (\n      <View\n        style={composeStyles<ViewStyle>(\n          styles.steppersInline,\n          marginVerticalOf(\n            (typography.bodyLargeLineHeight * fontScale - sizing.controlXs) / 2,\n          ),\n        )}\n      >\n        <IconButton\n          {...down}\n          aria-label={decrementLabel}\n          isDisabled={!canDecrement}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          size=\"xs\"\n        >\n          <MinusGlyph />\n        </IconButton>\n        <IconButton\n          {...up}\n          aria-label={incrementLabel}\n          isDisabled={!canIncrement}\n          onBlur={onBlur}\n          onFocus={onFocus}\n          size=\"xs\"\n        >\n          <PlusGlyph />\n        </IconButton>\n      </View>\n    )\n  }\n\n  const half = halfOf(theme, outlined, fontScale)\n\n  return (\n    <View\n      style={composeStyles<ViewStyle>(\n        styles.steppers,\n        outlined ? styles.steppersOutlined : undefined,\n      )}\n    >\n      <Stepper\n        {...up}\n        aria-label={incrementLabel}\n        half={half}\n        isDisabled={!canIncrement}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        outlined={outlined}\n        place=\"top\"\n      >\n        <PlusGlyph />\n      </Stepper>\n      <Stepper\n        {...down}\n        aria-label={decrementLabel}\n        half={half}\n        isDisabled={!canDecrement}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        outlined={outlined}\n        place=\"bottom\"\n      >\n        <MinusGlyph />\n      </Stepper>\n    </View>\n  )\n}\n\n// The steppers as the box's end, built by a call rather than written at the\n// prop, which is what react-perf's no-jsx-as-prop is after.\nfunction steppersOf(props: SteppersProps) {\n  return <Steppers {...props} />\n}\n\n/**\n * A stepper's press handlers: a tap steps once, when it is released, and a\n * hold keeps stepping, from `SPIN_DELAY` on and every `SPIN_INTERVAL` after,\n * until the press ends or the value reaches its bound. A hold steps nothing\n * more on release, and a press the finger slides off steps nothing at all,\n * as React Aria's stepper does for a touch.\n */\n// A stepper's step, reported to the field's validation as an edit.\nfunction stepThen(step: () => void, onEdit: () => void) {\n  return () => {\n    step()\n    onEdit()\n  }\n}\n\nfunction useSpin(step: () => void, canStep: boolean): Spin {\n  // The step and whether it can move, as of the last render, since a hold\n  // steps from timers that outlive the render that started them.\n  const latest = useRef({ canStep, step })\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const spun = useRef(false)\n\n  useEffect(() => {\n    latest.current = { canStep, step }\n  })\n  useEffect(\n    () => () => {\n      clearTimeout(timer.current)\n    },\n    [],\n  )\n\n  const tick = () => {\n    if (!latest.current.canStep) {\n      return\n    }\n    spun.current = true\n    latest.current.step()\n    timer.current = setTimeout(tick, SPIN_INTERVAL)\n  }\n\n  return {\n    onPress: () => {\n      if (!spun.current) {\n        latest.current.step()\n      }\n    },\n    onPressIn: () => {\n      clearTimeout(timer.current)\n      spun.current = false\n      timer.current = setTimeout(tick, SPIN_DELAY)\n    },\n    onPressOut: () => {\n      clearTimeout(timer.current)\n    },\n  }\n}\n\n/**\n * Says the field's text after a stepper press, once the field has written\n * it, on iOS and Android, where the screen reader stays on the stepper.\n * Wrap each step in what it returns.\n */\nfunction useStepAnnouncement(text: string) {\n  const pending = useRef(false)\n\n  useEffect(() => {\n    if (pending.current) {\n      pending.current = false\n      AccessibilityInfo.announceForAccessibility(text)\n    }\n  }, [text])\n\n  return (step: () => void) => () => {\n    pending.current = Platform.OS === 'ios' || Platform.OS === 'android'\n    step()\n  }\n}\n\nexport { NumberField }\nexport type { NumberFieldProps }\n"],"mappings":"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"}

package/dist/components/range-calendar/index.d.ts

@@ -0,0 +1,69 @@
+import { StyleProp, View, ViewStyle } from "react-native";
+import { ComponentRef, Ref } from "react";
+import { DateDuration } from "@internationalized/date";
+import { DateValue, RangeCalendarProps } from "react-stately/useRangeCalendarState";
+//#region src/components/range-calendar/index.d.ts
+type RangeCalendarProps$1<T extends DateValue = DateValue> = Pick<RangeCalendarProps<T>, 'allowsNonContiguousRanges' | 'defaultFocusedValue' | 'defaultValue' | 'firstDayOfWeek' | 'focusedValue' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'maxValue' | 'minValue' | 'onChange' | 'onFocusChange' | 'value'> & {
+  /**
+   * The calendar's name. The month shown, or the months, is added to it, as
+   * React Aria adds it on web.
+   */
+  readonly 'aria-label'?: string;
+  /**
+   * The BCP 47 locale the calendar is written in: its month and weekday
+   * names, its digits, its first day of the week and its calendar system.
+   * Defaults to the `I18nProvider`'s, or the device's outside one.
+   */
+  readonly locale?: string;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
+  /**
+   * Whether the header draws the month and the year as menu buttons, each
+   * opening a list of them in the grid's place, as `Calendar`'s does. The
+   * year list runs a century either side of the year shown, or to
+   * `minValue` and `maxValue` where they are closer.
+   *
+   * For one visible month. With `visibleDuration` of more than one, the
+   * header is the plain one, whose heading names every month shown, since
+   * the menus name only the first.
+   * @default false
+   */
+  readonly showMonthYearMenus?: boolean;
+  readonly style?: StyleProp<ViewStyle>;
+  readonly testID?: string;
+  /**
+   * How many months the calendar shows at once, and moves by: side by side
+   * from the expanded window size up, one under another below it. Only
+   * `months` is read.
+   * @default { months: 1 }
+   */
+  readonly visibleDuration?: DateDuration;
+};
+/**
+ * A calendar for picking a range of dates. The value is a `{ start, end }`
+ * pair of `@internationalized/date` values, as on web: pass `value` with
+ * `onChange` to control it, or `defaultValue` to let it keep its own.
+ *
+ * ```tsx
+ * import { CalendarDate } from '@internationalized/date'
+ *
+ * <RangeCalendar
+ *   aria-label="Label"
+ *   defaultValue={{
+ *     start: new CalendarDate(2026, 9, 8),
+ *     end: new CalendarDate(2026, 9, 15),
+ *   }}
+ * />
+ * ```
+ *
+ * The two ends take the circle a selected date takes in `Calendar`, and the
+ * days between them a band in the secondary container. `minValue`,
+ * `maxValue`, `isDateUnavailable` and `visibleDuration` are the props
+ * `Calendar` takes, and `allowsNonContiguousRanges` lets a range run past
+ * the dates ruled out inside it rather than stopping at the first.
+ *
+ * `style`, `ref` and `testID` land on the container.
+ */
+declare function RangeCalendar<T extends DateValue = DateValue>({ 'aria-label': ariaLabel, locale, ref, showMonthYearMenus, style, testID, visibleDuration, ...props }: RangeCalendarProps$1<T>): import("react").JSX.Element;
+//#endregion
+export { RangeCalendar, type RangeCalendarProps$1 as RangeCalendarProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/range-calendar/index.js

@@ -0,0 +1,144 @@
+import { composeStyles } from "../../theme/styles.js";
+import { useLocaleOf } from "../../i18n/provider.js";
+import { CalendarFrame, useRootStyle, visibleRangeOf } from "../../calendar/index.js";
+import { c } from "react/compiler-runtime";
+import { View } from "react-native";
+import { jsx } from "react/jsx-runtime";
+import { createCalendar } from "@internationalized/date";
+import { useRangeCalendarState } from "react-stately/useRangeCalendarState";
+//#region src/components/range-calendar/index.tsx
+/**
+* A calendar for picking a range of dates. The value is a `{ start, end }`
+* pair of `@internationalized/date` values, as on web: pass `value` with
+* `onChange` to control it, or `defaultValue` to let it keep its own.
+*
+* ```tsx
+* import { CalendarDate } from '@internationalized/date'
+*
+* <RangeCalendar
+*   aria-label="Label"
+*   defaultValue={{
+*     start: new CalendarDate(2026, 9, 8),
+*     end: new CalendarDate(2026, 9, 15),
+*   }}
+* />
+* ```
+*
+* The two ends take the circle a selected date takes in `Calendar`, and the
+* days between them a band in the secondary container. `minValue`,
+* `maxValue`, `isDateUnavailable` and `visibleDuration` are the props
+* `Calendar` takes, and `allowsNonContiguousRanges` lets a range run past
+* the dates ruled out inside it rather than stopping at the first.
+*
+* `style`, `ref` and `testID` land on the container.
+*/
+function RangeCalendar(t0) {
+	const $ = c(33);
+	let ariaLabel;
+	let locale;
+	let props;
+	let ref;
+	let style;
+	let t1;
+	let testID;
+	let visibleDuration;
+	if ($[0] !== t0) {
+		({"aria-label": ariaLabel, locale, ref, showMonthYearMenus: t1, style, testID, visibleDuration, ...props} = t0);
+		$[0] = t0;
+		$[1] = ariaLabel;
+		$[2] = locale;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = style;
+		$[6] = t1;
+		$[7] = testID;
+		$[8] = visibleDuration;
+	} else {
+		ariaLabel = $[1];
+		locale = $[2];
+		props = $[3];
+		ref = $[4];
+		style = $[5];
+		t1 = $[6];
+		testID = $[7];
+		visibleDuration = $[8];
+	}
+	const showMonthYearMenus = t1 === void 0 ? false : t1;
+	const writtenIn = useLocaleOf(locale);
+	const months = Math.max(1, visibleDuration?.months ?? 1);
+	const rootStyle = useRootStyle(months);
+	let t2;
+	if ($[9] !== months) {
+		t2 = { months };
+		$[9] = months;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== props || $[12] !== t2 || $[13] !== writtenIn) {
+		t3 = {
+			...props,
+			createCalendar,
+			locale: writtenIn,
+			visibleDuration: t2
+		};
+		$[11] = props;
+		$[12] = t2;
+		$[13] = writtenIn;
+		$[14] = t3;
+	} else t3 = $[14];
+	const state = useRangeCalendarState(t3);
+	let t4;
+	if ($[15] !== state || $[16] !== writtenIn) {
+		t4 = visibleRangeOf(state, writtenIn, true);
+		$[15] = state;
+		$[16] = writtenIn;
+		$[17] = t4;
+	} else t4 = $[17];
+	const shown = t4;
+	const t5 = ariaLabel === void 0 ? shown : `${ariaLabel}, ${shown}`;
+	let t6;
+	if ($[18] !== rootStyle || $[19] !== style) {
+		t6 = composeStyles(rootStyle, style);
+		$[18] = rootStyle;
+		$[19] = style;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== months || $[22] !== props.firstDayOfWeek || $[23] !== showMonthYearMenus || $[24] !== state || $[25] !== writtenIn) {
+		t7 = /* @__PURE__ */ jsx(CalendarFrame, {
+			firstDayOfWeek: props.firstDayOfWeek,
+			locale: writtenIn,
+			months,
+			showMonthYearMenus,
+			state
+		});
+		$[21] = months;
+		$[22] = props.firstDayOfWeek;
+		$[23] = showMonthYearMenus;
+		$[24] = state;
+		$[25] = writtenIn;
+		$[26] = t7;
+	} else t7 = $[26];
+	let t8;
+	if ($[27] !== ref || $[28] !== t5 || $[29] !== t6 || $[30] !== t7 || $[31] !== testID) {
+		t8 = /* @__PURE__ */ jsx(View, {
+			"aria-label": t5,
+			ref,
+			role: "group",
+			style: t6,
+			testID,
+			children: t7
+		});
+		$[27] = ref;
+		$[28] = t5;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = testID;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
+}
+//#endregion
+export { RangeCalendar };
+
+//# sourceMappingURL=index.js.map

package/dist/components/range-calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DateDuration","ComponentRef","Ref","StyleProp","ViewStyle","DateValue","RangeCalendarProps","StatelyRangeCalendarProps","createCalendar","View","useRangeCalendarState","CalendarFrame","useRootStyle","visibleRangeOf","useLocaleOf","composeStyles","Pick","T","locale","ref","showMonthYearMenus","style","testID","visibleDuration","RangeCalendar","t0","$","_c","ariaLabel","props","t1","undefined","writtenIn","months","Math","max","rootStyle","t2","t3","state","t4","shown","t5","t6","t7","firstDayOfWeek","t8","_c"],"sources":["../../../src/components/range-calendar/index.tsx"],"sourcesContent":["import type { DateDuration } from '@internationalized/date'\nimport type { ComponentRef, Ref } from 'react'\nimport type { StyleProp, ViewStyle } from 'react-native'\nimport type {\n  DateValue,\n  RangeCalendarProps as StatelyRangeCalendarProps,\n} from 'react-stately/useRangeCalendarState'\n\nimport { createCalendar } from '@internationalized/date'\nimport { View } from 'react-native'\nimport { useRangeCalendarState } from 'react-stately/useRangeCalendarState'\n\nimport { CalendarFrame, useRootStyle, visibleRangeOf } from '../../calendar'\nimport { useLocaleOf } from '../../i18n/provider'\nimport { composeStyles } from '../../theme/styles'\n\n// kanso-ui's RangeCalendar: the date pickers page's calendar again, picking\n// two dates rather than one. Every part it draws is Calendar's, from\n// src/calendar, the container, the header, the month and year menus, the\n// grid and the date cell, so the two cannot come apart.\n//\n// What a range adds is the band between its two ends. The docked token set\n// stops at the selected date, so the band's colours are the modal date\n// picker's range-selection tokens: the secondary container, one step down\n// from the primary the two ends take, with its label in on secondary\n// container and its state layers in on primary container. Two things follow\n// from drawing a band across a grid whose dates are spaced apart, as on web.\n//\n// **The band is square and the ends are round.** A run of days reads as one\n// shape rather than a row of circles, and the first and last day round only\n// their outer side, which is what makes the band begin and end at a circle.\n// The sides are logical, so a right-to-left layout turns the band over.\n//\n// **The band fills the whole of each day's column.** A day in the range\n// drops the 4dp either side that every other date keeps and takes the full\n// width of its column, so one day's band meets the next one's.\n//\n// The state is React Stately's `useRangeCalendarState`, which web's React\n// Aria range calendar is built on. A first press starts the range and a\n// second ends it, on either side of the first. While a range is started a\n// pointer over a date draws the range as far as it, as web's does; a touch\n// has no such preview, so on a phone the band shows once the second date is\n// pressed. A date `isDateUnavailable` rules out is struck through, and once\n// a range is started the dates past it are disabled, unless\n// `allowsNonContiguousRanges` lets the range run over it.\n//\n// Each date's name is React Aria's: the two ends open with the whole range,\n// a day inside it is said to be selected, and each date's hint says whether\n// a press starts a range or ends the one started.\n\ntype RangeCalendarProps<T extends DateValue = DateValue> = Pick<\n  StatelyRangeCalendarProps<T>,\n  | 'allowsNonContiguousRanges'\n  | 'defaultFocusedValue'\n  | 'defaultValue'\n  | 'firstDayOfWeek'\n  | 'focusedValue'\n  | 'isDateUnavailable'\n  | 'isDisabled'\n  | 'isReadOnly'\n  | 'maxValue'\n  | 'minValue'\n  | 'onChange'\n  | 'onFocusChange'\n  | 'value'\n> & {\n  /**\n   * The calendar's name. The month shown, or the months, is added to it, as\n   * React Aria adds it on web.\n   */\n  readonly 'aria-label'?: string\n  /**\n   * The BCP 47 locale the calendar is written in: its month and weekday\n   * names, its digits, its first day of the week and its calendar system.\n   * Defaults to the `I18nProvider`'s, or the device's outside one.\n   */\n  readonly locale?: string\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /**\n   * Whether the header draws the month and the year as menu buttons, each\n   * opening a list of them in the grid's place, as `Calendar`'s does. The\n   * year list runs a century either side of the year shown, or to\n   * `minValue` and `maxValue` where they are closer.\n   *\n   * For one visible month. With `visibleDuration` of more than one, the\n   * header is the plain one, whose heading names every month shown, since\n   * the menus name only the first.\n   * @default false\n   */\n  readonly showMonthYearMenus?: boolean\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n  /**\n   * How many months the calendar shows at once, and moves by: side by side\n   * from the expanded window size up, one under another below it. Only\n   * `months` is read.\n   * @default { months: 1 }\n   */\n  readonly visibleDuration?: DateDuration\n}\n\n/**\n * A calendar for picking a range of dates. The value is a `{ start, end }`\n * pair of `@internationalized/date` values, as on web: pass `value` with\n * `onChange` to control it, or `defaultValue` to let it keep its own.\n *\n * ```tsx\n * import { CalendarDate } from '@internationalized/date'\n *\n * <RangeCalendar\n *   aria-label=\"Label\"\n *   defaultValue={{\n *     start: new CalendarDate(2026, 9, 8),\n *     end: new CalendarDate(2026, 9, 15),\n *   }}\n * />\n * ```\n *\n * The two ends take the circle a selected date takes in `Calendar`, and the\n * days between them a band in the secondary container. `minValue`,\n * `maxValue`, `isDateUnavailable` and `visibleDuration` are the props\n * `Calendar` takes, and `allowsNonContiguousRanges` lets a range run past\n * the dates ruled out inside it rather than stopping at the first.\n *\n * `style`, `ref` and `testID` land on the container.\n */\nfunction RangeCalendar<T extends DateValue = DateValue>({\n  'aria-label': ariaLabel,\n  locale,\n  ref,\n  showMonthYearMenus = false,\n  style,\n  testID,\n  visibleDuration,\n  ...props\n}: RangeCalendarProps<T>) {\n  const writtenIn = useLocaleOf(locale)\n  const months = Math.max(1, visibleDuration?.months ?? 1)\n  const rootStyle = useRootStyle(months)\n  const state = useRangeCalendarState<T>({\n    ...props,\n    createCalendar,\n    locale: writtenIn,\n    visibleDuration: { months },\n  })\n  const shown = visibleRangeOf(state, writtenIn, true)\n\n  return (\n    <View\n      aria-label={ariaLabel === undefined ? shown : `${ariaLabel}, ${shown}`}\n      ref={ref}\n      role=\"group\"\n      style={composeStyles<ViewStyle>(rootStyle, style)}\n      testID={testID}\n    >\n      <CalendarFrame\n        firstDayOfWeek={props.firstDayOfWeek}\n        locale={writtenIn}\n        months={months}\n        showMonthYearMenus={showMonthYearMenus}\n        state={state}\n      />\n    </View>\n  )\n}\n\nexport type { RangeCalendarProps }\n\nexport { RangeCalendar }\n"],"mappings":"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"}

package/dist/components/search-view/index.d.ts

@@ -0,0 +1,78 @@
+import { AutocompleteProps } from "../autocomplete/index.js";
+import { HostInstance, StyleProp, ViewStyle } from "react-native";
+import { ReactNode, Ref } from "react";
+//#region src/components/search-view/index.d.ts
+type SearchViewContentProps<T extends object = object> = Omit<AutocompleteProps<T>, 'children'> & {
+  /**
+   * What the back button is called, for a screen reader. Left out, the
+   * library names it in the `I18nProvider`'s locale, or the device's outside
+   * one, "Back" in English.
+   */
+  readonly backLabel?: string;
+  /** The results: a ListBox or a List, which typing narrows. */
+  readonly children?: ReactNode;
+  /**
+   * What the clear button is called, for a screen reader. Left out, it is
+   * the name React Aria gives web's in the `I18nProvider`'s locale, or the
+   * device's outside one, "Clear search" in English.
+   */
+  readonly clearLabel?: string;
+  /**
+   * What is searched, for a screen reader. It names both the view and its
+   * input, and is read rather than shown; `placeholder` is what is seen.
+   */
+  readonly label: string;
+  /** The supporting text in the empty input, which is what a person reads. */
+  readonly placeholder?: string;
+  readonly ref?: Ref<HostInstance>;
+  readonly style?: StyleProp<ViewStyle>;
+  readonly testID?: string;
+};
+type SearchViewProps = {
+  /**
+   * The Button or IconButton that opens the view, and `SearchView.Content`.
+   */
+  readonly children?: ReactNode;
+  /** Whether the view starts open, when it keeps its own state. */
+  readonly defaultOpen?: boolean;
+  /** Whether the view is open, when the call site holds the state. */
+  readonly isOpen?: boolean;
+  /** Called with the new state as the view opens or closes. */
+  readonly onOpenChange?: (isOpen: boolean) => void;
+};
+/**
+ * The view a search opens into: full screen in a compact window, docked
+ * under what opened it in a wider one. Pass `isOpen` with `onOpenChange` to
+ * hold the open state, or `defaultOpen` to let it keep its own.
+ *
+ * ```tsx
+ * <SearchView>
+ *   <IconButton aria-label="Search">
+ *     <SearchIcon />
+ *   </IconButton>
+ *   <SearchView.Content label="Search" placeholder="Search">
+ *     <ListBox aria-label="Results">…</ListBox>
+ *   </SearchView.Content>
+ * </SearchView>
+ * ```
+ *
+ * Composed as Popover is: a `Button` or `IconButton` placed directly inside
+ * `SearchView` opens the view, and `SearchView.Content` is the view itself.
+ */
+declare function SearchView({ children, defaultOpen, isOpen, onOpenChange }: SearchViewProps): import("react").JSX.Element;
+declare namespace SearchView {
+  var Content: typeof SearchViewContent;
+}
+/**
+ * The view: the header with its back button, input and clear button, and
+ * the results under it, inside an Autocomplete, so typing narrows them. What
+ * has been typed is the autocomplete's: pass `inputValue` with
+ * `onInputChange` to control it, or `defaultInputValue` to let it keep its
+ * own, which starts again each time the view opens.
+ *
+ * `style`, `ref` and `testID` land on the view's surface.
+ */
+declare function SearchViewContent<T extends object = object>({ backLabel, clearLabel, defaultInputValue, filter, inputValue, label, onInputChange, ...props }: SearchViewContentProps<T>): import("react").JSX.Element | null;
+//#endregion
+export { SearchView, SearchViewContent, type SearchViewContentProps, type SearchViewProps };
+//# sourceMappingURL=index.d.ts.map