@kanso-labs/react-native-kanso-ui 0.4.0 → 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ReactNode","Ref","RefObject","HostInstance","StyleProp","TextProps","TextStyle","ViewProps","ViewStyle","AnimatedStyle","OverlayTriggerState","createContext","use","useCallback","useEffect","useId","useMemo","useRef","useState","Text","NativeText","ScrollView","StyleSheet","Animated","useOverlayTriggerState","ButtonSlots","OverlayAlign","OverlaySide","ResolvedTheme","ButtonSlotContext","ModalWindow","panelRoleOf","Overlay","useAnchoredPlacement","DismissLayer","PANEL_ORIGINS","useBackToClose","useFocusOnPlaced","usePanelMotion","useReturnFocus","refsOf","useTheme","composeStyles","themedStyles","useTypeRole","DEFAULT_HOVER_DELAY","DEFAULT_HOVER_CLOSE_DELAY","WIDTHS","md","sm","const","Record","PopoverSize","UNSEEN","opacity","stylesOf","colors","radii","shadows","spacing","create","content","paddingBottom","paddingHorizontal","lg","paddingTop","description","color","onSurfaceVariant","scroll","flexGrow","surface","backgroundColor","surfaceContainer","borderRadius","boxShadow","elevation2","overflow","title","HoverTrigger","ReturnType","useHoverTrigger","PanelProps","Omit","PopoverContentProps","anchor","byPointer","close","dismissable","hover","isOpen","labelledBy","modal","setPresent","present","size","titled","PopoverTitle","PopoverAlign","align","alignOffset","children","ref","side","PopoverSide","sideOffset","style","triggerRef","PopoverDescriptionProps","PopoverProps","closeDelay","defaultOpen","delay","onOpenChange","trigger","PopoverTrigger","PopoverRoot","id","setTitle","node","PopoverTitleProps","PopoverContext","TitleContext","Popover","t0","$","_c","t1","t2","t3","t4","t5","undefined","t6","state","hovering","t7","t8","default","press","delayLongPress","expanded","onHoverIn","enter","onHoverOut","leave","onLongPress","longPress","toggle","slots","t9","t10","root","t11","t12","PopoverContent","props","Error","setByPointer","panel","PopoverDescription","styles","role","T0","PopoverPanel","placement","setPanel","motion","placed","panelEnter","panelLeave","onLayout","maxWidth","transformOrigin","t13","t14","View","t15","wasOpen","setWasOpen","timer","Symbol","for","onPanel","onTrigger","pointer","clearTimeout","current","after","milliseconds","then","setTimeout","closeOnceGone","open","Content","Description","Title","_c","NativeText"],"sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["import type { ReactNode, Ref, RefObject } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextProps,\n  TextStyle,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Text as NativeText, ScrollView, StyleSheet } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { ButtonSlots } from '../../button/slots'\nimport type { OverlayAlign, OverlaySide } from '../../overlay'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport { ButtonSlotContext } from '../../button/slots'\nimport { ModalWindow, panelRoleOf } from '../../modal'\nimport { Overlay, useAnchoredPlacement } from '../../overlay'\nimport {\n  DismissLayer,\n  PANEL_ORIGINS,\n  useBackToClose,\n  useFocusOnPlaced,\n  usePanelMotion,\n  useReturnFocus,\n} from '../../overlay/panel'\nimport { refsOf } from '../../ref'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\n\n// kanso-ui's Popover, a panel anchored to the control that opened it. It has\n// no Material Design page of its own, so it follows the tooltips page's rich\n// tooltip, as web's does: a panel on surface container with the 12dp corner\n// and the second elevation, inset 12dp above, 8dp below and 16dp at the\n// sides, holding a subhead in title small over supporting text in body\n// medium, both in on-surface variant, with no caret drawn between it and its\n// anchor. It is as wide as its content, up to 320dp at `md` and 240dp at\n// `sm`.\n//\n// **It is placed by src/overlay's anchored placement**: on `side`, lined up\n// by `align`, flipped to the opposite side at the edge of the window and kept\n// inside the safe area, with `start` and `end` following a right-to-left\n// layout. Its content scrolls when it runs past the room on the side it\n// opened on.\n//\n// **A non-modal popover, the default, draws in the overlay host** above the\n// screen, and a screen reader can leave it for the screen around it. A press\n// outside it lands on src/overlay's dismiss layer, drawn under it and hidden\n// from a screen reader, which closes it. The press goes no further, so a press on the trigger\n// closes it rather than opening it again, as on web. Android's back gesture\n// and VoiceOver's escape gesture close it too. **A modal popover draws in a\n// `Modal`**, through src/modal, as a dialog does, which keeps a screen reader\n// inside it until it closes, over a scrim that draws nothing.\n//\n// **`trigger=\"hover\"` opens once a pointer has rested on the trigger** for\n// `delay`, an iPad's pointer or an Android mouse, and closes `closeDelay`\n// after the pointer has left both the trigger and the panel, so the panel's\n// own buttons stay in reach. Touch has no hover, so a press held for `delay`\n// opens it too, and a popover opened that way stays open until a press\n// outside it or on its trigger. A hovered popover is always non-modal, as on\n// web, and one a pointer opened draws no layer under it, which would take\n// the pointer off the trigger.\n//\n// **It fades and scales in and out**, from 95% and from the edge facing its\n// anchor: in over the short3 duration on the emphasised decelerating curve,\n// once it has been placed, and out over short2 on the accelerating one, as\n// src/overlay's panel moves every anchored panel. Web only animates in, since\n// React Aria keeps a closing surface mounted only while a CSS animation runs;\n// here the panel stays mounted until its exit has run. Under reduced motion it\n// appears and leaves at once, as web's does.\n//\n// **A screen reader follows a press.** Opened by a press, or by a press held\n// on a hover trigger, it is sent to the title, or to the panel without one,\n// once the panel is placed, and back to the trigger once it has gone. A\n// pointer resting on the trigger moves nothing.\n\n// How long a pointer rests on a hover trigger before the popover opens, and\n// how long it has to be gone before it closes, React Aria's own defaults,\n// which web's spells out.\nconst DEFAULT_HOVER_DELAY = 600\nconst DEFAULT_HOVER_CLOSE_DELAY = 200\n\n// The widest each size draws, web's.\nconst WIDTHS = { md: 320, sm: 240 } as const satisfies Record<\n  PopoverSize,\n  number\n>\n\n// A modal popover's scrim takes presses and draws nothing.\nconst UNSEEN: ViewStyle = { opacity: 0 }\n\nconst stylesOf = themedStyles(\n  ({ colors, radii, shadows, spacing }: ResolvedTheme) =>\n    StyleSheet.create({\n      // The rich tooltip's inset: 12dp above, 8dp below and 16dp at the\n      // sides.\n      content: {\n        paddingBottom: spacing.sm,\n        paddingHorizontal: spacing.lg,\n        paddingTop: spacing.md,\n      },\n      description: {\n        color: colors.onSurfaceVariant,\n      },\n      // Only as tall as its content until the panel's room runs out, where\n      // it scrolls.\n      scroll: {\n        flexGrow: 0,\n      },\n      surface: {\n        backgroundColor: colors.surfaceContainer,\n        borderRadius: radii.md,\n        boxShadow: shadows.elevation2,\n        overflow: 'hidden',\n      },\n      title: {\n        color: colors.onSurfaceVariant,\n      },\n    }),\n)\n\n// How a hovered popover is opened and closed by a pointer, and how it was\n// opened last.\ntype HoverTrigger = ReturnType<typeof useHoverTrigger>\n\ntype PanelProps = Omit<PopoverContentProps, 'triggerRef'> & {\n  readonly anchor: RefObject<HostInstance | null>\n  /** Whether a pointer resting on the trigger opened it. */\n  readonly byPointer: boolean\n  readonly close: () => void\n  /** Whether a press outside it lands on a layer that closes it. */\n  readonly dismissable: boolean\n  readonly hover: HoverTrigger\n  readonly isOpen: boolean\n  readonly labelledBy: string | undefined\n  readonly modal: boolean\n  readonly setPresent: (present: boolean) => void\n  readonly size: PopoverSize\n  /** The headline, which a screen reader is sent to once the panel shows. */\n  readonly title: HostInstance | null\n  readonly titled: PopoverTitle\n}\n\n/** Where the panel sits along the side it opens on. */\ntype PopoverAlign = OverlayAlign\n\ntype PopoverContentProps = Omit<ViewProps, 'children' | 'role' | 'style'> & {\n  /**\n   * Where the panel sits along the side it opens on. On `top` and `bottom`,\n   * `start` and `end` follow a right-to-left layout.\n   * @default 'center'\n   */\n  readonly align?: PopoverAlign\n  /** Moves the panel along that side, in dp: right or down when positive. */\n  readonly alignOffset?: number\n  readonly children?: ReactNode\n  readonly ref?: Ref<HostInstance>\n  /**\n   * Which side of the trigger the panel opens on. It flips to the opposite\n   * side when there is no room.\n   * @default 'bottom'\n   */\n  readonly side?: PopoverSide\n  /**\n   * The gap between the trigger and the panel, in dp.\n   * @default spacing.sm\n   */\n  readonly sideOffset?: number\n  readonly style?: StyleProp<ViewStyle>\n  /** A view to place the panel beside other than the trigger. */\n  readonly triggerRef?: RefObject<HostInstance | null>\n}\n\ntype PopoverDescriptionProps = TextProps & {\n  readonly ref?: Ref<HostInstance>\n}\n\ntype PopoverProps = {\n  /** The button that opens the popover, and `Popover.Content`. */\n  readonly children?: ReactNode\n  /**\n   * How long the pointer has to be gone from a hovered popover's trigger\n   * and panel before it closes, in milliseconds. Ignored by a pressed one.\n   * @default 200\n   */\n  readonly closeDelay?: number\n  /** Whether the popover starts open, when it keeps its own state. */\n  readonly defaultOpen?: boolean\n  /**\n   * How long a pointer rests on a hover trigger, or a press is held on it,\n   * before the popover opens, in milliseconds. Ignored by a pressed one.\n   * @default 600\n   */\n  readonly delay?: number\n  /** Whether the popover is open, when the call site holds the state. */\n  readonly isOpen?: boolean\n  /**\n   * Keeps a screen reader inside the panel while it is open, as a dialog\n   * does. Off by default: a popover leaves the screen in reach, which is the\n   * difference from `Sheet`. A hovered popover is never modal.\n   * @default false\n   */\n  readonly modal?: boolean\n  /** Called with the new state as the popover opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n  /**\n   * The panel's width: `sm` caps it at 240dp, `md` at 320dp. Either way it is\n   * only as wide as its content.\n   * @default 'md'\n   */\n  readonly size?: PopoverSize\n  /**\n   * What opens the panel: a press on the trigger, or a pointer resting on\n   * it. `hover` is the tooltips page's rich tooltip, and on touch it opens\n   * on a press held for `delay`.\n   * @default 'press'\n   */\n  readonly trigger?: PopoverTrigger\n}\n\n// What the content reads from the root.\ntype PopoverRoot = {\n  /** The trigger's node, which the panel is placed beside. */\n  readonly anchor: RefObject<HostInstance | null>\n  readonly close: () => void\n  readonly hover: HoverTrigger\n  readonly isOpen: boolean\n  /** Whether the panel keeps a screen reader inside it. */\n  readonly modal: boolean\n  readonly size: PopoverSize\n}\n\n/** Which side of the trigger the panel opens on. */\ntype PopoverSide = OverlaySide\n\ntype PopoverSize = 'md' | 'sm'\n\n// What the panel's parts read: the headline's id, and where its node goes.\ntype PopoverTitle = {\n  readonly id: string\n  readonly setTitle: (node: HostInstance | null) => void\n}\n\ntype PopoverTitleProps = Omit<TextProps, 'role'> & {\n  readonly ref?: Ref<HostInstance>\n}\n\ntype PopoverTrigger = 'hover' | 'press'\n\nconst PopoverContext = createContext<null | PopoverRoot>(null)\nconst TitleContext = createContext<null | PopoverTitle>(null)\n\n/**\n * A panel anchored to the control that opened it, as the tooltips spec\n * page's rich tooltip draws one. Pass `isOpen` with `onOpenChange` to hold\n * the open state, or `defaultOpen` to let it keep its own.\n *\n * ```tsx\n * <Popover>\n *   <Button variant=\"outlined\">Open</Button>\n *   <Popover.Content>\n *     <Popover.Title>Headline</Popover.Title>\n *     <Popover.Description>Supporting text</Popover.Description>\n *   </Popover.Content>\n * </Popover>\n * ```\n *\n * Non-modal by default, which leaves the screen in reach of a screen reader,\n * and `modal` keeps one inside it. A press outside the panel and a button\n * given `slot=\"close\"` inside it close it, and a press on its trigger\n * toggles it. Composed rather than configured by props, as web's is: a\n * `Button` or `IconButton` placed directly inside `Popover` is its trigger,\n * and the panel is placed beside it.\n */\nfunction Popover({\n  children,\n  closeDelay = DEFAULT_HOVER_CLOSE_DELAY,\n  defaultOpen,\n  delay = DEFAULT_HOVER_DELAY,\n  isOpen,\n  modal = false,\n  onOpenChange,\n  size = 'md',\n  trigger = 'press',\n}: PopoverProps) {\n  const state = useOverlayTriggerState({ defaultOpen, isOpen, onOpenChange })\n  const anchor = useRef<HostInstance>(null)\n  const hover = useHoverTrigger(state, delay, closeDelay)\n  const hovering = trigger === 'hover'\n  const close = useCallback(() => {\n    state.close()\n  }, [state])\n  const slots = useMemo<ButtonSlots>(\n    () =>\n      hovering\n        ? {\n            default: hover.press,\n            trigger: {\n              delayLongPress: delay,\n              expanded: state.isOpen,\n              onHoverIn: hover.enter,\n              onHoverOut: hover.leave,\n              onLongPress: hover.longPress,\n              ref: anchor,\n            },\n          }\n        : {\n            default: () => {\n              state.toggle()\n            },\n            trigger: { expanded: state.isOpen, ref: anchor },\n          },\n    [delay, hover, hovering, state],\n  )\n  const root = useMemo<PopoverRoot>(\n    () => ({\n      anchor,\n      close,\n      hover,\n      isOpen: state.isOpen,\n      modal: modal && !hovering,\n      size,\n    }),\n    [close, hover, hovering, modal, size, state.isOpen],\n  )\n\n  return (\n    <PopoverContext value={root}>\n      <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n    </PopoverContext>\n  )\n}\n\n/**\n * The panel itself. Everything the popover shows goes in here; the trigger\n * stays outside it. Its content scrolls when it runs past the room the\n * window leaves on the side it opened on.\n *\n * `style`, `ref` and `testID` land on the panel.\n */\nfunction PopoverContent({ triggerRef, ...props }: PopoverContentProps) {\n  const root = use(PopoverContext)\n\n  if (root === null) {\n    throw new Error('Popover.Content is drawn inside Popover.')\n  }\n\n  const { anchor, close, hover, isOpen, modal, size } = root\n  const [present, setPresent] = useState(isOpen)\n  const [title, setTitle] = useState<HostInstance | null>(null)\n  const [byPointer, setByPointer] = useState(hover.byPointer)\n  const id = useId()\n  const titled = useMemo(() => ({ id, setTitle }), [id])\n\n  // Mounted the moment it opens, and kept until its exit has run.\n  if (isOpen && !present) {\n    setPresent(true)\n  }\n\n  // Whether a pointer opened it, kept until it has gone, after the root has\n  // forgotten.\n  if (isOpen && byPointer !== hover.byPointer) {\n    setByPointer(hover.byPointer)\n  }\n\n  useReturnFocus(present, byPointer, triggerRef ?? anchor)\n\n  if (!present) {\n    return null\n  }\n\n  const labelledBy = title === null ? undefined : id\n  const panel = (\n    <PopoverPanel\n      {...props}\n      anchor={triggerRef ?? anchor}\n      byPointer={byPointer}\n      close={close}\n      dismissable={!modal && !byPointer && isOpen}\n      hover={hover}\n      isOpen={isOpen}\n      labelledBy={labelledBy}\n      modal={modal}\n      setPresent={setPresent}\n      size={size}\n      title={title}\n      titled={titled}\n    />\n  )\n\n  if (!modal) {\n    return <Overlay>{panel}</Overlay>\n  }\n\n  return (\n    <ModalWindow\n      isKeyboardDismissDisabled={false}\n      labelledBy={labelledBy}\n      onClose={close}\n      onScrimPress={isOpen ? close : undefined}\n      scrim={UNSEEN}\n      title={null}\n    >\n      {panel}\n    </ModalWindow>\n  )\n}\n\n/**\n * Supporting text under the title, in body medium on on-surface variant.\n * `style`, `ref` and `testID` land on React Native's own Text.\n */\nfunction PopoverDescription({ style, ...props }: PopoverDescriptionProps) {\n  const styles = stylesOf(useTheme())\n  const role = useTypeRole('bodyMedium')\n\n  return (\n    <NativeText\n      {...props}\n      style={composeStyles<TextStyle>(role, styles.description, style)}\n    />\n  )\n}\n\n// The panel, drawn where the popover's host is: in the overlay host above the\n// screen, or in the `Modal` of a modal one, so the placement measures the\n// layer the panel is drawn in.\nfunction PopoverPanel({\n  align,\n  alignOffset,\n  anchor,\n  byPointer,\n  children,\n  close,\n  dismissable,\n  hover,\n  isOpen,\n  labelledBy,\n  modal,\n  ref,\n  setPresent,\n  side,\n  sideOffset,\n  size,\n  style,\n  title,\n  titled,\n  ...props\n}: PanelProps) {\n  const styles = stylesOf(useTheme())\n  const placement = useAnchoredPlacement({\n    align,\n    alignOffset,\n    anchor,\n    side,\n    sideOffset,\n  })\n  const [panel, setPanel] = useState<HostInstance | null>(null)\n  const motion = usePanelMotion(isOpen, placement.placed, setPresent)\n  const slots = useMemo<ButtonSlots>(() => ({ close }), [close])\n\n  useBackToClose(close, !modal && isOpen)\n  useFocusOnPlaced(placement.placed && !byPointer, title ?? panel)\n\n  return (\n    <>\n      {dismissable ? <DismissLayer onPress={close} /> : null}\n      <Animated.View\n        {...(modal\n          ? panelRoleOf('dialog', labelledBy)\n          : { 'aria-labelledby': labelledBy, role: 'dialog' as const })}\n        onAccessibilityEscape={close}\n        onPointerEnter={hover.panelEnter}\n        onPointerLeave={hover.panelLeave}\n        {...props}\n        onLayout={placement.onLayout}\n        ref={refsOf(setPanel, ref)}\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.surface,\n          { maxWidth: WIDTHS[size] },\n          placement.style,\n          { transformOrigin: PANEL_ORIGINS[placement.side] },\n          motion,\n          style,\n        )}\n      >\n        <ScrollView\n          contentContainerStyle={styles.content}\n          style={styles.scroll}\n        >\n          <TitleContext value={titled}>\n            <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n          </TitleContext>\n        </ScrollView>\n      </Animated.View>\n    </>\n  )\n}\n\n/**\n * Names the popover: the panel is labelled by it, and a screen reader is\n * sent to it once a pressed popover shows. In title small on on-surface\n * variant, the rich tooltip's subhead. `style`, `ref` and `testID` land on\n * React Native's own Text.\n */\nfunction PopoverTitle({ ref, style, ...props }: PopoverTitleProps) {\n  const titled = use(TitleContext)\n  const styles = stylesOf(useTheme())\n  const role = useTypeRole('titleSmall')\n\n  if (titled === null) {\n    throw new Error('Popover.Title is drawn inside Popover.Content.')\n  }\n\n  return (\n    <NativeText\n      {...props}\n      nativeID={titled.id}\n      ref={refsOf(titled.setTitle, ref)}\n      role=\"heading\"\n      style={composeStyles<TextStyle>(role, styles.title, style)}\n    />\n  )\n}\n\n/**\n * How a hovered popover opens and closes. A pointer resting on the trigger\n * for `delay` opens it, and once the pointer has left both the trigger and\n * the panel for `closeDelay` it closes again. A press held for `delay` opens\n * it as well, and a popover opened that way stays open until a press outside\n * it or on the trigger. `byPointer` says whether a pointer opened it, which\n * is forgotten as it closes, however it closed.\n */\nfunction useHoverTrigger(\n  state: OverlayTriggerState,\n  delay: number,\n  closeDelay: number,\n) {\n  const [byPointer, setByPointer] = useState(false)\n  const [wasOpen, setWasOpen] = useState(state.isOpen)\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const pointer = useRef({ onPanel: false, onTrigger: false })\n\n  if (wasOpen !== state.isOpen) {\n    setWasOpen(state.isOpen)\n    if (!state.isOpen) {\n      setByPointer(false)\n    }\n  }\n\n  useEffect(\n    () => () => {\n      clearTimeout(timer.current)\n    },\n    [],\n  )\n\n  function after(milliseconds: number, then: () => void) {\n    clearTimeout(timer.current)\n    timer.current = setTimeout(then, milliseconds)\n  }\n\n  function closeOnceGone() {\n    after(closeDelay, () => {\n      if (!pointer.current.onPanel && !pointer.current.onTrigger) {\n        state.close()\n      }\n    })\n  }\n\n  return {\n    byPointer,\n    enter: () => {\n      pointer.current.onTrigger = true\n      if (state.isOpen) {\n        clearTimeout(timer.current)\n        return\n      }\n      after(delay, () => {\n        setByPointer(true)\n        state.open()\n      })\n    },\n    leave: () => {\n      pointer.current.onTrigger = false\n      if (!state.isOpen) {\n        clearTimeout(timer.current)\n      } else if (byPointer) {\n        closeOnceGone()\n      }\n    },\n    longPress: () => {\n      clearTimeout(timer.current)\n      setByPointer(false)\n      state.open()\n    },\n    panelEnter: () => {\n      pointer.current.onPanel = true\n      clearTimeout(timer.current)\n    },\n    panelLeave: () => {\n      pointer.current.onPanel = false\n      if (byPointer) {\n        closeOnceGone()\n      }\n    },\n    press: () => {\n      clearTimeout(timer.current)\n      if (state.isOpen) {\n        state.close()\n      }\n    },\n  }\n}\n\nPopover.Content = PopoverContent\nPopover.Description = PopoverDescription\nPopover.Title = PopoverTitle\n\nexport { Popover, PopoverContent, PopoverDescription, PopoverTitle }\nexport type {\n  PopoverAlign,\n  PopoverContentProps,\n  PopoverDescriptionProps,\n  PopoverProps,\n  PopoverSide,\n  PopoverSize,\n  PopoverTitleProps,\n  PopoverTrigger,\n}\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 { ComponentRef, Ref } from "react";
+import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 //#region src/components/product-icon/index.d.ts
 type ProductIconProps = Omit<ViewProps, 'children' | 'style'> & {
   /**

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 { ComponentRef, Ref } from "react";
+import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 //#region src/components/progress-indicator/index.d.ts
 type ProgressIndicatorProps = Omit<ViewProps, 'children' | 'style'> & {
   /**

package/dist/components/progress-indicator/index.js

@@ -7,9 +7,9 @@ import { IndicatorLabels, IndicatorLine, activeLength, fillOf, readingOf, useEas
 import { keyframeAt, useLoop } from "../../indicator/motion.js";
 import { TURN, WAVE_HEIGHT, WAVE_ORIGIN, arcPath, wavePath, wavyArcPath } from "../../indicator/paths.js";
 import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { I18nManager, StyleSheet, View } from "react-native";
 import Svg, { Path } from "react-native-svg";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Animated, { useAnimatedProps, useAnimatedStyle, useDerivedValue, useReducedMotion } from "react-native-reanimated";
 //#region src/components/progress-indicator/index.tsx
 const CIRCULAR_SIZE = 40;

package/dist/components/radio-group/index.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
+import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 //#region src/components/radio-group/index.d.ts
 /** Which way a `RadioGroup` lays out its buttons. */
 type RadioGroupOrientation = 'horizontal' | 'vertical';

package/dist/components/radio-group/index.js

@@ -6,9 +6,9 @@ import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { controlStylesOf } from "../../control/styles.js";
 import { ControlLabel, ControlMessage, describedBy, messageOf } from "../../control/index.js";
 import { c } from "react/compiler-runtime";
-import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import { createContext, use, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, withTiming } from "react-native-reanimated";
 import { useRadioGroupState } from "react-stately/useRadioGroupState";
 //#region src/components/radio-group/index.tsx

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

@@ -1,6 +1,6 @@
 import { ValidationResult } from "../../form/index.js";
-import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
+import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 //#region src/components/search-field/index.d.ts
 type SearchFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholderTextColor' | 'readOnly' | 'returnKeyType' | 'role' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /**
@@ -9,7 +9,10 @@ type SearchFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilit
    * Aria.
    */
   readonly clearLabel?: string;
-  /** The value the field opens with, when it keeps its own. */
+  /**
+   * The value the field opens with, when it keeps its own. Inside an
+   * `Autocomplete` the autocomplete's is read instead.
+   */
   readonly defaultValue?: string;
   /**
    * A hint shown under the bar. Replaced by `error` when there is one, so the
@@ -73,7 +76,10 @@ type SearchFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilit
    * once the field loses focus after an edit, and holds the form back.
    */
   readonly validate?: (value: string) => ValidationResult;
-  /** The value, when the call site keeps it. */
+  /**
+   * The value, when the call site keeps it. Inside an `Autocomplete` the
+   * autocomplete's `inputValue` is read instead.
+   */
   readonly value?: string;
 };
 /**
@@ -86,7 +92,9 @@ type SearchFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilit
  * The bar is the search page's rather than the box the other fields share;
  * the control and the line under it are the field chrome in `src/field`.
  * React Native's own `TextInput` props reach the control; `style` and `ref`
- * are the field as a whole, and `inputRef` the control.
+ * are the field as a whole, and `inputRef` the control. Inside an
+ * `Autocomplete`, the field shows what the autocomplete holds and reports
+ * each edit to it, which filters the list beside it.
  *
  * ```tsx
  * <SearchField label="Label" placeholder="Supporting text" />

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

@@ -1,3 +1,4 @@
+import { AutocompleteContext } from "../../autocomplete/index.js";
 import { IconStyleContext } from "../../glyphs/icon-style.js";
 import { CloseGlyph, SearchGlyph } from "../../glyphs/index.js";
 import { useTheme } from "../../theme/scope.js";
@@ -8,9 +9,9 @@ import { usePressFeedback } from "../../press/index.js";
 import { IconButton } from "../icon-button/index.js";
 import { FieldInput, FieldMessage, FieldStates, FieldStroke, describedBy, useFieldFocus, useStrokeMotion } from "../../field/index.js";
 import { c } from "react/compiler-runtime";
-import { Pressable, StyleSheet, View, useWindowDimensions } from "react-native";
-import { useId, useImperativeHandle, useRef, useState } from "react";
+import { use, useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Pressable, StyleSheet, View, useWindowDimensions } from "react-native";
 //#region src/components/search-field/index.tsx
 const ICON_SIZE = 24;
 const MAX_WIDTH = 720;
@@ -85,6 +86,13 @@ function keyInto(clear, onKeyPress) {
 function minHeightOf(minHeight) {
 	return { minHeight };
 }
+function reportTo(autocomplete, onChange) {
+	if (autocomplete === null) return onChange;
+	return (value) => {
+		autocomplete.setInputValue(value);
+		onChange?.(value);
+	};
+}
 /**
 * The bar around the control: the pill with its state layer and ring, the
 * magnifier at the start and the clear button at the end. A press anywhere on
@@ -253,14 +261,16 @@ function SearchBar(t0) {
 * The bar is the search page's rather than the box the other fields share;
 * the control and the line under it are the field chrome in `src/field`.
 * React Native's own `TextInput` props reach the control; `style` and `ref`
-* are the field as a whole, and `inputRef` the control.
+* are the field as a whole, and `inputRef` the control. Inside an
+* `Autocomplete`, the field shows what the autocomplete holds and reports
+* each edit to it, which filters the list beside it.
 *
 * ```tsx
 * <SearchField label="Label" placeholder="Supporting text" />
 * ```
 */
 function SearchField(t0) {
-	const $ = c(80);
+	const $ = c(77);
 	let description;
 	let error;
 	let inputRef;
@@ -335,8 +345,10 @@ function SearchField(t0) {
 	const isRequired = t4 === void 0 ? false : t4;
 	const id = useId();
 	const control = useRef(null);
+	const autocomplete = use(AutocompleteContext);
 	const [own, setOwn] = useState(defaultValue);
-	const current = value ?? own;
+	const current = autocomplete?.inputValue ?? value ?? own;
+	const report = reportTo(autocomplete, onChange);
 	const t5 = current === "";
 	let t6;
 	if ($[22] !== current || $[23] !== error || $[24] !== isDisabled || $[25] !== isRequired || $[26] !== name || $[27] !== t5 || $[28] !== validate) {
@@ -380,7 +392,7 @@ function SearchField(t0) {
 		$[35] = t8;
 	} else t8 = $[35];
 	const focus = useFieldFocus(t8);
-	const clear = clearInto(setOwn, onChange, onClear, validation.onEdit);
+	const clear = clearInto(setOwn, report, onClear, validation.onEdit);
 	const shownError = validation.error;
 	let t10;
 	let t9;
@@ -413,24 +425,18 @@ function SearchField(t0) {
 		$[41] = t15;
 	} else t15 = $[41];
 	const t16 = !isDisabled;
-	let t17;
-	if ($[42] !== onChange || $[43] !== validation.onEdit) {
-		t17 = editInto(setOwn, onChange, validation.onEdit);
-		$[42] = onChange;
-		$[43] = validation.onEdit;
-		$[44] = t17;
-	} else t17 = $[44];
+	const t17 = editInto(setOwn, report, validation.onEdit);
 	const t18 = keyInto(current === "" || isDisabled ? void 0 : clear, onKeyPress);
 	let t19;
-	if ($[45] !== current || $[46] !== onSubmit || $[47] !== onSubmitEditing) {
+	if ($[42] !== current || $[43] !== onSubmit || $[44] !== onSubmitEditing) {
 		t19 = submitInto(current, onSubmit, onSubmitEditing);
-		$[45] = current;
-		$[46] = onSubmit;
-		$[47] = onSubmitEditing;
-		$[48] = t19;
-	} else t19 = $[48];
+		$[42] = current;
+		$[43] = onSubmit;
+		$[44] = onSubmitEditing;
+		$[45] = t19;
+	} else t19 = $[45];
 	let t20;
-	if ($[49] !== T2 || $[50] !== current || $[51] !== focus.handlers || $[52] !== label || $[53] !== props || $[54] !== t15 || $[55] !== t16 || $[56] !== t17 || $[57] !== t18 || $[58] !== t19) {
+	if ($[46] !== T2 || $[47] !== current || $[48] !== focus.handlers || $[49] !== label || $[50] !== props || $[51] !== t15 || $[52] !== t16 || $[53] !== t17 || $[54] !== t18 || $[55] !== t19) {
 		t20 = /* @__PURE__ */ jsx(T2, {
 			...props,
 			...t14,
@@ -445,20 +451,20 @@ function SearchField(t0) {
 			role: "searchbox",
 			value: current
 		});
-		$[49] = T2;
-		$[50] = current;
-		$[51] = focus.handlers;
-		$[52] = label;
-		$[53] = props;
-		$[54] = t15;
-		$[55] = t16;
-		$[56] = t17;
-		$[57] = t18;
-		$[58] = t19;
-		$[59] = t20;
-	} else t20 = $[59];
+		$[46] = T2;
+		$[47] = current;
+		$[48] = focus.handlers;
+		$[49] = label;
+		$[50] = props;
+		$[51] = t15;
+		$[52] = t16;
+		$[53] = t17;
+		$[54] = t18;
+		$[55] = t19;
+		$[56] = t20;
+	} else t20 = $[56];
 	let t21;
-	if ($[60] !== T1 || $[61] !== clear || $[62] !== clearLabel || $[63] !== focus.focused || $[64] !== isDisabled || $[65] !== isRequired || $[66] !== t12 || $[67] !== t13 || $[68] !== t20) {
+	if ($[57] !== T1 || $[58] !== clear || $[59] !== clearLabel || $[60] !== focus.focused || $[61] !== isDisabled || $[62] !== isRequired || $[63] !== t12 || $[64] !== t13 || $[65] !== t20) {
 		t21 = /* @__PURE__ */ jsx(T1, {
 			clearLabel,
 			control,
@@ -470,43 +476,43 @@ function SearchField(t0) {
 			showsClear: t13,
 			children: t20
 		});
-		$[60] = T1;
-		$[61] = clear;
-		$[62] = clearLabel;
-		$[63] = focus.focused;
-		$[64] = isDisabled;
-		$[65] = isRequired;
-		$[66] = t12;
-		$[67] = t13;
-		$[68] = t20;
-		$[69] = t21;
-	} else t21 = $[69];
+		$[57] = T1;
+		$[58] = clear;
+		$[59] = clearLabel;
+		$[60] = focus.focused;
+		$[61] = isDisabled;
+		$[62] = isRequired;
+		$[63] = t12;
+		$[64] = t13;
+		$[65] = t20;
+		$[66] = t21;
+	} else t21 = $[66];
 	let t22;
-	if ($[70] !== description || $[71] !== id || $[72] !== shownError) {
+	if ($[67] !== description || $[68] !== id || $[69] !== shownError) {
 		t22 = /* @__PURE__ */ jsx(FieldMessage, {
 			description,
 			error: shownError,
 			id
 		});
-		$[70] = description;
-		$[71] = id;
-		$[72] = shownError;
-		$[73] = t22;
-	} else t22 = $[73];
+		$[67] = description;
+		$[68] = id;
+		$[69] = shownError;
+		$[70] = t22;
+	} else t22 = $[70];
 	let t23;
-	if ($[74] !== T0 || $[75] !== ref || $[76] !== style || $[77] !== t21 || $[78] !== t22) {
+	if ($[71] !== T0 || $[72] !== ref || $[73] !== style || $[74] !== t21 || $[75] !== t22) {
 		t23 = /* @__PURE__ */ jsxs(T0, {
 			ref,
 			style,
 			children: [t21, t22]
 		});
-		$[74] = T0;
-		$[75] = ref;
-		$[76] = style;
-		$[77] = t21;
-		$[78] = t22;
-		$[79] = t23;
-	} else t23 = $[79];
+		$[71] = T0;
+		$[72] = ref;
+		$[73] = style;
+		$[74] = t21;
+		$[75] = t22;
+		$[76] = t23;
+	} else t23 = $[76];
 	return t23;
 }
 function submitInto(value, onSubmit, onSubmitEditing) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","RefObject","StyleProp","TextInput","TextInputKeyPressEvent","TextInputProps","TextInputSubmitEditingEvent","ViewStyle","useId","useImperativeHandle","useRef","useState","Pressable","StyleSheet","useWindowDimensions","View","ValidationResult","IconStyle","describedBy","FieldInput","FieldMessage","FieldStates","FieldStroke","useFieldFocus","useStrokeMotion","useFieldValidation","CloseGlyph","SearchGlyph","IconStyleContext","usePressFeedback","withOpacity","useTheme","composeStyles","themedStyles","IconButton","SearchBarProps","children","clearLabel","control","isDisabled","isFocused","isInvalid","isRequired","onClear","showsClear","SearchFieldProps","Omit","defaultValue","description","error","inputRef","label","name","onChange","value","onSubmit","placeholder","ref","style","validate","ICON_SIZE","MAX_WIDTH","CLEAR_LABEL","stylesOf","colors","radii","spacing","stateLayerOpacity","create","bar","alignItems","backgroundColor","surfaceContainerHigh","borderRadius","pill","flexDirection","gap","lg","maxWidth","paddingEnd","paddingStart","md","barDisabled","onSurface","disabledContainer","clear","marginEnd","xs","ring","bottom","left","pointerEvents","position","right","top","blurThen","onBlur","then","event","clearFrom","current","focus","clearInto","setOwn","onEdit","editInto","text","focusOf","iconStyleOf","color","size","keyInto","onKeyPress","undefined","nativeEvent","key","minHeightOf","minHeight","SearchBar","t0","$","_c","theme","styles","fontScale","sizing","typography","t1","t2","corners","disabled","disableRipple","feedback","primary","T0","t3","t4","t5","handlers","onHoverIn","t6","onHoverOut","t7","t8","onPressIn","t9","onPressOut","t10","controlLg","bodyLargeLineHeight","t11","layer","t12","width","t13","onSurfaceVariant","disabledContent","t14","t15","Symbol","for","t16","t17","t18","t19","SearchField","onFocus","onSubmitEditing","props","id","own","isEmpty","isReadOnly","submitted","validation","shownError","T1","focused","T2","submitInto","t20","t21","t22","t23","_c"],"sources":["../../../src/components/search-field/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  StyleProp,\n  TextInput,\n  TextInputKeyPressEvent,\n  TextInputProps,\n  TextInputSubmitEditingEvent,\n  ViewStyle,\n} from 'react-native'\n\nimport { useId, useImperativeHandle, useRef, useState } from 'react'\nimport { Pressable, StyleSheet, useWindowDimensions, View } from 'react-native'\n\nimport type { ValidationResult } from '../../form'\nimport type { IconStyle } from '../../glyphs/icon-style'\n\nimport {\n  describedBy,\n  FieldInput,\n  FieldMessage,\n  FieldStates,\n  FieldStroke,\n  useFieldFocus,\n  useStrokeMotion,\n} from '../../field'\nimport { useFieldValidation } from '../../form'\nimport { CloseGlyph, SearchGlyph } from '../../glyphs'\nimport { IconStyleContext } from '../../glyphs/icon-style'\nimport { 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 SearchField: the search page's search bar on its own, rather\n// than the box the other fields share. A pill on surface container high, the\n// page's 24dp magnifier in on surface variant at the start, the value in body\n// large on surface, and a clear button at the end while the field holds\n// anything. The page's 16dp of padding is to a 48dp tap target and the icon\n// sits 12dp inside that, so the magnifier starts 28dp in and the value 4dp\n// past the target, at 68dp. The clear button is the medium icon button, 40dp\n// around a 24dp icon, 4dp in from the padding, so its icon ends 28dp from the\n// end. The bar follows its own width up to the page's 720dp; the page's 360dp\n// floor is left to the call site, since a phone's width less its margins is\n// under it.\n//\n// The bar is the large control height, 56dp, as web's is, and grows by as\n// much as the value's line does at the device's text size.\n//\n// Under a pointer and while pressed, the bar draws the state layer every\n// control draws through `usePressFeedback`, on surface at the hover and\n// pressed opacities, and a press anywhere on it focuses the control, as a\n// press anywhere on the other fields' boxes does. The page names a focused\n// state and draws nothing for it, so the bar takes the 2dp primary ring the\n// text fields page gives a focused field, inside the pill, as web's does. An\n// error is the text fields page's too, which the search page does not name:\n// the ring in the error role, 1dp at rest and 2dp once focused. The ring is a\n// border on a view of its own over the bar rather than a shadow, so the\n// colour and the width ease together and showing it moves nothing.\n//\n// **Disabled is the chrome's, translucent**, on surface at the disabled\n// opacities over whatever the bar sits on, as the text field's box is, rather\n// than mixed over the surface role as web's is.\n//\n// The label is the control's name and is never drawn, since the bar has no\n// place for one: the placeholder is what a person reads.\n\ntype SearchBarProps = {\n  /** The field's input, between the magnifier and the clear button. */\n  readonly children: ReactNode\n  readonly clearLabel: string\n  /** The control a press on the bar, or on the clear button, focuses. */\n  readonly control: RefObject<ComponentRef<typeof TextInput> | null>\n  readonly isDisabled: boolean\n  readonly isFocused: boolean\n  readonly isInvalid: boolean\n  readonly isRequired: boolean\n  /** Empties the field, from the clear button. */\n  readonly onClear: () => void\n  /** Whether the field holds anything, which shows the clear button. */\n  readonly showsClear: boolean\n}\n\ntype SearchFieldProps = Omit<\n  TextInputProps,\n  | 'accessibilityHint'\n  | 'accessibilityLabel'\n  | 'aria-disabled'\n  | 'aria-label'\n  | 'children'\n  | 'cursorColor'\n  | 'defaultValue'\n  | 'editable'\n  | 'multiline'\n  | 'numberOfLines'\n  | 'onChange'\n  | 'onChangeText'\n  | 'placeholderTextColor'\n  | 'readOnly'\n  | 'returnKeyType'\n  | 'role'\n  | 'selectionColor'\n  | 'style'\n  | 'underlineColorAndroid'\n  | 'value'\n> & {\n  /**\n   * The name of the button that clears the field, for a screen reader.\n   * Left out, it is \"Clear search\", the English name web's takes from React\n   * Aria.\n   */\n  readonly clearLabel?: string\n  /** The value the field opens with, when it keeps its own. */\n  readonly defaultValue?: string\n  /**\n   * A hint shown under the bar. Replaced by `error` when there is one, so the\n   * 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 ring in the error role,\n   * and the invalid state a screen reader reads all follow from it. The line\n   * under the bar arrives with the message, so the field grows when this\n   * does, unless it is inside a `Form`, which keeps the line drawn. It wins\n   * over what `validate` and the form say, and holds a `native` form back.\n   */\n  readonly error?: string\n  /**\n   * A ref to the field's own `TextInput`, which is what a call site moves\n   * focus to. `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 and no input, and its clear\n   * button no press.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * Whether the field has to be filled in, which a screen reader reads.\n   * Inside a `native` form, an empty one holds the submission back and shows\n   * its error once a submission is tried. The bar draws no label, so there\n   * is no asterisk to show it.\n   * @default false\n   */\n  readonly isRequired?: boolean\n  /**\n   * What the field searches, for a screen reader. The bar draws no label, so\n   * this is read and never shown; `placeholder` is what is seen.\n   */\n  readonly label: string\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.\n   */\n  readonly name?: string\n  /** Called with the new value as it is edited, and with `''` once cleared. */\n  readonly onChange?: (value: string) => void\n  /** Called once the field is emptied, from its clear button or Escape. */\n  readonly onClear?: () => void\n  /** Called with the value when the keyboard's search key submits it. */\n  readonly onSubmit?: (value: string) => void\n  /** The supporting text in the empty bar, which is what a person reads. */\n  readonly placeholder?: string\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /** Positions and sizes the field as a whole. */\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Checks the value, and returns its problem in words, or several, where\n   * there is one, and `true`, `null` or `undefined` where there is none.\n   * Under the default `aria` validation the error shows as the value\n   * changes; inside a `native` form it shows once a submission is tried, or\n   * once the field loses focus after an edit, and holds the form back.\n   */\n  readonly validate?: (value: string) => ValidationResult\n  /** The value, when the call site keeps it. */\n  readonly value?: string\n}\n\n// The page's icon, which the magnifier is drawn at.\nconst ICON_SIZE = 24\n\n// The widest the page draws a search bar.\nconst MAX_WIDTH = 720\n\n// The clear button's name when the call site gives none, as React Aria names\n// web's in English.\nconst CLEAR_LABEL = 'Clear search'\n\nconst stylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) =>\n  StyleSheet.create({\n    bar: {\n      alignItems: 'center',\n      backgroundColor: colors.surfaceContainerHigh,\n      borderRadius: radii.pill,\n      flexDirection: 'row',\n      gap: spacing.lg,\n      maxWidth: MAX_WIDTH,\n      paddingEnd: spacing.lg,\n      paddingStart: spacing.lg + spacing.md,\n    },\n    barDisabled: {\n      backgroundColor: withOpacity(\n        colors.onSurface,\n        stateLayerOpacity.disabledContainer,\n      ),\n    },\n    // 4dp in from the padding, so the icon inside the 40dp button ends\n    // 28dp from the end, where the page's 48dp target puts it.\n    clear: {\n      marginEnd: spacing.xs,\n    },\n    // The ring, over the whole bar and its corners. It takes no touches,\n    // so a press lands on the bar under it.\n    ring: {\n      borderRadius: radii.pill,\n      bottom: 0,\n      left: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n      right: 0,\n      top: 0,\n    },\n  }),\n)\n\n// Empties the field: the value goes, and the call site is told twice over.\n// The field's own blur handling, then the call site's.\nfunction blurThen(\n  onBlur: () => void,\n  then: TextInputProps['onBlur'],\n): TextInputProps['onBlur'] {\n  return (event) => {\n    onBlur()\n    then?.(event)\n  }\n}\n\n// Empties the field from its button, and hands focus back to the control, so\n// the next keyword is typed straight in.\nfunction clearFrom(\n  onClear: () => void,\n  control: RefObject<ComponentRef<typeof TextInput> | null>,\n) {\n  return () => {\n    onClear()\n    control.current?.focus()\n  }\n}\n\nfunction clearInto(\n  setOwn: (value: string) => void,\n  onChange: ((value: string) => void) | undefined,\n  onClear: (() => void) | undefined,\n  onEdit: () => void,\n) {\n  return () => {\n    setOwn('')\n    onEdit()\n    onChange?.('')\n    onClear?.()\n  }\n}\n\n// Keeps an edit as the field's own value and reports it, so a field the call\n// site controls is told and one it does not still shows what was typed, and\n// tells the field's validation it was edited.\nfunction editInto(\n  setOwn: (value: string) => void,\n  onChange: ((value: string) => void) | undefined,\n  onEdit: () => void,\n) {\n  return (text: string) => {\n    setOwn(text)\n    onEdit()\n    onChange?.(text)\n  }\n}\n\nfunction focusOf(control: RefObject<ComponentRef<typeof TextInput> | null>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\nfunction iconStyleOf(color: string): IconStyle {\n  return { color, size: ICON_SIZE }\n}\n\n// Escape empties a field that holds anything, from a hardware keyboard or\n// under React Native Web, as it does web's. The call site's own handler is\n// called after.\nfunction keyInto(\n  clear: (() => void) | undefined,\n  onKeyPress: TextInputProps['onKeyPress'],\n) {\n  return (event: TextInputKeyPressEvent) => {\n    if (clear !== undefined && event.nativeEvent.key === 'Escape') {\n      clear()\n    }\n    onKeyPress?.(event)\n  }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\n/**\n * The bar around the control: the pill with its state layer and ring, the\n * magnifier at the start and the clear button at the end. A press anywhere on\n * it focuses the control.\n */\nfunction SearchBar({\n  children,\n  clearLabel,\n  control,\n  isDisabled,\n  isFocused,\n  isInvalid,\n  isRequired,\n  onClear,\n  showsClear,\n}: SearchBarProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const { colors, radii, sizing, stateLayerOpacity, typography } = theme\n  const feedback = usePressFeedback({\n    color: colors.onSurface,\n    corners: { borderRadius: radii.pill },\n    disabled: isDisabled,\n    disableRipple: true,\n  })\n  const ring = useStrokeMotion(\n    isInvalid ? colors.error : colors.primary,\n    isDisabled ? 0 : isFocused ? 2 : isInvalid ? 1 : 0,\n  )\n\n  return (\n    <Pressable\n      accessible={false}\n      disabled={isDisabled}\n      focusable={false}\n      onHoverIn={feedback.handlers.onHoverIn}\n      onHoverOut={feedback.handlers.onHoverOut}\n      onPress={focusOf(control)}\n      onPressIn={feedback.handlers.onPressIn}\n      onPressOut={feedback.handlers.onPressOut}\n      style={composeStyles<ViewStyle>(\n        styles.bar,\n        isDisabled ? styles.barDisabled : undefined,\n        minHeightOf(\n          sizing.controlLg + typography.bodyLargeLineHeight * (fontScale - 1),\n        ),\n      )}\n    >\n      {feedback.layer}\n      <FieldStroke\n        color={ring.color}\n        sides=\"all\"\n        style={styles.ring}\n        width={ring.width}\n      />\n      <IconStyleContext\n        value={iconStyleOf(\n          isDisabled\n            ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n            : colors.onSurfaceVariant,\n        )}\n      >\n        <SearchGlyph />\n      </IconStyleContext>\n      <FieldStates\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n      >\n        {children}\n      </FieldStates>\n      {showsClear ? (\n        <IconButton\n          aria-label={clearLabel}\n          isDisabled={isDisabled}\n          onPress={clearFrom(onClear, control)}\n          style={styles.clear}\n        >\n          <CloseGlyph />\n        </IconButton>\n      ) : null}\n    </Pressable>\n  )\n}\n\n/**\n * A search bar: a keyword typed into a pill, submitted with the keyboard's\n * search key and cleared with its button. Pass `value` with `onChange` to\n * control it, or `defaultValue` to let it keep its own; `onSubmit` is handed\n * the value when the search key is pressed, and `onClear` is called when the\n * field is emptied.\n *\n * The bar is the search page's rather than the box the other fields share;\n * the control and the line under it are the field chrome in `src/field`.\n * React Native's own `TextInput` props reach the control; `style` and `ref`\n * are the field as a whole, and `inputRef` the control.\n *\n * ```tsx\n * <SearchField label=\"Label\" placeholder=\"Supporting text\" />\n * ```\n */\nfunction SearchField({\n  clearLabel = CLEAR_LABEL,\n  defaultValue = '',\n  description,\n  error,\n  inputRef,\n  isDisabled = false,\n  isRequired = false,\n  label,\n  name,\n  onBlur,\n  onChange,\n  onClear,\n  onFocus,\n  onKeyPress,\n  onSubmit,\n  onSubmitEditing,\n  ref,\n  style,\n  validate,\n  value,\n  ...props\n}: SearchFieldProps) {\n  const id = useId()\n  const control = useRef<ComponentRef<typeof TextInput>>(null)\n  const [own, setOwn] = useState(defaultValue)\n  const current = value ?? own\n  const validation = useFieldValidation({\n    control,\n    error,\n    isDisabled,\n    isEmpty: current === '',\n    isReadOnly: false,\n    isRequired,\n    name,\n    submitted: current,\n    validate,\n    value: current,\n  })\n  const focus = useFieldFocus({\n    onBlur: blurThen(validation.onBlur, onBlur),\n    onFocus,\n  })\n  const clear = clearInto(setOwn, onChange, onClear, validation.onEdit)\n  const shownError = validation.error\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      <SearchBar\n        clearLabel={clearLabel}\n        control={control}\n        isDisabled={isDisabled}\n        isFocused={focus.focused}\n        isInvalid={shownError !== undefined}\n        isRequired={isRequired}\n        onClear={clear}\n        showsClear={current !== ''}\n      >\n        <FieldInput\n          {...props}\n          {...focus.handlers}\n          aria-label={label}\n          described={describedBy(id, { description, error: shownError })}\n          editable={!isDisabled}\n          onChangeText={editInto(setOwn, onChange, validation.onEdit)}\n          onKeyPress={keyInto(\n            current === '' || isDisabled ? undefined : clear,\n            onKeyPress,\n          )}\n          onSubmitEditing={submitInto(current, onSubmit, onSubmitEditing)}\n          ref={control}\n          returnKeyType=\"search\"\n          role=\"searchbox\"\n          value={current}\n        />\n      </SearchBar>\n      <FieldMessage description={description} error={shownError} id={id} />\n    </View>\n  )\n}\n\n// Hands the value to `onSubmit` when the keyboard's search key is pressed,\n// and the event to the call site's own handler after.\nfunction submitInto(\n  value: string,\n  onSubmit: ((value: string) => void) | undefined,\n  onSubmitEditing: TextInputProps['onSubmitEditing'],\n) {\n  return (event: TextInputSubmitEditingEvent) => {\n    onSubmit?.(value)\n    onSubmitEditing?.(event)\n  }\n}\n\nexport { SearchField }\nexport type { SearchFieldProps }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","RefObject","StyleProp","TextInput","TextInputKeyPressEvent","TextInputProps","TextInputSubmitEditingEvent","ViewStyle","use","useId","useImperativeHandle","useRef","useState","Pressable","StyleSheet","useWindowDimensions","View","AutocompleteValue","ValidationResult","IconStyle","AutocompleteContext","describedBy","FieldInput","FieldMessage","FieldStates","FieldStroke","useFieldFocus","useStrokeMotion","useFieldValidation","CloseGlyph","SearchGlyph","IconStyleContext","usePressFeedback","withOpacity","useTheme","composeStyles","themedStyles","IconButton","SearchBarProps","children","clearLabel","control","isDisabled","isFocused","isInvalid","isRequired","onClear","showsClear","SearchFieldProps","Omit","defaultValue","description","error","inputRef","label","name","onChange","value","onSubmit","placeholder","ref","style","validate","ICON_SIZE","MAX_WIDTH","CLEAR_LABEL","stylesOf","colors","radii","spacing","stateLayerOpacity","create","bar","alignItems","backgroundColor","surfaceContainerHigh","borderRadius","pill","flexDirection","gap","lg","maxWidth","paddingEnd","paddingStart","md","barDisabled","onSurface","disabledContainer","clear","marginEnd","xs","ring","bottom","left","pointerEvents","position","right","top","blurThen","onBlur","then","event","clearFrom","current","focus","clearInto","setOwn","onEdit","editInto","text","focusOf","iconStyleOf","color","size","keyInto","onKeyPress","undefined","nativeEvent","key","minHeightOf","minHeight","reportTo","autocomplete","setInputValue","SearchBar","t0","$","_c","theme","styles","fontScale","sizing","typography","t1","t2","corners","disabled","disableRipple","feedback","primary","T0","t3","t4","t5","handlers","onHoverIn","t6","onHoverOut","t7","t8","onPressIn","t9","onPressOut","t10","controlLg","bodyLargeLineHeight","t11","layer","t12","width","t13","onSurfaceVariant","disabledContent","t14","t15","Symbol","for","t16","t17","t18","t19","SearchField","onFocus","onSubmitEditing","props","id","own","inputValue","report","isEmpty","isReadOnly","submitted","validation","shownError","T1","focused","T2","submitInto","t20","t21","t22","t23","_c"],"sources":["../../../src/components/search-field/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  StyleProp,\n  TextInput,\n  TextInputKeyPressEvent,\n  TextInputProps,\n  TextInputSubmitEditingEvent,\n  ViewStyle,\n} from 'react-native'\n\nimport { use, useId, useImperativeHandle, useRef, useState } from 'react'\nimport { Pressable, StyleSheet, useWindowDimensions, View } from 'react-native'\n\nimport type { AutocompleteValue } from '../../autocomplete'\nimport type { ValidationResult } from '../../form'\nimport type { IconStyle } from '../../glyphs/icon-style'\n\nimport { AutocompleteContext } from '../../autocomplete'\nimport {\n  describedBy,\n  FieldInput,\n  FieldMessage,\n  FieldStates,\n  FieldStroke,\n  useFieldFocus,\n  useStrokeMotion,\n} from '../../field'\nimport { useFieldValidation } from '../../form'\nimport { CloseGlyph, SearchGlyph } from '../../glyphs'\nimport { IconStyleContext } from '../../glyphs/icon-style'\nimport { 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 SearchField: the search page's search bar on its own, rather\n// than the box the other fields share. A pill on surface container high, the\n// page's 24dp magnifier in on surface variant at the start, the value in body\n// large on surface, and a clear button at the end while the field holds\n// anything. The page's 16dp of padding is to a 48dp tap target and the icon\n// sits 12dp inside that, so the magnifier starts 28dp in and the value 4dp\n// past the target, at 68dp. The clear button is the medium icon button, 40dp\n// around a 24dp icon, 4dp in from the padding, so its icon ends 28dp from the\n// end. The bar follows its own width up to the page's 720dp; the page's 360dp\n// floor is left to the call site, since a phone's width less its margins is\n// under it.\n//\n// The bar is the large control height, 56dp, as web's is, and grows by as\n// much as the value's line does at the device's text size.\n//\n// Under a pointer and while pressed, the bar draws the state layer every\n// control draws through `usePressFeedback`, on surface at the hover and\n// pressed opacities, and a press anywhere on it focuses the control, as a\n// press anywhere on the other fields' boxes does. The page names a focused\n// state and draws nothing for it, so the bar takes the 2dp primary ring the\n// text fields page gives a focused field, inside the pill, as web's does. An\n// error is the text fields page's too, which the search page does not name:\n// the ring in the error role, 1dp at rest and 2dp once focused. The ring is a\n// border on a view of its own over the bar rather than a shadow, so the\n// colour and the width ease together and showing it moves nothing.\n//\n// **Disabled is the chrome's, translucent**, on surface at the disabled\n// opacities over whatever the bar sits on, as the text field's box is, rather\n// than mixed over the surface role as web's is.\n//\n// The label is the control's name and is never drawn, since the bar has no\n// place for one: the placeholder is what a person reads.\n\ntype SearchBarProps = {\n  /** The field's input, between the magnifier and the clear button. */\n  readonly children: ReactNode\n  readonly clearLabel: string\n  /** The control a press on the bar, or on the clear button, focuses. */\n  readonly control: RefObject<ComponentRef<typeof TextInput> | null>\n  readonly isDisabled: boolean\n  readonly isFocused: boolean\n  readonly isInvalid: boolean\n  readonly isRequired: boolean\n  /** Empties the field, from the clear button. */\n  readonly onClear: () => void\n  /** Whether the field holds anything, which shows the clear button. */\n  readonly showsClear: boolean\n}\n\ntype SearchFieldProps = Omit<\n  TextInputProps,\n  | 'accessibilityHint'\n  | 'accessibilityLabel'\n  | 'aria-disabled'\n  | 'aria-label'\n  | 'children'\n  | 'cursorColor'\n  | 'defaultValue'\n  | 'editable'\n  | 'multiline'\n  | 'numberOfLines'\n  | 'onChange'\n  | 'onChangeText'\n  | 'placeholderTextColor'\n  | 'readOnly'\n  | 'returnKeyType'\n  | 'role'\n  | 'selectionColor'\n  | 'style'\n  | 'underlineColorAndroid'\n  | 'value'\n> & {\n  /**\n   * The name of the button that clears the field, for a screen reader.\n   * Left out, it is \"Clear search\", the English name web's takes from React\n   * Aria.\n   */\n  readonly clearLabel?: string\n  /**\n   * The value the field opens with, when it keeps its own. Inside an\n   * `Autocomplete` the autocomplete's is read instead.\n   */\n  readonly defaultValue?: string\n  /**\n   * A hint shown under the bar. Replaced by `error` when there is one, so the\n   * 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 ring in the error role,\n   * and the invalid state a screen reader reads all follow from it. The line\n   * under the bar arrives with the message, so the field grows when this\n   * does, unless it is inside a `Form`, which keeps the line drawn. It wins\n   * over what `validate` and the form say, and holds a `native` form back.\n   */\n  readonly error?: string\n  /**\n   * A ref to the field's own `TextInput`, which is what a call site moves\n   * focus to. `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 and no input, and its clear\n   * button no press.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * Whether the field has to be filled in, which a screen reader reads.\n   * Inside a `native` form, an empty one holds the submission back and shows\n   * its error once a submission is tried. The bar draws no label, so there\n   * is no asterisk to show it.\n   * @default false\n   */\n  readonly isRequired?: boolean\n  /**\n   * What the field searches, for a screen reader. The bar draws no label, so\n   * this is read and never shown; `placeholder` is what is seen.\n   */\n  readonly label: string\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.\n   */\n  readonly name?: string\n  /** Called with the new value as it is edited, and with `''` once cleared. */\n  readonly onChange?: (value: string) => void\n  /** Called once the field is emptied, from its clear button or Escape. */\n  readonly onClear?: () => void\n  /** Called with the value when the keyboard's search key submits it. */\n  readonly onSubmit?: (value: string) => void\n  /** The supporting text in the empty bar, which is what a person reads. */\n  readonly placeholder?: string\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /** Positions and sizes the field as a whole. */\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * Checks the value, and returns its problem in words, or several, where\n   * there is one, and `true`, `null` or `undefined` where there is none.\n   * Under the default `aria` validation the error shows as the value\n   * changes; inside a `native` form it shows once a submission is tried, or\n   * once the field loses focus after an edit, and holds the form back.\n   */\n  readonly validate?: (value: string) => ValidationResult\n  /**\n   * The value, when the call site keeps it. Inside an `Autocomplete` the\n   * autocomplete's `inputValue` is read instead.\n   */\n  readonly value?: string\n}\n\n// The page's icon, which the magnifier is drawn at.\nconst ICON_SIZE = 24\n\n// The widest the page draws a search bar.\nconst MAX_WIDTH = 720\n\n// The clear button's name when the call site gives none, as React Aria names\n// web's in English.\nconst CLEAR_LABEL = 'Clear search'\n\nconst stylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) =>\n  StyleSheet.create({\n    bar: {\n      alignItems: 'center',\n      backgroundColor: colors.surfaceContainerHigh,\n      borderRadius: radii.pill,\n      flexDirection: 'row',\n      gap: spacing.lg,\n      maxWidth: MAX_WIDTH,\n      paddingEnd: spacing.lg,\n      paddingStart: spacing.lg + spacing.md,\n    },\n    barDisabled: {\n      backgroundColor: withOpacity(\n        colors.onSurface,\n        stateLayerOpacity.disabledContainer,\n      ),\n    },\n    // 4dp in from the padding, so the icon inside the 40dp button ends\n    // 28dp from the end, where the page's 48dp target puts it.\n    clear: {\n      marginEnd: spacing.xs,\n    },\n    // The ring, over the whole bar and its corners. It takes no touches,\n    // so a press lands on the bar under it.\n    ring: {\n      borderRadius: radii.pill,\n      bottom: 0,\n      left: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n      right: 0,\n      top: 0,\n    },\n  }),\n)\n\n// Empties the field: the value goes, and the call site is told twice over.\n// The field's own blur handling, then the call site's.\nfunction blurThen(\n  onBlur: () => void,\n  then: TextInputProps['onBlur'],\n): TextInputProps['onBlur'] {\n  return (event) => {\n    onBlur()\n    then?.(event)\n  }\n}\n\n// Empties the field from its button, and hands focus back to the control, so\n// the next keyword is typed straight in.\nfunction clearFrom(\n  onClear: () => void,\n  control: RefObject<ComponentRef<typeof TextInput> | null>,\n) {\n  return () => {\n    onClear()\n    control.current?.focus()\n  }\n}\n\nfunction clearInto(\n  setOwn: (value: string) => void,\n  onChange: ((value: string) => void) | undefined,\n  onClear: (() => void) | undefined,\n  onEdit: () => void,\n) {\n  return () => {\n    setOwn('')\n    onEdit()\n    onChange?.('')\n    onClear?.()\n  }\n}\n\n// Keeps an edit as the field's own value and reports it, so a field the call\n// site controls is told and one it does not still shows what was typed, and\n// tells the field's validation it was edited.\nfunction editInto(\n  setOwn: (value: string) => void,\n  onChange: ((value: string) => void) | undefined,\n  onEdit: () => void,\n) {\n  return (text: string) => {\n    setOwn(text)\n    onEdit()\n    onChange?.(text)\n  }\n}\n\nfunction focusOf(control: RefObject<ComponentRef<typeof TextInput> | null>) {\n  return () => {\n    control.current?.focus()\n  }\n}\n\nfunction iconStyleOf(color: string): IconStyle {\n  return { color, size: ICON_SIZE }\n}\n\n// Escape empties a field that holds anything, from a hardware keyboard or\n// under React Native Web, as it does web's. The call site's own handler is\n// called after.\nfunction keyInto(\n  clear: (() => void) | undefined,\n  onKeyPress: TextInputProps['onKeyPress'],\n) {\n  return (event: TextInputKeyPressEvent) => {\n    if (clear !== undefined && event.nativeEvent.key === 'Escape') {\n      clear()\n    }\n    onKeyPress?.(event)\n  }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\n// Inside an Autocomplete, an edit reaches it as well as the call site, which\n// is what makes the list under the field narrow as it is typed into.\nfunction reportTo(\n  autocomplete: AutocompleteValue | null,\n  onChange: ((value: string) => void) | undefined,\n) {\n  if (autocomplete === null) {\n    return onChange\n  }\n\n  return (value: string) => {\n    autocomplete.setInputValue(value)\n    onChange?.(value)\n  }\n}\n\n/**\n * The bar around the control: the pill with its state layer and ring, the\n * magnifier at the start and the clear button at the end. A press anywhere on\n * it focuses the control.\n */\nfunction SearchBar({\n  children,\n  clearLabel,\n  control,\n  isDisabled,\n  isFocused,\n  isInvalid,\n  isRequired,\n  onClear,\n  showsClear,\n}: SearchBarProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { fontScale } = useWindowDimensions()\n  const { colors, radii, sizing, stateLayerOpacity, typography } = theme\n  const feedback = usePressFeedback({\n    color: colors.onSurface,\n    corners: { borderRadius: radii.pill },\n    disabled: isDisabled,\n    disableRipple: true,\n  })\n  const ring = useStrokeMotion(\n    isInvalid ? colors.error : colors.primary,\n    isDisabled ? 0 : isFocused ? 2 : isInvalid ? 1 : 0,\n  )\n\n  return (\n    <Pressable\n      accessible={false}\n      disabled={isDisabled}\n      focusable={false}\n      onHoverIn={feedback.handlers.onHoverIn}\n      onHoverOut={feedback.handlers.onHoverOut}\n      onPress={focusOf(control)}\n      onPressIn={feedback.handlers.onPressIn}\n      onPressOut={feedback.handlers.onPressOut}\n      style={composeStyles<ViewStyle>(\n        styles.bar,\n        isDisabled ? styles.barDisabled : undefined,\n        minHeightOf(\n          sizing.controlLg + typography.bodyLargeLineHeight * (fontScale - 1),\n        ),\n      )}\n    >\n      {feedback.layer}\n      <FieldStroke\n        color={ring.color}\n        sides=\"all\"\n        style={styles.ring}\n        width={ring.width}\n      />\n      <IconStyleContext\n        value={iconStyleOf(\n          isDisabled\n            ? withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n            : colors.onSurfaceVariant,\n        )}\n      >\n        <SearchGlyph />\n      </IconStyleContext>\n      <FieldStates\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n      >\n        {children}\n      </FieldStates>\n      {showsClear ? (\n        <IconButton\n          aria-label={clearLabel}\n          isDisabled={isDisabled}\n          onPress={clearFrom(onClear, control)}\n          style={styles.clear}\n        >\n          <CloseGlyph />\n        </IconButton>\n      ) : null}\n    </Pressable>\n  )\n}\n\n/**\n * A search bar: a keyword typed into a pill, submitted with the keyboard's\n * search key and cleared with its button. Pass `value` with `onChange` to\n * control it, or `defaultValue` to let it keep its own; `onSubmit` is handed\n * the value when the search key is pressed, and `onClear` is called when the\n * field is emptied.\n *\n * The bar is the search page's rather than the box the other fields share;\n * the control and the line under it are the field chrome in `src/field`.\n * React Native's own `TextInput` props reach the control; `style` and `ref`\n * are the field as a whole, and `inputRef` the control. Inside an\n * `Autocomplete`, the field shows what the autocomplete holds and reports\n * each edit to it, which filters the list beside it.\n *\n * ```tsx\n * <SearchField label=\"Label\" placeholder=\"Supporting text\" />\n * ```\n */\nfunction SearchField({\n  clearLabel = CLEAR_LABEL,\n  defaultValue = '',\n  description,\n  error,\n  inputRef,\n  isDisabled = false,\n  isRequired = false,\n  label,\n  name,\n  onBlur,\n  onChange,\n  onClear,\n  onFocus,\n  onKeyPress,\n  onSubmit,\n  onSubmitEditing,\n  ref,\n  style,\n  validate,\n  value,\n  ...props\n}: SearchFieldProps) {\n  const id = useId()\n  const control = useRef<ComponentRef<typeof TextInput>>(null)\n  const autocomplete = use(AutocompleteContext)\n  const [own, setOwn] = useState(defaultValue)\n  const current = autocomplete?.inputValue ?? value ?? own\n  const report = reportTo(autocomplete, onChange)\n  const validation = useFieldValidation({\n    control,\n    error,\n    isDisabled,\n    isEmpty: current === '',\n    isReadOnly: false,\n    isRequired,\n    name,\n    submitted: current,\n    validate,\n    value: current,\n  })\n  const focus = useFieldFocus({\n    onBlur: blurThen(validation.onBlur, onBlur),\n    onFocus,\n  })\n  const clear = clearInto(setOwn, report, onClear, validation.onEdit)\n  const shownError = validation.error\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      <SearchBar\n        clearLabel={clearLabel}\n        control={control}\n        isDisabled={isDisabled}\n        isFocused={focus.focused}\n        isInvalid={shownError !== undefined}\n        isRequired={isRequired}\n        onClear={clear}\n        showsClear={current !== ''}\n      >\n        <FieldInput\n          {...props}\n          {...focus.handlers}\n          aria-label={label}\n          described={describedBy(id, { description, error: shownError })}\n          editable={!isDisabled}\n          onChangeText={editInto(setOwn, report, validation.onEdit)}\n          onKeyPress={keyInto(\n            current === '' || isDisabled ? undefined : clear,\n            onKeyPress,\n          )}\n          onSubmitEditing={submitInto(current, onSubmit, onSubmitEditing)}\n          ref={control}\n          returnKeyType=\"search\"\n          role=\"searchbox\"\n          value={current}\n        />\n      </SearchBar>\n      <FieldMessage description={description} error={shownError} id={id} />\n    </View>\n  )\n}\n\n// Hands the value to `onSubmit` when the keyboard's search key is pressed,\n// and the event to the call site's own handler after.\nfunction submitInto(\n  value: string,\n  onSubmit: ((value: string) => void) | undefined,\n  onSubmitEditing: TextInputProps['onSubmitEditing'],\n) {\n  return (event: TextInputSubmitEditingEvent) => {\n    onSubmit?.(value)\n    onSubmitEditing?.(event)\n  }\n}\n\nexport { SearchField }\nexport type { SearchFieldProps }\n"],"mappings":"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"}

package/dist/components/segmented-button/index.d.ts

@@ -1,5 +1,5 @@
-import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
+import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { Key } from "react-stately";
 //#region src/components/segmented-button/index.d.ts
 /** A name for the set: its own label, or the id of what labels it. */

package/dist/components/segmented-button/index.js

@@ -7,9 +7,9 @@ import { toggleState } from "../../button/index.js";
 import { withOpacity } from "../../theme/color.js";
 import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { c } from "react/compiler-runtime";
-import { Pressable, StyleSheet, Text, View } from "react-native";
 import { Children, Fragment, createContext, isValidElement, use, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Pressable, StyleSheet, Text, View } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";
 import { useToggleGroupState } from "react-stately/useToggleGroupState";
 //#region src/components/segmented-button/index.tsx

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

@@ -1,5 +1,5 @@
-import { View, ViewProps } from "react-native";
 import { ComponentRef, Ref } from "react";
+import { View, ViewProps } from "react-native";
 //#region src/components/separator/index.d.ts
 type SeparatorInset = 'both' | 'none' | 'start';
 type SeparatorProps = ViewProps & {

package/dist/components/separator/index.js

@@ -1,8 +1,8 @@
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
-import { StyleSheet, View } from "react-native";
 import { jsx } from "react/jsx-runtime";
+import { StyleSheet, View } from "react-native";
 //#region src/components/separator/index.tsx
 const styles = StyleSheet.create({
 	horizontal: {

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

@@ -1,6 +1,6 @@
 import { ModalOpenProps } from "../../modal/index.js";
-import { HostInstance, ScrollView, ScrollViewProps, StyleProp, TextProps, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
+import { HostInstance, ScrollView, ScrollViewProps, StyleProp, TextProps, View, ViewProps, ViewStyle } from "react-native";
 //#region src/components/sheet/index.d.ts
 type SheetBodyProps = ScrollViewProps & {
   readonly ref?: Ref<ComponentRef<typeof ScrollView>>;

package/dist/components/sheet/index.js

@@ -1,15 +1,16 @@
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useTypeRole } from "../../typography/roles.js";
+import { refsOf } from "../../ref/index.js";
 import { ButtonSlotContext } from "../../button/slots.js";
 import { messagesFor } from "../../i18n/index.js";
 import { usePressFeedback } from "../../press/index.js";
 import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
-import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf, refsOf, useModalState, useModalTrigger } from "../../modal/index.js";
+import { ModalWindow, NO_INSETS, insetsOf, panelRoleOf, useModalState, useModalTrigger } from "../../modal/index.js";
 import { c } from "react/compiler-runtime";
-import { I18nManager, Pressable, ScrollView, StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import { createContext, use, useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { I18nManager, Pressable, ScrollView, StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";
 import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";