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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","Ref","TextProps","NativeTextProps","TextStyle","useState","Text","NativeText","Platform","StyleSheet","stylesOf","ringStylesOf","useLinkPress","withOpacity","useTheme","composeStyles","themedStyles","LinkProps","Omit","href","isDisabled","ref","tone","LinkTone","underline","LinkUnderline","WebProps","focusable","onBlur","onFocus","event","currentTarget","matches","selector","onKeyDown","click","key","repeat","onPointerEnter","pointerType","onPointerLeave","underlines","create","always","textDecorationLine","hover","none","colors","radii","stateLayerOpacity","disabledContent","onSurface","base","borderRadius","xs","disabled","color","textDecorationColor","hovered","primary","inherit","outline","Link","t0","$","_c","onPress","props","style","t1","t2","t3","t4","suppressHighlighting","undefined","theme","press","hoveredState","setHovered","ringShown","setRingShown","T0","t10","t5","t6","t7","t8","t9","styles","pressable","t11","OS","webPropsOf","web","ring","shown","_c","NativeText","ringStylesOf"],"sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import type { ComponentRef, Ref } from 'react'\nimport type { TextProps as NativeTextProps, TextStyle } from 'react-native'\n\nimport { useState } from 'react'\nimport { Text as NativeText, Platform, StyleSheet } from 'react-native'\n\nimport { stylesOf as ringStylesOf } from '../../press/styles'\nimport { useLinkPress } from '../../router'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\n\n// No Material Design page draws an inline link, so this takes web's reading:\n// the text button's label, the primary role on no container, with the\n// disabled treatment every page gives content, and a rule under it to say it\n// can be followed. That rule is 70% of the primary role, or the outline role\n// under `inherit`, and turns fully primary under a pointer. 70% is web's\n// figure, the least that keeps the rule at 3:1 against the surface in every\n// scheme the library is shown in.\n//\n// It is a nested Text, so it sets no type of its own and takes the size and\n// face of the sentence around it, as web's takes them from its paragraph. A\n// nested Text has no frame of its own, so it takes no `hitSlop` either.\n//\n// Where it departs from web, the platform is the reason:\n//\n// - The disabled colour is on-surface at the `disabledContent` opacity,\n//   translucent over whatever the sentence sits on. Web mixes the two over\n//   the surface role, and React Native has no `color-mix()`.\n// - Android draws the rule in the text's own colour, since it has no\n//   `textDecorationColor`, and every platform draws it at its own thickness\n//   and offset, which React Native has no properties for.\n// - Hover, the focus ring and the Enter key are the web's alone: a phone has\n//   no pointer to hover with and focuses no span inside a sentence, so on\n//   native `hover` draws no rule at all. The colour changes at once rather\n//   than over a transition.\n// - iOS's own pressed highlight is off, since web's link draws no pressed\n//   state; `suppressHighlighting={false}` turns it back on.\n\ntype LinkProps = Omit<NativeTextProps, 'disabled'> & {\n  /**\n   * Where the link leads. A press opens it through the `RouterProvider`\n   * around the link, or through the platform for a URL with a scheme of its\n   * own, after the call site's own `onPress`.\n   */\n  readonly href?: string\n  /**\n   * Fades the link to the disabled content colour, and takes no press. It is\n   * still announced as a link, a disabled one.\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<ComponentRef<typeof NativeText>>\n  /**\n   * Which colour role to render in. `primary` marks the link out from the\n   * text around it; `inherit` takes the colour of the Text around it and\n   * leans on the underline alone, for a link in a place already understood\n   * to be links, such as a footer.\n   * @default 'primary'\n   */\n  readonly tone?: LinkTone\n  /**\n   * When to draw the rule. Leave it at `always` in prose: without it, colour\n   * is the only thing separating the link from the sentence, which some\n   * readers cannot see. `hover` and `none` are for links whose position\n   * already announces them, such as a row of footer links. A phone has no\n   * pointer, so `hover` draws no rule there.\n   * @default 'always'\n   */\n  readonly underline?: LinkUnderline\n}\n\ntype LinkTone = 'inherit' | 'primary'\n\ntype LinkUnderline = 'always' | 'hover' | 'none'\n\n// What React Native Web hands a link's span, which React Native's own Text\n// declares none of: the browser's pointer, focus and key events, each typed\n// by the fields the link reads, and whether the span takes the Tab key.\ntype WebProps = {\n  readonly focusable: boolean\n  readonly onBlur: () => void\n  readonly onFocus: (event: {\n    readonly currentTarget: { readonly matches: (selector: string) => boolean }\n  }) => void\n  readonly onKeyDown: (event: {\n    readonly currentTarget: { readonly click: () => void }\n    readonly key: string\n    readonly repeat: boolean\n  }) => void\n  readonly onPointerEnter: (event: { readonly pointerType: string }) => void\n  readonly onPointerLeave: () => void\n}\n\n// React Native's underline is off unless a style turns it on, and a nested\n// Text inherits its sentence's, so `hover` and `none` say `none` outright, as\n// web's do over an anchor's own underline.\nconst underlines = StyleSheet.create({\n  always: { textDecorationLine: 'underline' },\n  hover: { textDecorationLine: 'none' },\n  none: { textDecorationLine: 'none' },\n})\n\nconst stylesOf = themedStyles(({ colors, radii, stateLayerOpacity }) => {\n  const disabledContent = withOpacity(\n    colors.onSurface,\n    stateLayerOpacity.disabledContent,\n  )\n\n  return StyleSheet.create({\n    // The ring's corner on web, where an outline follows it. A nested Text\n    // draws no frame on native, so there it draws nothing.\n    base: {\n      borderRadius: radii.xs,\n    },\n    disabled: {\n      color: disabledContent,\n      textDecorationColor: disabledContent,\n    },\n    // Under a pointer, either tone turns its text and its rule fully primary.\n    hovered: {\n      color: colors.primary,\n      textDecorationColor: colors.primary,\n    },\n    // No colour, so the Text around it lends its own.\n    inherit: {\n      textDecorationColor: colors.outline,\n    },\n    primary: {\n      color: colors.primary,\n      textDecorationColor: withOpacity(colors.primary, 0.7),\n    },\n  })\n})\n\n/**\n * A run of text that leads somewhere, inside the sentence it belongs to.\n *\n * ```tsx\n * <Text variant=\"bodyLarge\">\n *   Supporting copy with <Link href=\"/first\">a link inside it</Link>.\n * </Text>\n * ```\n *\n * It is React Native's Text with the link role, nested in the library's\n * Text, so it flows and wraps with the words around it and takes their type.\n * Given no Text around it, it draws in the platform's default face rather\n * than the theme's, so a link standing on its own, such as one of a row of\n * footer links, is a Text holding one link.\n *\n * `onPress` fires for a tap, a click and the Enter key alike, then `href` is\n * followed, through the `RouterProvider` around the link or the platform.\n * `style`, `ref` and `testID` land on React Native's own Text.\n */\nfunction Link({\n  href,\n  isDisabled = false,\n  onPress,\n  style,\n  suppressHighlighting = true,\n  tone = 'primary',\n  underline = 'always',\n  ...props\n}: LinkProps) {\n  const theme = useTheme()\n  const press = useLinkPress(href, onPress)\n  const [hoveredState, setHovered] = useState(false)\n  const [ringShown, setRingShown] = useState(false)\n\n  const styles = stylesOf(theme)\n  const hovered = !isDisabled && hoveredState\n  const pressable = !isDisabled && (href !== undefined || onPress != null)\n  const web =\n    Platform.OS === 'web'\n      ? webPropsOf(isDisabled, setHovered, setRingShown)\n      : undefined\n\n  return (\n    <NativeText\n      {...props}\n      {...web}\n      aria-disabled={isDisabled}\n      onPress={pressable ? press : undefined}\n      role=\"link\"\n      style={composeStyles<TextStyle>(\n        styles.base,\n        styles[tone],\n        underlines[underline],\n        hovered && styles.hovered,\n        hovered && underline === 'hover' && underlines.always,\n        isDisabled && styles.disabled,\n        !isDisabled && ringShown && ringStylesOf(theme).ring,\n        style,\n      )}\n      suppressHighlighting={suppressHighlighting}\n    />\n  )\n}\n\n// The browser's events, read into the link's two states. Hover counts a mouse\n// or a pen and never a touch, which leaves a tapped link's emulated pointer\n// over it, as React Aria's hover does on web. The ring follows the browser's\n// own `:focus-visible`, the rule web's ring is drawn under, read as focus\n// arrives. Enter clicks the span, which is what a browser does for an\n// anchor and what React Native Web hands to `onPress`; a key held down\n// follows the link once.\nfunction webPropsOf(\n  isDisabled: boolean,\n  setHovered: (hovered: boolean) => void,\n  setRingShown: (shown: boolean) => void,\n): WebProps {\n  return {\n    focusable: !isDisabled,\n    onBlur: () => {\n      setRingShown(false)\n    },\n    onFocus: (event) => {\n      setRingShown(event.currentTarget.matches(':focus-visible'))\n    },\n    onKeyDown: (event) => {\n      if (!isDisabled && event.key === 'Enter' && !event.repeat) {\n        event.currentTarget.click()\n      }\n    },\n    onPointerEnter: (event) => {\n      setHovered(event.pointerType !== 'touch')\n    },\n    onPointerLeave: () => {\n      setHovered(false)\n    },\n  }\n}\n\nexport type { LinkProps, LinkTone, LinkUnderline }\n\nexport { Link }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","Ref","TextProps","NativeTextProps","TextStyle","useState","Text","NativeText","Platform","StyleSheet","stylesOf","ringStylesOf","useLinkPress","withOpacity","useTheme","composeStyles","themedStyles","LinkProps","Omit","href","isDisabled","ref","tone","LinkTone","underline","LinkUnderline","WebProps","focusable","onBlur","onFocus","event","currentTarget","matches","selector","onKeyDown","click","key","repeat","onPointerEnter","nativeEvent","pointerType","onPointerLeave","underlines","create","always","textDecorationLine","hover","none","colors","radii","stateLayerOpacity","disabledContent","onSurface","base","borderRadius","xs","disabled","color","textDecorationColor","hovered","primary","inherit","outline","Link","t0","$","_c","onPress","props","style","t1","t2","t3","t4","suppressHighlighting","undefined","theme","press","hoveredState","setHovered","ringShown","setRingShown","T0","t10","t5","t6","t7","t8","t9","styles","pressable","t11","OS","webPropsOf","web","ring","shown","_c","NativeText","ringStylesOf"],"sources":["../../../src/components/link/index.tsx"],"sourcesContent":["import type { ComponentRef, Ref } from 'react'\nimport type { TextProps as NativeTextProps, TextStyle } from 'react-native'\n\nimport { useState } from 'react'\nimport { Text as NativeText, Platform, StyleSheet } from 'react-native'\n\nimport { stylesOf as ringStylesOf } from '../../press/styles'\nimport { useLinkPress } from '../../router'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\n\n// No Material Design page draws an inline link, so this takes web's reading:\n// the text button's label, the primary role on no container, with the\n// disabled treatment every page gives content, and a rule under it to say it\n// can be followed. That rule is 70% of the primary role, or the outline role\n// under `inherit`, and turns fully primary under a pointer. 70% is web's\n// figure, the least that keeps the rule at 3:1 against the surface in every\n// scheme the library is shown in.\n//\n// It is a nested Text, so it sets no type of its own and takes the size and\n// face of the sentence around it, as web's takes them from its paragraph. A\n// nested Text has no frame of its own, so it takes no `hitSlop` either.\n//\n// Where it departs from web, the platform is the reason:\n//\n// - The disabled colour is on-surface at the `disabledContent` opacity,\n//   translucent over whatever the sentence sits on. Web mixes the two over\n//   the surface role, and React Native has no `color-mix()`.\n// - Android draws the rule in the text's own colour, since it has no\n//   `textDecorationColor`, and every platform draws it at its own thickness\n//   and offset, which React Native has no properties for.\n// - Hover, the focus ring and the Enter key are the web's alone: a phone has\n//   no pointer to hover with and focuses no span inside a sentence, so on\n//   native `hover` draws no rule at all. The colour changes at once rather\n//   than over a transition.\n// - iOS's own pressed highlight is off, since web's link draws no pressed\n//   state; `suppressHighlighting={false}` turns it back on.\n\ntype LinkProps = Omit<NativeTextProps, 'disabled'> & {\n  /**\n   * Where the link leads. A press opens it through the `RouterProvider`\n   * around the link, or through the platform for a URL with a scheme of its\n   * own, after the call site's own `onPress`.\n   */\n  readonly href?: string\n  /**\n   * Fades the link to the disabled content colour, and takes no press. It is\n   * still announced as a link, a disabled one.\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<ComponentRef<typeof NativeText>>\n  /**\n   * Which colour role to render in. `primary` marks the link out from the\n   * text around it; `inherit` takes the colour of the Text around it and\n   * leans on the underline alone, for a link in a place already understood\n   * to be links, such as a footer.\n   * @default 'primary'\n   */\n  readonly tone?: LinkTone\n  /**\n   * When to draw the rule. Leave it at `always` in prose: without it, colour\n   * is the only thing separating the link from the sentence, which some\n   * readers cannot see. `hover` and `none` are for links whose position\n   * already announces them, such as a row of footer links. A phone has no\n   * pointer, so `hover` draws no rule there.\n   * @default 'always'\n   */\n  readonly underline?: LinkUnderline\n}\n\ntype LinkTone = 'inherit' | 'primary'\n\ntype LinkUnderline = 'always' | 'hover' | 'none'\n\n// What React Native Web hands a link's span, which React Native's own Text\n// declares little of: the browser's pointer, focus and key events, each typed\n// by the fields the link reads, and whether the span takes the Tab key. The\n// pointer's type is read off the native event, which is where React Native's\n// own pointer events carry it.\ntype WebProps = {\n  readonly focusable: boolean\n  readonly onBlur: () => void\n  readonly onFocus: (event: {\n    readonly currentTarget: { readonly matches: (selector: string) => boolean }\n  }) => void\n  readonly onKeyDown: (event: {\n    readonly currentTarget: { readonly click: () => void }\n    readonly key: string\n    readonly repeat: boolean\n  }) => void\n  readonly onPointerEnter: (event: {\n    readonly nativeEvent: { readonly pointerType: string }\n  }) => void\n  readonly onPointerLeave: () => void\n}\n\n// React Native's underline is off unless a style turns it on, and a nested\n// Text inherits its sentence's, so `hover` and `none` say `none` outright, as\n// web's do over an anchor's own underline.\nconst underlines = StyleSheet.create({\n  always: { textDecorationLine: 'underline' },\n  hover: { textDecorationLine: 'none' },\n  none: { textDecorationLine: 'none' },\n})\n\nconst stylesOf = themedStyles(({ colors, radii, stateLayerOpacity }) => {\n  const disabledContent = withOpacity(\n    colors.onSurface,\n    stateLayerOpacity.disabledContent,\n  )\n\n  return StyleSheet.create({\n    // The ring's corner on web, where an outline follows it. A nested Text\n    // draws no frame on native, so there it draws nothing.\n    base: {\n      borderRadius: radii.xs,\n    },\n    disabled: {\n      color: disabledContent,\n      textDecorationColor: disabledContent,\n    },\n    // Under a pointer, either tone turns its text and its rule fully primary.\n    hovered: {\n      color: colors.primary,\n      textDecorationColor: colors.primary,\n    },\n    // No colour, so the Text around it lends its own.\n    inherit: {\n      textDecorationColor: colors.outline,\n    },\n    primary: {\n      color: colors.primary,\n      textDecorationColor: withOpacity(colors.primary, 0.7),\n    },\n  })\n})\n\n/**\n * A run of text that leads somewhere, inside the sentence it belongs to.\n *\n * ```tsx\n * <Text variant=\"bodyLarge\">\n *   Supporting copy with <Link href=\"/first\">a link inside it</Link>.\n * </Text>\n * ```\n *\n * It is React Native's Text with the link role, nested in the library's\n * Text, so it flows and wraps with the words around it and takes their type.\n * Given no Text around it, it draws in the platform's default face rather\n * than the theme's, so a link standing on its own, such as one of a row of\n * footer links, is a Text holding one link.\n *\n * `onPress` fires for a tap, a click and the Enter key alike, then `href` is\n * followed, through the `RouterProvider` around the link or the platform.\n * `style`, `ref` and `testID` land on React Native's own Text.\n */\nfunction Link({\n  href,\n  isDisabled = false,\n  onPress,\n  style,\n  suppressHighlighting = true,\n  tone = 'primary',\n  underline = 'always',\n  ...props\n}: LinkProps) {\n  const theme = useTheme()\n  const press = useLinkPress(href, onPress)\n  const [hoveredState, setHovered] = useState(false)\n  const [ringShown, setRingShown] = useState(false)\n\n  const styles = stylesOf(theme)\n  const hovered = !isDisabled && hoveredState\n  const pressable = !isDisabled && (href !== undefined || onPress != null)\n  const web =\n    Platform.OS === 'web'\n      ? webPropsOf(isDisabled, setHovered, setRingShown)\n      : undefined\n\n  return (\n    <NativeText\n      {...props}\n      {...web}\n      aria-disabled={isDisabled}\n      onPress={pressable ? press : undefined}\n      role=\"link\"\n      style={composeStyles<TextStyle>(\n        styles.base,\n        styles[tone],\n        underlines[underline],\n        hovered && styles.hovered,\n        hovered && underline === 'hover' && underlines.always,\n        isDisabled && styles.disabled,\n        !isDisabled && ringShown && ringStylesOf(theme).ring,\n        style,\n      )}\n      suppressHighlighting={suppressHighlighting}\n    />\n  )\n}\n\n// The browser's events, read into the link's two states. Hover counts a mouse\n// or a pen and never a touch, which leaves a tapped link's emulated pointer\n// over it, as React Aria's hover does on web. The ring follows the browser's\n// own `:focus-visible`, the rule web's ring is drawn under, read as focus\n// arrives. Enter clicks the span, which is what a browser does for an\n// anchor and what React Native Web hands to `onPress`; a key held down\n// follows the link once.\nfunction webPropsOf(\n  isDisabled: boolean,\n  setHovered: (hovered: boolean) => void,\n  setRingShown: (shown: boolean) => void,\n): WebProps {\n  return {\n    focusable: !isDisabled,\n    onBlur: () => {\n      setRingShown(false)\n    },\n    onFocus: (event) => {\n      setRingShown(event.currentTarget.matches(':focus-visible'))\n    },\n    onKeyDown: (event) => {\n      if (!isDisabled && event.key === 'Enter' && !event.repeat) {\n        event.currentTarget.click()\n      }\n    },\n    onPointerEnter: (event) => {\n      setHovered(event.nativeEvent.pointerType !== 'touch')\n    },\n    onPointerLeave: () => {\n      setHovered(false)\n    },\n  }\n}\n\nexport type { LinkProps, LinkTone, LinkUnderline }\n\nexport { Link }\n"],"mappings":";;;;;;;;;;AAoGA,MAAM0C,aAAajC,WAAWkC,OAAO;CACnCC,QAAQ,EAAEC,oBAAoB,YAAY;CAC1CC,OAAO,EAAED,oBAAoB,OAAO;CACpCE,MAAM,EAAEF,oBAAoB,OAAO;AACrC,CAAC;AAED,MAAMnC,WAAWM,cAAc,EAAEgC,QAAQC,OAAOC,wBAAwB;CACtE,MAAMC,kBAAkBtC,YACtBmC,OAAOI,WACPF,kBAAkBC,eACpB;CAEA,OAAO1C,WAAWkC,OAAO;EAGvBU,MAAM,EACJC,cAAcL,MAAMM,GACtB;EACAC,UAAU;GACRC,OAAON;GACPO,qBAAqBP;EACvB;EAEAQ,SAAS;GACPF,OAAOT,OAAOY;GACdF,qBAAqBV,OAAOY;EAC9B;EAEAC,SAAS,EACPH,qBAAqBV,OAAOc,QAC9B;EACAF,SAAS;GACPH,OAAOT,OAAOY;GACdF,qBAAqB7C,YAAYmC,OAAOY,SAAS,EAAG;EACtD;CACF,CAAC;AACH,CAAC;;;;;;;;;;;;;;;;;;;;AAqBD,SAAAG,KAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAA/C;CAAA,IAAAgD;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAR,EAAA,OAAAD,IAAA;EAAc,CAAA,CAAA7C,MAAAC,YAAAkD,IAAAH,SAAAE,OAAAK,sBAAAH,IAAAjD,MAAAkD,IAAAhD,WAAAiD,IAAA,GAAAL,SAAAJ;EASFC,EAAA,KAAAD;EAAAC,EAAA,KAAA9C;EAAA8C,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAA;EAAAtD,OAAA8C,EAAA;EAAAE,UAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;EAAAO,KAAAP,EAAA;EAAAQ,KAAAR,EAAA;CAAA;CAPV,MAAA7C,aAAAkD,OAAAK,KAAAA,IAAA,QAAAL;CAGA,MAAAI,uBAAAH,OAAAI,KAAAA,IAAA,OAAAJ;CACA,MAAAjD,OAAAkD,OAAAG,KAAAA,IAAA,YAAAH;CACA,MAAAhD,YAAAiD,OAAAE,KAAAA,IAAA,WAAAF;CAGA,MAAAG,QAAc9D,SAAS;CACvB,MAAA+D,QAAcjE,aAAaO,MAAMgD,OAAO;CACxC,MAAA,CAAAW,cAAAC,cAAmC1E,SAAS,KAAK;CACjD,MAAA,CAAA2E,WAAAC,gBAAkC5E,SAAS,KAAK;CAAC,IAAA6E;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAvB,EAAA,OAAAa,gBAAAb,EAAA,QAAA9C,QAAA8C,EAAA,QAAA7C,cAAA6C,EAAA,QAAAE,WAAAF,EAAA,QAAAY,SAAAZ,EAAA,QAAAG,SAAAH,EAAA,QAAAe,aAAAf,EAAA,QAAAI,SAAAJ,EAAA,QAAAW,SAAAX,EAAA,QAAA3C,QAAA2C,EAAA,QAAAzC,WAAA;EAEjD,MAAAiE,SAAe/E,SAASkE,KAAK;EAC7B,MAAAjB,UAAgB,CAACvC,cAAD0D;EAChB,MAAAY,YAAkB,CAACtE,eAAeD,SAASwD,KAAAA,KAAaR,WAAW;EAAK,IAAAwB;EAAA,IAAA1B,EAAA,QAAA7C,YAAA;GAEtEuE,MAAAnF,SAAQoF,OAAQ,QACZC,WAAWzE,YAAY2D,YAAYE,YAC3B,IAFZN,KAAAA;GAEaV,EAAA,MAAA7C;GAAA6C,EAAA,MAAA0B;EAAA,OAAAA,MAAA1B,EAAA;EAHf,MAAA6B,MACEH;EAKCT,KAAA3E;EACK6D,KAAAA;EACA0B,KAAAA;EACW1E,KAAAA;EACNmE,KAAAG,YAAAb,QAAAF,KAAAA;EACJa,KAAA;EACEL,MAAApE,cACL0E,OAAMpC,MACNoC,OAAOnE,OACPoB,WAAWlB,YACXmC,WAAW8B,OAAM9B,SACjBA,WAAWnC,cAAc,WAAWkB,WAAUE,QAC9CxB,cAAcqE,OAAMjC,UACpB,CAACpC,cAAD4D,aAA4BrE,WAAaiE,KAAK,CAAC,CAAAmB,MAC/C1B,KACF;EAACJ,EAAA,KAAAa;EAAAb,EAAA,MAAA9C;EAAA8C,EAAA,MAAA7C;EAAA6C,EAAA,MAAAE;EAAAF,EAAA,MAAAY;EAAAZ,EAAA,MAAAG;EAAAH,EAAA,MAAAe;EAAAf,EAAA,MAAAI;EAAAJ,EAAA,MAAAW;EAAAX,EAAA,MAAA3C;EAAA2C,EAAA,MAAAzC;EAAAyC,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;CAAA,OAAA;EAAAN,KAAAjB,EAAA;EAAAkB,MAAAlB,EAAA;EAAAmB,KAAAnB,EAAA;EAAAoB,KAAApB,EAAA;EAAAqB,KAAArB,EAAA;EAAAsB,KAAAtB,EAAA;EAAAuB,KAAAvB,EAAA;CAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,QAAAiB,MAAAjB,EAAA,QAAAS,wBAAAT,EAAA,QAAAkB,OAAAlB,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,MAAApB,EAAA,QAAAqB,MAAArB,EAAA,QAAAsB,MAAAtB,EAAA,QAAAuB,IAAA;EAfHG,MAAA,oBAAC,IAAD;GAAW,GACLvB;GAAK,GACL0B;GACW1E,iBAAAA;GACN,SAAAmE;GACJ,MAAAC;GACE,OAAAL;GAUeT;EAAoB,CAAA;EAC1CT,EAAA,MAAAiB;EAAAjB,EAAA,MAAAS;EAAAT,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAA0B;CAAA,OAAAA,MAAA1B,EAAA;CAAA,OAjBF0B;AAiBE;AAWN,SAASE,WACPzE,YACA2D,YACAE,cACU;CACV,OAAO;EACLtD,WAAW,CAACP;EACZQ,cAAc;GACZqD,aAAa,KAAK;EACpB;EACApD,UAAUC,UAAU;GAClBmD,aAAanD,MAAMC,cAAcC,QAAQ,gBAAgB,CAAC;EAC5D;EACAE,YAAYJ,UAAU;GACpB,IAAI,CAACV,cAAcU,MAAMM,QAAQ,WAAW,CAACN,MAAMO,QACjDP,MAAMC,cAAcI,MAAM;EAE9B;EACAG,iBAAiBR,UAAU;GACzBiD,WAAWjD,MAAMS,YAAYC,gBAAgB,OAAO;EACtD;EACAC,sBAAsB;GACpBsC,WAAW,KAAK;EAClB;CACF;AACF"}

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

@@ -1,6 +1,6 @@
 import { IndicatorTone } from "../../indicator/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
-import { Ref } from "react";
+import { ComponentRef, Ref } from "react";
 //#region src/components/meter/index.d.ts
 type MeterProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
@@ -28,7 +28,7 @@ type MeterProps = Omit<ViewProps, 'children' | 'style'> & {
    * @default 0
    */
   readonly minValue?: number;
-  readonly ref?: Ref<View>;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
   /**
    * Whether the value is shown beside the label.
    * @default true

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

@@ -1 +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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"}
+{"version":3,"file":"index.js","names":["ComponentRef","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 { ComponentRef, 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<ComponentRef<typeof 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.d.ts

@@ -1,7 +1,7 @@
 import { ValidationResult } from "../../form/index.js";
 import { FieldVariant } from "../../field/index.js";
 import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
-import { Ref } from "react";
+import { ComponentRef, Ref } from "react";
 //#region src/components/number-field/index.d.ts
 type NumberFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'autoComplete' | 'autoCorrect' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'inputMode' | 'keyboardType' | 'maxLength' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'selectionColor' | 'spellCheck' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /**
@@ -46,7 +46,7 @@ type NumberFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilit
    * A ref to the field's own `TextInput`, which is what a call site moves
    * focus to, after a server's error, say. `ref` is the field as a whole.
    */
-  readonly inputRef?: Ref<TextInput>;
+  readonly inputRef?: Ref<ComponentRef<typeof TextInput>>;
   /**
    * Draws the field disabled: it takes no focus, no input and no steps.
    * @default false
@@ -95,7 +95,7 @@ type NumberFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilit
    * stepped to. `NaN` is an empty field.
    */
   readonly onChange?: (value: number) => void;
-  readonly ref?: Ref<View>;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
   /**
    * The amount the steppers move the value by, and the multiple of it, from
    * `minValue`, that a committed value snaps to.

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","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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"}
+{"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","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 { 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 { 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<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   * 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<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 = 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<\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: 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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"}

package/dist/components/product-icon/index.d.ts

@@ -1,6 +1,6 @@
 import { MarkImageProps } from "../../mark/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
-import { Ref } from "react";
+import { ComponentRef, Ref } from "react";
 //#region src/components/product-icon/index.d.ts
 type ProductIconProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
@@ -24,7 +24,7 @@ type ProductIconProps = Omit<ViewProps, 'children' | 'style'> & {
    * channel's hash or a bracket.
    */
   readonly name: string;
-  readonly ref?: Ref<View>;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
   /**
    * Edge length: `sm` 36dp, `md` 40dp, `lg` 56dp. The same three Avatar
    * uses, so the two are interchangeable wherever one leads a row or a card.

package/dist/components/product-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Ref","StyleProp","View","ViewProps","ViewStyle","MarkImageProps","Mark","ProductIconProps","Omit","decorative","imgProps","name","ref","size","src","style","tone","ProductIcon","t0","$","_c","props","t1","t2","undefined","t3","_c"],"sources":["../../../src/components/product-icon/index.tsx"],"sourcesContent":["import type { Ref } from 'react'\nimport type { StyleProp, View, ViewProps, ViewStyle } from 'react-native'\n\nimport type { MarkImageProps } from '../../mark'\n\nimport { Mark } from '../../mark'\n\n// The counterpart to Avatar: Avatar stands for a person, this stands for\n// everything else, such as an application, a service or a brand. It is drawn\n// as a rounded square with the mark letterboxed, and its tone tints the\n// fallback rather than the square. The header of `src/mark/styles.ts` says\n// why on all three counts.\n//\n// The box, the sizes, the tones, the mark's loading and the labelling are\n// the mark's in `src/mark`, which Avatar draws a person through as well. No\n// Material Design page draws a product mark, so its sizes are Avatar's, 36,\n// 40 and 56, which is what lets a mark and a person fill the same slot, and\n// its corner is the small one from the radius scale, as web's is.\n\ntype ProductIconProps = Omit<ViewProps, 'children' | 'style'> & {\n  /**\n   * Hides the mark from screen readers, for one beside the name of what it\n   * identifies, where it would otherwise announce the name a second time.\n   * `name` still supplies the initial, and is not announced.\n   * @default false\n   */\n  readonly decorative?: boolean\n  /**\n   * Props for the mark's own `Image`: `crossOrigin` and `referrerPolicy` for\n   * where it is served from, and `resizeMethod`, `fadeDuration` and\n   * `progressiveRenderingEnabled` for how Android decodes and shows it.\n   */\n  readonly imgProps?: MarkImageProps\n  /**\n   * What this identifies. Supplies both the fallback initial and the\n   * accessible name, so a screen reader announces the thing rather than\n   * reading a letter aloud. The initial is the name's first letter, number or\n   * emoji, passing over punctuation it opens with: a handle's at sign, a\n   * channel's hash or a bracket.\n   */\n  readonly name: string\n  readonly ref?: Ref<View>\n  /**\n   * Edge length: `sm` 36dp, `md` 40dp, `lg` 56dp. The same three Avatar\n   * uses, so the two are interchangeable wherever one leads a row or a card.\n   * @default 'md'\n   */\n  readonly size?: 'lg' | 'md' | 'sm'\n  /**\n   * The mark to show in place of the initial. The initial stays until it has\n   * loaded, and comes back if it fails.\n   */\n  readonly src?: string\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Which container and on-container colour pair to tint the fallback with.\n   * It is the fallback's own background, so it is gone once `src` has loaded\n   * rather than sitting behind the mark.\n   * @default 'primary'\n   */\n  readonly tone?: 'negative' | 'positive' | 'primary' | 'secondary' | 'tertiary'\n}\n\n/**\n * A small square mark identifying something that is not a person, such as\n * an application, a service or a brand. Reach for Avatar when it is a\n * person.\n *\n * ```tsx\n * <ProductIcon name=\"First item\" src={logo} />\n * ```\n *\n * The mark is letterboxed rather than cropped, so a logo of any aspect ratio\n * can be handed over as it was drawn.\n *\n * It is announced as an image named by `name`. When the thing's name is\n * already written next to the mark, mark it `decorative`, so a screen reader\n * reads the name once.\n *\n * The initial is taken in the device's locale. `style`, `ref` and `testID`\n * land on the square.\n */\nfunction ProductIcon({\n  size = 'md',\n  tone = 'primary',\n  ...props\n}: ProductIconProps) {\n  return <Mark {...props} kind=\"thing\" size={size} tone={tone} />\n}\n\nexport type { ProductIconProps }\n\nexport { ProductIcon }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAAiB,YAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAqB,CAAA,CAAAL,MAAAS,IAAAN,MAAAO,IAAA,GAAAF,SAAAH;EAIFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAF,QAAAF,EAAA;EAAAG,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAHjB,MAAAN,OAAAS,OAAAE,KAAAA,IAAA,OAAAF;CACA,MAAAN,OAAAO,OAAAC,KAAAA,IAAA,YAAAD;CAAgB,IAAAE;CAAA,IAAAN,EAAA,OAAAE,SAAAF,EAAA,OAAAN,QAAAM,EAAA,OAAAH,MAAA;EAGTS,KAAA,oBAAC,MAAD;GAAK,GAAKJ;GAAY,MAAA;GAAcR;GAAYG;EAAI,CAAA;EAAIG,EAAA,KAAAE;EAAAF,EAAA,KAAAN;EAAAM,EAAA,KAAAH;EAAAG,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAAxDM;AAAwD"}
+{"version":3,"file":"index.js","names":["ComponentRef","Ref","StyleProp","View","ViewProps","ViewStyle","MarkImageProps","Mark","ProductIconProps","Omit","decorative","imgProps","name","ref","size","src","style","tone","ProductIcon","t0","$","_c","props","t1","t2","undefined","t3","_c"],"sources":["../../../src/components/product-icon/index.tsx"],"sourcesContent":["import type { ComponentRef, Ref } from 'react'\nimport type { StyleProp, View, ViewProps, ViewStyle } from 'react-native'\n\nimport type { MarkImageProps } from '../../mark'\n\nimport { Mark } from '../../mark'\n\n// The counterpart to Avatar: Avatar stands for a person, this stands for\n// everything else, such as an application, a service or a brand. It is drawn\n// as a rounded square with the mark letterboxed, and its tone tints the\n// fallback rather than the square. The header of `src/mark/styles.ts` says\n// why on all three counts.\n//\n// The box, the sizes, the tones, the mark's loading and the labelling are\n// the mark's in `src/mark`, which Avatar draws a person through as well. No\n// Material Design page draws a product mark, so its sizes are Avatar's, 36,\n// 40 and 56, which is what lets a mark and a person fill the same slot, and\n// its corner is the small one from the radius scale, as web's is.\n\ntype ProductIconProps = Omit<ViewProps, 'children' | 'style'> & {\n  /**\n   * Hides the mark from screen readers, for one beside the name of what it\n   * identifies, where it would otherwise announce the name a second time.\n   * `name` still supplies the initial, and is not announced.\n   * @default false\n   */\n  readonly decorative?: boolean\n  /**\n   * Props for the mark's own `Image`: `crossOrigin` and `referrerPolicy` for\n   * where it is served from, and `resizeMethod`, `fadeDuration` and\n   * `progressiveRenderingEnabled` for how Android decodes and shows it.\n   */\n  readonly imgProps?: MarkImageProps\n  /**\n   * What this identifies. Supplies both the fallback initial and the\n   * accessible name, so a screen reader announces the thing rather than\n   * reading a letter aloud. The initial is the name's first letter, number or\n   * emoji, passing over punctuation it opens with: a handle's at sign, a\n   * channel's hash or a bracket.\n   */\n  readonly name: string\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /**\n   * Edge length: `sm` 36dp, `md` 40dp, `lg` 56dp. The same three Avatar\n   * uses, so the two are interchangeable wherever one leads a row or a card.\n   * @default 'md'\n   */\n  readonly size?: 'lg' | 'md' | 'sm'\n  /**\n   * The mark to show in place of the initial. The initial stays until it has\n   * loaded, and comes back if it fails.\n   */\n  readonly src?: string\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Which container and on-container colour pair to tint the fallback with.\n   * It is the fallback's own background, so it is gone once `src` has loaded\n   * rather than sitting behind the mark.\n   * @default 'primary'\n   */\n  readonly tone?: 'negative' | 'positive' | 'primary' | 'secondary' | 'tertiary'\n}\n\n/**\n * A small square mark identifying something that is not a person, such as\n * an application, a service or a brand. Reach for Avatar when it is a\n * person.\n *\n * ```tsx\n * <ProductIcon name=\"First item\" src={logo} />\n * ```\n *\n * The mark is letterboxed rather than cropped, so a logo of any aspect ratio\n * can be handed over as it was drawn.\n *\n * It is announced as an image named by `name`. When the thing's name is\n * already written next to the mark, mark it `decorative`, so a screen reader\n * reads the name once.\n *\n * The initial is taken in the device's locale. `style`, `ref` and `testID`\n * land on the square.\n */\nfunction ProductIcon({\n  size = 'md',\n  tone = 'primary',\n  ...props\n}: ProductIconProps) {\n  return <Mark {...props} kind=\"thing\" size={size} tone={tone} />\n}\n\nexport type { ProductIconProps }\n\nexport { ProductIcon }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAkFA,SAAAkB,YAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAqB,CAAA,CAAAL,MAAAS,IAAAN,MAAAO,IAAA,GAAAF,SAAAH;EAIFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAF,QAAAF,EAAA;EAAAG,KAAAH,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAHjB,MAAAN,OAAAS,OAAAE,KAAAA,IAAA,OAAAF;CACA,MAAAN,OAAAO,OAAAC,KAAAA,IAAA,YAAAD;CAAgB,IAAAE;CAAA,IAAAN,EAAA,OAAAE,SAAAF,EAAA,OAAAN,QAAAM,EAAA,OAAAH,MAAA;EAGTS,KAAA,oBAAC,MAAD;GAAK,GAAKJ;GAAY,MAAA;GAAcR;GAAYG;EAAI,CAAA;EAAIG,EAAA,KAAAE;EAAAF,EAAA,KAAAN;EAAAM,EAAA,KAAAH;EAAAG,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAAxDM;AAAwD"}

package/dist/components/progress-indicator/index.d.ts

@@ -1,6 +1,6 @@
 import { IndicatorTone } from "../../indicator/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
-import { Ref } from "react";
+import { ComponentRef, Ref } from "react";
 //#region src/components/progress-indicator/index.d.ts
 type ProgressIndicatorProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
@@ -51,7 +51,7 @@ type ProgressIndicatorProps = Omit<ViewProps, 'children' | 'style'> & {
    * @default 0
    */
   readonly minValue?: number;
-  readonly ref?: Ref<View>;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
   /**
    * The page's two shapes. `wavy` draws the active indicator as a wave, which
    * lies flat near either end of a determinate value, and leaves the track