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

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

@@ -111,8 +111,9 @@ function resultsOf(windowHeight, header) {
 * </SearchView>
 * ```
 *
-* Composed as Popover is: a `Button` or `IconButton` placed directly inside
-* `SearchView` opens the view, and `SearchView.Content` is the view itself.
+* Composed as Popover is: a `Button`, `IconButton` or `Chip` placed directly
+* inside `SearchView` opens the view, and `SearchView.Content` is the view
+* itself.
 */
 function SearchView(t0) {
 	const $ = c(19);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","RefObject","HostInstance","StyleProp","TextInput","ViewStyle","AnimatedStyle","EdgeInsets","OverlayTriggerState","createContext","use","useCallback","useMemo","useRef","useState","Platform","StyleSheet","useWindowDimensions","View","Animated","SafeAreaInsetsContext","useOverlayTriggerState","AutocompleteValue","ButtonSlots","AnchoredPlacement","ResolvedTheme","AutocompleteProps","AutocompleteContext","ButtonSlotContext","FieldInput","ArrowBackGlyph","CloseGlyph","useWindowSizeClass","useMessages","insetsOf","ModalWindow","NO_INSETS","panelRoleOf","useAnchoredPlacement","useKeyboardTop","PANEL_ORIGINS","useFocusOnPlaced","usePanelMotion","useReturnFocus","refsOf","useTheme","composeStyles","themedStyles","Autocomplete","IconButton","FULL_HEADER","MIN_WIDTH","MAX_WIDTH","MIN_RESULTS","UNSEEN","opacity","stylesOf","colors","radii","shadows","spacing","create","back","marginStart","xs","clear","marginEnd","divider","backgroundColor","outline","flexShrink","height","docked","borderRadius","xl","boxShadow","elevation3","full","bottom","left","position","right","top","header","alignItems","flexDirection","gap","sm","paddingHorizontal","lg","resultsFull","flex","surface","surfaceContainerHigh","overflow","PanelProps","Omit","SearchViewContentProps","anchor","backLabel","clearLabel","close","isOpen","setInput","input","setPresent","present","T","children","label","placeholder","ref","style","testID","SearchViewProps","defaultOpen","onOpenChange","SearchViewRoot","state","SearchViewContext","clearOf","autocomplete","setInputValue","focus","dockedOf","placement","transformOrigin","side","width","Math","min","max","anchorWidth","fullOf","insets","covered","paddingBottom","measureBottomOf","panel","setBottom","measureInWindow","_x","y","_width","minHeightOf","minHeight","resultsOf","windowHeight","maxHeight","SearchView","t0","$","_c","t1","t2","open","t3","expanded","t4","default","trigger","slots","t5","root","t6","t7","SearchViewContent","defaultInputValue","filter","inputValue","onInputChange","props","Error","messages","undefined","clearSearch","t8","t9","t10","SearchViewPanel","theme","styles","sizing","typography","window","keyboardTop","align","motion","placed","setPanel","setOwnInput","controlLg","bodyLargeLineHeight","fontScale","Symbol","for","OS","onLayout","T0","onSurface","t11","t12","t13","t14","t15","t16","t17","t18","t19","Content","_c"],"sources":["../../../src/components/search-view/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextInput,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { EdgeInsets } from 'react-native-safe-area-context'\nimport type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { AutocompleteValue } from '../../autocomplete'\nimport type { ButtonSlots } from '../../button/slots'\nimport type { AnchoredPlacement } from '../../overlay'\nimport type { ResolvedTheme } from '../../theme/scope'\nimport type { AutocompleteProps } from '../autocomplete'\n\nimport { AutocompleteContext } from '../../autocomplete'\nimport { ButtonSlotContext } from '../../button/slots'\nimport { FieldInput } from '../../field'\nimport { ArrowBackGlyph, CloseGlyph } from '../../glyphs'\nimport { useWindowSizeClass } from '../../hooks/useWindowSizeClass'\nimport { useMessages } from '../../i18n/provider'\nimport { insetsOf, ModalWindow, NO_INSETS, panelRoleOf } from '../../modal'\nimport { useAnchoredPlacement } from '../../overlay'\nimport { useKeyboardTop } from '../../overlay/keyboard'\nimport {\n  PANEL_ORIGINS,\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 { Autocomplete } from '../autocomplete'\nimport { IconButton } from '../icon-button'\n\n// kanso-ui's SearchView, the search page's search view: what a search opens\n// into. A header holds a back button, the input and a clear button, over a\n// 1dp divider in the outline role, and the results run under it. Both of the\n// page's forms are surface container high, with the input in body large on\n// surface over a supporting text in on surface variant, the back icon in on\n// surface and the clear icon in on surface variant.\n//\n// **Which form is the window's.** In a compact window it is the page's\n// full-screen view: the whole window, square, with a 72dp header, its content\n// inside the safe area while its fill runs on under it. From the medium\n// window up, the docked view: dropped under what opened it, as wide as that\n// and held between the page's 360dp and 720dp, with a 28dp corner, a 56dp\n// header, results at least 240dp tall and the whole view no taller than two\n// thirds of the window, at elevation 3, as web's takes them from Compose's\n// docked search bar. Both headers grow by as much as the input's line does at\n// the device's text size.\n//\n// **Both forms are drawn in a `Modal`**, through src/modal, as web's is a\n// dialog in a modal popover: a screen reader stays inside the view until it\n// closes, and a press outside the docked one lands on a scrim that draws\n// nothing and closes it. The docked one is placed by src/overlay's anchored\n// placement under its trigger, flipped above it where there is no room, and\n// kept above the software keyboard. Full screen, the results stop at the\n// keyboard's top edge, so the last of them can be scrolled into sight above\n// the keys.\n//\n// **It is Autocomplete around the header and the results**, as web's is: the\n// header's input is the autocomplete's field, so a ListBox or a List among\n// the results narrows as it is typed into, says how many rows a search leaves\n// to a screen reader, and takes a press on its first tap while the keyboard\n// is up, as it does anywhere inside an Autocomplete.\n//\n// **The header lines up with the search bar's.** The back button sits where\n// SearchField's magnifier does, its icon 28dp in, and the text starts at\n// 68dp, as the bar's does; the clear button's icon ends 28dp from the end. So\n// a view opened from a bar puts its input where the bar's was.\n//\n// **Focus goes to the input and back.** The input takes the keyboard's focus\n// as the view opens, and a screen reader is sent to it once the view shows,\n// and back to the trigger once it has gone. The back button closes it, as\n// Android's back gesture, VoiceOver's escape gesture and Escape on web do.\n// It fades and scales in and out, as src/overlay's anchored panels do, and\n// at once under reduced motion.\n\n// The page's full-screen header, and the docked view's bounds.\nconst FULL_HEADER = 72\nconst MIN_WIDTH = 360\nconst MAX_WIDTH = 720\nconst MIN_RESULTS = 240\n\n// The docked view'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      // 4dp in from the header's padding, so the icon inside the 40dp button\n      // sits 28dp in, where the search bar draws its magnifier.\n      back: {\n        marginStart: spacing.xs,\n      },\n      // 4dp in from the padding, so the icon inside the 40dp button ends 28dp\n      // from the end, as the search bar's does.\n      clear: {\n        marginEnd: spacing.xs,\n      },\n      // The page's divider under the header, in the outline role.\n      divider: {\n        backgroundColor: colors.outline,\n        flexShrink: 0,\n        height: 1,\n      },\n      docked: {\n        borderRadius: radii.xl,\n        boxShadow: shadows.elevation3,\n      },\n      full: {\n        bottom: 0,\n        left: 0,\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      header: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        gap: spacing.sm,\n        paddingHorizontal: spacing.lg,\n      },\n      // Full screen, the results take what the header leaves, and scroll\n      // inside it.\n      resultsFull: {\n        flex: 1,\n      },\n      surface: {\n        backgroundColor: colors.surfaceContainerHigh,\n        overflow: 'hidden',\n      },\n    }),\n)\n\ntype PanelProps = Omit<\n  SearchViewContentProps,\n  | 'backLabel'\n  | 'clearLabel'\n  | 'defaultInputValue'\n  | 'filter'\n  | 'inputValue'\n  | 'onInputChange'\n> & {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly backLabel: string\n  readonly clearLabel: string\n  readonly close: () => void\n  readonly docked: boolean\n  readonly isOpen: boolean\n  readonly setInput: (input: ComponentRef<typeof TextInput> | null) => void\n  readonly setPresent: (present: boolean) => void\n}\n\ntype SearchViewContentProps<T extends object = object> = Omit<\n  AutocompleteProps<T>,\n  'children'\n> & {\n  /**\n   * What the back button is called, for a screen reader. Left out, the\n   * library names it in the `I18nProvider`'s locale, or the device's outside\n   * one, \"Back\" in English.\n   */\n  readonly backLabel?: string\n  /** The results: a ListBox or a List, which typing narrows. */\n  readonly children?: ReactNode\n  /**\n   * What the clear button is called, for a screen reader. Left out, it is\n   * the name React Aria gives web's in the `I18nProvider`'s locale, or the\n   * device's outside one, \"Clear search\" in English.\n   */\n  readonly clearLabel?: string\n  /**\n   * What is searched, for a screen reader. It names both the view and its\n   * input, and is read rather than shown; `placeholder` is what is seen.\n   */\n  readonly label: string\n  /** The supporting text in the empty input, which is what a person reads. */\n  readonly placeholder?: string\n  readonly ref?: Ref<HostInstance>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype SearchViewProps = {\n  /**\n   * The Button or IconButton that opens the view, and `SearchView.Content`.\n   */\n  readonly children?: ReactNode\n  /** Whether the view starts open, when it keeps its own state. */\n  readonly defaultOpen?: boolean\n  /** Whether the view is open, when the call site holds the state. */\n  readonly isOpen?: boolean\n  /** Called with the new state as the view opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\n// What the content reads from the root: the open state, and the trigger's\n// node, which the docked view is placed under and focus goes back to.\ntype SearchViewRoot = {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly state: OverlayTriggerState\n}\n\nconst SearchViewContext = createContext<null | SearchViewRoot>(null)\n\n// Empties the input from the clear button, and hands the keyboard back to it,\n// so the next search is typed straight in.\nfunction clearOf(\n  autocomplete: AutocompleteValue,\n  input: ComponentRef<typeof TextInput> | null,\n) {\n  return () => {\n    autocomplete.setInputValue('')\n    input?.focus()\n  }\n}\n\n// The docked view: as wide as what opened it, between the page's bounds,\n// and placed under it.\nfunction dockedOf(placement: AnchoredPlacement): ViewStyle {\n  return {\n    ...placement.style,\n    transformOrigin: PANEL_ORIGINS[placement.side],\n    width: Math.min(\n      MAX_WIDTH,\n      Math.max(MIN_WIDTH, placement.anchorWidth ?? MIN_WIDTH),\n    ),\n  }\n}\n\n// The full-screen view's content inside the safe area, and above the\n// keyboard where the keyboard reaches further up than the safe area's own\n// bottom inset.\nfunction fullOf(insets: EdgeInsets, covered: number): ViewStyle {\n  return {\n    ...insetsOf(insets),\n    paddingBottom: Math.max(insets.bottom, covered),\n    transformOrigin: 'top',\n  }\n}\n\n// Where the view's bottom edge is in the window, kept for the keyboard to be\n// measured against.\nfunction measureBottomOf(\n  panel: HostInstance | null,\n  setBottom: (bottom: number) => void,\n) {\n  return () => {\n    panel?.measureInWindow((_x, y, _width, height) => {\n      setBottom(y + height)\n    })\n  }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\n// The docked view's results: at least the page's 240dp, and short enough\n// that the view stays within two thirds of the window.\nfunction resultsOf(windowHeight: number, header: number): ViewStyle {\n  return {\n    maxHeight: (windowHeight * 2) / 3 - header - 1,\n    minHeight: MIN_RESULTS,\n  }\n}\n\n/**\n * The view a search opens into: full screen in a compact window, docked\n * under what opened it in a wider one. Pass `isOpen` with `onOpenChange` to\n * hold the open state, or `defaultOpen` to let it keep its own.\n *\n * ```tsx\n * <SearchView>\n *   <IconButton aria-label=\"Search\">\n *     <SearchIcon />\n *   </IconButton>\n *   <SearchView.Content label=\"Search\" placeholder=\"Search\">\n *     <ListBox aria-label=\"Results\">…</ListBox>\n *   </SearchView.Content>\n * </SearchView>\n * ```\n *\n * Composed as Popover is: a `Button` or `IconButton` placed directly inside\n * `SearchView` opens the view, and `SearchView.Content` is the view itself.\n */\nfunction SearchView({\n  children,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n}: SearchViewProps) {\n  const state = useOverlayTriggerState({ defaultOpen, isOpen, onOpenChange })\n  const anchor = useRef<HostInstance>(null)\n  const slots = useMemo<ButtonSlots>(\n    () => ({\n      default: () => {\n        state.open()\n      },\n      trigger: { expanded: state.isOpen, ref: anchor },\n    }),\n    [state],\n  )\n  const root = useMemo<SearchViewRoot>(() => ({ anchor, state }), [state])\n\n  return (\n    <SearchViewContext value={root}>\n      <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n    </SearchViewContext>\n  )\n}\n\n/**\n * The view: the header with its back button, input and clear button, and\n * the results under it, inside an Autocomplete, so typing narrows them. What\n * has been typed is the autocomplete's: pass `inputValue` with\n * `onInputChange` to control it, or `defaultInputValue` to let it keep its\n * own, which starts again each time the view opens.\n *\n * `style`, `ref` and `testID` land on the view's surface.\n */\nfunction SearchViewContent<T extends object = object>({\n  backLabel,\n  clearLabel,\n  defaultInputValue,\n  filter,\n  inputValue,\n  label,\n  onInputChange,\n  ...props\n}: SearchViewContentProps<T>) {\n  const root = use(SearchViewContext)\n\n  if (root === null) {\n    throw new Error('SearchView.Content is drawn inside SearchView.')\n  }\n\n  const { anchor, state } = root\n  const messages = useMessages()\n  const docked = useWindowSizeClass() !== 'compact'\n  const [present, setPresent] = useState(state.isOpen)\n  const [input, setInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const close = useCallback(() => {\n    state.close()\n  }, [state])\n  const slots = useMemo<ButtonSlots>(() => ({ close }), [close])\n\n  // Mounted the moment it opens, and kept until its exit has run.\n  if (state.isOpen && !present) {\n    setPresent(true)\n  }\n\n  useReturnFocus(present, false, anchor)\n\n  if (!present) {\n    return null\n  }\n\n  return (\n    <Autocomplete<T>\n      defaultInputValue={defaultInputValue}\n      filter={filter}\n      inputValue={inputValue}\n      onInputChange={onInputChange}\n    >\n      <ModalWindow\n        isKeyboardDismissDisabled={false}\n        label={label}\n        labelledBy={undefined}\n        onClose={close}\n        onScrimPress={state.isOpen ? close : undefined}\n        scrim={UNSEEN}\n        // Full screen it is shown at once, so the screen reader goes to the\n        // input as the window shows; docked, once the view has been placed.\n        title={docked ? null : input}\n      >\n        <ButtonSlotContext value={slots}>\n          <SearchViewPanel\n            {...props}\n            anchor={anchor}\n            backLabel={backLabel ?? messages.back}\n            clearLabel={clearLabel ?? messages.clearSearch}\n            close={close}\n            docked={docked}\n            isOpen={state.isOpen}\n            label={label}\n            setInput={setInput}\n            setPresent={setPresent}\n          />\n        </ButtonSlotContext>\n      </ModalWindow>\n    </Autocomplete>\n  )\n}\n\n// The surface, drawn in the `Modal` so the anchored placement measures the\n// layer it is drawn in. Read inside the Autocomplete, whose value the input\n// shows and reports each edit to.\nfunction SearchViewPanel({\n  anchor,\n  backLabel,\n  children,\n  clearLabel,\n  close,\n  docked,\n  isOpen,\n  label,\n  placeholder,\n  ref,\n  setInput,\n  setPresent,\n  style,\n  ...props\n}: PanelProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { colors, sizing, typography } = theme\n  const autocomplete = use(AutocompleteContext)\n  const window = useWindowDimensions()\n  const insets = use(SafeAreaInsetsContext) ?? NO_INSETS\n  const keyboardTop = useKeyboardTop()\n  const placement = useAnchoredPlacement({ align: 'start', anchor })\n  const motion = usePanelMotion(isOpen, !docked || placement.placed, setPresent)\n  const [panel, setPanel] = useState<HostInstance | null>(null)\n  const [input, setOwnInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const [bottom, setBottom] = useState<null | number>(null)\n  const header =\n    (docked ? sizing.controlLg : FULL_HEADER) +\n    typography.bodyLargeLineHeight * (window.fontScale - 1)\n  // Full screen, how far the keyboard reaches up over the view. iOS draws it\n  // over the window, where Android's `Modal` shrinks the window to make room\n  // and leaves it nothing to cover.\n  const covered =\n    keyboardTop === null || bottom === null ? 0 : bottom - keyboardTop\n\n  useFocusOnPlaced(docked && placement.placed, input)\n\n  if (autocomplete === null) {\n    return null\n  }\n\n  return (\n    <Animated.View\n      {...panelRoleOf('dialog', undefined)}\n      aria-label={Platform.OS === 'web' ? undefined : label}\n      onAccessibilityEscape={close}\n      {...props}\n      onLayout={docked ? placement.onLayout : measureBottomOf(panel, setBottom)}\n      ref={refsOf(setPanel, ref)}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        styles.surface,\n        docked ? styles.docked : styles.full,\n        docked ? dockedOf(placement) : fullOf(insets, covered),\n        motion,\n        style,\n      )}\n    >\n      <View\n        style={composeStyles<ViewStyle>(styles.header, minHeightOf(header))}\n      >\n        <IconButton aria-label={backLabel} slot=\"close\" style={styles.back}>\n          <ArrowBackGlyph color={colors.onSurface} />\n        </IconButton>\n        <FieldInput\n          aria-label={label}\n          // A search view opens to be typed into, so the input takes the\n          // keyboard as it shows rather than leaving it to the back button.\n          autoFocus\n          onChangeText={autocomplete.setInputValue}\n          placeholder={placeholder}\n          ref={refsOf(setOwnInput, setInput)}\n          returnKeyType=\"search\"\n          role=\"searchbox\"\n          value={autocomplete.inputValue}\n        />\n        {autocomplete.inputValue === '' ? null : (\n          <IconButton\n            aria-label={clearLabel}\n            onPress={clearOf(autocomplete, input)}\n            style={styles.clear}\n          >\n            <CloseGlyph />\n          </IconButton>\n        )}\n      </View>\n      <View style={styles.divider} />\n      <View\n        style={docked ? resultsOf(window.height, header) : styles.resultsFull}\n      >\n        {children}\n      </View>\n    </Animated.View>\n  )\n}\n\nSearchView.Content = SearchViewContent\n\nexport { SearchView, SearchViewContent }\nexport type { SearchViewContentProps, SearchViewProps }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","RefObject","HostInstance","StyleProp","TextInput","ViewStyle","AnimatedStyle","EdgeInsets","OverlayTriggerState","createContext","use","useCallback","useMemo","useRef","useState","Platform","StyleSheet","useWindowDimensions","View","Animated","SafeAreaInsetsContext","useOverlayTriggerState","AutocompleteValue","ButtonSlots","AnchoredPlacement","ResolvedTheme","AutocompleteProps","AutocompleteContext","ButtonSlotContext","FieldInput","ArrowBackGlyph","CloseGlyph","useWindowSizeClass","useMessages","insetsOf","ModalWindow","NO_INSETS","panelRoleOf","useAnchoredPlacement","useKeyboardTop","PANEL_ORIGINS","useFocusOnPlaced","usePanelMotion","useReturnFocus","refsOf","useTheme","composeStyles","themedStyles","Autocomplete","IconButton","FULL_HEADER","MIN_WIDTH","MAX_WIDTH","MIN_RESULTS","UNSEEN","opacity","stylesOf","colors","radii","shadows","spacing","create","back","marginStart","xs","clear","marginEnd","divider","backgroundColor","outline","flexShrink","height","docked","borderRadius","xl","boxShadow","elevation3","full","bottom","left","position","right","top","header","alignItems","flexDirection","gap","sm","paddingHorizontal","lg","resultsFull","flex","surface","surfaceContainerHigh","overflow","PanelProps","Omit","SearchViewContentProps","anchor","backLabel","clearLabel","close","isOpen","setInput","input","setPresent","present","T","children","label","placeholder","ref","style","testID","SearchViewProps","defaultOpen","onOpenChange","SearchViewRoot","state","SearchViewContext","clearOf","autocomplete","setInputValue","focus","dockedOf","placement","transformOrigin","side","width","Math","min","max","anchorWidth","fullOf","insets","covered","paddingBottom","measureBottomOf","panel","setBottom","measureInWindow","_x","y","_width","minHeightOf","minHeight","resultsOf","windowHeight","maxHeight","SearchView","t0","$","_c","t1","t2","open","t3","expanded","t4","default","trigger","slots","t5","root","t6","t7","SearchViewContent","defaultInputValue","filter","inputValue","onInputChange","props","Error","messages","undefined","clearSearch","t8","t9","t10","SearchViewPanel","theme","styles","sizing","typography","window","keyboardTop","align","motion","placed","setPanel","setOwnInput","controlLg","bodyLargeLineHeight","fontScale","Symbol","for","OS","onLayout","T0","onSurface","t11","t12","t13","t14","t15","t16","t17","t18","t19","Content","_c"],"sources":["../../../src/components/search-view/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref, RefObject } from 'react'\nimport type {\n  HostInstance,\n  StyleProp,\n  TextInput,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { EdgeInsets } from 'react-native-safe-area-context'\nimport type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport {\n  createContext,\n  use,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Platform, StyleSheet, useWindowDimensions, View } from 'react-native'\nimport Animated from 'react-native-reanimated'\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context'\nimport { useOverlayTriggerState } from 'react-stately/useOverlayTriggerState'\n\nimport type { AutocompleteValue } from '../../autocomplete'\nimport type { ButtonSlots } from '../../button/slots'\nimport type { AnchoredPlacement } from '../../overlay'\nimport type { ResolvedTheme } from '../../theme/scope'\nimport type { AutocompleteProps } from '../autocomplete'\n\nimport { AutocompleteContext } from '../../autocomplete'\nimport { ButtonSlotContext } from '../../button/slots'\nimport { FieldInput } from '../../field'\nimport { ArrowBackGlyph, CloseGlyph } from '../../glyphs'\nimport { useWindowSizeClass } from '../../hooks/useWindowSizeClass'\nimport { useMessages } from '../../i18n/provider'\nimport { insetsOf, ModalWindow, NO_INSETS, panelRoleOf } from '../../modal'\nimport { useAnchoredPlacement } from '../../overlay'\nimport { useKeyboardTop } from '../../overlay/keyboard'\nimport {\n  PANEL_ORIGINS,\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 { Autocomplete } from '../autocomplete'\nimport { IconButton } from '../icon-button'\n\n// kanso-ui's SearchView, the search page's search view: what a search opens\n// into. A header holds a back button, the input and a clear button, over a\n// 1dp divider in the outline role, and the results run under it. Both of the\n// page's forms are surface container high, with the input in body large on\n// surface over a supporting text in on surface variant, the back icon in on\n// surface and the clear icon in on surface variant.\n//\n// **Which form is the window's.** In a compact window it is the page's\n// full-screen view: the whole window, square, with a 72dp header, its content\n// inside the safe area while its fill runs on under it. From the medium\n// window up, the docked view: dropped under what opened it, as wide as that\n// and held between the page's 360dp and 720dp, with a 28dp corner, a 56dp\n// header, results at least 240dp tall and the whole view no taller than two\n// thirds of the window, at elevation 3, as web's takes them from Compose's\n// docked search bar. Both headers grow by as much as the input's line does at\n// the device's text size.\n//\n// **Both forms are drawn in a `Modal`**, through src/modal, as web's is a\n// dialog in a modal popover: a screen reader stays inside the view until it\n// closes, and a press outside the docked one lands on a scrim that draws\n// nothing and closes it. The docked one is placed by src/overlay's anchored\n// placement under its trigger, flipped above it where there is no room, and\n// kept above the software keyboard. Full screen, the results stop at the\n// keyboard's top edge, so the last of them can be scrolled into sight above\n// the keys.\n//\n// **It is Autocomplete around the header and the results**, as web's is: the\n// header's input is the autocomplete's field, so a ListBox or a List among\n// the results narrows as it is typed into, says how many rows a search leaves\n// to a screen reader, and takes a press on its first tap while the keyboard\n// is up, as it does anywhere inside an Autocomplete.\n//\n// **The header lines up with the search bar's.** The back button sits where\n// SearchField's magnifier does, its icon 28dp in, and the text starts at\n// 68dp, as the bar's does; the clear button's icon ends 28dp from the end. So\n// a view opened from a bar puts its input where the bar's was.\n//\n// **Focus goes to the input and back.** The input takes the keyboard's focus\n// as the view opens, and a screen reader is sent to it once the view shows,\n// and back to the trigger once it has gone. The back button closes it, as\n// Android's back gesture, VoiceOver's escape gesture and Escape on web do.\n// It fades and scales in and out, as src/overlay's anchored panels do, and\n// at once under reduced motion.\n\n// The page's full-screen header, and the docked view's bounds.\nconst FULL_HEADER = 72\nconst MIN_WIDTH = 360\nconst MAX_WIDTH = 720\nconst MIN_RESULTS = 240\n\n// The docked view'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      // 4dp in from the header's padding, so the icon inside the 40dp button\n      // sits 28dp in, where the search bar draws its magnifier.\n      back: {\n        marginStart: spacing.xs,\n      },\n      // 4dp in from the padding, so the icon inside the 40dp button ends 28dp\n      // from the end, as the search bar's does.\n      clear: {\n        marginEnd: spacing.xs,\n      },\n      // The page's divider under the header, in the outline role.\n      divider: {\n        backgroundColor: colors.outline,\n        flexShrink: 0,\n        height: 1,\n      },\n      docked: {\n        borderRadius: radii.xl,\n        boxShadow: shadows.elevation3,\n      },\n      full: {\n        bottom: 0,\n        left: 0,\n        position: 'absolute',\n        right: 0,\n        top: 0,\n      },\n      header: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        flexShrink: 0,\n        gap: spacing.sm,\n        paddingHorizontal: spacing.lg,\n      },\n      // Full screen, the results take what the header leaves, and scroll\n      // inside it.\n      resultsFull: {\n        flex: 1,\n      },\n      surface: {\n        backgroundColor: colors.surfaceContainerHigh,\n        overflow: 'hidden',\n      },\n    }),\n)\n\ntype PanelProps = Omit<\n  SearchViewContentProps,\n  | 'backLabel'\n  | 'clearLabel'\n  | 'defaultInputValue'\n  | 'filter'\n  | 'inputValue'\n  | 'onInputChange'\n> & {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly backLabel: string\n  readonly clearLabel: string\n  readonly close: () => void\n  readonly docked: boolean\n  readonly isOpen: boolean\n  readonly setInput: (input: ComponentRef<typeof TextInput> | null) => void\n  readonly setPresent: (present: boolean) => void\n}\n\ntype SearchViewContentProps<T extends object = object> = Omit<\n  AutocompleteProps<T>,\n  'children'\n> & {\n  /**\n   * What the back button is called, for a screen reader. Left out, the\n   * library names it in the `I18nProvider`'s locale, or the device's outside\n   * one, \"Back\" in English.\n   */\n  readonly backLabel?: string\n  /** The results: a ListBox or a List, which typing narrows. */\n  readonly children?: ReactNode\n  /**\n   * What the clear button is called, for a screen reader. Left out, it is\n   * the name React Aria gives web's in the `I18nProvider`'s locale, or the\n   * device's outside one, \"Clear search\" in English.\n   */\n  readonly clearLabel?: string\n  /**\n   * What is searched, for a screen reader. It names both the view and its\n   * input, and is read rather than shown; `placeholder` is what is seen.\n   */\n  readonly label: string\n  /** The supporting text in the empty input, which is what a person reads. */\n  readonly placeholder?: string\n  readonly ref?: Ref<HostInstance>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype SearchViewProps = {\n  /**\n   * The Button or IconButton that opens the view, and `SearchView.Content`.\n   */\n  readonly children?: ReactNode\n  /** Whether the view starts open, when it keeps its own state. */\n  readonly defaultOpen?: boolean\n  /** Whether the view is open, when the call site holds the state. */\n  readonly isOpen?: boolean\n  /** Called with the new state as the view opens or closes. */\n  readonly onOpenChange?: (isOpen: boolean) => void\n}\n\n// What the content reads from the root: the open state, and the trigger's\n// node, which the docked view is placed under and focus goes back to.\ntype SearchViewRoot = {\n  readonly anchor: RefObject<HostInstance | null>\n  readonly state: OverlayTriggerState\n}\n\nconst SearchViewContext = createContext<null | SearchViewRoot>(null)\n\n// Empties the input from the clear button, and hands the keyboard back to it,\n// so the next search is typed straight in.\nfunction clearOf(\n  autocomplete: AutocompleteValue,\n  input: ComponentRef<typeof TextInput> | null,\n) {\n  return () => {\n    autocomplete.setInputValue('')\n    input?.focus()\n  }\n}\n\n// The docked view: as wide as what opened it, between the page's bounds,\n// and placed under it.\nfunction dockedOf(placement: AnchoredPlacement): ViewStyle {\n  return {\n    ...placement.style,\n    transformOrigin: PANEL_ORIGINS[placement.side],\n    width: Math.min(\n      MAX_WIDTH,\n      Math.max(MIN_WIDTH, placement.anchorWidth ?? MIN_WIDTH),\n    ),\n  }\n}\n\n// The full-screen view's content inside the safe area, and above the\n// keyboard where the keyboard reaches further up than the safe area's own\n// bottom inset.\nfunction fullOf(insets: EdgeInsets, covered: number): ViewStyle {\n  return {\n    ...insetsOf(insets),\n    paddingBottom: Math.max(insets.bottom, covered),\n    transformOrigin: 'top',\n  }\n}\n\n// Where the view's bottom edge is in the window, kept for the keyboard to be\n// measured against.\nfunction measureBottomOf(\n  panel: HostInstance | null,\n  setBottom: (bottom: number) => void,\n) {\n  return () => {\n    panel?.measureInWindow((_x, y, _width, height) => {\n      setBottom(y + height)\n    })\n  }\n}\n\nfunction minHeightOf(minHeight: number): ViewStyle {\n  return { minHeight }\n}\n\n// The docked view's results: at least the page's 240dp, and short enough\n// that the view stays within two thirds of the window.\nfunction resultsOf(windowHeight: number, header: number): ViewStyle {\n  return {\n    maxHeight: (windowHeight * 2) / 3 - header - 1,\n    minHeight: MIN_RESULTS,\n  }\n}\n\n/**\n * The view a search opens into: full screen in a compact window, docked\n * under what opened it in a wider one. Pass `isOpen` with `onOpenChange` to\n * hold the open state, or `defaultOpen` to let it keep its own.\n *\n * ```tsx\n * <SearchView>\n *   <IconButton aria-label=\"Search\">\n *     <SearchIcon />\n *   </IconButton>\n *   <SearchView.Content label=\"Search\" placeholder=\"Search\">\n *     <ListBox aria-label=\"Results\">…</ListBox>\n *   </SearchView.Content>\n * </SearchView>\n * ```\n *\n * Composed as Popover is: a `Button`, `IconButton` or `Chip` placed directly\n * inside `SearchView` opens the view, and `SearchView.Content` is the view\n * itself.\n */\nfunction SearchView({\n  children,\n  defaultOpen,\n  isOpen,\n  onOpenChange,\n}: SearchViewProps) {\n  const state = useOverlayTriggerState({ defaultOpen, isOpen, onOpenChange })\n  const anchor = useRef<HostInstance>(null)\n  const slots = useMemo<ButtonSlots>(\n    () => ({\n      default: () => {\n        state.open()\n      },\n      trigger: { expanded: state.isOpen, ref: anchor },\n    }),\n    [state],\n  )\n  const root = useMemo<SearchViewRoot>(() => ({ anchor, state }), [state])\n\n  return (\n    <SearchViewContext value={root}>\n      <ButtonSlotContext value={slots}>{children}</ButtonSlotContext>\n    </SearchViewContext>\n  )\n}\n\n/**\n * The view: the header with its back button, input and clear button, and\n * the results under it, inside an Autocomplete, so typing narrows them. What\n * has been typed is the autocomplete's: pass `inputValue` with\n * `onInputChange` to control it, or `defaultInputValue` to let it keep its\n * own, which starts again each time the view opens.\n *\n * `style`, `ref` and `testID` land on the view's surface.\n */\nfunction SearchViewContent<T extends object = object>({\n  backLabel,\n  clearLabel,\n  defaultInputValue,\n  filter,\n  inputValue,\n  label,\n  onInputChange,\n  ...props\n}: SearchViewContentProps<T>) {\n  const root = use(SearchViewContext)\n\n  if (root === null) {\n    throw new Error('SearchView.Content is drawn inside SearchView.')\n  }\n\n  const { anchor, state } = root\n  const messages = useMessages()\n  const docked = useWindowSizeClass() !== 'compact'\n  const [present, setPresent] = useState(state.isOpen)\n  const [input, setInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const close = useCallback(() => {\n    state.close()\n  }, [state])\n  const slots = useMemo<ButtonSlots>(() => ({ close }), [close])\n\n  // Mounted the moment it opens, and kept until its exit has run.\n  if (state.isOpen && !present) {\n    setPresent(true)\n  }\n\n  useReturnFocus(present, false, anchor)\n\n  if (!present) {\n    return null\n  }\n\n  return (\n    <Autocomplete<T>\n      defaultInputValue={defaultInputValue}\n      filter={filter}\n      inputValue={inputValue}\n      onInputChange={onInputChange}\n    >\n      <ModalWindow\n        isKeyboardDismissDisabled={false}\n        label={label}\n        labelledBy={undefined}\n        onClose={close}\n        onScrimPress={state.isOpen ? close : undefined}\n        scrim={UNSEEN}\n        // Full screen it is shown at once, so the screen reader goes to the\n        // input as the window shows; docked, once the view has been placed.\n        title={docked ? null : input}\n      >\n        <ButtonSlotContext value={slots}>\n          <SearchViewPanel\n            {...props}\n            anchor={anchor}\n            backLabel={backLabel ?? messages.back}\n            clearLabel={clearLabel ?? messages.clearSearch}\n            close={close}\n            docked={docked}\n            isOpen={state.isOpen}\n            label={label}\n            setInput={setInput}\n            setPresent={setPresent}\n          />\n        </ButtonSlotContext>\n      </ModalWindow>\n    </Autocomplete>\n  )\n}\n\n// The surface, drawn in the `Modal` so the anchored placement measures the\n// layer it is drawn in. Read inside the Autocomplete, whose value the input\n// shows and reports each edit to.\nfunction SearchViewPanel({\n  anchor,\n  backLabel,\n  children,\n  clearLabel,\n  close,\n  docked,\n  isOpen,\n  label,\n  placeholder,\n  ref,\n  setInput,\n  setPresent,\n  style,\n  ...props\n}: PanelProps) {\n  const theme = useTheme()\n  const styles = stylesOf(theme)\n  const { colors, sizing, typography } = theme\n  const autocomplete = use(AutocompleteContext)\n  const window = useWindowDimensions()\n  const insets = use(SafeAreaInsetsContext) ?? NO_INSETS\n  const keyboardTop = useKeyboardTop()\n  const placement = useAnchoredPlacement({ align: 'start', anchor })\n  const motion = usePanelMotion(isOpen, !docked || placement.placed, setPresent)\n  const [panel, setPanel] = useState<HostInstance | null>(null)\n  const [input, setOwnInput] = useState<ComponentRef<typeof TextInput> | null>(\n    null,\n  )\n  const [bottom, setBottom] = useState<null | number>(null)\n  const header =\n    (docked ? sizing.controlLg : FULL_HEADER) +\n    typography.bodyLargeLineHeight * (window.fontScale - 1)\n  // Full screen, how far the keyboard reaches up over the view. iOS draws it\n  // over the window, where Android's `Modal` shrinks the window to make room\n  // and leaves it nothing to cover.\n  const covered =\n    keyboardTop === null || bottom === null ? 0 : bottom - keyboardTop\n\n  useFocusOnPlaced(docked && placement.placed, input)\n\n  if (autocomplete === null) {\n    return null\n  }\n\n  return (\n    <Animated.View\n      {...panelRoleOf('dialog', undefined)}\n      aria-label={Platform.OS === 'web' ? undefined : label}\n      onAccessibilityEscape={close}\n      {...props}\n      onLayout={docked ? placement.onLayout : measureBottomOf(panel, setBottom)}\n      ref={refsOf(setPanel, ref)}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        styles.surface,\n        docked ? styles.docked : styles.full,\n        docked ? dockedOf(placement) : fullOf(insets, covered),\n        motion,\n        style,\n      )}\n    >\n      <View\n        style={composeStyles<ViewStyle>(styles.header, minHeightOf(header))}\n      >\n        <IconButton aria-label={backLabel} slot=\"close\" style={styles.back}>\n          <ArrowBackGlyph color={colors.onSurface} />\n        </IconButton>\n        <FieldInput\n          aria-label={label}\n          // A search view opens to be typed into, so the input takes the\n          // keyboard as it shows rather than leaving it to the back button.\n          autoFocus\n          onChangeText={autocomplete.setInputValue}\n          placeholder={placeholder}\n          ref={refsOf(setOwnInput, setInput)}\n          returnKeyType=\"search\"\n          role=\"searchbox\"\n          value={autocomplete.inputValue}\n        />\n        {autocomplete.inputValue === '' ? null : (\n          <IconButton\n            aria-label={clearLabel}\n            onPress={clearOf(autocomplete, input)}\n            style={styles.clear}\n          >\n            <CloseGlyph />\n          </IconButton>\n        )}\n      </View>\n      <View style={styles.divider} />\n      <View\n        style={docked ? resultsOf(window.height, header) : styles.resultsFull}\n      >\n        {children}\n      </View>\n    </Animated.View>\n  )\n}\n\nSearchView.Content = SearchViewContent\n\nexport { SearchView, SearchViewContent }\nexport type { SearchViewContentProps, SearchViewProps }\n"],"mappings":"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"}

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

@@ -7,6 +7,14 @@ type SheetBodyProps = ScrollViewProps & {
 };
 type SheetContentProps = Omit<ViewProps, 'children' | 'style'> & SheetOpenProps & {
   readonly children?: ReactNode;
+  /**
+   * The height a bottom sheet with two heights opens at each time: `half`,
+   * where its content stays in reach of a drag, or `whole`, where its
+   * actions are in view from the start. A sheet with one height, and a side
+   * sheet, open whole whatever this says.
+   * @default 'half'
+   */
+  readonly initialHeight?: 'half' | 'whole';
   /**
    * Whether a press on the scrim, outside the sheet, and a swipe down past
    * its lowest height close it. Android's back gesture is
@@ -68,11 +76,11 @@ type SheetTitleProps = Omit<TextProps, 'role'> & {
  * </Sheet>
  * ```
  *
- * Composed rather than configured by props, as web's is. A `Button` or
- * `IconButton` inside `Sheet` and outside its content opens it, and one given
- * `slot="close"` anywhere inside the content closes it. A sheet nothing on the
- * screen opens leaves `Sheet` out and passes `isOpen` and `onOpenChange` to
- * `Sheet.Content` instead.
+ * Composed rather than configured by props, as web's is. A `Button`,
+ * `IconButton` or `Chip` inside `Sheet` and outside its content opens it, and
+ * a button given `slot="close"` anywhere inside the content closes it. A
+ * sheet nothing on the screen opens leaves `Sheet` out and passes `isOpen`
+ * and `onOpenChange` to `Sheet.Content` instead.
  */
 declare function Sheet({ children, defaultOpen, isOpen, onOpenChange }: SheetProps): import("react").JSX.Element;
 declare namespace Sheet {
@@ -109,8 +117,9 @@ declare function SheetContent({ defaultOpen, isDismissable, isKeyboardDismissDis
 /**
  * The sheet's actions, leading and wrapping onto another row when they do not
  * fit on one, over a divider. On a bottom sheet at half height they are below
- * the fold until the sheet is raised. `style`, `ref` and `testID` land on its
- * view.
+ * the fold until the sheet is raised, so a sheet opened for them takes
+ * `initialHeight="whole"` on `Sheet.Content`. `style`, `ref` and `testID`
+ * land on its view.
  */
 declare function SheetFooter({ style, ...props }: SheetPartProps): import("react").JSX.Element;
 /**

package/dist/components/sheet/index.js

@@ -148,11 +148,11 @@ function settleOf(at, velocity, settles) {
 * </Sheet>
 * ```
 *
-* Composed rather than configured by props, as web's is. A `Button` or
-* `IconButton` inside `Sheet` and outside its content opens it, and one given
-* `slot="close"` anywhere inside the content closes it. A sheet nothing on the
-* screen opens leaves `Sheet` out and passes `isOpen` and `onOpenChange` to
-* `Sheet.Content` instead.
+* Composed rather than configured by props, as web's is. A `Button`,
+* `IconButton` or `Chip` inside `Sheet` and outside its content opens it, and
+* a button given `slot="close"` anywhere inside the content closes it. A
+* sheet nothing on the screen opens leaves `Sheet` out and passes `isOpen`
+* and `onOpenChange` to `Sheet.Content` instead.
 */
 function Sheet(t0) {
 	const $ = c(10);
@@ -384,8 +384,9 @@ function SheetContent(t0) {
 /**
 * The sheet's actions, leading and wrapping onto another row when they do not
 * fit on one, over a divider. On a bottom sheet at half height they are below
-* the fold until the sheet is raised. `style`, `ref` and `testID` land on its
-* view.
+* the fold until the sheet is raised, so a sheet opened for them takes
+* `initialHeight="whole"` on `Sheet.Content`. `style`, `ref` and `testID`
+* land on its view.
 */
 function SheetFooter(t0) {
 	const $ = c(7);
@@ -599,7 +600,7 @@ function SheetTitle(t0) {
 * each opening starts from its edge and at its first height.
 */
 function SheetWindow(t0) {
-	const $ = c(76);
+	const $ = c(77);
 	let children;
 	let close;
 	let isDismissable;
@@ -610,9 +611,10 @@ function SheetWindow(t0) {
 	let setPresent;
 	let slots;
 	let style;
+	let t1;
 	let testID;
 	if ($[0] !== t0) {
-		({children, close, isDismissable, isKeyboardDismissDisabled, isOpen, onLayout, setPresent, slots, style, testID, ...props} = t0);
+		({children, close, initialHeight: t1, isDismissable, isKeyboardDismissDisabled, isOpen, onLayout, setPresent, slots, style, testID, ...props} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = close;
@@ -624,7 +626,8 @@ function SheetWindow(t0) {
 		$[8] = setPresent;
 		$[9] = slots;
 		$[10] = style;
-		$[11] = testID;
+		$[11] = t1;
+		$[12] = testID;
 	} else {
 		children = $[1];
 		close = $[2];
@@ -636,8 +639,10 @@ function SheetWindow(t0) {
 		setPresent = $[8];
 		slots = $[9];
 		style = $[10];
-		testID = $[11];
+		t1 = $[11];
+		testID = $[12];
 	}
+	const initialHeight = t1 === void 0 ? "half" : t1;
 	const styles = stylesOf(useTheme());
 	const insets = use(SafeAreaInsetsContext) ?? NO_INSETS;
 	const { height } = useWindowDimensions();
@@ -645,42 +650,42 @@ function SheetWindow(t0) {
 	const titleId = useId();
 	const [title, setTitle] = useState(null);
 	const [full, setFull] = useState(null);
-	const [expanded, setExpanded] = useState(false);
-	let t1;
-	if ($[12] !== bottom || $[13] !== full || $[14] !== height || $[15] !== isDismissable) {
-		t1 = stopsOf(bottom, full, height, isDismissable);
-		$[12] = bottom;
-		$[13] = full;
-		$[14] = height;
-		$[15] = isDismissable;
-		$[16] = t1;
-	} else t1 = $[16];
-	const stops = t1;
+	const [expanded, setExpanded] = useState(initialHeight === "whole");
+	let t2;
+	if ($[13] !== bottom || $[14] !== full || $[15] !== height || $[16] !== isDismissable) {
+		t2 = stopsOf(bottom, full, height, isDismissable);
+		$[13] = bottom;
+		$[14] = full;
+		$[15] = height;
+		$[16] = isDismissable;
+		$[17] = t2;
+	} else t2 = $[17];
+	const stops = t2;
 	const twoHeights = stops.partial !== null;
 	const rest = stops.partial !== null && !expanded ? stops.partial : 0;
-	let t2;
-	if ($[17] !== bottom || $[18] !== full || $[19] !== isOpen || $[20] !== rest || $[21] !== setPresent) {
-		t2 = {
+	let t3;
+	if ($[18] !== bottom || $[19] !== full || $[20] !== isOpen || $[21] !== rest || $[22] !== setPresent) {
+		t3 = {
 			bottom,
 			full,
 			isOpen,
 			rest,
 			setPresent
 		};
-		$[17] = bottom;
-		$[18] = full;
-		$[19] = isOpen;
-		$[20] = rest;
-		$[21] = setPresent;
-		$[22] = t2;
-	} else t2 = $[22];
-	const motion = useSheetMotion(t2);
-	const t3 = bottom && isOpen && stops.settles.length > 1;
-	let t4;
-	if ($[23] !== close || $[24] !== expanded || $[25] !== full || $[26] !== isDismissable || $[27] !== motion.offset || $[28] !== rest || $[29] !== stops || $[30] !== t3 || $[31] !== testID) {
-		t4 = {
+		$[18] = bottom;
+		$[19] = full;
+		$[20] = isOpen;
+		$[21] = rest;
+		$[22] = setPresent;
+		$[23] = t3;
+	} else t3 = $[23];
+	const motion = useSheetMotion(t3);
+	const t4 = bottom && isOpen && stops.settles.length > 1;
+	let t5;
+	if ($[24] !== close || $[25] !== expanded || $[26] !== full || $[27] !== isDismissable || $[28] !== motion.offset || $[29] !== rest || $[30] !== stops || $[31] !== t4 || $[32] !== testID) {
+		t5 = {
 			close,
-			enabled: t3,
+			enabled: t4,
 			expanded,
 			full,
 			isDismissable,
@@ -690,157 +695,157 @@ function SheetWindow(t0) {
 			stops,
 			testID
 		};
-		$[23] = close;
-		$[24] = expanded;
-		$[25] = full;
-		$[26] = isDismissable;
-		$[27] = motion.offset;
-		$[28] = rest;
-		$[29] = stops;
-		$[30] = t3;
-		$[31] = testID;
-		$[32] = t4;
-	} else t4 = $[32];
-	const pan = useSheetDrag(t4);
-	let t5;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => {
-			setExpanded(_temp);
-		};
+		$[24] = close;
+		$[25] = expanded;
+		$[26] = full;
+		$[27] = isDismissable;
+		$[28] = motion.offset;
+		$[29] = rest;
+		$[30] = stops;
+		$[31] = t4;
+		$[32] = testID;
 		$[33] = t5;
 	} else t5 = $[33];
-	const toggle = t5;
-	const t6 = !twoHeights || expanded;
-	const t7 = twoHeights ? toggle : void 0;
-	let t8;
-	if ($[34] !== bottom || $[35] !== pan || $[36] !== t6 || $[37] !== t7 || $[38] !== titleId) {
-		t8 = {
+	const pan = useSheetDrag(t5);
+	let t6;
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = () => {
+			setExpanded(_temp);
+		};
+		$[34] = t6;
+	} else t6 = $[34];
+	const toggle = t6;
+	const t7 = !twoHeights || expanded;
+	const t8 = twoHeights ? toggle : void 0;
+	let t9;
+	if ($[35] !== bottom || $[36] !== pan || $[37] !== t7 || $[38] !== t8 || $[39] !== titleId) {
+		t9 = {
 			bottom,
-			expanded: t6,
+			expanded: t7,
 			pan,
 			setTitle,
 			titleId,
-			toggle: t7
+			toggle: t8
 		};
-		$[34] = bottom;
-		$[35] = pan;
-		$[36] = t6;
+		$[35] = bottom;
+		$[36] = pan;
 		$[37] = t7;
-		$[38] = titleId;
-		$[39] = t8;
-	} else t8 = $[39];
-	const layout = t8;
-	let t9;
-	if ($[40] !== onLayout) {
-		t9 = (event) => {
+		$[38] = t8;
+		$[39] = titleId;
+		$[40] = t9;
+	} else t9 = $[40];
+	const layout = t9;
+	let t10;
+	if ($[41] !== onLayout) {
+		t10 = (event) => {
 			setFull(event.nativeEvent.layout.height);
 			onLayout?.(event);
 		};
-		$[40] = onLayout;
-		$[41] = t9;
-	} else t9 = $[41];
-	const measure = t9;
+		$[41] = onLayout;
+		$[42] = t10;
+	} else t10 = $[42];
+	const measure = t10;
 	const labelledBy = title === null ? void 0 : titleId;
 	const T0 = ModalWindow;
-	const t10 = isDismissable && isOpen ? close : void 0;
-	const t11 = motion.scrim;
+	const t11 = isDismissable && isOpen ? close : void 0;
+	const t12 = motion.scrim;
 	const T1 = GestureHandlerRootView;
-	const t12 = bottom ? styles.rootBottom : styles.rootSide;
+	const t13 = bottom ? styles.rootBottom : styles.rootSide;
 	const T2 = GestureDetector;
-	const t13 = Animated;
-	let t14;
-	if ($[42] !== labelledBy) {
-		t14 = panelRoleOf("dialog", labelledBy);
-		$[42] = labelledBy;
-		$[43] = t14;
-	} else t14 = $[43];
-	const t15 = isKeyboardDismissDisabled ? void 0 : close;
-	const t16 = composeStyles(styles.container, bottom ? styles.containerBottom : styles.containerSide, bottom ? bottomBoundsOf(insets, height) : sideInsetsOf(insets), motion.panel, style);
-	let t17;
-	if ($[44] !== children || $[45] !== slots) {
-		t17 = /* @__PURE__ */ jsx(ButtonSlotContext, {
+	const t14 = Animated;
+	let t15;
+	if ($[43] !== labelledBy) {
+		t15 = panelRoleOf("dialog", labelledBy);
+		$[43] = labelledBy;
+		$[44] = t15;
+	} else t15 = $[44];
+	const t16 = isKeyboardDismissDisabled ? void 0 : close;
+	const t17 = composeStyles(styles.container, bottom ? styles.containerBottom : styles.containerSide, bottom ? bottomBoundsOf(insets, height) : sideInsetsOf(insets), motion.panel, style);
+	let t18;
+	if ($[45] !== children || $[46] !== slots) {
+		t18 = /* @__PURE__ */ jsx(ButtonSlotContext, {
 			value: slots,
 			children
 		});
-		$[44] = children;
-		$[45] = slots;
-		$[46] = t17;
-	} else t17 = $[46];
-	let t18;
-	if ($[47] !== layout || $[48] !== t17) {
-		t18 = /* @__PURE__ */ jsx(SheetLayoutContext, {
+		$[45] = children;
+		$[46] = slots;
+		$[47] = t18;
+	} else t18 = $[47];
+	let t19;
+	if ($[48] !== layout || $[49] !== t18) {
+		t19 = /* @__PURE__ */ jsx(SheetLayoutContext, {
 			value: layout,
-			children: t17
+			children: t18
 		});
-		$[47] = layout;
-		$[48] = t17;
+		$[48] = layout;
 		$[49] = t18;
-	} else t18 = $[49];
-	let t19;
-	if ($[50] !== measure || $[51] !== props || $[52] !== t13.View || $[53] !== t14 || $[54] !== t15 || $[55] !== t16 || $[56] !== t18 || $[57] !== testID) {
-		t19 = /* @__PURE__ */ jsx(t13.View, {
-			...t14,
-			onAccessibilityEscape: t15,
+		$[50] = t19;
+	} else t19 = $[50];
+	let t20;
+	if ($[51] !== measure || $[52] !== props || $[53] !== t14.View || $[54] !== t15 || $[55] !== t16 || $[56] !== t17 || $[57] !== t19 || $[58] !== testID) {
+		t20 = /* @__PURE__ */ jsx(t14.View, {
+			...t15,
+			onAccessibilityEscape: t16,
 			...props,
 			onLayout: measure,
-			style: t16,
+			style: t17,
 			testID,
-			children: t18
+			children: t19
 		});
-		$[50] = measure;
-		$[51] = props;
-		$[52] = t13.View;
-		$[53] = t14;
+		$[51] = measure;
+		$[52] = props;
+		$[53] = t14.View;
 		$[54] = t15;
 		$[55] = t16;
-		$[56] = t18;
-		$[57] = testID;
-		$[58] = t19;
-	} else t19 = $[58];
-	let t20;
-	if ($[59] !== T2 || $[60] !== pan || $[61] !== t19) {
-		t20 = /* @__PURE__ */ jsx(T2, {
+		$[56] = t17;
+		$[57] = t19;
+		$[58] = testID;
+		$[59] = t20;
+	} else t20 = $[59];
+	let t21;
+	if ($[60] !== T2 || $[61] !== pan || $[62] !== t20) {
+		t21 = /* @__PURE__ */ jsx(T2, {
 			gesture: pan,
-			children: t19
+			children: t20
 		});
-		$[59] = T2;
-		$[60] = pan;
-		$[61] = t19;
+		$[60] = T2;
+		$[61] = pan;
 		$[62] = t20;
-	} else t20 = $[62];
-	let t21;
-	if ($[63] !== T1 || $[64] !== t12 || $[65] !== t20) {
-		t21 = /* @__PURE__ */ jsx(T1, {
-			style: t12,
-			children: t20
+		$[63] = t21;
+	} else t21 = $[63];
+	let t22;
+	if ($[64] !== T1 || $[65] !== t13 || $[66] !== t21) {
+		t22 = /* @__PURE__ */ jsx(T1, {
+			style: t13,
+			children: t21
 		});
-		$[63] = T1;
-		$[64] = t12;
-		$[65] = t20;
+		$[64] = T1;
+		$[65] = t13;
 		$[66] = t21;
-	} else t21 = $[66];
-	let t22;
-	if ($[67] !== T0 || $[68] !== close || $[69] !== isKeyboardDismissDisabled || $[70] !== labelledBy || $[71] !== motion.scrim || $[72] !== t10 || $[73] !== t21 || $[74] !== title) {
-		t22 = /* @__PURE__ */ jsx(T0, {
+		$[67] = t22;
+	} else t22 = $[67];
+	let t23;
+	if ($[68] !== T0 || $[69] !== close || $[70] !== isKeyboardDismissDisabled || $[71] !== labelledBy || $[72] !== motion.scrim || $[73] !== t11 || $[74] !== t22 || $[75] !== title) {
+		t23 = /* @__PURE__ */ jsx(T0, {
 			isKeyboardDismissDisabled,
 			labelledBy,
 			onClose: close,
-			onScrimPress: t10,
-			scrim: t11,
+			onScrimPress: t11,
+			scrim: t12,
 			title,
-			children: t21
+			children: t22
 		});
-		$[67] = T0;
-		$[68] = close;
-		$[69] = isKeyboardDismissDisabled;
-		$[70] = labelledBy;
-		$[71] = motion.scrim;
-		$[72] = t10;
-		$[73] = t21;
-		$[74] = title;
-		$[75] = t22;
-	} else t22 = $[75];
-	return t22;
+		$[68] = T0;
+		$[69] = close;
+		$[70] = isKeyboardDismissDisabled;
+		$[71] = labelledBy;
+		$[72] = motion.scrim;
+		$[73] = t11;
+		$[74] = t22;
+		$[75] = title;
+		$[76] = t23;
+	} else t23 = $[76];
+	return t23;
 }
 function _temp(was) {
 	return !was;