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

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ReactElement","ReactNode","Ref","AccessibilityActionEvent","ColorValue","GestureResponderEvent","HostInstance","LayoutChangeEvent","ListRenderItemInfo","PressableProps","ScrollViewProps","StyleProp","TextStyle","ViewStyle","Key","Node","Selection","SelectionMode","ListState","ListProps","StatelyListProps","TreeState","Children","createContext","use","useEffect","useMemo","useRef","useState","AccessibilityInfo","FlatList","Text","NativeText","Platform","Pressable","StyleSheet","View","useListState","AutocompleteValue","ResolvedTheme","AutocompleteContext","toggleState","ProgressIndicator","CheckboxBox","ExpandChevron","resultsFor","useLocaleOf","useMessages","hitSlop","usePressFeedback","refsOf","useOpenLink","hasContent","RowContent","rowContentColor","rowStyleOf","rowStyles","useTheme","composeStyles","themedStyles","useTypeRole","BOX_SLOT","LOADING_DIAMETER","LOAD_OFFSET","INITIAL_ROWS","IDLE","CollectionLoadMoreProps","CURRENT_PAGE","const","styles","create","box","alignItems","height","justifyContent","width","idle","status","overflow","pointerEvents","position","stylesOf","colors","radii","sizing","spacing","content","paddingVertical","sm","drawerHeader","color","onSurfaceVariant","paddingBottom","xxs","paddingHorizontal","lg","md","paddingTop","empty","header","lead","flexDirection","gap","list","backgroundColor","surface","loading","minHeight","rowSm","pill","borderRadius","onSurface","CollectionKind","isLoading","label","onLoadMore","scrollOffset","style","testID","CollectionProps","Omit","children","item","T","defaultSelectedKeys","Iterable","disabledKeys","disallowEmptySelection","items","onAction","key","onSelectionChange","keys","ref","renderEmptyState","selectedKeys","selectionMode","selectLabel","CollectionRowProps","id","isDisabled","leading","overline","supporting","textValue","trailing","CollectionSectionProps","CollectionState","CollectionValue","focusKey","ground","kind","loadMore","onFocusTarget","node","route","RouteMark","state","CollectionViewProps","revealFocus","selectedRoute","Entry","current","trail","ReadonlySet","ScrollFailure","averageItemLength","index","CollectionContext","accessibilityActionOf","actions","collapse","expand","select","event","nativeEvent","actionName","childElementsOf","elements","forEach","child","push","Collection","t0","$","_c","props","t1","undefined","autocomplete","matches","t2","filterOf","filter","t3","t4","t5","CollectionView","contentContainerStyle","keyboardShouldPersistTaps","onLayout","emptyState","theme","own","entriesOf","entries","loader","rows","sticky","collection","routeMarkOf","setList","revealed","setRevealed","focusIndex","findIndex","entry","isList","listStyle","messages","t6","flatten","t7","t8","value","T0","T1","t9","t10","Math","max","t11","keyOf","t13","EmptyState","t14","LoaderRow","t15","loadMoreOf","t16","t17","revealOnLayout","t18","scrollNear","t19","t20","t21","t12","renderEntry","t22","t23","currentState","OS","EmptyRow","headline","noResults","useCollection","open","expansionOf","expandedKeys","addRow","row","has","childNodes","type","rendered","length","getChildren","nodes","keptOf","focusKeyOf","chosen","selectionManager","firstSelectedKey","hrefOf","href","kept","some","String","loaderNode","hasChildNodes","name","loadingMore","useLoadingAnnouncement","nestedRowNode","element","noop","pressThen","onPress","then","ResultsStatus","count","locale","message","useResultsAnnouncement","scrollToIndex","animated","viewPosition","find","level","found","pop","Set","rowCountOf","rowNode","RowNode","onBlur","onFocus","onHoverIn","onHoverOut","onLongPress","onPressIn","onPressOut","_children","_headline","_id","_isDisabled","_label","_textValue","openLink","tree","rowRef","disabled","checks","canSelectItem","selectable","selected","isSelected","onTrail","marked","variant","branch","expanded","toggle","toggleOf","listAction","action","acts","isEmpty","offersSelect","opens","feedback","corners","withBox","treeLead","chevron","indent","xl","lines","rowStyle","accessibilityActions","onAccessibilityAction","handlers","ring","layer","scrollToOffset","offset","SectionHeader","drawer","title","sectionNode","SelectBox","drawn","Symbol","for","toggleKey","TreeChevron","isExpanded","marginStart","Error","was","announceForAccessibility","_c","NativeText"],"sources":["../../src/collection/index.tsx"],"sourcesContent":["import type { ReactElement, ReactNode, Ref } from 'react'\nimport type {\n  AccessibilityActionEvent,\n  ColorValue,\n  GestureResponderEvent,\n  HostInstance,\n  LayoutChangeEvent,\n  ListRenderItemInfo,\n  PressableProps,\n  ScrollViewProps,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from 'react-native'\nimport type { Key, Node, Selection, SelectionMode } from 'react-stately'\nimport type {\n  ListState,\n  ListProps as StatelyListProps,\n} from 'react-stately/useListState'\nimport type { TreeState } from 'react-stately/useTreeState'\n\nimport {\n  Children,\n  createContext,\n  use,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  AccessibilityInfo,\n  FlatList,\n  Text as NativeText,\n  Platform,\n  Pressable,\n  StyleSheet,\n  View,\n} from 'react-native'\nimport { useListState } from 'react-stately/useListState'\n\nimport type { AutocompleteValue } from '../autocomplete'\nimport type { ResolvedTheme } from '../theme/scope'\n\nimport { AutocompleteContext } from '../autocomplete'\nimport { toggleState } from '../button'\nimport { ProgressIndicator } from '../components/progress-indicator'\nimport { CheckboxBox } from '../control/checkbox-box'\nimport { ExpandChevron } from '../disclosure/chevron'\nimport { resultsFor } from '../i18n'\nimport { useLocaleOf, useMessages } from '../i18n/provider'\nimport { hitSlop, usePressFeedback } from '../press'\nimport { refsOf } from '../ref'\nimport { useOpenLink } from '../router'\nimport {\n  hasContent,\n  RowContent,\n  rowContentColor,\n  rowStyleOf,\n  rowStyles,\n} from '../row'\nimport { useTheme } from '../theme/scope'\nimport { composeStyles, themedStyles } from '../theme/styles'\nimport { useTypeRole } from '../typography/roles'\n\n// The collection kanso-ui's List and ListBox both draw, from the lists page:\n// a column of the rows ListItem draws, shared through src/row, with\n// selection, an action per row, sections and a row that loads more. It is a\n// `FlatList`, so a long collection draws the rows in view and a few screens\n// either side rather than every row it holds. List and ListBox are each this\n// with a `kind`, and differ where their web counterparts do: a List draws a\n// checkbox on a row that selects and paints a ground of its own, while a\n// ListBox marks a selected option with its container alone and is\n// transparent, so the same one sits on a page and inside a popover. A Tree\n// is a List whose state is a tree's, drawn from React Stately's tree state\n// rather than its list state: its rows nest, a row with rows under it opens\n// and closes, and the rows of an open one follow it in the same column. A\n// NavigationTree is a Tree drawn as a navigation drawer: its rows are links,\n// the one whose `href` is the route is marked with the drawer's pill, and\n// the rows it sits under with a bold label.\n//\n// Four things differ from web's, each because a screen reader or a touch on\n// a phone works differently from a keyboard in a browser.\n//\n// **A row is one element to a screen reader.** Web's List row is a grid row\n// whose checkbox is a cell a keyboard reaches on its own, and web's ListBox\n// option is an option in a listbox. VoiceOver and TalkBack read a pressable\n// row as one element and reach nothing inside it, and announce neither a\n// listbox nor an option, so a row is a button that reports whether it is\n// selected, and selecting it from a screen reader is an accessibility action\n// named by `selectLabel`. A List offers that action on every row that\n// selects, as web's checkbox is there on every one; a ListBox offers it on\n// an option whose press runs an action, the one case where a press may not\n// select. Under React Native Web a row reports itself pressed, as a toggle\n// button does, since a button cannot be selected there.\n//\n// **A press does what React Aria's touch press does.** On a row that selects\n// and has no action, a press selects it. On one with an action, a press runs\n// the action while nothing is selected and selects once something is, and a\n// long press selects; a press on a List's checkbox selects either way.\n//\n// **Sections are flattened, and so is a tree.** A `FlatList` holds one\n// column of cells, so a section is its header and then its rows, and the\n// header is a heading to a screen reader rather than the name of a group.\n// An open row of a tree is followed by the rows under it, each indented a\n// chevron's width further, so a large tree draws only what is in view. A\n// List's headers stay at the top while their rows scroll under them. A\n// ListBox's scroll with the rows, since it has no ground to cover them with.\n//\n// **A List is drawn on surface,** the lists page's container colour, which\n// web leaves to the page. A sticky header needs a ground to cover the rows\n// scrolling under it, and it takes the list's, so a `style` giving the list\n// another background gives its headers the same one.\n\n// A checkbox drawn in a row sits in a slot an icon's size, the lists page's\n// 24dp, rather than in the 40dp state layer Checkbox draws it in.\nconst BOX_SLOT = 24\n\n// The ring the loading row draws, a row's icon across.\nconst LOADING_DIAMETER = '24px'\n\n// How far past the visible end of the list `onLoadMore` is called, as a\n// share of the list's visible height, as web's `scrollOffset` defaults.\nconst LOAD_OFFSET = 1\n\n// The rows a `FlatList` draws at first, its own default, which a list grows\n// to reach the row it opens on.\nconst INITIAL_ROWS = 10\n\n// What the loading row reads when the collection has no `LoadMore` part,\n// which leaves it nothing to draw.\nconst IDLE: CollectionLoadMoreProps = {}\n\n// What marks a drawer's current row on the web, where a screen reader reads\n// it, as web's does.\nconst CURRENT_PAGE = { 'aria-current': 'page' } as const\n\nconst styles = StyleSheet.create({\n  box: {\n    alignItems: 'center',\n    height: BOX_SLOT,\n    justifyContent: 'center',\n    width: BOX_SLOT,\n  },\n  // What the `LoadMore` part leaves while nothing is loading: the live\n  // region, with nothing in it and no height.\n  idle: {\n    height: 0,\n  },\n  // The count a search leaves, which a screen reader hears and no one sees:\n  // out of the flow, and a point across, as web's visually hidden status is.\n  status: {\n    height: 1,\n    overflow: 'hidden',\n    pointerEvents: 'none',\n    position: 'absolute',\n    width: 1,\n  },\n})\n\nconst stylesOf = themedStyles(\n  ({ colors, radii, sizing, spacing }: ResolvedTheme) =>\n    StyleSheet.create({\n      // The 8dp above the first row and below the last, as web's container\n      // draws them.\n      content: {\n        paddingVertical: spacing.sm,\n      },\n      // The navigation drawer page's section heading, in on surface variant,\n      // held 12dp further in than a list's, which lines it up with the labels\n      // inside the rows' pills.\n      drawerHeader: {\n        color: colors.onSurfaceVariant,\n        paddingBottom: spacing.xxs,\n        paddingHorizontal: spacing.lg + spacing.md,\n        paddingTop: spacing.lg,\n      },\n      empty: {\n        color: colors.onSurfaceVariant,\n      },\n      // The lists page's subhead: title small in on surface variant, at the\n      // row's inline padding so it lines up with the headlines under it, with\n      // more room above than below so it reads as belonging to what follows.\n      header: {\n        color: colors.onSurfaceVariant,\n        paddingBottom: spacing.xxs,\n        paddingHorizontal: spacing.lg,\n        paddingTop: spacing.lg,\n      },\n      // The checkbox beside whatever the row's leading slot was given, a\n      // row's own gap apart.\n      lead: {\n        alignItems: 'center',\n        flexDirection: 'row',\n        gap: spacing.lg,\n      },\n      list: {\n        backgroundColor: colors.surface,\n      },\n      // A row's height for the ring, so the list does not jump when the next\n      // items land.\n      loading: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        minHeight: sizing.rowSm,\n      },\n      // The corners a drawer's row clips its state layer and ripple to.\n      pill: {\n        borderRadius: radii.pill,\n      },\n      // Never seen, but in a pair that reads, for a checker that looks.\n      status: {\n        color: colors.onSurface,\n      },\n    }),\n)\n\n/**\n * Which component draws the collection: a List, whose rows that select carry\n * a checkbox and whose ground is surface, a ListBox, whose options carry\n * none and which has no ground, or a NavigationTree's drawer, whose rows are\n * links, with the current one marked, and which has no ground either.\n */\ntype CollectionKind = 'drawer' | 'list' | 'listbox'\n\ntype CollectionLoadMoreProps = {\n  /**\n   * Draws the ring in a row of its own while more items are being fetched.\n   * @default false\n   */\n  readonly isLoading?: boolean\n  /**\n   * What a screen reader calls the ring, and hears as it appears. Left out,\n   * it is the word for it in the `I18nProvider`'s language, or the device's\n   * outside one, \"Loading more\" in English.\n   */\n  readonly label?: string\n  /**\n   * Called when the end of the list comes within `scrollOffset` of its\n   * visible end, while nothing is loading. Called once for each length the\n   * list reaches, so a load that adds nothing does not start another.\n   */\n  readonly onLoadMore?: () => void\n  /**\n   * How far past the visible end of the list the next items are asked for,\n   * as a share of the list's visible height.\n   * @default 1\n   */\n  readonly scrollOffset?: number\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype CollectionProps<T extends object = object> = Omit<\n  ScrollViewProps,\n  'children' | 'role' | 'stickyHeaderIndices' | 'style'\n> & {\n  /**\n   * The rows, each an `Item`, `Section` or `LoadMore` part. With `items`, a\n   * function from an item to its part, called for each item in turn.\n   */\n  readonly children?: ((item: T) => ReactElement) | ReactNode\n  /** The keys selected at first, when the list keeps its own selection. */\n  readonly defaultSelectedKeys?: 'all' | Iterable<Key>\n  /** The keys of the rows drawn disabled, which take no presses. */\n  readonly disabledKeys?: Iterable<Key>\n  /**\n   * Keeps the last selected row selected, so a press on it changes nothing.\n   * @default false\n   */\n  readonly disallowEmptySelection?: boolean\n  /** The entries `children` draws a part for, when it is a function. */\n  readonly items?: Iterable<T>\n  /**\n   * Called with a row's key when a press runs its action. A row's own\n   * `onAction` takes its place for that row.\n   */\n  readonly onAction?: (key: Key) => void\n  /** Called with the selected keys whenever a press changes them. */\n  readonly onSelectionChange?: (keys: Selection) => void\n  readonly ref?: Ref<FlatList>\n  /**\n   * What the list shows when it has no rows and nothing is loading. Left\n   * out, it is a muted row saying \"No results\" in the `I18nProvider`'s\n   * language, or the device's outside one, so the list keeps a row's height.\n   */\n  readonly renderEmptyState?: () => ReactNode\n  /**\n   * The selected keys, for a call site holding the selection itself with\n   * `onSelectionChange`.\n   */\n  readonly selectedKeys?: 'all' | Iterable<Key>\n  /**\n   * Whether rows can be selected: one at a time, several, or none.\n   * @default 'none'\n   */\n  readonly selectionMode?: SelectionMode\n  /**\n   * What selecting a row is called, for a screen reader: the accessibility\n   * action that selects a row whose press may do something else. The row's\n   * own text is what names the row. Left out, it is the word for it in the\n   * `I18nProvider`'s language, or the device's outside one, \"Select\" in\n   * English.\n   */\n  readonly selectLabel?: string\n  readonly style?: StyleProp<ViewStyle>\n}\n\ntype CollectionRowProps = Omit<\n  PressableProps,\n  'children' | 'disabled' | 'id' | 'role' | 'style'\n> & {\n  /** The row's headline, the one thing it is mostly about. */\n  readonly children?: ReactNode\n  /** The key the row is selected and reported by. Give one to every row. */\n  readonly id?: Key\n  /**\n   * Draws the row disabled, and takes no presses on it, as a key in the\n   * list's `disabledKeys` does.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /** Content before the headline: an avatar, an icon. */\n  readonly leading?: ReactNode\n  /**\n   * Called when a press runs the row's action, in place of the list's\n   * `onAction` for this row.\n   */\n  readonly onAction?: () => void\n  /**\n   * A line above the headline, in label small and the muted role. Given\n   * beside `supporting`, it makes the row the three-line item.\n   */\n  readonly overline?: ReactNode\n  readonly ref?: Ref<HostInstance>\n  readonly style?: StyleProp<ViewStyle>\n  /** A second line under the headline, in body medium and the muted role. */\n  readonly supporting?: ReactNode\n  /**\n   * The row's text, read off `children` when they are a plain string, so a\n   * row whose headline is an element passes it.\n   */\n  readonly textValue?: string\n  /** Content after the headline, such as an amount or a control. */\n  readonly trailing?: ReactNode\n}\n\ntype CollectionSectionProps = {\n  /** The rows in the section. */\n  readonly children?: ReactNode\n  /**\n   * The section's heading, a heading to a screen reader. A section without\n   * one is its rows alone.\n   */\n  readonly header?: ReactNode\n  readonly id?: Key\n}\n\n/**\n * The state a collection is drawn from: a list's, or a tree's, which holds\n * which rows are open beside what a list's holds.\n */\ntype CollectionState<T> = ListState<T> | TreeState<T>\n\n// What the cells of the `FlatList` read from the collection they are drawn\n// in.\ntype CollectionValue = {\n  /** The row whose node goes to `onFocusTarget`. */\n  readonly focusKey: Key | null\n  /**\n   * The ground a List's sticky header covers the rows under it with, and\n   * none for a ListBox, whose headers do not stick.\n   */\n  readonly ground: ColorValue | undefined\n  readonly kind: CollectionKind\n  /** The `LoadMore` part the collection ends in, if it has one. */\n  readonly loadMore: CollectionLoadMoreProps | undefined\n  readonly onAction: ((key: Key) => void) | undefined\n  readonly onFocusTarget: ((node: HostInstance | null) => void) | undefined\n  readonly renderEmptyState: () => ReactNode\n  /** Where a drawer's route is among its rows, and nothing for the others. */\n  readonly route: RouteMark | undefined\n  readonly selectLabel: string\n  readonly state: CollectionState<unknown>\n}\n\ntype CollectionViewProps<T extends object = object> = Omit<\n  CollectionProps<T>,\n  | 'children'\n  | 'defaultSelectedKeys'\n  | 'disabledKeys'\n  | 'disallowEmptySelection'\n  | 'items'\n  | 'onSelectionChange'\n  | 'selectedKeys'\n  | 'selectionMode'\n> & {\n  /** The row whose node is handed to `onFocusTarget`, if any. */\n  readonly focusKey?: Key | null\n  readonly kind: CollectionKind\n  /** Handed the node of the row `focusKey` names, as it mounts and goes. */\n  readonly onFocusTarget?: (node: HostInstance | null) => void\n  /**\n   * Scrolls the row `focusKey` names into view, once, the first time the\n   * list is laid out while this holds: a panel passes it once it has been\n   * placed, and so has the height it scrolls in.\n   * @default false\n   */\n  readonly revealFocus?: boolean\n  /**\n   * A drawer's current route, matched against each row's `href`: the row it\n   * matches is the current one, and the rows above it are its trail.\n   */\n  readonly selectedRoute?: string | undefined\n  /**\n   * The list state the rows are drawn from, and select through, or a tree\n   * state, which opens and closes them too.\n   */\n  readonly state: CollectionState<T>\n}\n\n/** One cell of the `FlatList`: a section's header, or a row. */\ntype Entry = {\n  readonly kind: 'header' | 'item'\n  readonly node: Node<unknown>\n}\n\n/**\n * The row of a drawer whose `href` is the route, and the rows it sits\n * under, at every depth.\n */\ntype RouteMark = {\n  readonly current: Key | null\n  readonly trail: ReadonlySet<Key>\n}\n\n/** What a `FlatList` reports when it cannot scroll to a row. */\ntype ScrollFailure = {\n  readonly averageItemLength: number\n  readonly index: number\n}\n\nconst CollectionContext = createContext<CollectionValue | null>(null)\n\n// Runs what a screen reader asks of a row: selecting it, or opening or\n// closing a tree's row, each where the row offers it.\nfunction accessibilityActionOf(actions: {\n  readonly collapse: (() => void) | undefined\n  readonly expand: (() => void) | undefined\n  readonly select: (() => void) | undefined\n}) {\n  return (event: AccessibilityActionEvent) => {\n    switch (event.nativeEvent.actionName) {\n      case 'collapse': {\n        actions.collapse?.()\n        break\n      }\n      case 'expand': {\n        actions.expand?.()\n        break\n      }\n      case 'select': {\n        actions.select?.()\n        break\n      }\n    }\n  }\n}\n\n/**\n * The parts nested in a part, a Section's rows or a Tree row's, walked as\n * React Stately's own Section walks them, which leaves each child its own\n * key rather than the one `Children.toArray` gives it. A condition left\n * false is no part: React hands a boolean or an undefined child over as\n * null.\n */\nfunction childElementsOf(children: ReactNode): ReactNode[] {\n  const elements: ReactNode[] = []\n\n  Children.forEach(children, (child) => {\n    if (child !== null) {\n      elements.push(child)\n    }\n  })\n\n  return elements\n}\n\n/**\n * The `FlatList` List and ListBox draw, from parts read off its children by\n * React Stately's list state. Inside an `Autocomplete`, it shows the rows the\n * search keeps and says how many there are to a screen reader, and a tap on\n * a row reaches it while the keyboard is up.\n */\nfunction Collection<T extends object = object>({\n  children,\n  defaultSelectedKeys,\n  disabledKeys,\n  disallowEmptySelection,\n  items,\n  onSelectionChange,\n  selectedKeys,\n  selectionMode = 'none',\n  ...props\n}: CollectionProps<T> & { readonly kind: CollectionKind }) {\n  const autocomplete = use(AutocompleteContext)\n  const matches = autocomplete?.matches\n  const filter = useMemo(\n    () => (matches === undefined ? undefined : filterOf<T>(matches)),\n    [matches],\n  )\n  const state = useListState<T>({\n    // Each part builds its own entry in the collection; see `rowNode` and\n    // the two beside it. The collection skips what is not an element, as a\n    // ReactNode may be, and asks any element for its entry.\n    // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- see above\n    children: children as StatelyListProps<T>['children'],\n    defaultSelectedKeys,\n    disabledKeys,\n    disallowEmptySelection,\n    filter,\n    items,\n    onSelectionChange,\n    selectedKeys,\n    selectionMode,\n  })\n\n  return <CollectionView<T> {...props} state={state} />\n}\n\n/**\n * The `FlatList` itself, drawn from a list state built elsewhere: by\n * `Collection` from its own props, or by a component whose state holds more\n * than a list's, as a Select's holds whether it is open and a Tree's which\n * rows are. `focusKey` names the\n * row whose node is handed to `onFocusTarget`, for a panel that sends a\n * screen reader to it as it opens.\n */\nfunction CollectionView<T extends object = object>({\n  contentContainerStyle,\n  focusKey = null,\n  keyboardShouldPersistTaps,\n  kind,\n  onAction,\n  onFocusTarget,\n  onLayout,\n  ref,\n  renderEmptyState = emptyState,\n  revealFocus = false,\n  selectedRoute,\n  selectLabel,\n  state,\n  style,\n  ...props\n}: CollectionViewProps<T>) {\n  const theme = useTheme()\n  const own = stylesOf(theme)\n  const autocomplete = use(AutocompleteContext)\n  const { entries, loader, rows, sticky } = useMemo(\n    () => entriesOf(state),\n    [state],\n  )\n  const route = useMemo(\n    () =>\n      kind === 'drawer'\n        ? routeMarkOf(state.collection, selectedRoute)\n        : undefined,\n    [kind, selectedRoute, state.collection],\n  )\n  const [list, setList] = useState<FlatList | null>(null)\n  const [revealed, setRevealed] = useState(false)\n  const focusIndex =\n    focusKey === null\n      ? -1\n      : entries.findIndex(\n          (entry) => entry.kind === 'item' && entry.node.key === focusKey,\n        )\n  const isList = kind === 'list'\n  const listStyle = composeStyles<ViewStyle>(\n    isList ? own.list : undefined,\n    style,\n  )\n  // oxlint-disable-next-line typescript/no-unsafe-assignment -- a node carries the props its part was written with, which React Stately types as `any`\n  const loadMore: CollectionLoadMoreProps | undefined = loader?.props\n  const isLoading = loadMore?.isLoading ?? false\n  const messages = useMessages()\n  // A List's own ground unless `style` gives it another.\n  const ground = isList\n    ? (StyleSheet.flatten(style)?.backgroundColor ?? theme.colors.surface)\n    : undefined\n  const value = useMemo<CollectionValue>(\n    () => ({\n      focusKey,\n      ground,\n      kind,\n      loadMore,\n      onAction,\n      onFocusTarget,\n      renderEmptyState,\n      route,\n      selectLabel: selectLabel ?? messages.select,\n      state,\n    }),\n    [\n      focusKey,\n      ground,\n      kind,\n      loadMore,\n      messages,\n      onAction,\n      onFocusTarget,\n      renderEmptyState,\n      route,\n      selectLabel,\n      state,\n    ],\n  )\n\n  return (\n    <CollectionContext value={value}>\n      <FlatList\n        {...props}\n        contentContainerStyle={composeStyles<ViewStyle>(\n          own.content,\n          contentContainerStyle,\n        )}\n        data={entries}\n        // Enough rows drawn at first to hold the one a screen reader is sent\n        // to, which has to be there to be sent to.\n        initialNumToRender={Math.max(INITIAL_ROWS, focusIndex + 1)}\n        keyboardShouldPersistTaps={\n          keyboardShouldPersistTaps ??\n          (autocomplete === null ? undefined : 'handled')\n        }\n        keyExtractor={keyOf}\n        ListEmptyComponent={isLoading ? undefined : EmptyState}\n        ListFooterComponent={loadMore === undefined ? undefined : LoaderRow}\n        onEndReached={loadMore === undefined ? undefined : loadMoreOf(loadMore)}\n        onEndReachedThreshold={loadMore?.scrollOffset ?? LOAD_OFFSET}\n        onLayout={revealOnLayout(onLayout, {\n          index: revealFocus && !revealed ? focusIndex : -1,\n          list,\n          setRevealed,\n        })}\n        onScrollToIndexFailed={scrollNear(list)}\n        ref={refsOf(setList, ref)}\n        renderItem={renderEntry}\n        stickyHeaderIndices={isList ? sticky : undefined}\n        style={listStyle}\n      />\n      {autocomplete === null ? null : <ResultsStatus count={rows} />}\n    </CollectionContext>\n  )\n}\n\n// What a drawer's row reports of being the current one. Native has no\n// counterpart to `aria-current`, so there the current row reports itself\n// selected, as NavigationBar's current destination does, which VoiceOver and\n// TalkBack both read out. Read as the row draws, as Breadcrumbs reads it.\nfunction currentState(current: boolean) {\n  if (Platform.OS !== 'web') {\n    return { 'aria-selected': current }\n  }\n  return current ? CURRENT_PAGE : undefined\n}\n\n/**\n * The muted row a list shows when nothing is in it: a row's box and\n * headline in on surface variant, with no press of its own.\n */\nfunction EmptyRow() {\n  const theme = useTheme()\n  const own = stylesOf(theme)\n  const headline = useTypeRole('bodyLarge')\n  const messages = useMessages()\n\n  return (\n    <View style={rowStyleOf(theme, {})}>\n      <NativeText style={composeStyles<TextStyle>(headline, own.empty)}>\n        {messages.noResults}\n      </NativeText>\n    </View>\n  )\n}\n\n// What the list shows when nothing is in it.\nfunction emptyState() {\n  return <EmptyRow />\n}\n\n// The list's empty state, as the component `ListEmptyComponent` takes.\nfunction EmptyState() {\n  return <>{useCollection().renderEmptyState()}</>\n}\n\n/**\n * The cells the `FlatList` draws, in order, where the headers among them\n * are, and how many rows there are: the rows outside any section, and each\n * section's header followed by its rows, with the rows under each open row\n * of a tree after it. The row that loads more is drawn after them all.\n */\nfunction entriesOf<T>(state: CollectionState<T>) {\n  const entries: Entry[] = []\n  const sticky: number[] = []\n  const open = expansionOf(state)?.expandedKeys\n  let loader: Node<T> | undefined\n  let rows = 0\n\n  const addRow = (row: Node<T>) => {\n    entries.push({ kind: 'item', node: row })\n    rows++\n    if (open?.has(row.key) === true) {\n      // oxlint-disable-next-line typescript/no-deprecated -- a tree's collection has no getChildren, and this is the field it reads a row's rows from itself\n      for (const child of row.childNodes) {\n        if (child.type === 'item') {\n          addRow(child)\n        }\n      }\n    }\n  }\n\n  for (const node of state.collection) {\n    if (node.type === 'loader') {\n      loader = node\n    } else if (node.type === 'section') {\n      if (hasContent(node.rendered)) {\n        sticky.push(entries.length)\n        entries.push({ kind: 'header', node })\n      }\n      const children =\n        state.collection.getChildren?.(node.key) ??\n        // oxlint-disable-next-line typescript/no-deprecated -- a fallback for a collection without getChildren\n        node.childNodes\n      for (const row of children) {\n        addRow(row)\n      }\n    } else {\n      addRow(node)\n    }\n  }\n\n  return { entries, loader, rows, sticky }\n}\n\n/**\n * The tree state a collection is drawn from, which says which rows are open\n * and opens and closes them, or null for a list's, as React Aria tells the\n * two apart.\n */\nfunction expansionOf<T>(state: CollectionState<T>): null | TreeState<T> {\n  return 'expandedKeys' in state ? state : null\n}\n\n/**\n * What a list inside an Autocomplete builds its collection from: the rows\n * the search keeps, each section with a row left in it, and the row that\n * loads more. Each node is copied rather than handed on, as React Stately's\n * ComboBox copies its own, since a collection numbers the nodes it holds.\n */\nfunction filterOf<T>(matches: AutocompleteValue['matches']) {\n  return (nodes: Iterable<Node<T>>) => keptOf(nodes, matches)\n}\n\n/**\n * The row a screen reader is sent to as a panel holding the list opens: the\n * first one chosen, or the first that takes a press where none is.\n */\nfunction focusKeyOf<T>(state: ListState<T>): Key | null {\n  const chosen = state.selectionManager.firstSelectedKey\n\n  if (chosen !== null) {\n    return chosen\n  }\n\n  for (const node of state.collection) {\n    if (node.type === 'item' && !state.disabledKeys.has(node.key)) {\n      return node.key\n    }\n\n    if (node.type === 'section') {\n      for (const row of state.collection.getChildren?.(node.key) ?? []) {\n        if (!state.disabledKeys.has(row.key)) {\n          return row.key\n        }\n      }\n    }\n  }\n\n  return null\n}\n\n// The `href` a drawer's row was written with.\nfunction hrefOf(node: Node<unknown>): string | undefined {\n  // oxlint-disable-next-line typescript/no-unsafe-assignment -- a node carries the props its row was written with, which React Stately types as `any`\n  const { href }: { readonly href?: string } = node.props\n  return href\n}\n\nfunction keptOf<T>(\n  nodes: Iterable<Node<T>>,\n  matches: AutocompleteValue['matches'],\n): Node<T>[] {\n  const kept: Node<T>[] = []\n\n  for (const node of nodes) {\n    if (node.type === 'section') {\n      // oxlint-disable-next-line typescript/no-deprecated -- a filter is handed the nodes before a collection holds them, so there is none to ask\n      const rows = keptOf(node.childNodes, matches)\n\n      if (rows.some((row) => row.type === 'item')) {\n        // oxlint-disable-next-line typescript/no-deprecated -- the field the collection reads a section's rows from\n        kept.push({ ...node, childNodes: rows })\n      }\n    } else if (node.type !== 'item' || matches(node.textValue, node)) {\n      kept.push({ ...node })\n    }\n  }\n\n  return kept\n}\n\n// A cell's key in the `FlatList`: a header's and a row's apart, since a\n// section's header carries the section's key.\nfunction keyOf({ kind, node }: Entry) {\n  return `${kind}:${String(node.key)}`\n}\n\n// The entry the collection holds for a `LoadMore` part.\nfunction* loaderNode(props: CollectionLoadMoreProps) {\n  yield { hasChildNodes: false, props, rendered: null, type: 'loader' }\n}\n\n/**\n * The row the `LoadMore` part draws: a live region, empty while idle and\n * holding the ring while loading. Android and React Native Web say what\n * arrives in it; iOS has no live regions, so the ring's name is said there\n * as it appears.\n */\nfunction LoaderRow() {\n  const own = stylesOf(useTheme())\n  const {\n    isLoading = false,\n    label,\n    style,\n    testID,\n  } = useCollection().loadMore ?? IDLE\n  const messages = useMessages()\n  const name = label ?? messages.loadingMore\n\n  useLoadingAnnouncement(isLoading, name)\n\n  return (\n    <View\n      aria-live=\"polite\"\n      style={composeStyles<ViewStyle>(\n        isLoading ? own.loading : styles.idle,\n        style,\n      )}\n      testID={testID}\n    >\n      {isLoading ? (\n        <ProgressIndicator\n          aria-label={name}\n          diameter={LOADING_DIAMETER}\n          isIndeterminate\n          variant=\"circular\"\n        />\n      ) : null}\n    </View>\n  )\n}\n\n// Asks for more as the reader nears the end, unless a load is under way.\nfunction loadMoreOf({\n  isLoading = false,\n  onLoadMore,\n}: CollectionLoadMoreProps) {\n  return () => {\n    if (!isLoading) {\n      onLoadMore?.()\n    }\n  }\n}\n\n// The entry the collection holds for a tree's `Item` part: keyed by the\n// row's `id`, carrying the props it is drawn from, and holding the rows\n// nested in it, which the collection reads only while the row is open. What\n// the row draws as its first line and what that is worth as text are the\n// part's own, a Tree's headline and a NavigationTree's label.\nfunction* nestedRowNode(\n  props: {\n    readonly 'aria-label'?: string\n    readonly children?: ReactNode\n    readonly id?: Key\n  },\n  rendered: ReactNode,\n  textValue: string,\n) {\n  const children = childElementsOf(props.children)\n\n  yield {\n    'aria-label': props['aria-label'],\n    *childNodes() {\n      for (const element of children) {\n        yield { element }\n      }\n    },\n    hasChildNodes: children.length > 0,\n    key: props.id,\n    props,\n    rendered,\n    textValue,\n    type: 'item',\n  }\n}\n\nfunction noop() {\n  // A press on a row with nothing to do runs the call site's `onPress` alone.\n}\n\n/**\n * The press handler of a row: the call site's own handler, then the row's.\n * Built by a call rather than written inline at the prop, which is what\n * react-perf's no-new-function-as-prop is after.\n */\nfunction pressThen(\n  onPress: PressableProps['onPress'],\n  then: (() => void) | undefined,\n) {\n  return (event: GestureResponderEvent) => {\n    onPress?.(event)\n    then?.()\n  }\n}\n\n// One cell, drawn as the part it came from.\nfunction renderEntry({ item }: ListRenderItemInfo<Entry>) {\n  return item.kind === 'header' ? (\n    <SectionHeader node={item.node} />\n  ) : (\n    <RowNode node={item.node} />\n  )\n}\n\n/**\n * How many rows a search leaves, said to a screen reader as it changes and\n * never drawn: in a polite live region on Android and under React Native\n * Web, and through `AccessibilityInfo` on iOS, which has no live regions,\n * so nothing is drawn there at all. A `count` of `null` says nothing, for a\n * list that is closed, so the count is said again as it opens.\n */\nfunction ResultsStatus({ count }: { readonly count: null | number }) {\n  const own = stylesOf(useTheme())\n  const locale = useLocaleOf(undefined)\n  const message = count === null ? '' : resultsFor(count, locale)\n\n  useResultsAnnouncement(message)\n\n  if (Platform.OS === 'ios') {\n    return null\n  }\n\n  return (\n    <View aria-live=\"polite\" style={styles.status}>\n      <NativeText style={own.status}>{message}</NativeText>\n    </View>\n  )\n}\n\n/**\n * The list's layout handler: the call site's own, then a scroll that brings\n * the row at `index` into view, once, where there is one to reveal. The row\n * goes to the bottom of the list where it was below the fold, and a row\n * already in view stays where it is: scrolled to put a row at the bottom, a\n * list never scrolls past its end, and one that would have to scroll back\n * above its start stays at the top.\n */\nfunction revealOnLayout(\n  onLayout: ((event: LayoutChangeEvent) => void) | undefined,\n  {\n    index,\n    list,\n    setRevealed,\n  }: {\n    readonly index: number\n    readonly list: FlatList | null\n    readonly setRevealed: (revealed: boolean) => void\n  },\n) {\n  return (event: LayoutChangeEvent) => {\n    onLayout?.(event)\n    if (index > 0 && list !== null) {\n      setRevealed(true)\n      list.scrollToIndex({ animated: false, index, viewPosition: 1 })\n    }\n  }\n}\n\n// The route's row among a drawer's rows, found through every row, open or\n// not, since a current row closed out of sight still marks its trail.\nfunction routeMarkOf<T>(\n  nodes: Iterable<Node<T>>,\n  selectedRoute: string | undefined,\n): RouteMark {\n  const trail: Key[] = []\n  const find = (level: Iterable<Node<T>>): Key | null => {\n    for (const node of level) {\n      if (node.type === 'item' && hrefOf(node) === selectedRoute) {\n        return node.key\n      }\n      if (node.type === 'item') {\n        trail.push(node.key)\n      }\n      // oxlint-disable-next-line typescript/no-deprecated -- a tree's collection holds only the rows on show, and the route may be under a closed one\n      const found = find(node.childNodes)\n\n      if (found !== null) {\n        return found\n      }\n      if (node.type === 'item') {\n        trail.pop()\n      }\n    }\n    return null\n  }\n  const current = selectedRoute === undefined ? null : find(nodes)\n\n  return { current, trail: new Set(current === null ? [] : trail) }\n}\n\n// How many rows the list holds, the ones inside sections among them.\nfunction rowCountOf<T>(state: ListState<T>) {\n  return entriesOf(state).rows\n}\n\n// The entry the collection holds for an `Item` part, as React Stately's own\n// `Item` gives one: keyed by the row's `id`, and carrying the props it is\n// drawn from.\nfunction* rowNode(props: CollectionRowProps) {\n  yield {\n    'aria-label': props['aria-label'],\n    hasChildNodes: false,\n    key: props.id,\n    props,\n    rendered: props.children,\n    textValue:\n      props.textValue ??\n      (typeof props.children === 'string' ? props.children : ''),\n    type: 'item',\n  }\n}\n\n/**\n * A row: the state layer, the ripple and the focus ring over the leading\n * slot, the lines and the trailing slot, on primary container while\n * selected, with a List's checkbox before them on a row that selects. A\n * Tree's row is indented by its depth and starts with its chevron, or a\n * chevron's space on a row with nothing under it. A row with nothing to do\n * on a press, in a collection that neither selects nor acts, is a `View`\n * that only presents.\n */\nfunction RowNode({ node }: { readonly node: Node<unknown> }) {\n  const theme = useTheme()\n  const own = stylesOf(theme)\n  const collection = useCollection()\n  const messages = useMessages()\n\n  // oxlint-disable-next-line typescript/no-unsafe-assignment -- a node carries the props its row was written with, which React Stately types as `any`\n  const {\n    children: _children,\n    headline: _headline,\n    href,\n    id: _id,\n    isDisabled: _isDisabled,\n    label: _label,\n    leading,\n    onAction,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onLongPress,\n    onPress,\n    onPressIn,\n    onPressOut,\n    overline,\n    ref,\n    style,\n    supporting,\n    textValue: _textValue,\n    trailing,\n    ...props\n  }: CollectionRowProps & {\n    readonly headline?: ReactNode\n    readonly href?: string\n    readonly label?: ReactNode\n  } = node.props\n  const isList = collection.kind === 'list'\n  const { route } = collection\n  const openLink = useOpenLink()\n  const { selectionManager } = collection.state\n  const tree = expansionOf(collection.state)\n  const { key } = node\n  const rowRef =\n    key === collection.focusKey ? refsOf(collection.onFocusTarget, ref) : ref\n  // The selection manager reads a row's own `isDisabled` off its entry,\n  // beside the list's `disabledKeys`, so it answers for both.\n  const disabled = selectionManager.isDisabled(key)\n  const checks = selectionManager.selectionMode !== 'none'\n  const selectable = selectionManager.canSelectItem(key)\n  const selected = checks && selectionManager.isSelected(key)\n  // A drawer's row whose `href` is the route, drawn as a selected row is,\n  // and the rows it sits under, whose labels are drawn bold.\n  const current = route?.current === key\n  const onTrail = route?.trail.has(key) === true\n  const marked = selected || current\n  const variant = route === undefined ? undefined : 'drawer'\n  // A tree's row with rows under it, which opens and closes.\n  const branch = tree !== null && node.hasChildNodes\n  const expanded = branch && tree.expandedKeys.has(key)\n  const toggle = toggleOf(tree, key)\n  const listAction = collection.onAction\n  // A row with an `href` goes there. Otherwise, React Aria's rule for a tree\n  // that neither selects nor acts: a press on a row with rows under it opens\n  // or closes it.\n  const action =\n    onAction ??\n    (href === undefined\n      ? listAction === undefined\n        ? branch && !checks\n          ? toggle\n          : undefined\n        : () => {\n            listAction(key)\n          }\n      : () => {\n          openLink(href)\n        })\n  // React Aria's rule for a touch press on a row that selects: the action\n  // while nothing is selected, the selection after.\n  const acts = action !== undefined && (!selectable || selectionManager.isEmpty)\n  // A List's row offers the select action wherever its checkbox does; a\n  // ListBox's option only where a press may run its action instead.\n  const offersSelect = selectable && (isList || action !== undefined)\n  // A row that opens offers the one of the two it can do, as web names its\n  // chevron, and a disabled one neither.\n  const opens = branch && !disabled\n  const select = () => {\n    selectionManager.select(key)\n  }\n  const content = rowContentColor(theme, {\n    isDisabled: disabled,\n    isSelected: marked,\n    variant,\n  })\n  const feedback = usePressFeedback({\n    color: content,\n    corners: route === undefined ? undefined : own.pill,\n    disabled,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onPressIn,\n    onPressOut,\n  })\n\n  const box =\n    isList && checks ? (\n      <SelectBox\n        isDisabled={disabled}\n        isSelected={selected}\n        onPress={acts && selectable ? select : undefined}\n      />\n    ) : null\n  const lead =\n    tree === null\n      ? box === null\n        ? leading\n        : withBox(box, leading, own.lead)\n      : treeLead({\n          box,\n          // The muted role at rest, as web draws the chevron, and the row's\n          // own colour where the muted role would not read.\n          chevron: branch ? (\n            <TreeChevron\n              color={\n                disabled || marked ? content : theme.colors.onSurfaceVariant\n              }\n              isDisabled={disabled}\n              isExpanded={expanded}\n              onPress={toggle}\n            />\n          ) : null,\n          indent: node.level * theme.spacing.xl,\n          leading,\n          style: own.lead,\n        })\n  const lines = (\n    <RowContent\n      isDisabled={disabled}\n      isEmphasized={onTrail}\n      isSelected={marked}\n      leading={lead}\n      overline={overline}\n      supporting={supporting}\n      trailing={trailing}\n      variant={variant}\n    >\n      {node.rendered}\n    </RowContent>\n  )\n  const rowStyle = rowStyleOf(theme, {\n    isSelected: marked,\n    overline,\n    supporting,\n    variant,\n  })\n  const accessibilityActions = [\n    ...(offersSelect\n      ? [{ label: collection.selectLabel, name: 'select' }]\n      : []),\n    ...(opens\n      ? [\n          expanded\n            ? { label: messages.collapse, name: 'collapse' }\n            : { label: messages.expand, name: 'expand' },\n        ]\n      : []),\n  ]\n\n  if (!checks && action === undefined && onPress === undefined) {\n    return (\n      <View\n        aria-disabled={disabled || undefined}\n        ref={rowRef}\n        style={composeStyles<ViewStyle>(rowStyle, style)}\n        testID={props.testID}\n      >\n        {lines}\n      </View>\n    )\n  }\n\n  return (\n    <Pressable\n      role={href === undefined ? 'button' : 'link'}\n      {...props}\n      {...(checks ? toggleState(selected) : undefined)}\n      {...(route === undefined ? undefined : currentState(current))}\n      {...(branch ? { 'aria-expanded': expanded } : undefined)}\n      {...(accessibilityActions.length > 0\n        ? {\n            accessibilityActions,\n            onAccessibilityAction: accessibilityActionOf({\n              collapse: opens && expanded ? toggle : undefined,\n              expand: opens && !expanded ? toggle : undefined,\n              select: offersSelect ? select : undefined,\n            }),\n          }\n        : undefined)}\n      {...feedback.handlers}\n      disabled={disabled}\n      onLongPress={\n        action !== undefined && selectable\n          ? pressThen(onLongPress, select)\n          : onLongPress\n      }\n      onPress={pressThen(onPress, acts ? action : selectable ? select : noop)}\n      ref={rowRef}\n      style={composeStyles<ViewStyle>(\n        rowStyle,\n        feedback.ring,\n        feedback.ring === undefined ? undefined : rowStyles.ring,\n        style,\n      )}\n    >\n      {feedback.layer}\n      {lines}\n    </Pressable>\n  )\n}\n\n/**\n * Where a row the list has not measured yet is reached: as far down as rows\n * of the average height would put it, which a `FlatList` asks for in place\n * of scrolling to a row it cannot place.\n */\nfunction scrollNear(list: FlatList | null) {\n  return ({ averageItemLength, index }: ScrollFailure) => {\n    list?.scrollToOffset({\n      animated: false,\n      offset: averageItemLength * index,\n    })\n  }\n}\n\n/**\n * A section's heading: on a List's ground, so the rows pass under it as it\n * sticks, and on none in a ListBox, where it scrolls with them.\n */\nfunction SectionHeader({ node }: { readonly node: Node<unknown> }) {\n  const own = stylesOf(useTheme())\n  const { ground, kind } = useCollection()\n  const drawer = kind === 'drawer'\n  // The lists page's subhead is title small, and the drawer page's label\n  // large.\n  const title = useTypeRole(drawer ? 'labelLarge' : 'titleSmall')\n\n  return (\n    <View\n      style={\n        ground === undefined\n          ? undefined\n          : composeStyles<ViewStyle>({ backgroundColor: ground })\n      }\n    >\n      <NativeText\n        role=\"heading\"\n        style={composeStyles<TextStyle>(\n          title,\n          drawer ? own.drawerHeader : own.header,\n        )}\n      >\n        {node.rendered}\n      </NativeText>\n    </View>\n  )\n}\n\n// The entry the collection holds for a `Section` part.\nfunction* sectionNode(props: CollectionSectionProps) {\n  const children = childElementsOf(props.children)\n\n  yield {\n    *childNodes() {\n      for (const element of children) {\n        yield { element }\n      }\n    },\n    hasChildNodes: true,\n    key: props.id,\n    props,\n    rendered: props.header,\n    type: 'section',\n  }\n}\n\n/**\n * The checkbox a List's selecting row draws, for the eye alone: the row is\n * what a screen reader hears and presses. On a row whose press runs an\n * action, a touch on the box selects instead, through a press of its own the\n * size of a 48dp target, hidden from the reader as the box is.\n */\nfunction SelectBox({\n  isDisabled,\n  isSelected,\n  onPress,\n}: {\n  readonly isDisabled: boolean\n  readonly isSelected: boolean\n  readonly onPress: (() => void) | undefined\n}) {\n  const drawn = (\n    <CheckboxBox\n      isDisabled={isDisabled}\n      isSelected={isSelected}\n      within={BOX_SLOT}\n    />\n  )\n\n  if (onPress === undefined) {\n    return <View style={styles.box}>{drawn}</View>\n  }\n\n  return (\n    <Pressable\n      accessible={false}\n      aria-hidden\n      disabled={isDisabled}\n      focusable={false}\n      hitSlop={hitSlop(BOX_SLOT, BOX_SLOT)}\n      onPress={onPress}\n      style={styles.box}\n      tabIndex={-1}\n    >\n      {drawn}\n    </Pressable>\n  )\n}\n\n/**\n * Opens a tree's row, or closes it when it is open. Built by a call rather\n * than written inline, which is what react-perf's\n * no-new-function-as-prop is after.\n */\nfunction toggleOf(tree: null | TreeState<unknown>, key: Key) {\n  return () => {\n    tree?.toggleKey(key)\n  }\n}\n\n/**\n * The chevron a Tree's row with rows under it draws, which opens and closes\n * it, for the eye and the finger alone: the row is what a screen reader\n * hears, and opens or closes through its actions. It takes a press of its\n * own the size of a 48dp target, and draws no state layer, since the row\n * around it already carries one.\n */\nfunction TreeChevron({\n  color,\n  isDisabled,\n  isExpanded,\n  onPress,\n}: {\n  readonly color: ColorValue\n  readonly isDisabled: boolean\n  readonly isExpanded: boolean\n  readonly onPress: () => void\n}) {\n  return (\n    <Pressable\n      accessible={false}\n      aria-hidden\n      disabled={isDisabled}\n      focusable={false}\n      hitSlop={hitSlop(BOX_SLOT, BOX_SLOT)}\n      onPress={onPress}\n      style={styles.box}\n      tabIndex={-1}\n    >\n      <ExpandChevron color={color} isExpanded={isExpanded} />\n    </Pressable>\n  )\n}\n\n/**\n * The leading slot of a Tree's row: its chevron, or the chevron's space on a\n * row with nothing under it so its headline lines up with one that opens,\n * then the checkbox of a tree that selects, then whatever the row was given,\n * all set in by the row's depth, a chevron's width a level.\n */\nfunction treeLead({\n  box,\n  chevron,\n  indent,\n  leading,\n  style,\n}: {\n  readonly box: ReactNode\n  readonly chevron: ReactNode\n  readonly indent: number\n  readonly leading: ReactNode\n  readonly style: StyleProp<ViewStyle>\n}): ReactNode {\n  return (\n    <View style={composeStyles<ViewStyle>(style, { marginStart: indent })}>\n      {chevron ?? <View style={styles.box} />}\n      {box}\n      {leading}\n    </View>\n  )\n}\n\n// The collection a cell is drawn in. Every cell is the `FlatList`'s, inside\n// the collection's own provider, so there always is one.\nfunction useCollection(): CollectionValue {\n  const collection = use(CollectionContext)\n\n  if (collection === null) {\n    throw new Error('A List or ListBox part is drawn by the one it is in.')\n  }\n  return collection\n}\n\n// Says the ring's name on iOS as it appears. A list loading as it mounts\n// says nothing, as a live region does not read what it was mounted holding.\nfunction useLoadingAnnouncement(isLoading: boolean, label: string) {\n  const was = useRef(isLoading)\n\n  useEffect(() => {\n    if (isLoading && !was.current && Platform.OS === 'ios') {\n      AccessibilityInfo.announceForAccessibility(label)\n    }\n    was.current = isLoading\n  }, [isLoading, label])\n}\n\n// Says how many rows are left on iOS each time the count changes. The count\n// a list mounts with is not said, as a live region does not read what it was\n// mounted holding, and an empty message says nothing.\nfunction useResultsAnnouncement(message: string) {\n  const was = useRef(message)\n\n  useEffect(() => {\n    if (message !== was.current && message !== '' && Platform.OS === 'ios') {\n      AccessibilityInfo.announceForAccessibility(message)\n    }\n    was.current = message\n  }, [message])\n}\n\n/**\n * The leading slot of a List's row that selects: the checkbox, then whatever\n * the row was given, in a row of their own so the two sit side by side.\n */\nfunction withBox(\n  box: ReactElement,\n  leading: ReactNode,\n  style: StyleProp<ViewStyle>,\n): ReactNode {\n  return hasContent(leading) ? (\n    <View style={style}>\n      {box}\n      {leading}\n    </View>\n  ) : (\n    box\n  )\n}\n\nexport {\n  Collection,\n  CollectionView,\n  focusKeyOf,\n  loaderNode,\n  nestedRowNode,\n  ResultsStatus,\n  rowCountOf,\n  rowNode,\n  sectionNode,\n}\nexport type {\n  CollectionKind,\n  CollectionLoadMoreProps,\n  CollectionProps,\n  CollectionRowProps,\n  CollectionSectionProps,\n  CollectionViewProps,\n}\n"],"mappings":"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"}

package/dist/color-thumb/index.js

@@ -0,0 +1,56 @@
+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";
+//#region src/color-thumb/index.tsx
+const RING = 2;
+const HAIRLINE = 1;
+const stylesOf = themedStyles(({ colors, radii, shadows }) => StyleSheet.create({
+	edge: {
+		borderColor: colors.outline,
+		borderRadius: radii.circle,
+		borderWidth: HAIRLINE,
+		height: 26,
+		width: 26
+	},
+	lifted: { boxShadow: shadows.elevation2 },
+	ring: {
+		borderColor: colors.surface,
+		borderRadius: radii.circle,
+		borderWidth: RING,
+		flexGrow: 1
+	}
+}));
+function ColorThumb(t0) {
+	const $ = c(7);
+	const { color, dragging } = t0;
+	const own = stylesOf(useTheme());
+	const T0 = View;
+	const t1 = composeStyles(own.edge, dragging ? own.lifted : void 0);
+	const T1 = View;
+	const t2 = composeStyles(own.ring, { backgroundColor: color.toString("css") });
+	let t3;
+	if ($[0] !== T1 || $[1] !== t2) {
+		t3 = /* @__PURE__ */ jsx(T1, { style: t2 });
+		$[0] = T1;
+		$[1] = t2;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== T0 || $[4] !== t1 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsx(T0, {
+			style: t1,
+			children: t3
+		});
+		$[3] = T0;
+		$[4] = t1;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	return t4;
+}
+//#endregion
+export { ColorThumb };
+
+//# sourceMappingURL=index.js.map

package/dist/color-thumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ViewStyle","Color","StyleSheet","View","useTheme","composeStyles","themedStyles","FILL","RING","HAIRLINE","stylesOf","colors","radii","shadows","create","edge","borderColor","outline","borderRadius","circle","borderWidth","height","width","lifted","boxShadow","elevation2","ring","surface","flexGrow","ColorThumb","t0","$","_c","color","dragging","own","T0","t1","undefined","T1","t2","backgroundColor","toString","t3","t4","_c"],"sources":["../../src/color-thumb/index.tsx"],"sourcesContent":["import type { ViewStyle } from 'react-native'\nimport type { Color } from 'react-stately'\n\nimport { StyleSheet, View } from 'react-native'\n\nimport { useTheme } from '../theme/scope'\nimport { composeStyles, themedStyles } from '../theme/styles'\n\n// The handle a colour slider draws, as kanso-ui's src/styles/color.ts draws\n// it: a 20dp circle filled with the colour at the point it sits on. The\n// component places it; everything here is the ring around that fill.\n//\n// **It is ringed rather than filled, because its fill is the value.** The\n// ring is what has to read, against every colour the track runs through, so\n// it is 2dp of surface with a 1dp hairline in outline outside it, which works\n// on a light ground and a dark one alike. Web draws the two as box shadows\n// and gives a forced palette a border in their place; here they are borders\n// from the start, which no platform mode drops. The fill is the inner view's\n// background, inside the surface ring, so a translucent colour shows the\n// track through it as web's does.\n//\n// While it is dragged it lifts to level 2, as web's does. That is decoration,\n// and the rings are what keep it apart from the track either way.\n\nconst FILL = 20\nconst RING = 2\nconst HAIRLINE = 1\n\nconst stylesOf = themedStyles(({ colors, radii, shadows }) =>\n  StyleSheet.create({\n    // The hairline, outside the ring.\n    edge: {\n      borderColor: colors.outline,\n      borderRadius: radii.circle,\n      borderWidth: HAIRLINE,\n      height: FILL + 2 * (RING + HAIRLINE),\n      width: FILL + 2 * (RING + HAIRLINE),\n    },\n    lifted: {\n      boxShadow: shadows.elevation2,\n    },\n    // The surface ring, with the colour inside it.\n    ring: {\n      borderColor: colors.surface,\n      borderRadius: radii.circle,\n      borderWidth: RING,\n      flexGrow: 1,\n    },\n  }),\n)\n\nfunction ColorThumb({\n  color,\n  dragging,\n}: {\n  /** The colour at the point the handle sits on. */\n  readonly color: Color\n  /** Whether the handle is being dragged, which lifts it. */\n  readonly dragging: boolean\n}) {\n  const own = stylesOf(useTheme())\n\n  return (\n    <View\n      style={composeStyles<ViewStyle>(\n        own.edge,\n        dragging ? own.lifted : undefined,\n      )}\n    >\n      <View\n        style={composeStyles<ViewStyle>(own.ring, {\n          backgroundColor: color.toString('css'),\n        })}\n      />\n    </View>\n  )\n}\n\nexport { ColorThumb }\n"],"mappings":";;;;;;AAyBA,MAAMQ,OAAO;AACb,MAAMC,WAAW;AAEjB,MAAMC,WAAWJ,cAAc,EAAEK,QAAQC,OAAOC,cAC9CX,WAAWY,OAAO;CAEhBC,MAAM;EACJC,aAAaL,OAAOM;EACpBC,cAAcN,MAAMO;EACpBC,aAAaX;EACbY,QAAQd;EACRe,OAAOf;CACT;CACAgB,QAAQ,EACNC,WAAWX,QAAQY,WACrB;CAEAC,MAAM;EACJV,aAAaL,OAAOgB;EACpBT,cAAcN,MAAMO;EACpBC,aAAaZ;EACboB,UAAU;CACZ;AACF,CAAC,CACH;AAEA,SAAAC,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAoB,MAAA,EAAAC,OAAAC,aAAAJ;CASlB,MAAAK,MAAYzB,SAASN,SAAS,CAAC;CAG5B,MAAAgC,KAAAjC;CACQ,MAAAkC,KAAAhC,cACL8B,IAAGpB,MACHmB,WAAWC,IAAGZ,SAAde,KAAAA,CACF;CAEC,MAAAC,KAAApC;CACQ,MAAAqC,KAAAnC,cAAyB8B,IAAGT,MAAO,EAAAe,iBACvBR,MAAKS,SAAU,KAAK,EACvC,CAAC;CAAC,IAAAC;CAAA,IAAAZ,EAAA,OAAAQ,MAAAR,EAAA,OAAAS,IAAA;EAHJG,KAAA,oBAAC,IAAD,EACS,OAAAH,GAEL,CAAA;EACFT,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;EAAAT,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,OAAAK,MAAAL,EAAA,OAAAM,MAAAN,EAAA,OAAAY,IAAA;EAVJC,KAAA,oBAAC,IAAD;GACS,OAAAP;GAKPM,UAAAA;EANG,CAAA;EAWEZ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAY;EAAAZ,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,OAXPa;AAWO"}

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

@@ -24,6 +24,8 @@ type ButtonProps = ButtonForm & Omit<PressableProps, 'children' | 'disabled' | '
    * `useIconStyle()`.
    */
   readonly icon?: ReactNode;
+  /** The key a ButtonGroup that selects reports the button by. */
+  readonly id?: string;
   /**
    * Draws the button disabled, and takes no presses.
    * @default false
@@ -44,7 +46,7 @@ type ButtonProps = ButtonForm & Omit<PressableProps, 'children' | 'disabled' | '
    * and type role. `md` is the page's default. The height is a floor, so a
    * label that wraps, or that the device's text size enlarges, grows the
    * button rather than running out of it.
-   * @default 'md'
+   * @default the size of the ButtonGroup around it, else 'md'
    */
   readonly size?: ButtonSize;
   readonly style?: StyleProp<ViewStyle>;
@@ -81,7 +83,7 @@ type ButtonVariant = 'elevated' | 'filled' | 'outlined' | 'text' | 'tonal';
  * target through `hitSlop`, which a `hitSlop` of the call site's own replaces.
  * `style`, `ref` and `testID` land on the `Pressable`.
  */
-declare function Button({ children, defaultSelected, delayLongPress, disableRipple, hitSlop: ownHitSlop, href, icon, isDisabled, isPending, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onLongPress, onPress, onPressIn, onPressOut, pendingLabel, ref, shape, size, slot, style, type, variant, ...props }: ButtonProps): import("react").JSX.Element;
+declare function Button({ accessibilityHint, children, defaultSelected, delayLongPress, disableRipple, hitSlop: ownHitSlop, href, icon, id, isDisabled: ownDisabled, isPending, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onLongPress, onPress, onPressIn, onPressOut, pendingLabel, ref, shape, size: ownSize, slot, style, type, variant, ...props }: ButtonProps): import("react").JSX.Element;
 //#endregion
 export { Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant };
 //# sourceMappingURL=index.d.ts.map