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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ComponentRef","ReactElement","ReactNode","Ref","ColorValue","GestureResponderEvent","LayoutChangeEvent","LayoutRectangle","NativeScrollEvent","NativeSyntheticEvent","PressableProps","StyleProp","TextStyle","ViewStyle","AnimatedStyle","Key","Node","Orientation","TabListState","TabListStateOptions","Children","createContext","isValidElement","use","useCallback","useEffect","useId","useRef","useState","I18nManager","Text","NativeText","Pressable","ScrollView","StyleSheet","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","useTabListState","IconStyle","ResolvedTheme","IconStyleContext","usePressFeedback","useLinkPress","withOpacity","useTheme","composeStyles","themedStyles","useTypeRole","Badge","Bar","layout","TabsLayout","orientation","variant","TabsVariant","Measured","label","tab","Placement","length","offset","TabsContextValue","bar","found","ids","state","TabsListElement","TabsListProps","children","item","T","items","Iterable","ref","style","testID","TabsPanelProps","id","TabsPanelsProps","TabsProps","defaultSelectedKey","disabledKeys","isDisabled","onSelectionChange","key","selectedKey","TabsTabProps","Omit","badge","href","icon","textValue","PRIMARY_THICKNESS","SECONDARY_THICKNESS","LEAST_INDICATOR","ICON_SIZE","STACKED_HEIGHT","SCROLLABLE_LEAST","SCROLLABLE_MOST","NO_MEASUREMENTS","ReadonlyMap","Map","NO_HEIGHTS","NO_TABS","TabsContext","PanelHeightContext","height","styles","create","atLeft","left","atRight","right","flexShrink","besideBar","flexGrow","minWidth","clip","overflow","alignItems","justifyContent","width","flexDirection","line","listVertical","rootVertical","row","scroll","tabScrollable","maxWidth","tabShared","flex","tabStacked","minHeight","tabVertical","text","textAlign","textVertical","stylesOf","colors","sizing","spacing","divider","backgroundColor","outlineVariant","bottom","pointerEvents","position","dividerVertical","end","top","indicator","primary","borderTopLeftRadius","borderTopRightRadius","indicatorSecondary","indicatorSecondaryVertical","indicatorVertical","borderBottomStartRadius","borderTopStartRadius","labelInline","gap","sm","labelStacked","xxs","lineBadged","xs","boxSizing","controlMd","paddingHorizontal","lg","ringStyles","ring","outlineOffset","Tabs","t0","$","_c","t1","t2","t3","undefined","t4","listOf","list","t5","props","t6","t7","t8","t9","contextOf","context","t10","t11","t12","t13","TabsList","ariaLabel","labelledBy","useTabs","theme","own","reduceMotion","measured","setMeasured","viewport","setViewport","scrolled","revealed","vertical","scrollable","selected","get","placementOf","placement","Symbol","for","part","previous","withMeasurement","measure","event","contentOffset","nativeEvent","current","y","x","onScroll","first","target","revealOffset","animated","scrollTo","collection","map","node","tabs","t14","t15","viewportOf","t16","TabsTab","_props","getCollectionNode","hasChildNodes","rendered","type","TabState","disabled","engaged","badgeFor","colorOf","stateLayerOpacity","onSurface","disabledContent","onSurfaceVariant","heightOf","report","iconStyleOf","color","size","Indicator","motion","placed","moved","set","timing","duration","durationMedium1","easing","bezier","easingEmphasized","motionStyle","transform","translateY","translateX","indicatorStyleOf","leftEdgeOf","ReturnType","isRTL","getConstants","doLeftAndRightSwapInRTL","child","toArray","nested","ListTab","onMeasure","role","onBlur","onFocus","onHoverIn","onHoverOut","onLayout","onPress","onPressIn","onPressOut","_id","_isDisabled","_textValue","selectionManager","feedback","pressedColor","press","hasIcon","stacked","hovered","pressed","after","T0","nameOf","tabIdOf","handlers","measureThen","selectThen","tabWidthOf","layer","T1","inset","Math","max","start","setSelectedKey","String","replaceAll","TabsPanel","shown","TabsPanels","heights","setHeights","next","withHeight","box","measuredHeight","value","Error","delete","known","List","Panel","Panels","Tab","_c","NativeText"],"sources":["../../../src/components/tabs/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactElement, ReactNode, Ref } from 'react'\nimport type {\n  ColorValue,\n  GestureResponderEvent,\n  LayoutChangeEvent,\n  LayoutRectangle,\n  NativeScrollEvent,\n  NativeSyntheticEvent,\n  PressableProps,\n  StyleProp,\n  TextStyle,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { Key, Node, Orientation } from 'react-stately'\nimport type {\n  TabListState,\n  TabListStateOptions,\n} from 'react-stately/useTabListState'\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  use,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react'\nimport {\n  I18nManager,\n  Text as NativeText,\n  Pressable,\n  ScrollView,\n  StyleSheet,\n  View,\n} from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useReducedMotion,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated'\nimport { useTabListState } from 'react-stately/useTabListState'\n\nimport type { IconStyle } from '../../glyphs/icon-style'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport { IconStyleContext } from '../../glyphs/icon-style'\nimport { usePressFeedback } from '../../press'\nimport { useLinkPress } from '../../router'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\nimport { Badge } from '../badge'\n\n// kanso-ui's Tabs: the tabs page's primary and secondary tabs, with the\n// panels they switch between. Both are a 48dp bar divided into equal\n// sections, with a 1dp outline-variant divider inside the bar along its\n// bottom edge.\n//\n// **Primary** draws the active tab in the primary role and, under its label,\n// a 3dp primary indicator rounded along its top. The indicator follows the\n// label rather than the tab, 2dp short of the label at either end and never\n// shorter than 24dp. A primary tab given an icon stacks the page's 24dp icon\n// over its label, 2dp apart, and the bar grows to the page's 64dp.\n//\n// **Secondary** is the strip that sits under a primary one. Its active tab\n// keeps the on-surface role, and its 2dp primary indicator spans the whole\n// tab. An icon sits before the label, 8dp from it, and the strip keeps its\n// 48dp.\n//\n// A badge sits on the icon where a primary tab stacks one, and 4dp after the\n// label anywhere else.\n//\n// **The bar is equal sections unless `layout` says otherwise.**\n// `layout=\"scrollable\"` gives each tab its label's width, between 72dp and\n// 264dp, in a bar that scrolls without a scroll indicator and brings the\n// selected tab into view, at once the first time and with the platform's\n// own scroll after that.\n//\n// **`orientation=\"vertical\"` turns the bar on its side**, as web does, since\n// the page draws no vertical tabs: the tabs stack, the divider runs down the\n// bar's end edge, and each indicator lies along that edge, 3dp and rounded\n// toward the tab on a primary bar, 2dp and square on a secondary one. The bar\n// sits beside the panels rather than above them.\n//\n// **The state is React Stately's `useTabListState`**, the one web's React Aria\n// keeps. `Tabs` finds its `Tabs.List` among its children, through any view or\n// fragment around it, and builds the state from the tabs written there, so\n// the selection, the first tab chosen when none is given and the disabled\n// keys behave as they do on web. Each `Tabs.Tab` gives the state its entry and\n// renders nothing itself: the list draws every tab from its entry.\n//\n// **The indicator is one view**, which moves to the selected tab's measured\n// place over medium1 on the emphasized curve, as web's shared element does,\n// and at once under reduced motion or when the bar itself is laid out again.\n// `Tabs.Panels` moves its height the same way, between the heights its\n// panels report.\n//\n// A tab is a `tab` reporting whether it is selected, inside a `tablist`, and\n// a panel is a `tabpanel` named by its tab. Touch has no arrow keys, so web's\n// `keyboardActivation` is not taken.\n//\n// **The label comes first in the tree and is drawn after the icon**, through\n// a reversed row or column, as src/navigation does it and for its reason: a\n// badge's count is text, and ahead of the label it put the count before the\n// name.\n\n/** The bar's three decisions, which every part reads from the root. */\ntype Bar = {\n  readonly layout: TabsLayout\n  readonly orientation: Orientation\n  readonly variant: TabsVariant\n}\n\n/** What a tab has reported of its place in the bar. */\ntype Measured = {\n  readonly label?: LayoutRectangle\n  readonly tab?: LayoutRectangle\n}\n\n/** Where the indicator lies along the bar's own axis. */\ntype Placement = {\n  readonly length: number\n  readonly offset: number\n}\n\ntype TabsContextValue = {\n  readonly bar: Bar\n  /** Whether a `Tabs.List` was found among the root's children. */\n  readonly found: boolean\n  /** The root's own id, which the tabs' and panels' ids start with. */\n  readonly ids: string\n  readonly state: TabListState<object>\n}\n\n/** How the bar shares its room among the tabs. */\ntype TabsLayout = 'fixed' | 'scrollable'\n\ntype TabsListElement = ReactElement<TabsListProps>\n\ntype TabsListProps<T extends object = object> = {\n  /** Names the bar, for a screen reader. */\n  readonly 'aria-label'?: string\n  /** Names the bar after the element with this id. */\n  readonly 'aria-labelledby'?: string\n  /**\n   * The tabs, as `Tabs.Tab` elements each given an `id`, or with `items` a\n   * function from an item to its tab.\n   */\n  readonly children?: ((item: T) => ReactElement) | ReactNode\n  /** The items to draw a tab for, through the function `children` is. */\n  readonly items?: Iterable<T>\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype TabsPanelProps = {\n  readonly children?: ReactNode\n  /**\n   * The key of the tab the panel belongs to, which is drawn while that tab\n   * is selected. A panel given none is drawn under whichever tab is.\n   */\n  readonly id?: Key\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype TabsPanelsProps = {\n  /** The `Tabs.Panel` elements, whose box moves between their heights. */\n  readonly children?: ReactNode\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n}\n\ntype TabsProps = {\n  /** The bar, as a `Tabs.List`, and the `Tabs.Panel` elements it switches. */\n  readonly children?: ReactNode\n  /** The tab selected at first, when the bar keeps its own selection. */\n  readonly defaultSelectedKey?: Key\n  /** The keys of the tabs that take no press, and draw disabled. */\n  readonly disabledKeys?: Iterable<Key>\n  /**\n   * Disables every tab.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * How the bar shares its room: `fixed` divides it into equal sections, and\n   * `scrollable` gives each tab its label's width in a bar that scrolls,\n   * which is the page's choice for more tabs than the room has sections for.\n   * @default 'fixed'\n   */\n  readonly layout?: TabsLayout\n  /** Called with the key of the tab that has just been selected. */\n  readonly onSelectionChange?: (key: Key) => void\n  /**\n   * Whether the bar runs across, above its panels, or down, beside them.\n   * @default 'horizontal'\n   */\n  readonly orientation?: Orientation\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /** The key of the selected tab, when the call site holds it. */\n  readonly selectedKey?: Key | null\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n  /**\n   * Which of the page's two tab bars this is: `primary` for the main one,\n   * `secondary` for a strip under a primary one.\n   * @default 'primary'\n   */\n  readonly variant?: TabsVariant\n}\n\ntype TabsTabProps = Omit<\n  PressableProps,\n  'children' | 'disabled' | 'id' | 'role' | 'style'\n> & {\n  /**\n   * A badge on the tab: `true` for the badges page's small dot, a number for\n   * the large badge holding it. It sits on a primary tab's icon, and after\n   * the label anywhere else. The badge is hidden from a screen reader, so say\n   * what it says in the tab's `aria-label` too: \"Second item, 3 new\".\n   */\n  readonly badge?: boolean | number\n  /** The tab's label. */\n  readonly children?: ReactNode\n  /** Where the tab goes when pressed, through the app's router. */\n  readonly href?: string\n  /**\n   * An icon with the label, at the page's 24dp: over it on a primary tab,\n   * whose bar grows to 64dp, and before it on a secondary one. The slot hands\n   * it its colour and size through `useIconStyle()`.\n   */\n  readonly icon?: ReactNode\n  /**\n   * The tab's key, which selection reports and its `Tabs.Panel` shares.\n   * Without one, a tab drawn from `items` takes its item's `id` or `key`.\n   */\n  readonly id?: Key\n  /**\n   * Draws the tab disabled, and it takes no press, as a key in the bar's\n   * `disabledKeys` does.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * The tab's text, for a label that is not a plain string. Read off\n   * `children` when it is one.\n   */\n  readonly textValue?: string\n}\n\n/** The tabs page's two styles of tab bar. */\ntype TabsVariant = 'primary' | 'secondary'\n\n// The page's thicknesses for the two indicators, and the least a primary one\n// is drawn at, which no token holds.\nconst PRIMARY_THICKNESS = 3\nconst SECONDARY_THICKNESS = 2\nconst LEAST_INDICATOR = 24\n\n// The page's 24dp icon, and the 64dp a primary bar grows to with one stacked\n// over a label. No sizing token holds 64.\nconst ICON_SIZE = 24\nconst STACKED_HEIGHT = 64\n\n// A scrollable bar's tab: MDC-Android's 72dp at the least and 264dp at the\n// most, as on web.\nconst SCROLLABLE_LEAST = 72\nconst SCROLLABLE_MOST = 264\n\nconst NO_MEASUREMENTS: ReadonlyMap<Key, Measured> = new Map()\nconst NO_HEIGHTS: ReadonlyMap<Key, number> = new Map()\nconst NO_TABS: ReactNode[] = []\n\nconst TabsContext = createContext<null | TabsContextValue>(null)\n\n// The heights the panels inside a `Tabs.Panels` report, by key. Null is no\n// box, and a panel then reports nothing.\nconst PanelHeightContext = createContext<\n  ((key: Key, height: number | undefined) => void) | null\n>(null)\n\nconst styles = StyleSheet.create({\n  // The bar's left edge, which a horizontal indicator is moved from, in the\n  // two spellings `leftEdgeOf` picks between.\n  atLeft: {\n    left: 0,\n  },\n  atRight: {\n    right: 0,\n  },\n  // A badge after the label, which keeps its size while the label narrows.\n  badge: {\n    flexShrink: 0,\n  },\n  // Beside a vertical bar a panel takes the rest of the row.\n  besideBar: {\n    flexGrow: 1,\n    flexShrink: 1,\n    minWidth: 0,\n  },\n  // What a box's height moves inside: its content lays out at its own height\n  // whatever the box is, which is what a panel's `onLayout` measures.\n  clip: {\n    overflow: 'hidden',\n  },\n  // The page's 24dp icon slot.\n  icon: {\n    alignItems: 'center',\n    flexShrink: 0,\n    height: ICON_SIZE,\n    justifyContent: 'center',\n    width: ICON_SIZE,\n  },\n  // A label longer than its tab narrows to fit inside it rather than pushing\n  // out past its padding.\n  label: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    flexShrink: 1,\n    minWidth: 0,\n  },\n  // The label's text and the badge after it.\n  line: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    flexShrink: 1,\n    minWidth: 0,\n  },\n  // A vertical bar holds its tabs in a column as wide as its widest.\n  listVertical: {\n    flexDirection: 'column',\n    flexShrink: 0,\n  },\n  // A vertical bar sits beside its panels.\n  rootVertical: {\n    flexDirection: 'row',\n  },\n  // A horizontal bar holds its tabs in a row.\n  row: {\n    flexDirection: 'row',\n  },\n  // A bar that scrolls takes the room the bar has, rather than its tabs'\n  // whole length.\n  scroll: {\n    flexGrow: 1,\n    flexShrink: 1,\n    minWidth: 0,\n  },\n  // A bar's tab in its scrolling form, as wide as its label.\n  tabScrollable: {\n    flexGrow: 0,\n    flexShrink: 0,\n    maxWidth: SCROLLABLE_MOST,\n    minWidth: SCROLLABLE_LEAST,\n  },\n  // An equal share of the bar, whatever its label measures.\n  tabShared: {\n    flex: 1,\n    minWidth: 0,\n  },\n  tabStacked: {\n    minHeight: STACKED_HEIGHT,\n  },\n  // A vertical bar's tab: one row of it, as tall as its content, with its\n  // label at the start.\n  tabVertical: {\n    justifyContent: 'flex-start',\n  },\n  text: {\n    flexShrink: 1,\n    textAlign: 'center',\n  },\n  textVertical: {\n    textAlign: 'auto',\n  },\n})\n\nconst stylesOf = themedStyles(({ colors, sizing, spacing }: ResolvedTheme) =>\n  StyleSheet.create({\n    // The divider, inside the bar along its bottom edge, so it is part of the\n    // 48 rather than a pixel under it, and the indicator is drawn over it.\n    divider: {\n      backgroundColor: colors.outlineVariant,\n      bottom: 0,\n      height: 1,\n      left: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n      right: 0,\n    },\n    // Down a vertical bar's end edge.\n    dividerVertical: {\n      backgroundColor: colors.outlineVariant,\n      bottom: 0,\n      end: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n      top: 0,\n      width: 1,\n    },\n    // Under the label along a horizontal bar, rounded along its top.\n    indicator: {\n      backgroundColor: colors.primary,\n      borderTopLeftRadius: PRIMARY_THICKNESS,\n      borderTopRightRadius: PRIMARY_THICKNESS,\n      bottom: 0,\n      height: PRIMARY_THICKNESS,\n      pointerEvents: 'none',\n      position: 'absolute',\n    },\n    // Across the whole tab, square.\n    indicatorSecondary: {\n      backgroundColor: colors.primary,\n      bottom: 0,\n      height: SECONDARY_THICKNESS,\n      pointerEvents: 'none',\n      position: 'absolute',\n    },\n    indicatorSecondaryVertical: {\n      backgroundColor: colors.primary,\n      end: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n      top: 0,\n      width: SECONDARY_THICKNESS,\n    },\n    // Along the tab's end edge, rounded toward the tab.\n    indicatorVertical: {\n      backgroundColor: colors.primary,\n      borderBottomStartRadius: PRIMARY_THICKNESS,\n      borderTopStartRadius: PRIMARY_THICKNESS,\n      end: 0,\n      pointerEvents: 'none',\n      position: 'absolute',\n      top: 0,\n      width: PRIMARY_THICKNESS,\n    },\n    // A secondary tab's icon before its label, 8dp from it. The label comes\n    // first in the tree, so the row runs backwards.\n    labelInline: {\n      flexDirection: 'row-reverse',\n      gap: spacing.sm,\n    },\n    // A primary tab's icon over its label, 2dp apart.\n    labelStacked: {\n      flexDirection: 'column-reverse',\n      gap: spacing.xxs,\n    },\n    // A badge 4dp after the label.\n    lineBadged: {\n      gap: spacing.xs,\n    },\n    // A minimum rather than a height, so the bar takes its tallest tab's:\n    // the row stretches every tab in it to one height.\n    tab: {\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      minHeight: sizing.controlMd,\n      paddingHorizontal: spacing.lg,\n    },\n  }),\n)\n\n// The focus ring, drawn inside the tab as web's is, so a focused tab shows\n// its whole ring rather than the half its neighbours cover.\nconst ringStyles = StyleSheet.create({\n  ring: {\n    outlineOffset: -2,\n  },\n})\n\n/**\n * A tab bar and the panels it switches between. Pass `selectedKey` with\n * `onSelectionChange` to hold the selection, or `defaultSelectedKey` to let\n * the bar keep its own. Each `Tabs.Tab` names the `Tabs.Panel` it shows\n * through a shared `id`, and a bar may stand alone without panels.\n *\n * ```tsx\n * <Tabs defaultSelectedKey=\"first\">\n *   <Tabs.List aria-label=\"Sections\">\n *     <Tabs.Tab id=\"first\">First item</Tabs.Tab>\n *     <Tabs.Tab id=\"second\">Second item</Tabs.Tab>\n *   </Tabs.List>\n *   <Tabs.Panel id=\"first\">\n *     <Text>Supporting line</Text>\n *   </Tabs.Panel>\n *   <Tabs.Panel id=\"second\">\n *     <Text>Supporting line</Text>\n *   </Tabs.Panel>\n * </Tabs>\n * ```\n *\n * Write the `Tabs.List` among the children of `Tabs`, inside any view or\n * fragment, rather than in a component of the call site's own: the bar is\n * found there, and its tabs are what the selection is built from.\n *\n * `style`, `ref` and `testID` land on the root view, the one a layout\n * positions.\n */\nfunction Tabs({\n  children,\n  defaultSelectedKey,\n  disabledKeys,\n  isDisabled,\n  layout = 'fixed',\n  onSelectionChange,\n  orientation = 'horizontal',\n  ref,\n  selectedKey,\n  style,\n  testID,\n  variant = 'primary',\n}: TabsProps) {\n  const list = listOf(children)\n  const state = useTabListState<object>({\n    // Each tab builds its own entry in the collection; see\n    // `TabsTab.getCollectionNode`. The collection skips what is not an\n    // element, as a ReactNode may be, and asks any element for its entry.\n    // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- see above\n    children: (list?.props.children ??\n      NO_TABS) as TabListStateOptions<object>['children'],\n    defaultSelectedKey,\n    disabledKeys,\n    isDisabled,\n    items: list?.props.items,\n    onSelectionChange,\n    selectedKey: selectedKey ?? undefined,\n  })\n  const ids = useId()\n  const context = contextOf(\n    { layout, orientation, variant },\n    list !== undefined,\n    ids,\n    state,\n  )\n\n  return (\n    <TabsContext value={context}>\n      <View\n        ref={ref}\n        style={composeStyles<ViewStyle>(\n          orientation === 'vertical' ? styles.rootVertical : undefined,\n          style,\n        )}\n        testID={testID}\n      >\n        {children}\n      </View>\n    </TabsContext>\n  )\n}\n\n/**\n * The bar: every tab, drawn from the entries its `Tabs.Tab` children gave\n * the root, with the divider and the indicator. Name it with `aria-label` or\n * `aria-labelledby`.\n *\n * `style`, `ref` and `testID` land on the bar's own view.\n */\nfunction TabsList<T extends object = object>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': labelledBy,\n  ref,\n  style,\n  testID,\n}: TabsListProps<T>) {\n  const { bar, ids, state } = useTabs('Tabs.List', true)\n  const theme = useTheme()\n  const own = stylesOf(theme)\n  const reduceMotion = useReducedMotion()\n  const [measured, setMeasured] = useState(NO_MEASUREMENTS)\n  const [viewport, setViewport] = useState(0)\n  const scroll = useRef<ComponentRef<typeof ScrollView>>(null)\n  const scrolled = useRef(0)\n  // The key last brought into view, and undefined until one has been, which\n  // is what makes the first reveal instant.\n  const revealed = useRef<Key | null | undefined>(undefined)\n  const vertical = bar.orientation === 'vertical'\n  const scrollable = bar.layout === 'scrollable'\n  const { selectedKey } = state\n  const selected = selectedKey === null ? undefined : measured.get(selectedKey)\n  const placement = placementOf(bar, selected, theme.spacing.xxs)\n\n  const measure = useCallback(\n    (key: Key, part: keyof Measured, layout: LayoutRectangle) => {\n      setMeasured((previous) => withMeasurement(previous, key, part, layout))\n    },\n    [],\n  )\n\n  // Keeps how far the bar has scrolled, for the next reveal to measure from.\n  const onScroll = useCallback(\n    (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n      const { contentOffset } = event.nativeEvent\n      scrolled.current = vertical ? contentOffset.y : contentOffset.x\n    },\n    [vertical],\n  )\n\n  // Brings the selected tab into view in a bar that scrolls, as it becomes\n  // the selected one.\n  useEffect(() => {\n    const tab = selected?.tab\n\n    if (\n      !scrollable ||\n      tab === undefined ||\n      viewport === 0 ||\n      revealed.current === selectedKey\n    ) {\n      return\n    }\n\n    const first = revealed.current === undefined\n    revealed.current = selectedKey\n\n    const target = revealOffset(\n      scrolled.current,\n      viewport,\n      vertical ? tab.y : tab.x,\n      vertical ? tab.height : tab.width,\n    )\n\n    if (target !== undefined) {\n      const animated = !first && !reduceMotion\n      scroll.current?.scrollTo(\n        vertical ? { animated, y: target } : { animated, x: target },\n      )\n    }\n  }, [reduceMotion, scrollable, selected, selectedKey, vertical, viewport])\n\n  const tabs = (\n    <>\n      {[...state.collection].map((node) => (\n        <ListTab\n          bar={bar}\n          ids={ids}\n          key={node.key}\n          node={node}\n          onMeasure={measure}\n          state={state}\n        />\n      ))}\n      {placement === undefined ? null : (\n        <Indicator bar={bar} placement={placement} selectedKey={selectedKey} />\n      )}\n    </>\n  )\n\n  return (\n    <View\n      aria-label={ariaLabel}\n      aria-labelledby={labelledBy}\n      ref={ref}\n      role=\"tablist\"\n      style={composeStyles<ViewStyle>(\n        vertical ? styles.listVertical : styles.row,\n        style,\n      )}\n      testID={testID}\n    >\n      <View style={vertical ? own.dividerVertical : own.divider} />\n      {scrollable ? (\n        <ScrollView\n          horizontal={!vertical}\n          onLayout={viewportOf(setViewport, vertical)}\n          onScroll={onScroll}\n          ref={scroll}\n          scrollEventThrottle={16}\n          showsHorizontalScrollIndicator={false}\n          showsVerticalScrollIndicator={false}\n          style={styles.scroll}\n        >\n          {tabs}\n        </ScrollView>\n      ) : (\n        tabs\n      )}\n    </View>\n  )\n}\n\n/**\n * One tab of a `Tabs.List`, which draws it: the root builds its selection\n * from these, so one renders nothing on its own. Give every tab an `id`,\n * which is the key selection reports and its `Tabs.Panel` shares.\n */\nfunction TabsTab(_props: TabsTabProps): null {\n  return null\n}\n\n// The entry the root's collection holds for a tab, as React Stately's own\n// `Item` gives one: keyed by the tab's `id`, and carrying the props the bar\n// draws it from.\nTabsTab.getCollectionNode = function* getCollectionNode(props: TabsTabProps) {\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\ntype TabState = {\n  readonly disabled: boolean\n  readonly engaged: boolean\n  readonly selected: boolean\n}\n\n// The badge, which wraps the icon where a primary tab stacks one and stands\n// after the label anywhere else: `true` for the small dot, a number for the\n// large badge, and nothing for `false`.\nfunction badgeFor(\n  badge: boolean | number | undefined,\n  icon?: ReactNode,\n): ReactNode {\n  if (badge === undefined || badge === false) {\n    return icon ?? null\n  }\n  return (\n    <Badge\n      count={badge === true ? undefined : badge}\n      style={icon === undefined ? styles.badge : undefined}\n    >\n      {icon}\n    </Badge>\n  )\n}\n\n/**\n * The colour a tab draws its label and icon in: primary for the active tab\n * of a primary bar and on surface for a secondary one's, on surface for an\n * inactive tab a pointer, a focus or a press engages, on surface variant at\n * rest, and on surface at the disabled content opacity while disabled.\n */\nfunction colorOf(\n  { colors, stateLayerOpacity }: ResolvedTheme,\n  variant: TabsVariant,\n  { disabled, engaged, selected }: TabState,\n): string {\n  if (disabled) {\n    return withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n  }\n  if (selected) {\n    return variant === 'primary' ? colors.primary : colors.onSurface\n  }\n  return engaged ? colors.onSurface : colors.onSurfaceVariant\n}\n\n// Built by a call rather than written inline at the prop, which is what\n// react-perf's jsx-no-new-object-as-prop is after; the React Compiler\n// memoises the result on its inputs.\nfunction contextOf(\n  bar: Bar,\n  found: boolean,\n  ids: string,\n  state: TabListState<object>,\n): TabsContextValue {\n  return { bar, found, ids, state }\n}\n\n// A panel's `onLayout` inside a `Tabs.Panels`, which reports its height, and\n// none outside one.\nfunction heightOf(\n  report: ((key: Key, height: number | undefined) => void) | null,\n  key: Key,\n) {\n  if (report === null) {\n    return undefined\n  }\n  return (event: LayoutChangeEvent) => {\n    report(key, event.nativeEvent.layout.height)\n  }\n}\n\nfunction iconStyleOf(color: ColorValue): IconStyle {\n  return { color, size: ICON_SIZE }\n}\n\n/**\n * The active indicator: one view, which moves to the selected tab's place\n * when the selection does, and is put there at once when the bar is only\n * laid out again.\n */\nfunction Indicator({\n  bar,\n  placement,\n  selectedKey,\n}: {\n  readonly bar: Bar\n  readonly placement: Placement\n  readonly selectedKey: Key | null\n}) {\n  const theme = useTheme()\n  const { motion } = theme\n  const own = stylesOf(theme)\n  const reduceMotion = useReducedMotion()\n  const offset = useSharedValue(placement.offset)\n  const length = useSharedValue(placement.length)\n  const placed = useRef(selectedKey)\n  const vertical = bar.orientation === 'vertical'\n\n  useEffect(() => {\n    const moved = placed.current !== selectedKey\n    placed.current = selectedKey\n\n    if (!moved || reduceMotion) {\n      offset.set(placement.offset)\n      length.set(placement.length)\n      return\n    }\n\n    const timing = {\n      duration: motion.durationMedium1,\n      easing: Easing.bezier(...motion.easingEmphasized),\n    }\n    offset.set(withTiming(placement.offset, timing))\n    length.set(withTiming(placement.length, timing))\n  }, [\n    length,\n    motion,\n    offset,\n    placement.length,\n    placement.offset,\n    reduceMotion,\n    selectedKey,\n  ])\n\n  const motionStyle = useAnimatedStyle(() => {\n    'worklet'\n    return vertical\n      ? { height: length.get(), transform: [{ translateY: offset.get() }] }\n      : { transform: [{ translateX: offset.get() }], width: length.get() }\n  })\n\n  return (\n    <Animated.View\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        indicatorStyleOf(own, bar),\n        vertical ? undefined : leftEdgeOf(),\n        motionStyle,\n      )}\n    />\n  )\n}\n\nfunction indicatorStyleOf(own: ReturnType<typeof stylesOf>, bar: Bar) {\n  if (bar.variant === 'primary') {\n    return bar.orientation === 'vertical'\n      ? own.indicatorVertical\n      : own.indicator\n  }\n  return bar.orientation === 'vertical'\n    ? own.indicatorSecondaryVertical\n    : own.indicatorSecondary\n}\n\n/**\n * The style that puts a horizontal indicator at the bar's left edge, which is\n * where a layout measures a tab's `x` from in either direction, so that the\n * indicator's translation is the tab's own `x`. React Native swaps `left` and\n * `right` under a right-to-left layout unless the app turns that off, so\n * there `right` is the one naming the left edge. React Native Web reports no\n * right-to-left layout here and keeps `left` where CSS has it.\n */\nfunction leftEdgeOf() {\n  return I18nManager.isRTL && I18nManager.getConstants().doLeftAndRightSwapInRTL\n    ? styles.atRight\n    : styles.atLeft\n}\n\n// The `Tabs.List` among the root's children, looked for through any element\n// around it, a view or a fragment alike, though never inside another `Tabs`,\n// whose bar is its own. A function child, which some components take, is\n// skipped, as `Children.toArray` skips it.\nfunction listOf(children: ReactNode): TabsListElement | undefined {\n  for (const child of Children.toArray(children)) {\n    if (isValidElement<TabsListProps>(child) && child.type === TabsList) {\n      return child\n    }\n    if (\n      isValidElement<{ children?: ReactNode }>(child) &&\n      child.type !== Tabs\n    ) {\n      const nested = listOf(child.props.children)\n\n      if (nested !== undefined) {\n        return nested\n      }\n    }\n  }\n  return undefined\n}\n\n/**\n * One tab as the bar draws it, from its entry in the collection: a `tab`\n * that selects itself when pressed, and reports where it and its label lie\n * so the indicator can follow them.\n */\nfunction ListTab({\n  bar,\n  ids,\n  node,\n  onMeasure,\n  state,\n}: {\n  readonly bar: Bar\n  readonly ids: string\n  readonly node: Node<object>\n  readonly onMeasure: (\n    key: Key,\n    part: keyof Measured,\n    layout: LayoutRectangle,\n  ) => void\n  readonly state: TabListState<object>\n}) {\n  const theme = useTheme()\n  const own = stylesOf(theme)\n  const role = useTypeRole('titleSmall')\n  // A node carries the props its tab was written with, which\n  // `getCollectionNode` puts there and React Stately types as `any`.\n  // oxlint-disable-next-line typescript/no-unsafe-assignment -- see above\n  const {\n    'aria-label': ariaLabel,\n    badge,\n    children,\n    href,\n    icon,\n    id: _id,\n    isDisabled: _isDisabled,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onLayout,\n    onPress,\n    onPressIn,\n    onPressOut,\n    ref,\n    style,\n    textValue: _textValue,\n    ...props\n  }: TabsTabProps = node.props\n  const { key } = node\n  // The selection manager reads a tab's own `isDisabled` off its node, beside\n  // the bar's `disabledKeys`, so it answers for both.\n  const disabled = state.isDisabled || state.selectionManager.isDisabled(key)\n  const selected = state.selectedKey === key\n  const { variant } = bar\n  const feedback = usePressFeedback({\n    color:\n      variant === 'primary' && selected\n        ? theme.colors.primary\n        : theme.colors.onSurface,\n    disabled,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onPressIn,\n    onPressOut,\n    pressedColor:\n      variant === 'primary' ? theme.colors.primary : theme.colors.onSurface,\n  })\n  const press = useLinkPress(href, onPress)\n  const vertical = bar.orientation === 'vertical'\n  const hasIcon = icon !== undefined && icon !== null\n  const stacked = hasIcon && variant === 'primary'\n  const color = colorOf(theme, variant, {\n    disabled,\n    engaged:\n      feedback.hovered || feedback.pressed || feedback.ring !== undefined,\n    selected,\n  })\n  const after = stacked ? null : badgeFor(badge)\n  const text = (\n    <NativeText\n      numberOfLines={stacked ? 1 : 2}\n      style={composeStyles<TextStyle>(\n        role,\n        styles.text,\n        vertical ? styles.textVertical : undefined,\n        { color },\n      )}\n    >\n      {children}\n    </NativeText>\n  )\n\n  return (\n    <Pressable\n      aria-label={ariaLabel ?? nameOf(children)}\n      aria-selected={selected}\n      id={tabIdOf(ids, key)}\n      ref={ref}\n      role=\"tab\"\n      {...props}\n      {...feedback.handlers}\n      disabled={disabled}\n      onLayout={measureThen(onMeasure, key, 'tab', onLayout)}\n      onPress={selectThen(state, key, press)}\n      style={composeStyles<ViewStyle>(\n        own.tab,\n        vertical ? styles.tabVertical : tabWidthOf(bar.layout),\n        stacked ? styles.tabStacked : undefined,\n        feedback.ring,\n        feedback.ring === undefined ? undefined : ringStyles.ring,\n        style,\n      )}\n    >\n      {feedback.layer}\n      <View\n        onLayout={measureThen(onMeasure, key, 'label')}\n        style={composeStyles<ViewStyle>(\n          styles.label,\n          hasIcon ? (stacked ? own.labelStacked : own.labelInline) : undefined,\n        )}\n      >\n        {after === null ? (\n          text\n        ) : (\n          <View style={composeStyles<ViewStyle>(styles.line, own.lineBadged)}>\n            {text}\n            {after}\n          </View>\n        )}\n        {hasIcon ? (\n          <View style={styles.icon}>\n            <IconStyleContext value={iconStyleOf(color)}>\n              {stacked ? badgeFor(badge, icon) : icon}\n            </IconStyleContext>\n          </View>\n        ) : null}\n      </View>\n    </Pressable>\n  )\n}\n\n// A tab's or a label's `onLayout`, which reports its place to the bar, then\n// calls the call site's own.\nfunction measureThen(\n  onMeasure: (key: Key, part: keyof Measured, layout: LayoutRectangle) => void,\n  key: Key,\n  part: keyof Measured,\n  onLayout?: ((event: LayoutChangeEvent) => void) | null,\n) {\n  return (event: LayoutChangeEvent) => {\n    onMeasure(key, part, event.nativeEvent.layout)\n    onLayout?.(event)\n  }\n}\n\n// A label that is a string names its tab; anything else leaves the name to\n// `aria-label`.\nfunction nameOf(children: ReactNode): string | undefined {\n  return typeof children === 'string' ? children : undefined\n}\n\n/**\n * Where the indicator lies along the bar, from the selected tab's measured\n * place: under its label on a horizontal primary bar, 2dp short of it at\n * either end and at least 24dp, and along the tab's whole length on a\n * secondary bar. Down a vertical bar the same two, along the tab's height.\n * Nothing until what it follows has been measured.\n */\nfunction placementOf(\n  { orientation, variant }: Bar,\n  measured: Measured | undefined,\n  inset: number,\n): Placement | undefined {\n  const tab = measured?.tab\n\n  if (tab === undefined) {\n    return undefined\n  }\n\n  if (orientation === 'vertical') {\n    if (variant === 'secondary') {\n      return { length: tab.height, offset: tab.y }\n    }\n    const length = Math.max(LEAST_INDICATOR, tab.height - 2 * inset)\n    return { length, offset: tab.y + (tab.height - length) / 2 }\n  }\n\n  if (variant === 'secondary') {\n    return { length: tab.width, offset: tab.x }\n  }\n\n  const label = measured?.label\n\n  if (label === undefined) {\n    return undefined\n  }\n\n  const length = Math.max(LEAST_INDICATOR, label.width - 2 * inset)\n  return { length, offset: tab.x + label.x + (label.width - length) / 2 }\n}\n\n// How far to scroll a bar so a tab lies whole inside it, or nothing when it\n// already does: to its start when it is cut off there, and to its end when\n// it is cut off at the end.\nfunction revealOffset(\n  scrolled: number,\n  viewport: number,\n  start: number,\n  size: number,\n): number | undefined {\n  if (start < scrolled) {\n    return start\n  }\n  if (start + size > scrolled + viewport) {\n    return start + size - viewport\n  }\n  return undefined\n}\n\n// A press's selection of its tab, then the call site's own handler and the\n// tab's `href`.\nfunction selectThen(\n  state: TabListState<object>,\n  key: Key,\n  press: (event: GestureResponderEvent) => void,\n) {\n  return (event: GestureResponderEvent) => {\n    state.setSelectedKey(key)\n    press(event)\n  }\n}\n\n// The id a tab carries for its panel to be named by. Whitespace is taken out\n// of the key, as React Aria does, since a name list is split on it.\nfunction tabIdOf(ids: string, key: Key) {\n  return `${ids}-tab-${String(key).replaceAll(/\\s+/gu, '')}`\n}\n\n/**\n * The content of one tab, drawn while its tab is selected. Its `id` is the\n * tab's.\n *\n * `style`, `ref` and `testID` land on the panel's own view.\n */\nfunction TabsPanel({ children, id, ref, style, testID }: TabsPanelProps) {\n  const { bar, ids, state } = useTabs('Tabs.Panel')\n  const report = use(PanelHeightContext)\n  const key = id ?? state.selectedKey\n  const shown = key !== null && key === state.selectedKey\n\n  // A panel's height is forgotten once it is no longer drawn, so the box\n  // waits for the next one's own rather than moving to a height measured\n  // the last time it was shown.\n  useEffect(() => {\n    if (report === null || !shown) {\n      return undefined\n    }\n    return () => {\n      report(key, undefined)\n    }\n  }, [key, report, shown])\n\n  if (!shown) {\n    return null\n  }\n\n  return (\n    <View\n      aria-labelledby={tabIdOf(ids, key)}\n      onLayout={heightOf(report, key)}\n      ref={ref}\n      role=\"tabpanel\"\n      style={composeStyles<ViewStyle>(\n        bar.orientation === 'vertical' ? styles.besideBar : undefined,\n        style,\n      )}\n      testID={testID}\n    >\n      {children}\n    </View>\n  )\n}\n\n/**\n * An optional box around the panels, which moves its height as one panel\n * gives way to the next, over medium1 on the emphasized curve and at once\n * under reduced motion. Without it the panels still work; the box around\n * them simply jumps from one height to the other.\n *\n * `style`, `ref` and `testID` land on the box.\n */\nfunction TabsPanels({ children, ref, style, testID }: TabsPanelsProps) {\n  const { bar, state } = useTabs('Tabs.Panels')\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const [heights, setHeights] = useState(NO_HEIGHTS)\n  const height = useSharedValue(-1)\n  // The key the box last took its height from, and undefined until it has\n  // taken one, which is what keeps the first height from moving.\n  const placed = useRef<Key | null | undefined>(undefined)\n  const { selectedKey } = state\n  const target = selectedKey === null ? undefined : heights.get(selectedKey)\n\n  const report = useCallback((key: Key, next: number | undefined) => {\n    setHeights((previous) => withHeight(previous, key, next))\n  }, [])\n\n  useEffect(() => {\n    if (target === undefined) {\n      return\n    }\n\n    const moved = placed.current !== undefined && placed.current !== selectedKey\n    placed.current = selectedKey\n\n    height.set(\n      moved && !reduceMotion\n        ? withTiming(target, {\n            duration: motion.durationMedium1,\n            easing: Easing.bezier(...motion.easingEmphasized),\n          })\n        : target,\n    )\n  }, [height, motion, reduceMotion, selectedKey, target])\n\n  // Before a panel has reported its height the box takes its content's own.\n  const box = useAnimatedStyle(() => {\n    'worklet'\n    const measuredHeight = height.get()\n\n    return measuredHeight < 0 ? {} : { height: measuredHeight }\n  })\n\n  return (\n    <PanelHeightContext value={report}>\n      <Animated.View\n        ref={ref}\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.clip,\n          bar.orientation === 'vertical' ? styles.besideBar : undefined,\n          box,\n          style,\n        )}\n        testID={testID}\n      >\n        <View>{children}</View>\n      </Animated.View>\n    </PanelHeightContext>\n  )\n}\n\nfunction tabWidthOf(layout: TabsLayout) {\n  return layout === 'scrollable' ? styles.tabScrollable : styles.tabShared\n}\n\nfunction useTabs(part: string, list = false): TabsContextValue {\n  const value = use(TabsContext)\n  if (value === null) {\n    throw new Error(`${part} is drawn inside Tabs.`)\n  }\n  if (list && !value.found) {\n    throw new Error(\n      'Tabs.List is written among the children of Tabs, inside any view or fragment, rather than in a component of its own.',\n    )\n  }\n  return value\n}\n\n// The bar's `onLayout` while it scrolls, which keeps how much of it shows.\nfunction viewportOf(\n  setViewport: (viewport: number) => void,\n  vertical: boolean,\n) {\n  return (event: LayoutChangeEvent) => {\n    const { height, width } = event.nativeEvent.layout\n    setViewport(vertical ? height : width)\n  }\n}\n\nfunction withHeight(\n  previous: ReadonlyMap<Key, number>,\n  key: Key,\n  height: number | undefined,\n): ReadonlyMap<Key, number> {\n  if (previous.get(key) === height) {\n    return previous\n  }\n  const next = new Map(previous)\n  if (height === undefined) {\n    next.delete(key)\n  } else {\n    next.set(key, height)\n  }\n  return next\n}\n\nfunction withMeasurement(\n  previous: ReadonlyMap<Key, Measured>,\n  key: Key,\n  part: keyof Measured,\n  layout: LayoutRectangle,\n): ReadonlyMap<Key, Measured> {\n  const known = previous.get(key)?.[part]\n  if (\n    known !== undefined &&\n    known.x === layout.x &&\n    known.y === layout.y &&\n    known.width === layout.width &&\n    known.height === layout.height\n  ) {\n    return previous\n  }\n  const next = new Map(previous)\n  next.set(key, { ...previous.get(key), [part]: layout })\n  return next\n}\n\nTabs.List = TabsList\nTabs.Panel = TabsPanel\nTabs.Panels = TabsPanels\nTabs.Tab = TabsTab\n\nexport { Tabs, TabsList, TabsPanel, TabsPanels, TabsTab }\nexport type {\n  TabsLayout,\n  TabsListProps,\n  TabsPanelProps,\n  TabsPanelsProps,\n  TabsProps,\n  TabsTabProps,\n  TabsVariant,\n}\n"],"mappings":"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"}

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

@@ -38,7 +38,7 @@ type TextProps$1 = TextProps & {
  * rather than an element. `style`, `ref` and `testID` land on React Native's
  * own Text.
  */
-declare function Text$1({ style, tone, variant, ...props }: TextProps$1): import("react").JSX.Element;
+declare function Text$1({ children, style, tone, variant, ...props }: TextProps$1): import("react").JSX.Element;
 //#endregion
 export { Text$1 as Text, type TextProps$1 as TextProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text/index.js

@@ -1,6 +1,8 @@
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useTypeRole } from "../../typography/roles.js";
+import { TextSizeContext } from "../../typography/size.js";
+import { sentenceLabel } from "../keycap/index.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text } from "react-native";
 import { jsx } from "react/jsx-runtime";
@@ -36,41 +38,67 @@ const stylesOf = themedStyles(({ colors }) => StyleSheet.create({
 * own Text.
 */
 function Text$1(t0) {
-	const $ = c(9);
+	const $ = c(18);
+	let children;
 	let props;
 	let style;
 	let t1;
 	let t2;
 	if ($[0] !== t0) {
-		({style, tone: t1, variant: t2, ...props} = t0);
+		({children, style, tone: t1, variant: t2, ...props} = t0);
 		$[0] = t0;
-		$[1] = props;
-		$[2] = style;
-		$[3] = t1;
-		$[4] = t2;
+		$[1] = children;
+		$[2] = props;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
 	} else {
-		props = $[1];
-		style = $[2];
-		t1 = $[3];
-		t2 = $[4];
+		children = $[1];
+		props = $[2];
+		style = $[3];
+		t1 = $[4];
+		t2 = $[5];
 	}
 	const tone = t1 === void 0 ? "neutral" : t1;
 	const role = useTypeRole(t2 === void 0 ? "bodyMedium" : t2);
 	const tones = stylesOf(useTheme());
-	const T0 = Text;
-	const t3 = composeStyles(role, tones[tone], style);
+	const composed = composeStyles(role, tones[tone], style);
+	const size = StyleSheet.flatten(composed)?.fontSize;
+	const plain = typeof children === "string" || typeof children === "number";
+	let t3;
+	if ($[6] !== children || $[7] !== props) {
+		t3 = props.accessibilityLabel ?? (props["aria-label"] === void 0 ? sentenceLabel(children) : void 0);
+		$[6] = children;
+		$[7] = props;
+		$[8] = t3;
+	} else t3 = $[8];
+	const label = t3;
 	let t4;
-	if ($[5] !== T0 || $[6] !== props || $[7] !== t3) {
-		t4 = /* @__PURE__ */ jsx(T0, {
+	if ($[9] !== children || $[10] !== plain || $[11] !== size) {
+		t4 = plain ? children : /* @__PURE__ */ jsx(TextSizeContext, {
+			value: size,
+			children
+		});
+		$[9] = children;
+		$[10] = plain;
+		$[11] = size;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== composed || $[14] !== label || $[15] !== props || $[16] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Text, {
 			...props,
-			style: t3
+			accessibilityLabel: label,
+			style: composed,
+			children: t4
 		});
-		$[5] = T0;
-		$[6] = props;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
+		$[13] = composed;
+		$[14] = label;
+		$[15] = props;
+		$[16] = t4;
+		$[17] = t5;
+	} else t5 = $[17];
+	return t5;
 }
 //#endregion
 export { Text$1 as Text };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","Ref","TextProps","NativeTextProps","Text","NativeText","StyleSheet","TypeRole","useTheme","composeStyles","themedStyles","useTypeRole","stylesOf","colors","create","error","color","inherit","muted","onSurfaceVariant","negative","neutral","onSurface","positive","primary","ref","tone","variant","t0","$","_c","props","style","t1","t2","undefined","role","tones","T0","t3","t4","Text","_c","NativeText"],"sources":["../../../src/components/text/index.tsx"],"sourcesContent":["import type { ComponentRef, Ref } from 'react'\nimport type { TextProps as NativeTextProps } from 'react-native'\n\nimport { Text as NativeText, StyleSheet } from 'react-native'\n\nimport type { TypeRole } from '../../typography/roles'\n\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\n\n// Tone is a separate axis from variant so the two compose freely: any of the\n// fifteen roles in any of these colours, the same set web's Text takes.\n// `inherit` sets no colour, so a Text inside another takes the outer one's.\nconst stylesOf = themedStyles(({ colors }) =>\n  StyleSheet.create({\n    error: { color: colors.error },\n    inherit: {},\n    muted: { color: colors.onSurfaceVariant },\n    negative: { color: colors.negative },\n    neutral: { color: colors.onSurface },\n    positive: { color: colors.positive },\n    primary: { color: colors.primary },\n  }),\n)\n\ntype TextProps = NativeTextProps & {\n  readonly ref?: Ref<ComponentRef<typeof NativeText>>\n  /**\n   * The colour role to draw in. `neutral` is the on-surface role, as it is on\n   * web; `inherit` takes the colour of the Text around it instead of setting\n   * one.\n   * @default 'neutral'\n   */\n  readonly tone?:\n    | 'error'\n    | 'inherit'\n    | 'muted'\n    | 'negative'\n    | 'neutral'\n    | 'positive'\n    | 'primary'\n  /**\n   * Which role of the type scale to draw in.\n   * @default 'bodyMedium'\n   */\n  readonly variant?: TypeRole\n}\n\n/**\n * A run of text in one role of Material Design's type scale and one colour\n * role, with web's props and values.\n *\n * ```tsx\n * <Text accessibilityRole=\"header\" variant=\"titleLarge\">\n *   Headline\n * </Text>\n * ```\n *\n * Each role reads its family, size, line height, weight and tracking from the\n * theme, so an override of the plain or brand family reaches every role drawn\n * in it. The family is the token's first when the app has registered it with\n * expo-font, and the system font otherwise. The OS text size scales every\n * role, as `allowFontScaling` leaves it.\n *\n * Web's `render` and `block` have no counterpart: a native Text is a block\n * unless it sits inside another, and a heading is an `accessibilityRole`\n * rather than an element. `style`, `ref` and `testID` land on React Native's\n * own Text.\n */\nfunction Text({\n  style,\n  tone = 'neutral',\n  variant = 'bodyMedium',\n  ...props\n}: TextProps) {\n  const role = useTypeRole(variant)\n  const tones = stylesOf(useTheme())\n\n  return (\n    <NativeText {...props} style={composeStyles(role, tones[tone], style)} />\n  )\n}\n\nexport type { TextProps }\n\nexport { Text }\n"],"mappings":";;;;;;;AAcA,MAAMY,WAAWF,cAAc,EAAEG,aAC/BP,WAAWQ,OAAO;CAChBC,OAAO,EAAEC,OAAOH,OAAOE,MAAM;CAC7BE,SAAS,CAAC;CACVC,OAAO,EAAEF,OAAOH,OAAOM,iBAAiB;CACxCC,UAAU,EAAEJ,OAAOH,OAAOO,SAAS;CACnCC,SAAS,EAAEL,OAAOH,OAAOS,UAAU;CACnCC,UAAU,EAAEP,OAAOH,OAAOU,SAAS;CACnCC,SAAS,EAAER,OAAOH,OAAOW,QAAQ;AACnC,CAAC,CACH;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAApB,OAAAwB,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,IAAA;EAAc,CAAA,CAAAI,OAAAN,MAAAO,IAAAN,SAAAO,IAAA,GAAAH,SAAAH;EAKFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,QAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,KAAAJ,EAAA;EAAAK,KAAAL,EAAA;CAAA;CAHV,MAAAH,OAAAO,OAAAE,KAAAA,IAAA,YAAAF;CAIA,MAAAG,OAAazB,YAHbuB,OAAAC,KAAAA,IAAA,eAAAD,EAGgC;CAChC,MAAAG,QAAczB,SAASJ,SAAS,CAAC;CAG9B,MAAA8B,KAAAjC;CAA6B,MAAAkC,KAAA9B,cAAc2B,MAAMC,MAAMX,OAAOM,KAAK;CAAC,IAAAQ;CAAA,IAAAX,EAAA,OAAAS,MAAAT,EAAA,OAAAE,SAAAF,EAAA,OAAAU,IAAA;EAArEC,KAAA,oBAAC,IAAD;GAAW,GAAKT;GAAc,OAAAQ;EAAuC,CAAA;EAAIV,EAAA,KAAAS;EAAAT,EAAA,KAAAE;EAAAF,EAAA,KAAAU;EAAAV,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OAAzEW;AAAyE"}
+{"version":3,"file":"index.js","names":["ComponentRef","Ref","TextProps","NativeTextProps","TextStyle","Text","NativeText","StyleSheet","TypeRole","useTheme","composeStyles","themedStyles","useTypeRole","TextSizeContext","sentenceLabel","stylesOf","colors","create","error","color","inherit","muted","onSurfaceVariant","negative","neutral","onSurface","positive","primary","ref","tone","variant","t0","$","_c","children","props","style","t1","t2","undefined","role","tones","composed","size","flatten","fontSize","plain","t3","accessibilityLabel","label","t4","t5","Text","_c","NativeText"],"sources":["../../../src/components/text/index.tsx"],"sourcesContent":["import type { ComponentRef, Ref } from 'react'\nimport type { TextProps as NativeTextProps, TextStyle } from 'react-native'\n\nimport { Text as NativeText, StyleSheet } from 'react-native'\n\nimport type { TypeRole } from '../../typography/roles'\n\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\nimport { TextSizeContext } from '../../typography/size'\nimport { sentenceLabel } from '../keycap'\n\n// Tone is a separate axis from variant so the two compose freely: any of the\n// fifteen roles in any of these colours, the same set web's Text takes.\n// `inherit` sets no colour, so a Text inside another takes the outer one's.\nconst stylesOf = themedStyles(({ colors }) =>\n  StyleSheet.create({\n    error: { color: colors.error },\n    inherit: {},\n    muted: { color: colors.onSurfaceVariant },\n    negative: { color: colors.negative },\n    neutral: { color: colors.onSurface },\n    positive: { color: colors.positive },\n    primary: { color: colors.primary },\n  }),\n)\n\ntype TextProps = NativeTextProps & {\n  readonly ref?: Ref<ComponentRef<typeof NativeText>>\n  /**\n   * The colour role to draw in. `neutral` is the on-surface role, as it is on\n   * web; `inherit` takes the colour of the Text around it instead of setting\n   * one.\n   * @default 'neutral'\n   */\n  readonly tone?:\n    | 'error'\n    | 'inherit'\n    | 'muted'\n    | 'negative'\n    | 'neutral'\n    | 'positive'\n    | 'primary'\n  /**\n   * Which role of the type scale to draw in.\n   * @default 'bodyMedium'\n   */\n  readonly variant?: TypeRole\n}\n\n/**\n * A run of text in one role of Material Design's type scale and one colour\n * role, with web's props and values.\n *\n * ```tsx\n * <Text accessibilityRole=\"header\" variant=\"titleLarge\">\n *   Headline\n * </Text>\n * ```\n *\n * Each role reads its family, size, line height, weight and tracking from the\n * theme, so an override of the plain or brand family reaches every role drawn\n * in it. The family is the token's first when the app has registered it with\n * expo-font, and the system font otherwise. The OS text size scales every\n * role, as `allowFontScaling` leaves it.\n *\n * Web's `render` and `block` have no counterpart: a native Text is a block\n * unless it sits inside another, and a heading is an `accessibilityRole`\n * rather than an element. `style`, `ref` and `testID` land on React Native's\n * own Text.\n */\nfunction Text({\n  children,\n  style,\n  tone = 'neutral',\n  variant = 'bodyMedium',\n  ...props\n}: TextProps) {\n  const role = useTypeRole(variant)\n  const tones = stylesOf(useTheme())\n  const composed = composeStyles<TextStyle>(role, tones[tone], style)\n  // The size the text ends up at, the call site's over the role's, which a\n  // Code or a Keycap inside it sets a share of. Plain text holds neither, so\n  // it goes in as it is, and a host Text's children stay the string a call\n  // site wrote.\n  const size = StyleSheet.flatten(composed)?.fontSize\n  const plain = typeof children === 'string' || typeof children === 'number'\n  // A Keycap is an inline View, whose name a native screen reader leaves out\n  // of the sentence, so a Text holding one says the sentence itself unless\n  // the call site has labelled it.\n  const label =\n    props.accessibilityLabel ??\n    (props['aria-label'] === undefined ? sentenceLabel(children) : undefined)\n\n  return (\n    <NativeText {...props} accessibilityLabel={label} style={composed}>\n      {plain ? (\n        children\n      ) : (\n        <TextSizeContext value={size}>{children}</TextSizeContext>\n      )}\n    </NativeText>\n  )\n}\n\nexport type { TextProps }\n\nexport { Text }\n"],"mappings":";;;;;;;;;AAgBA,MAAMe,WAAWJ,cAAc,EAAEK,aAC/BT,WAAWU,OAAO;CAChBC,OAAO,EAAEC,OAAOH,OAAOE,MAAM;CAC7BE,SAAS,CAAC;CACVC,OAAO,EAAEF,OAAOH,OAAOM,iBAAiB;CACxCC,UAAU,EAAEJ,OAAOH,OAAOO,SAAS;CACnCC,SAAS,EAAEL,OAAOH,OAAOS,UAAU;CACnCC,UAAU,EAAEP,OAAOH,OAAOU,SAAS;CACnCC,SAAS,EAAER,OAAOH,OAAOW,QAAQ;AACnC,CAAC,CACH;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAAtB,OAAA0B,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAD,IAAA;EAAc,CAAA,CAAAG,UAAAE,OAAAP,MAAAQ,IAAAP,SAAAQ,IAAA,GAAAH,SAAAJ;EAMFC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAAJ,WAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;CAAA;CAHV,MAAAH,OAAAQ,OAAAE,KAAAA,IAAA,YAAAF;CAIA,MAAAG,OAAa5B,YAHb0B,OAAAC,KAAAA,IAAA,eAAAD,EAGgC;CAChC,MAAAG,QAAc1B,SAASN,SAAS,CAAC;CACjC,MAAAiC,WAAiBhC,cAAyB8B,MAAMC,MAAMZ,OAAOO,KAAK;CAKlE,MAAAO,OAAapC,WAAUqC,QAASF,QAAkB,CAAC,EAAAG;CACnD,MAAAC,QAAc,OAAOZ,aAAa,YAAY,OAAOA,aAAa;CAAQ,IAAAa;CAAA,IAAAf,EAAA,OAAAE,YAAAF,EAAA,OAAAG,OAAA;EAKxEY,KAAAZ,MAAKa,uBACJb,MAAM,kBAAkBI,KAAAA,IAAYzB,cAAcoB,QAAoB,IAAtEK,KAAAA;EAAwEP,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAF3E,MAAAiB,QACEF;CACyE,IAAAG;CAAA,IAAAlB,EAAA,OAAAE,YAAAF,EAAA,QAAAc,SAAAd,EAAA,QAAAW,MAAA;EAItEO,KAAAJ,QAAAZ,WAGC,oBAAC,iBAAD;GAAwBS,OAAAA;GAAOT;EAAf,CAAA;EACjBF,EAAA,KAAAE;EAAAF,EAAA,MAAAc;EAAAd,EAAA,MAAAW;EAAAX,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,QAAAU,YAAAV,EAAA,QAAAiB,SAAAjB,EAAA,QAAAG,SAAAH,EAAA,QAAAkB,IAAA;EALHC,KAAA,oBAACG,MAAD;GAAW,GAAKnB;GAA2Bc,oBAAAA;GAAcP,OAAAA;GACtDQ,UAAAA;EADQ,CAAA;EAMElB,EAAA,MAAAU;EAAAV,EAAA,MAAAiB;EAAAjB,EAAA,MAAAG;EAAAH,EAAA,MAAAkB;EAAAlB,EAAA,MAAAmB;CAAA,OAAAA,KAAAnB,EAAA;CAAA,OANbmB;AAMa"}

package/dist/components/text-area/index.d.ts

@@ -0,0 +1,145 @@
+import { ValidationResult } from "../../form/index.js";
+import { FieldVariant } from "../../field/index.js";
+import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
+import { ComponentRef, ReactNode, Ref } from "react";
+//#region src/components/text-area/index.d.ts
+type TextAreaProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'rows' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {
+  /**
+   * Whether the field grows with the text it holds, from `rows` up. `false`
+   * keeps it at `rows` and scrolls the text inside.
+   * @default true
+   */
+  readonly autosize?: boolean;
+  /**
+   * Counts the characters the field holds at the end of the supporting line,
+   * against `maxLength` where there is one, as the text fields page's
+   * character counter does. The count is written in the digits of the
+   * `I18nProvider`'s locale, or the device's outside one.
+   * @default false
+   */
+  readonly characterCount?: boolean;
+  /**
+   * How the limit is said to a screen reader, where there is a `maxLength`.
+   * Read with the field rather than as the value changes, so it names the
+   * limit and not what is left of it; the visible count is hidden from
+   * screen readers, which is what this replaces. Left out, it is the
+   * library's sentence in the `I18nProvider`'s locale, or the device's
+   * outside one, in the plural form the limit takes there: "Up to 20
+   * characters" in English, singular for a limit of one.
+   */
+  readonly characterLimitLabel?: string;
+  /** The value the field opens with, when it keeps its own. */
+  readonly defaultValue?: string;
+  /**
+   * A hint shown under the field. Replaced by `error` when there is one, so
+   * the two never stack.
+   */
+  readonly description?: string;
+  /**
+   * The problem with the current value, in words. Its presence is what puts
+   * the field in its error state: the message, the error colours, and the
+   * invalid state a screen reader reads all follow from it. The line under
+   * the field arrives with the message, so the field grows when this does,
+   * unless it is inside a `Form`, which keeps the line drawn. It wins over
+   * what `validate` and the form say, and holds a `native` form back.
+   */
+  readonly error?: string;
+  /**
+   * Whether the label sits in the empty box and floats to the top once the
+   * field is focused or holds a value, as the text fields page draws it.
+   * `false` keeps it small at the top in every state.
+   * @default true
+   */
+  readonly floatingLabel?: boolean;
+  /**
+   * A ref to the field's own `TextInput`, which is what a call site moves
+   * focus to, after a server's error, say. `ref` is the field as a whole.
+   */
+  readonly inputRef?: Ref<ComponentRef<typeof TextInput>>;
+  /**
+   * Draws the field disabled: it takes no focus and no input.
+   * @default false
+   */
+  readonly isDisabled?: boolean;
+  /**
+   * Shows the value and takes focus, but takes no input.
+   * @default false
+   */
+  readonly isReadOnly?: boolean;
+  /**
+   * Marks the label with an asterisk, as the text fields page marks a field
+   * that must be filled.
+   * @default false
+   */
+  readonly isRequired?: boolean;
+  /**
+   * What the field is for, and the name a screen reader reads for it.
+   * Required, since a text area with no label is a box nobody can name.
+   */
+  readonly label: string;
+  /**
+   * An icon at the start of the box, before the label and the text: the
+   * page's 24dp leading icon, in the muted role. The slot hands it that
+   * colour and size through `useIconStyle()`.
+   */
+  readonly leadingIcon?: ReactNode;
+  /**
+   * The name the value is submitted under by the `Form` around the field,
+   * and the key its `validationErrors` reach the field by.
+   */
+  readonly name?: string;
+  /** Called with the new value as it is edited. */
+  readonly onChange?: (value: string) => void;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
+  /**
+   * How many lines of text the field shows: the least it shows while it
+   * grows, or all it shows when it does not.
+   * @default 3
+   */
+  readonly rows?: number;
+  /** Positions and sizes the field as a whole. */
+  readonly style?: StyleProp<ViewStyle>;
+  /**
+   * An icon at the end of the box, after the text: the page's 24dp trailing
+   * icon, in the muted role and the error role while the field has an
+   * error. The slot hands it that colour and size through `useIconStyle()`.
+   */
+  readonly trailingIcon?: ReactNode;
+  /**
+   * Checks the value, and returns its problem in words, or several, where
+   * there is one, and `true`, `null` or `undefined` where there is none.
+   * Under the default `aria` validation the error shows as the value
+   * changes; inside a `native` form it shows once a submission is tried, or
+   * once the field loses focus after an edit, and holds the form back.
+   */
+  readonly validate?: (value: string) => ValidationResult;
+  /** The value, when the call site keeps it. */
+  readonly value?: string;
+  /**
+   * The filled box, or the outlined one: no fill, an outline that thickens
+   * and takes the primary role while focused, and the label cutting it once
+   * it floats, the text fields page's two fields.
+   * @default 'filled'
+   */
+  readonly variant?: FieldVariant;
+};
+/**
+ * A labelled multi-line input, the text fields page's filled or outlined
+ * field holding several lines. Pass `value` with `onChange` to control it, or
+ * `defaultValue` to let it keep its own; `onChange` is handed the string.
+ *
+ * It shows `rows` lines at the least and grows with what it holds, or holds
+ * at `rows` and scrolls with `autosize={false}`. The page's configurations
+ * are props: `leadingIcon` and `trailingIcon` at the box's ends, and
+ * `characterCount` opposite the supporting text, counting against
+ * `maxLength`. React Native's own `TextInput` props reach the control;
+ * `style` and `ref` are the field as a whole, and `inputRef` the control.
+ *
+ * ```tsx
+ * <TextArea label="Label" description="Supporting line" />
+ * ```
+ */
+declare function TextArea({ autosize, characterCount, characterLimitLabel, defaultValue, description, error, floatingLabel, inputRef, isDisabled, isReadOnly, isRequired, label, leadingIcon, name, onBlur, onChange, onFocus, ref, rows, style, trailingIcon, validate, value, variant, ...props }: TextAreaProps): import("react").JSX.Element;
+//#endregion
+export { TextArea, type TextAreaProps };
+//# sourceMappingURL=index.d.ts.map