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

package/dist/components/meter/index.d.ts

@@ -0,0 +1,73 @@
+import { IndicatorTone } from "../../indicator/index.js";
+import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
+import { Ref } from "react";
+//#region src/components/meter/index.d.ts
+type MeterProps = Omit<ViewProps, 'children' | 'style'> & {
+  /**
+   * How the value reads.
+   * @default { style: 'percent' }
+   */
+  readonly formatOptions?: Intl.NumberFormatOptions;
+  /**
+   * What is being measured, shown above the line. A screen reader reads it as
+   * the meter's name; a meter whose surroundings name it takes `aria-label`
+   * instead and leaves this out.
+   */
+  readonly label?: string;
+  /**
+   * The BCP 47 locale the value is written in. Defaults to the device's.
+   */
+  readonly locale?: string;
+  /**
+   * The top of the scale.
+   * @default 100
+   */
+  readonly maxValue?: number;
+  /**
+   * The bottom of the scale.
+   * @default 0
+   */
+  readonly minValue?: number;
+  readonly ref?: Ref<View>;
+  /**
+   * Whether the value is shown beside the label.
+   * @default true
+   */
+  readonly showValue?: boolean;
+  readonly style?: StyleProp<ViewStyle>;
+  /**
+   * Which colours the measurement is drawn in. `primary` states without
+   * ranking; `negative` and `positive` say the value is bad or good, and
+   * recolour the active indicator and the stop indicator, leaving the track in
+   * its secondary container so a column of meters still shares one track.
+   * @default 'primary'
+   */
+  readonly tone?: MeterTone;
+  /**
+   * The measurement, between `minValue` and `maxValue`.
+   * @default 0
+   */
+  readonly value?: number;
+  /** The value as words, in place of the number `formatOptions` writes. */
+  readonly valueLabel?: string;
+};
+type MeterTone = Extract<IndicatorTone, 'negative' | 'positive' | 'primary'>;
+/**
+ * How full something is, on a scale it names: disk used, storage left, a
+ * rating out of five. Pass `value` between `minValue` and `maxValue`, and
+ * `formatOptions` to say how the number reads, in `locale`. For how far along
+ * a task is, reach for ProgressIndicator instead: a meter has no indeterminate
+ * state, because a measurement always has a value.
+ *
+ * ```tsx
+ * <Meter label="Label" tone="negative" value={94} />
+ * ```
+ *
+ * A screen reader hears it as a meter named by its label, with its value as
+ * `formatOptions` writes it. `style`, `ref` and `testID` land on the meter as
+ * a whole, which is the view a layout positions.
+ */
+declare function Meter({ 'aria-label': ariaLabel, formatOptions, label, locale, maxValue, minValue, showValue, style, tone, value, valueLabel, ...props }: MeterProps): import("react").JSX.Element;
+//#endregion
+export { Meter, type MeterProps, type MeterTone };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/meter/index.js

@@ -0,0 +1,179 @@
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles } from "../../theme/styles.js";
+import { DETERMINATE_EASING, stylesOf } from "../../indicator/styles.js";
+import { IndicatorLabels, IndicatorLine, readingOf, useEased, useIndicatorColors, useMeasuredWidth } from "../../indicator/index.js";
+import { c } from "react/compiler-runtime";
+import { StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/meter/index.tsx
+const styles = StyleSheet.create({ line: { alignSelf: "stretch" } });
+/**
+* How full something is, on a scale it names: disk used, storage left, a
+* rating out of five. Pass `value` between `minValue` and `maxValue`, and
+* `formatOptions` to say how the number reads, in `locale`. For how far along
+* a task is, reach for ProgressIndicator instead: a meter has no indeterminate
+* state, because a measurement always has a value.
+*
+* ```tsx
+* <Meter label="Label" tone="negative" value={94} />
+* ```
+*
+* A screen reader hears it as a meter named by its label, with its value as
+* `formatOptions` writes it. `style`, `ref` and `testID` land on the meter as
+* a whole, which is the view a layout positions.
+*/
+function Meter(t0) {
+	const $ = c(45);
+	let ariaLabel;
+	let formatOptions;
+	let label;
+	let locale;
+	let props;
+	let style;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let valueLabel;
+	if ($[0] !== t0) {
+		({"aria-label": ariaLabel, formatOptions, label, locale, maxValue: t1, minValue: t2, showValue: t3, style, tone: t4, value: t5, valueLabel, ...props} = t0);
+		$[0] = t0;
+		$[1] = ariaLabel;
+		$[2] = formatOptions;
+		$[3] = label;
+		$[4] = locale;
+		$[5] = props;
+		$[6] = style;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = valueLabel;
+	} else {
+		ariaLabel = $[1];
+		formatOptions = $[2];
+		label = $[3];
+		locale = $[4];
+		props = $[5];
+		style = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+		t4 = $[10];
+		t5 = $[11];
+		valueLabel = $[12];
+	}
+	const maxValue = t1 === void 0 ? 100 : t1;
+	const minValue = t2 === void 0 ? 0 : t2;
+	const showValue = t3 === void 0 ? true : t3;
+	const tone = t4 === void 0 ? "primary" : t4;
+	const value = t5 === void 0 ? 0 : t5;
+	const theme = useTheme();
+	const colors = useIndicatorColors(tone);
+	let t6;
+	if ($[13] !== formatOptions || $[14] !== locale || $[15] !== maxValue || $[16] !== minValue || $[17] !== value || $[18] !== valueLabel) {
+		t6 = readingOf({
+			formatOptions,
+			locale,
+			maxValue,
+			minValue,
+			value,
+			valueLabel
+		});
+		$[13] = formatOptions;
+		$[14] = locale;
+		$[15] = maxValue;
+		$[16] = minValue;
+		$[17] = value;
+		$[18] = valueLabel;
+		$[19] = t6;
+	} else t6 = $[19];
+	const reading = t6;
+	let t7;
+	if ($[20] !== theme.motion.durationMedium1) {
+		t7 = {
+			duration: theme.motion.durationMedium1,
+			easing: DETERMINATE_EASING
+		};
+		$[20] = theme.motion.durationMedium1;
+		$[21] = t7;
+	} else t7 = $[21];
+	const shown = useEased(reading.percentage, t7);
+	const { onLayout, width } = useMeasuredWidth();
+	const t8 = label ?? ariaLabel;
+	const t9 = reading.value;
+	const t10 = reading.text;
+	let t11;
+	if ($[22] !== style || $[23] !== theme) {
+		t11 = composeStyles(stylesOf(theme).root, style);
+		$[22] = style;
+		$[23] = theme;
+		$[24] = t11;
+	} else t11 = $[24];
+	const t12 = showValue ? reading.text : void 0;
+	let t13;
+	if ($[25] !== label || $[26] !== t12) {
+		t13 = /* @__PURE__ */ jsx(IndicatorLabels, {
+			label,
+			value: t12
+		});
+		$[25] = label;
+		$[26] = t12;
+		$[27] = t13;
+	} else t13 = $[27];
+	let t14;
+	if ($[28] !== colors || $[29] !== shown || $[30] !== width) {
+		t14 = /* @__PURE__ */ jsx(IndicatorLine, {
+			colors,
+			percentage: shown,
+			width
+		});
+		$[28] = colors;
+		$[29] = shown;
+		$[30] = width;
+		$[31] = t14;
+	} else t14 = $[31];
+	let t15;
+	if ($[32] !== onLayout || $[33] !== t14) {
+		t15 = /* @__PURE__ */ jsx(View, {
+			onLayout,
+			style: styles.line,
+			children: t14
+		});
+		$[32] = onLayout;
+		$[33] = t14;
+		$[34] = t15;
+	} else t15 = $[34];
+	let t16;
+	if ($[35] !== maxValue || $[36] !== minValue || $[37] !== props || $[38] !== reading.text || $[39] !== reading.value || $[40] !== t11 || $[41] !== t13 || $[42] !== t15 || $[43] !== t8) {
+		t16 = /* @__PURE__ */ jsxs(View, {
+			accessible: true,
+			"aria-label": t8,
+			"aria-valuemax": maxValue,
+			"aria-valuemin": minValue,
+			"aria-valuenow": t9,
+			"aria-valuetext": t10,
+			role: "meter",
+			...props,
+			style: t11,
+			children: [t13, t15]
+		});
+		$[35] = maxValue;
+		$[36] = minValue;
+		$[37] = props;
+		$[38] = reading.text;
+		$[39] = reading.value;
+		$[40] = t11;
+		$[41] = t13;
+		$[42] = t15;
+		$[43] = t8;
+		$[44] = t16;
+	} else t16 = $[44];
+	return t16;
+}
+//#endregion
+export { Meter };
+
+//# sourceMappingURL=index.js.map

package/dist/components/meter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Ref","StyleProp","ViewProps","ViewStyle","StyleSheet","View","IndicatorTone","IndicatorLabels","IndicatorLine","readingOf","useEased","useIndicatorColors","useMeasuredWidth","DETERMINATE_EASING","stylesOf","indicatorStylesOf","useTheme","composeStyles","MeterProps","Omit","formatOptions","Intl","NumberFormatOptions","label","locale","maxValue","minValue","ref","showValue","style","tone","MeterTone","value","valueLabel","styles","create","line","alignSelf","Extract","Meter","t0","$","_c","ariaLabel","props","t1","t2","t3","t4","t5","undefined","theme","colors","t6","reading","t7","motion","durationMedium1","duration","easing","shown","percentage","onLayout","width","t8","t9","t10","text","t11","root","t12","t13","t14","t15","t16","_c","indicatorStylesOf"],"sources":["../../../src/components/meter/index.tsx"],"sourcesContent":["import type { Ref } from 'react'\nimport type { StyleProp, ViewProps, ViewStyle } from 'react-native'\n\nimport { StyleSheet, View } from 'react-native'\n\nimport type { IndicatorTone } from '../../indicator'\n\nimport {\n  IndicatorLabels,\n  IndicatorLine,\n  readingOf,\n  useEased,\n  useIndicatorColors,\n  useMeasuredWidth,\n} from '../../indicator'\nimport {\n  DETERMINATE_EASING,\n  stylesOf as indicatorStylesOf,\n} from '../../indicator/styles'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles } from '../../theme/styles'\n\n// A meter is the progress indicators page's line, drawn for a measurement\n// rather than for a task, as on web: the same three parts at the same 4dp,\n// the same label row above them, and the same motion when the number changes.\n// All of that is `src/indicator`, shared with ProgressIndicator, so what is\n// here is the two things that make it a meter rather than a progress bar.\n//\n// The first is the role. The root says `meter` rather than `progressbar`, as\n// React Aria's `Meter` does on web, and a screen reader says the two\n// differently: one is how full something is, the other how far along\n// something is. That is also why a meter has no indeterminate state: a\n// measurement whose value is unknown is not a measurement.\n//\n// The second is `tone`. The page draws one colour pair, which is right for a\n// task, since progress does not become good or bad on its way to done. A\n// measurement does, so `negative` and `positive` recolour the active\n// indicator and the stop indicator and leave the track alone. A column of\n// meters then reads as one scale with bars of different colours. Which tone a\n// value deserves is the call site's to decide: nothing here reads the number\n// and picks one.\n//\n// The value is shown by default, where a progress indicator hides it. A meter\n// is the number, and `formatOptions` is what makes it read as a percentage,\n// bytes or a plain count, in `locale`.\n\ntype MeterProps = Omit<ViewProps, 'children' | 'style'> & {\n  /**\n   * How the value reads.\n   * @default { style: 'percent' }\n   */\n  readonly formatOptions?: Intl.NumberFormatOptions\n  /**\n   * What is being measured, shown above the line. A screen reader reads it as\n   * the meter's name; a meter whose surroundings name it takes `aria-label`\n   * instead and leaves this out.\n   */\n  readonly label?: string\n  /**\n   * The BCP 47 locale the value is written in. Defaults to the device's.\n   */\n  readonly locale?: string\n  /**\n   * The top of the scale.\n   * @default 100\n   */\n  readonly maxValue?: number\n  /**\n   * The bottom of the scale.\n   * @default 0\n   */\n  readonly minValue?: number\n  readonly ref?: Ref<View>\n  /**\n   * Whether the value is shown beside the label.\n   * @default true\n   */\n  readonly showValue?: boolean\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Which colours the measurement is drawn in. `primary` states without\n   * ranking; `negative` and `positive` say the value is bad or good, and\n   * recolour the active indicator and the stop indicator, leaving the track in\n   * its secondary container so a column of meters still shares one track.\n   * @default 'primary'\n   */\n  readonly tone?: MeterTone\n  /**\n   * The measurement, between `minValue` and `maxValue`.\n   * @default 0\n   */\n  readonly value?: number\n  /** The value as words, in place of the number `formatOptions` writes. */\n  readonly valueLabel?: string\n}\n\nconst styles = StyleSheet.create({\n  // The row the line is drawn across, measured for the width it is drawn to.\n  line: {\n    alignSelf: 'stretch',\n  },\n})\n\n// The three of the shared line's four tones a meter draws. The fourth,\n// `inherit`, is for an indicator inside something that carries its own\n// colour, which is a pending button rather than a measurement.\ntype MeterTone = Extract<IndicatorTone, 'negative' | 'positive' | 'primary'>\n\n/**\n * How full something is, on a scale it names: disk used, storage left, a\n * rating out of five. Pass `value` between `minValue` and `maxValue`, and\n * `formatOptions` to say how the number reads, in `locale`. For how far along\n * a task is, reach for ProgressIndicator instead: a meter has no indeterminate\n * state, because a measurement always has a value.\n *\n * ```tsx\n * <Meter label=\"Label\" tone=\"negative\" value={94} />\n * ```\n *\n * A screen reader hears it as a meter named by its label, with its value as\n * `formatOptions` writes it. `style`, `ref` and `testID` land on the meter as\n * a whole, which is the view a layout positions.\n */\nfunction Meter({\n  'aria-label': ariaLabel,\n  formatOptions,\n  label,\n  locale,\n  maxValue = 100,\n  minValue = 0,\n  showValue = true,\n  style,\n  tone = 'primary',\n  value = 0,\n  valueLabel,\n  ...props\n}: MeterProps) {\n  const theme = useTheme()\n  const colors = useIndicatorColors(tone)\n  const reading = readingOf({\n    formatOptions,\n    locale,\n    maxValue,\n    minValue,\n    value,\n    valueLabel,\n  })\n  const shown = useEased(reading.percentage, {\n    duration: theme.motion.durationMedium1,\n    easing: DETERMINATE_EASING,\n  })\n  const { onLayout, width } = useMeasuredWidth()\n\n  return (\n    <View\n      accessible\n      aria-label={label ?? ariaLabel}\n      aria-valuemax={maxValue}\n      aria-valuemin={minValue}\n      aria-valuenow={reading.value}\n      aria-valuetext={reading.text}\n      role=\"meter\"\n      {...props}\n      style={composeStyles<ViewStyle>(indicatorStylesOf(theme).root, style)}\n    >\n      <IndicatorLabels\n        label={label}\n        value={showValue ? reading.text : undefined}\n      />\n      <View onLayout={onLayout} style={styles.line}>\n        <IndicatorLine colors={colors} percentage={shown} width={width} />\n      </View>\n    </View>\n  )\n}\n\nexport { Meter }\nexport type { MeterProps, MeterTone }\n"],"mappings":"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"}

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

@@ -4,6 +4,7 @@ import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useFieldValidation } from "../../form/index.js";
 import { withOpacity } from "../../theme/color.js";
+import { localeOf } from "../../number/locale.js";
 import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { IconButton } from "../icon-button/index.js";
 import { FieldBox, FieldInput, FieldMessage, describedBy, useFieldFocus } from "../../field/index.js";
@@ -18,7 +19,6 @@ const STEPPER_WIDTH = 32;
 const GLYPH_SIZE = 20;
 const SPIN_DELAY = 600;
 const SPIN_INTERVAL = 60;
-let deviceLocale;
 const stylesOf = themedStyles(({ radii, spacing }) => StyleSheet.create({
 	stepper: {
 		alignItems: "center",
@@ -79,14 +79,6 @@ function keyboardOf(minValue, hasDecimals) {
 	if (minValue === void 0 || Number.isNaN(minValue) || minValue < 0) return Platform.OS === "ios" ? "numbers-and-punctuation" : "numeric";
 	return hasDecimals ? "decimal-pad" : "number-pad";
 }
-function localeOf(locale) {
-	if (locale !== void 0) try {
-		Intl.NumberFormat.supportedLocalesOf(locale);
-		return locale;
-	} catch {}
-	deviceLocale ??= new Intl.NumberFormat().resolvedOptions().locale;
-	return deviceLocale;
-}
 function marginVerticalOf(margin) {
 	return { marginVertical: margin };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["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","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","deviceLocale","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","localeOf","NumberFormat","supportedLocalesOf","resolvedOptions","marginVerticalOf","margin","NumberField","t0","$","_c","onSubmitEditing","props","t1","t2","t3","t4","t5","t6","t7","t8","returnKeyType","id","control","writtenIn","t9","numberValue","empty","t10","String","t11","isEmpty","submitted","validation","shownError","t12","t13","focus","maximumFractionDigits","announced","useStepAnnouncement","inputValue","stepperFocused","setStepperFocused","t14","t15","Symbol","for","current","t16","t17","t18","t19","t20","decrement","increment","t21","steppersOf","stepThen","focused","t22","t23","t24","handlers","t25","t26","t27","t28","t29","t30","t31","t32","t33","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 { 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 { 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 a prop**, defaulting to the device's, where web reads it\n// from React Aria's `I18nProvider`. It decides how the value is written and\n// read, so a field in a German app reads \"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 English \"Decrease\" followed by the field's own label.\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 English \"Increase\" followed by the field's own label.\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<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   * device's.\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<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\nlet deviceLocale: string | undefined\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 locale the field writes in: the one given, where the runtime takes it\n// as a locale at all, or the device's.\nfunction localeOf(locale: string | undefined) {\n  if (locale !== undefined) {\n    try {\n      Intl.NumberFormat.supportedLocalesOf(locale)\n      return locale\n    } catch {\n      // A malformed tag, which falls back to the device's.\n    }\n  }\n\n  deviceLocale ??= new Intl.NumberFormat().resolvedOptions().locale\n  return deviceLocale\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<TextInput>(null)\n  const writtenIn = localeOf(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<null | TextInput, null | TextInput>(\n    inputRef,\n    () => control.current,\n    [],\n  )\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: decrementLabel ?? `Decrease ${label}`,\n          incrementLabel: incrementLabel ?? `Increase ${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":["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","localeOf","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","numberValue","empty","t10","String","t11","isEmpty","submitted","validation","shownError","t12","t13","focus","resolvedOptions","maximumFractionDigits","announced","useStepAnnouncement","inputValue","stepperFocused","setStepperFocused","t14","t15","Symbol","for","current","t16","t17","t18","t19","t20","decrement","increment","t21","steppersOf","stepThen","focused","t22","t23","t24","handlers","t25","t26","t27","t28","t29","t30","t31","t32","t33","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 { 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 { localeOf } from '../../number/locale'\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 a prop**, defaulting to the device's, where web reads it\n// from React Aria's `I18nProvider`. It decides how the value is written and\n// read, so a field in a German app reads \"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 English \"Decrease\" followed by the field's own label.\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 English \"Increase\" followed by the field's own label.\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<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   * device's.\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<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<TextInput>(null)\n  const writtenIn = localeOf(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<null | TextInput, null | TextInput>(\n    inputRef,\n    () => control.current,\n    [],\n  )\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: decrementLabel ?? `Decrease ${label}`,\n          incrementLabel: incrementLabel ?? `Increase ${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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"}