@mortenbrudvik/waveui 0.7.0 → 0.9.0

package/dist/components/layout/TabList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.mjs","names":["useId","useId$1","React","warnDuplicateTabValue","value","createRegistry","entries","listeners","ready","emit","listener","map","part","ids","id","index","INERT_REGISTRY","TabListContext","INERT_CONTEXT","useTabListContext","reportMissingContext","component","isUnavailable","ariaDisabled","props","consumerId","collectStructure","node","child","into","type","getElementType","Tab","TabPanel","TabListRoot","containsPart","TabPanels","rendersAfterTablist","TabListAreaContext","PANEL_IN_TABLIST_MESSAGE","valueProp","defaultValueProp","orientationProp","rest","resolveDeprecatedProp","selectedValue","defaultValue","defaultSelectedValue","orientation","vertical","onTabSelect","warnDeprecated","selected","setSelected","isControlled","useControllable","onValueChange","structureKey","children","structure","parsed","derivesSelection","useRovingTabIndex","selectTabOnFocus","select","next","isSelected","getTabIndex","tabValue","useEventCallback","baseId","registry","context","getPartId","itemValue","panel","mergedRef","useMergedRefs","ref","containerProps","tabs","panels","keyed","key","isVertical","cn","className","composeEventHandlers","onKeyDown","onFocus","idProp","ctx","unavailable","mountedPanelId","panelId","disabledStyles","focusRingInset","onClick","insideTablist","warnOnce","mountedTabId","tabId","focusRing","TabList"],"sources":["../../../src/components/layout/TabList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { disabledStyles, focusRing, focusRingInset } from '../../lib/styles';\nimport type { Orientation } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getPartId } from './disclosureIds';\n\n/* ------------------------------------------------------------------ */\n/*  Context                                                            */\n/* ------------------------------------------------------------------ */\n\ntype TabListPart = 'tab' | 'panel';\n\n/**\n * The ids of the mounted Tabs and Panels by value. A Tab references a panel only while one with\n * its value is mounted (a TabList used as a filter bar has none), and each side references the\n * other's actual id, a consumer `id` included. Read with `useSyncExternalStore`.\n *\n * Before the TabList has mounted (server HTML, hydration and the first client render) the\n * registry is not ready and the static structure of the children stands in for it; once it is\n * ready, it alone decides, so a Panel that is in the element tree but never mounts (inside a\n * wrapper that renders nothing) is not referenced.\n */\ninterface TabListRegistry {\n  /** Registers a mounted Tab or Panel; returns the unregister function. */\n  register: (part: TabListPart, value: string, id: string) => () => void;\n  /**\n   * Id of the first mounted Tab or Panel with this value, `null` when none is mounted, or\n   * `undefined` while the registry is not ready (use the static structure then).\n   */\n  get: (part: TabListPart, value: string) => string | null | undefined;\n  /** Called by the TabList once it (and so every Tab and Panel mounted with it) has mounted. */\n  markReady: () => void;\n  subscribe: (listener: () => void) => () => void;\n}\n\n/** Tabs that share a value share one id, and are selected and tab stops together. */\nfunction warnDuplicateTabValue(value: string): void {\n  warnOnce(\n    `TabList:duplicate:${value}`,\n    `TabList: several tabs share the value \"${value}\". Tab values must be unique within a ` +\n      'TabList; tabs with the same value share one id and are selected (and tab stops) together.',\n  );\n}\n\nfunction createRegistry(): TabListRegistry {\n  const entries: Record<TabListPart, Map<string, string[]>> = { tab: new Map(), panel: new Map() };\n  const listeners = new Set<() => void>();\n  let ready = false;\n  const emit = () => {\n    listeners.forEach((listener) => listener());\n  };\n  return {\n    register(part, value, id) {\n      const map = entries[part];\n      const ids = map.get(value) ?? [];\n      // Called from the part's layout effect (C-DEV). Two Panels may share a value (the Tab links\n      // to the first mounted one); two Tabs may not.\n      if (part === 'tab' && ids.length > 0) warnDuplicateTabValue(value);\n      map.set(value, [...ids, id]);\n      emit();\n      return () => {\n        const ids = [...(map.get(value) ?? [])];\n        const index = ids.indexOf(id);\n        if (index !== -1) ids.splice(index, 1);\n        if (ids.length > 0) map.set(value, ids);\n        else map.delete(value);\n        emit();\n      };\n    },\n    get: (part, value) => (ready ? (entries[part].get(value)?.[0] ?? null) : undefined),\n    markReady() {\n      if (ready) return;\n      ready = true;\n      emit();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\nconst INERT_REGISTRY: TabListRegistry = {\n  register: () => () => {},\n  get: () => undefined,\n  markReady: () => {},\n  subscribe: () => () => {},\n};\n\n/**\n * What the TabList's children show before anything mounts (server HTML and the first render):\n * found in the element tree through Fragments and the `children` of wrapper elements, but not\n * inside a component that renders a Tab or Panel itself (the registry covers those once mounted).\n */\ninterface TabListStructure {\n  /** Value of the first Tab without `disabled`/`aria-disabled`: the uncontrolled default. */\n  firstEnabled?: string;\n  /** Consumer `id`s of Tabs, by value. */\n  tabIds: Array<[string, string]>;\n  /** Values of the Panels, each with its consumer `id` or `null`. */\n  panels: Array<[string, string | null]>;\n}\n\ninterface TabListContextValue {\n  orientation: Orientation;\n  /** Whether the tab with this value is the selected one (explicit value, else the tab stop). */\n  isSelected: (value: string) => boolean;\n  /**\n   * Activates a tab: a click (Enter and Space click the tab button), or with automatic activation\n   * focus moved by the keys.\n   */\n  select: (value: string) => void;\n  getTabIndex: (value: string) => 0 | -1;\n  /** The generated id of a Tab or Panel (used when it has no consumer `id`). */\n  getGeneratedId: (part: TabListPart, value: string) => string;\n  /**\n   * Id of the Tab with this value before the TabList mounts: its consumer `id`, else the\n   * generated one.\n   */\n  getStaticTabId: (value: string) => string;\n  /**\n   * Id of the Panel with this value before the TabList mounts, or `undefined` when the children\n   * have none.\n   */\n  getStaticPanelId: (value: string) => string | undefined;\n  registry: TabListRegistry;\n}\n\nconst TabListContext = React.createContext<TabListContextValue | null>(null);\n\nconst INERT_CONTEXT: TabListContextValue = {\n  orientation: 'horizontal',\n  isSelected: () => false,\n  select: () => {},\n  getTabIndex: () => -1,\n  getGeneratedId: (part, value) => `wave-tablist-inert-${part}-${value}`,\n  getStaticTabId: (value) => `wave-tablist-inert-tab-${value}`,\n  getStaticPanelId: () => undefined,\n  registry: INERT_REGISTRY,\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useTabListContext(component: string): TabListContextValue {\n  const context = React.useContext(TabListContext);\n  if (context) return context;\n  reportMissingContext(component, '<TabList>');\n  return INERT_CONTEXT;\n}\n\ninterface StructureProps {\n  value?: unknown;\n  id?: unknown;\n  disabled?: unknown;\n  'aria-disabled'?: unknown;\n  children?: unknown;\n}\n\n/** Whether a Tab's props make it unavailable (it cannot be selected and is skipped by keys). */\nfunction isUnavailable(props: StructureProps): boolean {\n  const ariaDisabled = props['aria-disabled'];\n  return props.disabled === true || ariaDisabled === true || ariaDisabled === 'true';\n}\n\n/** A consumer `id` that replaces the generated one: a non-empty string (`''` counts as none). */\nfunction consumerId(id: unknown): string | null {\n  return typeof id === 'string' && id !== '' ? id : null;\n}\n\n/**\n * Walks the element tree of the TabList's children (see {@link TabListStructure}). Parts are\n * identified through their element type, so parts written in a Server Component (lazy\n * references) count too. A `React.lazy` still loading (inside the consumer's own `<Suspense>`,\n * such as code-split panels in `TabList.Panels`) is no part and never suspends the TabList: its\n * children are walked instead. Runs during render only.\n */\nfunction collectStructure(node: unknown, into: TabListStructure): TabListStructure {\n  if (Array.isArray(node)) {\n    node.forEach((child) => collectStructure(child, into));\n    return into;\n  }\n  if (!React.isValidElement<StructureProps>(node)) return into;\n  const { props } = node;\n  const type = getElementType(node, { suspend: false });\n  const value = typeof props.value === 'string' ? props.value : undefined;\n  if (type === Tab) {\n    if (value !== undefined) {\n      if (into.firstEnabled === undefined && !isUnavailable(props)) into.firstEnabled = value;\n      const id = consumerId(props.id);\n      if (id !== null) into.tabIds.push([value, id]);\n    }\n    return into;\n  }\n  if (type === TabPanel) {\n    if (value !== undefined) into.panels.push([value, consumerId(props.id)]);\n    return into;\n  }\n  if (type === TabListRoot) return into;\n  return collectStructure(props.children, into);\n}\n\n/**\n * Whether an element tree shows a Tab, or a Panel (`TabList.Panel` or `TabList.Panels`), found as\n * in {@link collectStructure}: through Fragments and the `children` of wrapper elements, not inside\n * a nested TabList or a component that renders the part itself.\n */\nfunction containsPart(node: unknown, part: TabListPart): boolean {\n  if (Array.isArray(node)) return node.some((child) => containsPart(child, part));\n  if (!React.isValidElement<StructureProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (type === Tab) return part === 'tab';\n  if (type === TabPanel || type === TabPanels) return part === 'panel';\n  if (type === TabListRoot) return false;\n  return containsPart(node.props.children, part);\n}\n\n/**\n * Whether a child of the TabList renders after the tablist: a Panel, `TabList.Panels`, or a\n * wrapper (an element, `Suspense`, an error boundary) that holds panels and no tab.\n */\nfunction rendersAfterTablist(child: React.ReactNode): boolean {\n  return containsPart(child, 'panel') && !containsPart(child, 'tab');\n}\n\n/**\n * Where the TabList renders its children: inside the `role=\"tablist\"` element (`'tabs'`) or after\n * it (`'panels'`). A Panel that ends up inside the tablist warns in development.\n */\nconst TabListAreaContext = React.createContext<'tabs' | 'panels' | null>(null);\n\nconst PANEL_IN_TABLIST_MESSAGE =\n  'TabList.Panel was rendered inside the role=\"tablist\" element, where only tabs belong (axe ' +\n  'aria-required-children). The TabList moves a Panel after the tablist when it is its child, or ' +\n  'in a wrapper that holds no Tab, but it cannot see a Panel that a component renders itself, or ' +\n  \"separate a wrapper's Panels from its Tabs. Place such panels inside TabList.Panels, which \" +\n  'renders after the tablist.';\n\n/* ------------------------------------------------------------------ */\n/*  TabList                                                            */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabList component. */\nexport interface TabListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /**\n   * Controlled value of the selected tab (`''`: no tab selected). A controlled value that becomes\n   * `undefined` also selects no tab: the TabList stays controlled.\n   */\n  value?: string;\n  /**\n   * Selected tab for uncontrolled usage. When it is omitted (or `''`), the first enabled tab\n   * written in the TabList's children is selected, from the first render (and in server-rendered\n   * HTML) on. Tabs written directly in the children, in Fragments or in wrapper elements that\n   * pass them as `children` (such as a Tooltip) count; a tab rendered by a custom component that\n   * renders `TabList.Tab` itself does not, even when it comes first in the DOM, so that server\n   * and client pick the same tab. When every tab comes from such a component, the first enabled\n   * tab in the DOM is selected once the tabs mount. To select a tab that a custom component\n   * renders, pass `defaultValue`.\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selected tab changes (not when it is activated again). */\n  onValueChange?: (value: string) => void;\n  /**\n   * Layout and arrow-key axis: `'horizontal'` (Left/Right, mirrored in RTL) or `'vertical'`\n   * (Up/Down).\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * Whether moving focus with the arrow keys, Home and End also selects the tab (automatic\n   * activation, as in 0.5). With `false`, the keys only move focus and Enter, Space or a click\n   * selects the focused tab (manual activation, for panels that are slow to show). Fluent's\n   * default is `false`.\n   * @default true\n   */\n  selectTabOnFocus?: boolean;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it is called on every activation,\n   * including a click on the tab that is already selected.\n   */\n  onTabSelect?: (value: string) => void;\n  /** @deprecated Use `orientation=\"vertical\"`. */\n  vertical?: boolean;\n  /** Ref to the `role=\"tablist\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst TabListRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  orientation: orientationProp,\n  selectTabOnFocus = true,\n  selectedValue,\n  defaultSelectedValue,\n  onTabSelect,\n  vertical,\n  className,\n  children,\n  onKeyDown,\n  onFocus,\n  ref,\n  ...rest\n}: TabListProps) => {\n  const value = resolveDeprecatedProp(\n    'TabList',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue = resolveDeprecatedProp(\n    'TabList',\n    defaultValueProp,\n    defaultSelectedValue,\n    'defaultSelectedValue',\n    'defaultValue',\n  );\n  const orientation =\n    resolveDeprecatedProp<Orientation>(\n      'TabList',\n      orientationProp,\n      vertical === undefined ? undefined : vertical ? 'vertical' : 'horizontal',\n      'vertical',\n      'orientation',\n    ) ?? 'horizontal';\n  if (onTabSelect) {\n    warnDeprecated(\n      'TabList',\n      'onTabSelect',\n      'onValueChange',\n      '`onValueChange` is called only when the selected tab changes.',\n    );\n  }\n\n  // The sticky mode: a controlled value that becomes `undefined` clears the selection (`''`).\n  const [selected, setSelected, isControlled] = useControllable(\n    value,\n    defaultValue ?? '',\n    onValueChange,\n  );\n\n  // The children are a new element tree on every parent render: memoized by content, so the\n  // context value stays stable while the tabs and panels stay the same.\n  const structureKey = JSON.stringify(collectStructure(children, { tabIds: [], panels: [] }));\n  const structure = React.useMemo(() => {\n    const parsed = JSON.parse(structureKey) as TabListStructure;\n    return {\n      firstEnabled: parsed.firstEnabled,\n      tabIds: new Map(parsed.tabIds),\n      panels: new Map(parsed.panels),\n    };\n  }, [structureKey]);\n\n  // Uncontrolled without a selection: the first enabled tab is selected. It is the tab stop the\n  // roving store resolves from `activeValue` (the first enabled tab of the children, replaced by\n  // the first enabled tab in the DOM once the store sees it disabled), so the selection is\n  // derived during render, present from the first render on, and follows tabs that disable\n  // themselves.\n  const derivesSelection = !isControlled && selected === '';\n\n  const { containerProps, getTabIndex } = useRovingTabIndex({\n    activeValue: derivesSelection ? (structure.firstEnabled ?? null) : selected,\n    orientation,\n    loop: true,\n    // Automatic activation (APG Tabs): moving focus selects the tab. With manual activation the\n    // keys only move focus; the tab stop stays on the selected tab (`tabStop: 'active'`), and Enter\n    // or Space selects the focused tab through its native click.\n    onFocusMove: selectTabOnFocus ? (next) => select(next) : undefined,\n  });\n\n  const isSelected = React.useCallback(\n    (tabValue: string) => (derivesSelection ? getTabIndex(tabValue) === 0 : selected === tabValue),\n    [derivesSelection, getTabIndex, selected],\n  );\n\n  const select = useEventCallback((next: string) => {\n    onTabSelect?.(next);\n    if (!isSelected(next)) setSelected(next);\n  });\n\n  const baseId = useId('tablist');\n  const [registry] = React.useState(createRegistry);\n  // Runs after the layout effects of the Tabs and Panels mounted with the TabList, which have\n  // registered by then: from here on the registry, not the static structure, decides the links.\n  React.useLayoutEffect(() => registry.markReady(), [registry]);\n  const context = React.useMemo<TabListContextValue>(\n    () => ({\n      orientation,\n      isSelected,\n      select,\n      getTabIndex,\n      getGeneratedId: (part, itemValue) => getPartId(baseId, part, itemValue),\n      getStaticTabId: (tabValue) =>\n        structure.tabIds.get(tabValue) ?? getPartId(baseId, 'tab', tabValue),\n      getStaticPanelId: (tabValue) => {\n        const panel = structure.panels.get(tabValue);\n        if (panel === undefined) return undefined;\n        return panel ?? getPartId(baseId, 'panel', tabValue);\n      },\n      registry,\n    }),\n    [orientation, isSelected, select, getTabIndex, baseId, structure, registry],\n  );\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, containerProps.ref);\n\n  const tabs: React.ReactNode[] = [];\n  const panels: React.ReactNode[] = [];\n  flattenChildren(children).forEach(({ key, node: child }) => {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    (rendersAfterTablist(child) ? panels : tabs).push(keyed);\n  });\n\n  const isVertical = orientation === 'vertical';\n  return (\n    <TabListContext.Provider value={context}>\n      <div className={cn(isVertical && 'flex')}>\n        <div\n          role=\"tablist\"\n          aria-orientation={orientation}\n          className={cn(\n            isVertical\n              ? 'flex w-40 flex-col border-e border-border'\n              : 'flex border-b border-border',\n            className,\n          )}\n          {...rest}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, containerProps.onKeyDown)}\n          onFocus={composeEventHandlers(onFocus, containerProps.onFocus, {\n            checkDefaultPrevented: false,\n          })}\n          ref={mergedRef}\n        >\n          <TabListAreaContext.Provider value=\"tabs\">{tabs}</TabListAreaContext.Provider>\n        </div>\n        <TabListAreaContext.Provider value=\"panels\">{panels}</TabListAreaContext.Provider>\n      </div>\n    </TabListContext.Provider>\n  );\n};\nTabListRoot.displayName = 'TabList';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Tab                                                        */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the Tab sub-component. */\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique value identifying this tab (and its panel). */\n  value: string;\n  /** Ref to the tab `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * A tab button. `onClick` runs before the selection (call `event.preventDefault()` to keep the\n * current tab). A `disabled` (or `aria-disabled=\"true\"`) tab is skipped by the keyboard and cannot\n * be selected. A non-empty `id` replaces the generated one (its panel's `aria-labelledby` follows\n * it). The selected tab references its panel with `aria-controls` only while a `TabList.Panel`\n * with its value is mounted.\n */\nconst Tab = ({ value, id: idProp, className, children, onClick, ref, ...rest }: TabProps) => {\n  const ctx = useTabListContext('TabList.Tab');\n  const selected = ctx.isSelected(value);\n  const isVertical = ctx.orientation === 'vertical';\n  const unavailable = isUnavailable(rest);\n\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('tab', value);\n  React.useLayoutEffect(() => registry.register('tab', value, id), [registry, value, id]);\n  const mountedPanelId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('panel', value),\n    () => undefined,\n  );\n  // Before the TabList mounts the static structure stands in; after that only a mounted panel is\n  // referenced (`null`: none).\n  const panelId =\n    mountedPanelId === undefined ? ctx.getStaticPanelId(value) : (mountedPanelId ?? undefined);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      className={cn(\n        'px-4 py-2 text-body-1 font-semibold transition-colors motion-reduce:transition-none',\n        isVertical && 'text-start',\n        selected\n          ? cn(\n              'text-primary',\n              isVertical ? 'border-s-2 border-s-primary' : 'border-b-2 border-b-primary',\n            )\n          : 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      id={id}\n      aria-selected={selected}\n      aria-controls={selected ? panelId : undefined}\n      tabIndex={ctx.getTabIndex(value)}\n      data-roving-value={value}\n      data-selected={selected ? '' : undefined}\n      onClick={composeEventHandlers(onClick, () => {\n        if (!unavailable) ctx.select(value);\n      })}\n      ref={ref}\n    >\n      {children}\n    </button>\n  );\n};\nTab.displayName = 'Tab';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panel                                                      */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanel sub-component. */\nexport interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Value of the Tab that shows this panel. */\n  value: string;\n  /** Ref to the `role=\"tabpanel\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content of one tab, rendered only while its tab is selected and labelled by it (while a Tab\n * with its value is mounted). A non-empty `id` replaces the generated one (the tab's\n * `aria-controls` follows it).\n */\nconst TabPanel = ({ value, id: idProp, children, className, ref, ...rest }: TabPanelProps) => {\n  const ctx = useTabListContext('TabList.Panel');\n  const insideTablist = React.useContext(TabListAreaContext) === 'tabs';\n  React.useEffect(() => {\n    if (insideTablist) warnOnce('TabList.Panel:inside-tablist', PANEL_IN_TABLIST_MESSAGE);\n  }, [insideTablist]);\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('panel', value);\n  // Registered while mounted, also while hidden: the tab that selects it links to it.\n  React.useLayoutEffect(() => registry.register('panel', value, id), [registry, value, id]);\n  const mountedTabId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('tab', value),\n    () => undefined,\n  );\n  if (!ctx.isSelected(value)) return null;\n  // As for the Tab's aria-controls: the static structure only before the TabList mounts.\n  const tabId =\n    mountedTabId === undefined ? ctx.getStaticTabId(value) : (mountedTabId ?? undefined);\n  return (\n    <div\n      role=\"tabpanel\"\n      tabIndex={0}\n      className={cn('p-4', focusRing, className)}\n      {...rest}\n      id={id}\n      aria-labelledby={tabId}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n};\nTabPanel.displayName = 'TabPanel';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panels                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanels sub-component. */\nexport interface TabPanelsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the container `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Optional container for the panels, rendered after the tablist. Use it to style the panel area,\n * and for panels that components render themselves: the TabList finds a Panel in its children, in\n * a Fragment or in a wrapper that holds no Tab, but a component that renders a Panel itself\n * renders inside the tablist unless it is placed in `TabList.Panels`.\n */\nconst TabPanels = ({ className, children, ref, ...rest }: TabPanelsProps) => (\n  <div ref={ref} className={cn('min-w-0 flex-1', className)} {...rest}>\n    {children}\n  </div>\n);\nTabPanels.displayName = 'TabPanels';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A set of tabs with their panels (WAI-ARIA Tabs pattern): the arrow keys (Left/Right, mirrored\n * in RTL; Up/Down when vertical), Home and End move focus and select (automatic activation); with\n * `selectTabOnFocus={false}` they only move focus, and Enter, Space or a click selects the focused\n * tab (manual activation). The selected tab is the only tab stop; disabled tabs are skipped. Every\n * tab needs a `value` that is unique within the TabList (a development warning names a value that\n * several tabs share).\n *\n * Tabs register through context and are found in DOM order, so they may be wrapped (a Fragment,\n * a Tooltip). The children render inside the `role=\"tablist\"` element, except panels, which render\n * after it: a `TabList.Panel` or `TabList.Panels` child, or a wrapper (an element, `Suspense`, an\n * error boundary) that holds panels and no Tab. A Panel that a component renders itself cannot be\n * seen from the children: put that component inside `TabList.Panels` (a development warning names\n * a Panel that ends up inside the tablist). Content that is not a tab, such as a button next to\n * the tabs, does not belong in a tablist either: render it outside the TabList.\n *\n * Sub-components are also exported under flat names (`TabListTab`, `TabListPanel`,\n * `TabListPanels`) for React Server Components, which cannot use the dotted form.\n */\nexport const TabList = /* @__PURE__ */ Object.assign(TabListRoot, {\n  Tab,\n  Panel: TabPanel,\n  Panels: TabPanels,\n});\n\nexport { Tab as TabListTab, TabPanel as TabListPanel, TabPanels as TabListPanels };\n"],"mappings":"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"}
+{"version":3,"file":"TabList.mjs","names":["useId","useId$1","React","warnDuplicateTabValue","value","createRegistry","entries","listeners","ready","emit","listener","map","part","ids","id","index","INERT_REGISTRY","TabListContext","INERT_CONTEXT","useTabListContext","reportMissingContext","component","isUnavailable","ariaDisabled","props","consumerId","collectStructure","node","child","into","type","getElementType","Tab","TabPanel","TabListRoot","containsPart","TabPanels","rendersAfterTablist","TabListAreaContext","PANEL_IN_TABLIST_MESSAGE","valueProp","defaultValueProp","orientationProp","rest","resolveDeprecatedProp","selectedValue","defaultValue","defaultSelectedValue","orientation","vertical","onTabSelect","warnDeprecated","selected","setSelected","isControlled","useControllable","onValueChange","structureKey","children","structure","parsed","derivesSelection","useRovingTabIndex","selectTabOnFocus","select","next","isSelected","getTabIndex","tabValue","useEventCallback","baseId","registry","context","getPartId","itemValue","panel","mergedRef","useMergedRefs","ref","containerProps","tabs","panels","keyed","key","isVertical","cn","tabListClassNames","className","composeEventHandlers","onKeyDown","onFocus","idProp","ctx","unavailable","mountedPanelId","panelId","tabListTabClassNames","disabledStyles","focusRingInset","onClick","insideTablist","warnOnce","mountedTabId","tabId","tabListPanelClassNames","focusRing","tabListPanelsClassNames","TabList"],"sources":["../../../src/components/layout/TabList.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  tabListClassNames,\n  tabListPanelClassNames,\n  tabListPanelsClassNames,\n  tabListTabClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { disabledStyles, focusRing, focusRingInset } from '../../lib/styles';\nimport type { Orientation } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getPartId } from './disclosureIds';\n\n/* ------------------------------------------------------------------ */\n/*  Context                                                            */\n/* ------------------------------------------------------------------ */\n\ntype TabListPart = 'tab' | 'panel';\n\n/**\n * The ids of the mounted Tabs and Panels by value. A Tab references a panel only while one with\n * its value is mounted (a TabList used as a filter bar has none), and each side references the\n * other's actual id, a consumer `id` included. Read with `useSyncExternalStore`.\n *\n * Before the TabList has mounted (server HTML, hydration and the first client render) the\n * registry is not ready and the static structure of the children stands in for it; once it is\n * ready, it alone decides, so a Panel that is in the element tree but never mounts (inside a\n * wrapper that renders nothing) is not referenced.\n */\ninterface TabListRegistry {\n  /** Registers a mounted Tab or Panel; returns the unregister function. */\n  register: (part: TabListPart, value: string, id: string) => () => void;\n  /**\n   * Id of the first mounted Tab or Panel with this value, `null` when none is mounted, or\n   * `undefined` while the registry is not ready (use the static structure then).\n   */\n  get: (part: TabListPart, value: string) => string | null | undefined;\n  /** Called by the TabList once it (and so every Tab and Panel mounted with it) has mounted. */\n  markReady: () => void;\n  subscribe: (listener: () => void) => () => void;\n}\n\n/** Tabs that share a value share one id, and are selected and tab stops together. */\nfunction warnDuplicateTabValue(value: string): void {\n  warnOnce(\n    `TabList:duplicate:${value}`,\n    `TabList: several tabs share the value \"${value}\". Tab values must be unique within a ` +\n      'TabList; tabs with the same value share one id and are selected (and tab stops) together.',\n  );\n}\n\nfunction createRegistry(): TabListRegistry {\n  const entries: Record<TabListPart, Map<string, string[]>> = { tab: new Map(), panel: new Map() };\n  const listeners = new Set<() => void>();\n  let ready = false;\n  const emit = () => {\n    listeners.forEach((listener) => listener());\n  };\n  return {\n    register(part, value, id) {\n      const map = entries[part];\n      const ids = map.get(value) ?? [];\n      // Called from the part's layout effect (C-DEV). Two Panels may share a value (the Tab links\n      // to the first mounted one); two Tabs may not.\n      if (part === 'tab' && ids.length > 0) warnDuplicateTabValue(value);\n      map.set(value, [...ids, id]);\n      emit();\n      return () => {\n        const ids = [...(map.get(value) ?? [])];\n        const index = ids.indexOf(id);\n        if (index !== -1) ids.splice(index, 1);\n        if (ids.length > 0) map.set(value, ids);\n        else map.delete(value);\n        emit();\n      };\n    },\n    get: (part, value) => (ready ? (entries[part].get(value)?.[0] ?? null) : undefined),\n    markReady() {\n      if (ready) return;\n      ready = true;\n      emit();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\nconst INERT_REGISTRY: TabListRegistry = {\n  register: () => () => {},\n  get: () => undefined,\n  markReady: () => {},\n  subscribe: () => () => {},\n};\n\n/**\n * What the TabList's children show before anything mounts (server HTML and the first render):\n * found in the element tree through Fragments and the `children` of wrapper elements, but not\n * inside a component that renders a Tab or Panel itself (the registry covers those once mounted).\n */\ninterface TabListStructure {\n  /** Value of the first Tab without `disabled`/`aria-disabled`: the uncontrolled default. */\n  firstEnabled?: string;\n  /** Consumer `id`s of Tabs, by value. */\n  tabIds: Array<[string, string]>;\n  /** Values of the Panels, each with its consumer `id` or `null`. */\n  panels: Array<[string, string | null]>;\n}\n\ninterface TabListContextValue {\n  orientation: Orientation;\n  /** Whether the tab with this value is the selected one (explicit value, else the tab stop). */\n  isSelected: (value: string) => boolean;\n  /**\n   * Activates a tab: a click (Enter and Space click the tab button), or with automatic activation\n   * focus moved by the keys.\n   */\n  select: (value: string) => void;\n  getTabIndex: (value: string) => 0 | -1;\n  /** The generated id of a Tab or Panel (used when it has no consumer `id`). */\n  getGeneratedId: (part: TabListPart, value: string) => string;\n  /**\n   * Id of the Tab with this value before the TabList mounts: its consumer `id`, else the\n   * generated one.\n   */\n  getStaticTabId: (value: string) => string;\n  /**\n   * Id of the Panel with this value before the TabList mounts, or `undefined` when the children\n   * have none.\n   */\n  getStaticPanelId: (value: string) => string | undefined;\n  registry: TabListRegistry;\n}\n\nconst TabListContext = React.createContext<TabListContextValue | null>(null);\n\nconst INERT_CONTEXT: TabListContextValue = {\n  orientation: 'horizontal',\n  isSelected: () => false,\n  select: () => {},\n  getTabIndex: () => -1,\n  getGeneratedId: (part, value) => `wave-tablist-inert-${part}-${value}`,\n  getStaticTabId: (value) => `wave-tablist-inert-tab-${value}`,\n  getStaticPanelId: () => undefined,\n  registry: INERT_REGISTRY,\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useTabListContext(component: string): TabListContextValue {\n  const context = React.useContext(TabListContext);\n  if (context) return context;\n  reportMissingContext(component, '<TabList>');\n  return INERT_CONTEXT;\n}\n\ninterface StructureProps {\n  value?: unknown;\n  id?: unknown;\n  disabled?: unknown;\n  'aria-disabled'?: unknown;\n  children?: unknown;\n}\n\n/** Whether a Tab's props make it unavailable (it cannot be selected and is skipped by keys). */\nfunction isUnavailable(props: StructureProps): boolean {\n  const ariaDisabled = props['aria-disabled'];\n  return props.disabled === true || ariaDisabled === true || ariaDisabled === 'true';\n}\n\n/** A consumer `id` that replaces the generated one: a non-empty string (`''` counts as none). */\nfunction consumerId(id: unknown): string | null {\n  return typeof id === 'string' && id !== '' ? id : null;\n}\n\n/**\n * Walks the element tree of the TabList's children (see {@link TabListStructure}). Parts are\n * identified through their element type, so parts written in a Server Component (lazy\n * references) count too. A `React.lazy` still loading (inside the consumer's own `<Suspense>`,\n * such as code-split panels in `TabList.Panels`) is no part and never suspends the TabList: its\n * children are walked instead. Runs during render only.\n */\nfunction collectStructure(node: unknown, into: TabListStructure): TabListStructure {\n  if (Array.isArray(node)) {\n    node.forEach((child) => collectStructure(child, into));\n    return into;\n  }\n  if (!React.isValidElement<StructureProps>(node)) return into;\n  const { props } = node;\n  const type = getElementType(node, { suspend: false });\n  const value = typeof props.value === 'string' ? props.value : undefined;\n  if (type === Tab) {\n    if (value !== undefined) {\n      if (into.firstEnabled === undefined && !isUnavailable(props)) into.firstEnabled = value;\n      const id = consumerId(props.id);\n      if (id !== null) into.tabIds.push([value, id]);\n    }\n    return into;\n  }\n  if (type === TabPanel) {\n    if (value !== undefined) into.panels.push([value, consumerId(props.id)]);\n    return into;\n  }\n  if (type === TabListRoot) return into;\n  return collectStructure(props.children, into);\n}\n\n/**\n * Whether an element tree shows a Tab, or a Panel (`TabList.Panel` or `TabList.Panels`), found as\n * in {@link collectStructure}: through Fragments and the `children` of wrapper elements, not inside\n * a nested TabList or a component that renders the part itself.\n */\nfunction containsPart(node: unknown, part: TabListPart): boolean {\n  if (Array.isArray(node)) return node.some((child) => containsPart(child, part));\n  if (!React.isValidElement<StructureProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (type === Tab) return part === 'tab';\n  if (type === TabPanel || type === TabPanels) return part === 'panel';\n  if (type === TabListRoot) return false;\n  return containsPart(node.props.children, part);\n}\n\n/**\n * Whether a child of the TabList renders after the tablist: a Panel, `TabList.Panels`, or a\n * wrapper (an element, `Suspense`, an error boundary) that holds panels and no tab.\n */\nfunction rendersAfterTablist(child: React.ReactNode): boolean {\n  return containsPart(child, 'panel') && !containsPart(child, 'tab');\n}\n\n/**\n * Where the TabList renders its children: inside the `role=\"tablist\"` element (`'tabs'`) or after\n * it (`'panels'`). A Panel that ends up inside the tablist warns in development.\n */\nconst TabListAreaContext = React.createContext<'tabs' | 'panels' | null>(null);\n\nconst PANEL_IN_TABLIST_MESSAGE =\n  'TabList.Panel was rendered inside the role=\"tablist\" element, where only tabs belong (axe ' +\n  'aria-required-children). The TabList moves a Panel after the tablist when it is its child, or ' +\n  'in a wrapper that holds no Tab, but it cannot see a Panel that a component renders itself, or ' +\n  \"separate a wrapper's Panels from its Tabs. Place such panels inside TabList.Panels, which \" +\n  'renders after the tablist.';\n\n/* ------------------------------------------------------------------ */\n/*  TabList                                                            */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabList component. */\nexport interface TabListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /**\n   * Controlled value of the selected tab (`''`: no tab selected). A controlled value that becomes\n   * `undefined` also selects no tab: the TabList stays controlled.\n   */\n  value?: string;\n  /**\n   * Selected tab for uncontrolled usage. When it is omitted (or `''`), the first enabled tab\n   * written in the TabList's children is selected, from the first render (and in server-rendered\n   * HTML) on. Tabs written directly in the children, in Fragments or in wrapper elements that\n   * pass them as `children` (such as a Tooltip) count; a tab rendered by a custom component that\n   * renders `TabList.Tab` itself does not, even when it comes first in the DOM, so that server\n   * and client pick the same tab. When every tab comes from such a component, the first enabled\n   * tab in the DOM is selected once the tabs mount. To select a tab that a custom component\n   * renders, pass `defaultValue`.\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selected tab changes (not when it is activated again). */\n  onValueChange?: (value: string) => void;\n  /**\n   * Layout and arrow-key axis: `'horizontal'` (Left/Right, mirrored in RTL) or `'vertical'`\n   * (Up/Down).\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * Whether moving focus with the arrow keys, Home and End also selects the tab (automatic\n   * activation, as in 0.5). With `false`, the keys only move focus and Enter, Space or a click\n   * selects the focused tab (manual activation, for panels that are slow to show). Fluent's\n   * default is `false`.\n   * @default true\n   */\n  selectTabOnFocus?: boolean;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it is called on every activation,\n   * including a click on the tab that is already selected.\n   */\n  onTabSelect?: (value: string) => void;\n  /** @deprecated Use `orientation=\"vertical\"`. */\n  vertical?: boolean;\n  /** Ref to the `role=\"tablist\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst TabListRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  orientation: orientationProp,\n  selectTabOnFocus = true,\n  selectedValue,\n  defaultSelectedValue,\n  onTabSelect,\n  vertical,\n  className,\n  children,\n  onKeyDown,\n  onFocus,\n  ref,\n  ...rest\n}: TabListProps) => {\n  const value = resolveDeprecatedProp(\n    'TabList',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue = resolveDeprecatedProp(\n    'TabList',\n    defaultValueProp,\n    defaultSelectedValue,\n    'defaultSelectedValue',\n    'defaultValue',\n  );\n  const orientation =\n    resolveDeprecatedProp<Orientation>(\n      'TabList',\n      orientationProp,\n      vertical === undefined ? undefined : vertical ? 'vertical' : 'horizontal',\n      'vertical',\n      'orientation',\n    ) ?? 'horizontal';\n  if (onTabSelect) {\n    warnDeprecated(\n      'TabList',\n      'onTabSelect',\n      'onValueChange',\n      '`onValueChange` is called only when the selected tab changes.',\n    );\n  }\n\n  // The sticky mode: a controlled value that becomes `undefined` clears the selection (`''`).\n  const [selected, setSelected, isControlled] = useControllable(\n    value,\n    defaultValue ?? '',\n    onValueChange,\n  );\n\n  // The children are a new element tree on every parent render: memoized by content, so the\n  // context value stays stable while the tabs and panels stay the same.\n  const structureKey = JSON.stringify(collectStructure(children, { tabIds: [], panels: [] }));\n  const structure = React.useMemo(() => {\n    const parsed = JSON.parse(structureKey) as TabListStructure;\n    return {\n      firstEnabled: parsed.firstEnabled,\n      tabIds: new Map(parsed.tabIds),\n      panels: new Map(parsed.panels),\n    };\n  }, [structureKey]);\n\n  // Uncontrolled without a selection: the first enabled tab is selected. It is the tab stop the\n  // roving store resolves from `activeValue` (the first enabled tab of the children, replaced by\n  // the first enabled tab in the DOM once the store sees it disabled), so the selection is\n  // derived during render, present from the first render on, and follows tabs that disable\n  // themselves.\n  const derivesSelection = !isControlled && selected === '';\n\n  const { containerProps, getTabIndex } = useRovingTabIndex({\n    activeValue: derivesSelection ? (structure.firstEnabled ?? null) : selected,\n    orientation,\n    loop: true,\n    // Automatic activation (APG Tabs): moving focus selects the tab. With manual activation the\n    // keys only move focus; the tab stop stays on the selected tab (`tabStop: 'active'`), and Enter\n    // or Space selects the focused tab through its native click.\n    onFocusMove: selectTabOnFocus ? (next) => select(next) : undefined,\n  });\n\n  const isSelected = React.useCallback(\n    (tabValue: string) => (derivesSelection ? getTabIndex(tabValue) === 0 : selected === tabValue),\n    [derivesSelection, getTabIndex, selected],\n  );\n\n  const select = useEventCallback((next: string) => {\n    onTabSelect?.(next);\n    if (!isSelected(next)) setSelected(next);\n  });\n\n  const baseId = useId('tablist');\n  const [registry] = React.useState(createRegistry);\n  // Runs after the layout effects of the Tabs and Panels mounted with the TabList, which have\n  // registered by then: from here on the registry, not the static structure, decides the links.\n  React.useLayoutEffect(() => registry.markReady(), [registry]);\n  const context = React.useMemo<TabListContextValue>(\n    () => ({\n      orientation,\n      isSelected,\n      select,\n      getTabIndex,\n      getGeneratedId: (part, itemValue) => getPartId(baseId, part, itemValue),\n      getStaticTabId: (tabValue) =>\n        structure.tabIds.get(tabValue) ?? getPartId(baseId, 'tab', tabValue),\n      getStaticPanelId: (tabValue) => {\n        const panel = structure.panels.get(tabValue);\n        if (panel === undefined) return undefined;\n        return panel ?? getPartId(baseId, 'panel', tabValue);\n      },\n      registry,\n    }),\n    [orientation, isSelected, select, getTabIndex, baseId, structure, registry],\n  );\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, containerProps.ref);\n\n  const tabs: React.ReactNode[] = [];\n  const panels: React.ReactNode[] = [];\n  flattenChildren(children).forEach(({ key, node: child }) => {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    (rendersAfterTablist(child) ? panels : tabs).push(keyed);\n  });\n\n  const isVertical = orientation === 'vertical';\n  return (\n    <TabListContext.Provider value={context}>\n      <div className={cn(isVertical && 'flex')}>\n        <div\n          role=\"tablist\"\n          aria-orientation={orientation}\n          className={cn(\n            tabListClassNames.root,\n            isVertical\n              ? 'flex w-40 flex-col border-e border-border'\n              : 'flex border-b border-border',\n            className,\n          )}\n          {...rest}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, containerProps.onKeyDown)}\n          onFocus={composeEventHandlers(onFocus, containerProps.onFocus, {\n            checkDefaultPrevented: false,\n          })}\n          ref={mergedRef}\n        >\n          <TabListAreaContext.Provider value=\"tabs\">{tabs}</TabListAreaContext.Provider>\n        </div>\n        <TabListAreaContext.Provider value=\"panels\">{panels}</TabListAreaContext.Provider>\n      </div>\n    </TabListContext.Provider>\n  );\n};\nTabListRoot.displayName = 'TabList';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Tab                                                        */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the Tab sub-component. */\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique value identifying this tab (and its panel). */\n  value: string;\n  /** Ref to the tab `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * A tab button. `onClick` runs before the selection (call `event.preventDefault()` to keep the\n * current tab). A `disabled` (or `aria-disabled=\"true\"`) tab is skipped by the keyboard and cannot\n * be selected. A non-empty `id` replaces the generated one (its panel's `aria-labelledby` follows\n * it). The selected tab references its panel with `aria-controls` only while a `TabList.Panel`\n * with its value is mounted.\n */\nconst Tab = ({ value, id: idProp, className, children, onClick, ref, ...rest }: TabProps) => {\n  const ctx = useTabListContext('TabList.Tab');\n  const selected = ctx.isSelected(value);\n  const isVertical = ctx.orientation === 'vertical';\n  const unavailable = isUnavailable(rest);\n\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('tab', value);\n  React.useLayoutEffect(() => registry.register('tab', value, id), [registry, value, id]);\n  const mountedPanelId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('panel', value),\n    () => undefined,\n  );\n  // Before the TabList mounts the static structure stands in; after that only a mounted panel is\n  // referenced (`null`: none).\n  const panelId =\n    mountedPanelId === undefined ? ctx.getStaticPanelId(value) : (mountedPanelId ?? undefined);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      className={cn(\n        tabListTabClassNames.root,\n        'px-4 py-2 text-body-1 font-semibold transition-colors motion-reduce:transition-none',\n        isVertical && 'text-start',\n        selected\n          ? cn(\n              'text-primary',\n              isVertical ? 'border-s-2 border-s-primary' : 'border-b-2 border-b-primary',\n            )\n          : 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      id={id}\n      aria-selected={selected}\n      aria-controls={selected ? panelId : undefined}\n      tabIndex={ctx.getTabIndex(value)}\n      data-roving-value={value}\n      data-selected={selected ? '' : undefined}\n      onClick={composeEventHandlers(onClick, () => {\n        if (!unavailable) ctx.select(value);\n      })}\n      ref={ref}\n    >\n      {children}\n    </button>\n  );\n};\nTab.displayName = 'Tab';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panel                                                      */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanel sub-component. */\nexport interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Value of the Tab that shows this panel. */\n  value: string;\n  /** Ref to the `role=\"tabpanel\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content of one tab, rendered only while its tab is selected and labelled by it (while a Tab\n * with its value is mounted). A non-empty `id` replaces the generated one (the tab's\n * `aria-controls` follows it).\n */\nconst TabPanel = ({ value, id: idProp, children, className, ref, ...rest }: TabPanelProps) => {\n  const ctx = useTabListContext('TabList.Panel');\n  const insideTablist = React.useContext(TabListAreaContext) === 'tabs';\n  React.useEffect(() => {\n    if (insideTablist) warnOnce('TabList.Panel:inside-tablist', PANEL_IN_TABLIST_MESSAGE);\n  }, [insideTablist]);\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('panel', value);\n  // Registered while mounted, also while hidden: the tab that selects it links to it.\n  React.useLayoutEffect(() => registry.register('panel', value, id), [registry, value, id]);\n  const mountedTabId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('tab', value),\n    () => undefined,\n  );\n  if (!ctx.isSelected(value)) return null;\n  // As for the Tab's aria-controls: the static structure only before the TabList mounts.\n  const tabId =\n    mountedTabId === undefined ? ctx.getStaticTabId(value) : (mountedTabId ?? undefined);\n  return (\n    <div\n      role=\"tabpanel\"\n      tabIndex={0}\n      className={cn(tabListPanelClassNames.root, 'p-4', focusRing, className)}\n      {...rest}\n      id={id}\n      aria-labelledby={tabId}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n};\nTabPanel.displayName = 'TabPanel';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panels                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanels sub-component. */\nexport interface TabPanelsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the container `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Optional container for the panels, rendered after the tablist. Use it to style the panel area,\n * and for panels that components render themselves: the TabList finds a Panel in its children, in\n * a Fragment or in a wrapper that holds no Tab, but a component that renders a Panel itself\n * renders inside the tablist unless it is placed in `TabList.Panels`.\n */\nconst TabPanels = ({ className, children, ref, ...rest }: TabPanelsProps) => (\n  <div\n    ref={ref}\n    className={cn(tabListPanelsClassNames.root, 'min-w-0 flex-1', className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\nTabPanels.displayName = 'TabPanels';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A set of tabs with their panels (WAI-ARIA Tabs pattern): the arrow keys (Left/Right, mirrored\n * in RTL; Up/Down when vertical), Home and End move focus and select (automatic activation); with\n * `selectTabOnFocus={false}` they only move focus, and Enter, Space or a click selects the focused\n * tab (manual activation). The selected tab is the only tab stop; disabled tabs are skipped. Every\n * tab needs a `value` that is unique within the TabList (a development warning names a value that\n * several tabs share).\n *\n * Tabs register through context and are found in DOM order, so they may be wrapped (a Fragment,\n * a Tooltip). The children render inside the `role=\"tablist\"` element, except panels, which render\n * after it: a `TabList.Panel` or `TabList.Panels` child, or a wrapper (an element, `Suspense`, an\n * error boundary) that holds panels and no Tab. A Panel that a component renders itself cannot be\n * seen from the children: put that component inside `TabList.Panels` (a development warning names\n * a Panel that ends up inside the tablist). Content that is not a tab, such as a button next to\n * the tabs, does not belong in a tablist either: render it outside the TabList.\n *\n * Sub-components are also exported under flat names (`TabListTab`, `TabListPanel`,\n * `TabListPanels`) for React Server Components, which cannot use the dotted form.\n */\nexport const TabList = /* @__PURE__ */ Object.assign(TabListRoot, {\n  Tab,\n  Panel: TabPanel,\n  Panels: TabPanels,\n});\n\nexport { Tab as TabListTab, TabPanel as TabListPanel, TabPanels as TabListPanels };\n"],"mappings":"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"}

package/dist/components/layout/Tree.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/composeEventHandlers.cjs"),o=require("../../hooks/useEventCallback.cjs"),s=require("../../hooks/useControllable.cjs"),c=require("../../hooks/useId.cjs"),l=require("../../lib/direction.cjs"),u=require("../../hooks/useRovingTabIndex.cjs"),d=require("../../hooks/useMergedRefs.cjs"),f=require("../../lib/styles.cjs"),p=require("../../lib/icons.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=m.createContext(null),_=m.createContext(null),v=m.createContext(!1),y=[],b={expanded:new Set,toggle:()=>{},expand:()=>{},activate:()=>{},selected:void 0,current:void 0,getTabIndex:()=>-1,focusValue:()=>{},onItemFocus:()=>{},registerValue:()=>()=>{}};function x(e){return m.useContext(g)||(r.reportMissingContext(e,`<Tree>`),b)}var S="Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that item's child group: the parent cannot expand, its name includes the nested text, and a treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items among its own children (written directly, in Fragments, or returned by a render function such as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. Build a data-driven tree with a render function instead of a recursive component.";function C(e){r.warnOnce(`Tree:duplicate:${e}`,`Tree: several items share the value "${e}". Item values must be unique within a Tree; items with the same value share their expanded, selected and focus state.`)}var w=({expandedItems:e,defaultExpandedItems:n,onExpandedItemsChange:i,onItemSelect:c,selected:l,current:f,className:p,children:b,onKeyDown:x,onKeyDownCapture:S,onFocus:w,onBlur:E,ref:D,...O})=>{let[k]=m.useState(()=>n??y),[A,j]=s.useControllable(e,k,e=>i?.([...e])),M=m.useMemo(()=>new Set(A),[A]),N=m.useCallback(e=>{j(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[j]),P=m.useCallback(e=>{j(t=>{let n=e.filter(e=>!t.includes(e));return n.length>0?[...t,...n]:t})},[j]),F=o.useEventCallback(e=>{c?.(e)}),[I,L]=m.useState(null),R=m.useRef(null),z=m.useCallback(e=>{if(!r.isDev)return()=>{};R.current??=new Map;let t=R.current,n=(t.get(e)??0)+1;return t.set(e,n),n>1&&C(e),()=>{let n=(t.get(e)??1)-1;n>0?t.set(e,n):t.delete(e)}},[]),{containerProps:B,getTabIndex:V,focusValue:H}=u.useRovingTabIndex({activeValue:I??l??null,orientation:`vertical`,loop:!1,typeahead:!0}),U=m.useMemo(()=>({expanded:M,toggle:N,expand:P,activate:F,selected:l,current:f,getTabIndex:V,focusValue:H,onItemFocus:L,registerValue:z}),[M,N,P,F,l,f,V,H,z]),W=d.useMergedRefs(D,B.ref),G=e=>{e.key.length===1&&T(e.currentTarget),B.onKeyDown(e)},K=e=>{e.key===` `&&T(e.currentTarget),B.onKeyDownCapture(e)},q=e=>{let t=e.relatedTarget;(!t||!e.currentTarget.contains(t))&&L(null)};return(0,h.jsx)(g.Provider,{value:U,children:(0,h.jsx)(_.Provider,{value:null,children:(0,h.jsx)(`div`,{role:`tree`,className:t.cn(`text-body-1`,p),...O,"data-roving-container":``,onKeyDown:a.composeEventHandlers(x,G),onKeyDownCapture:a.composeEventHandlers(S,K),onFocus:a.composeEventHandlers(w,B.onFocus,{checkDefaultPrevented:!1}),onBlur:a.composeEventHandlers(E,q,{checkDefaultPrevented:!1}),ref:W,children:(0,h.jsx)(v.Provider,{value:!1,children:b})})})})};w.displayName=`Tree`;function T(e){e.querySelectorAll(`[role="treeitem"]`).forEach(e=>{let t=e.querySelector(`:scope > [data-tree-row] > [data-tree-label]`);if(!t)return;let n=t.getAttribute(`data-roving-text`)??t.textContent??``;e.getAttribute(`data-roving-text`)!==n&&e.setAttribute(`data-roving-text`,n)})}function E(e){return e.target?.closest?.(`[role="treeitem"]`)===e.currentTarget}function D(e){let t=e.target;return t===e.currentTarget||t?.closest?.(`[data-tree-row]`)?.parentElement===e.currentTarget}var O=({value:e,icon:o,leaf:s=!1,className:u,children:d,onClick:g,onKeyDown:y,onFocus:b,ref:C,...T})=>{let{"data-roving-text":k,...A}=T,j=x(`Tree.Item`),M=m.useContext(_),N=m.useContext(v),P=j.expanded.has(e),F=c.useId(`tree-item-label`),{registerValue:I}=j;m.useEffect(()=>I(e),[I,e]),m.useEffect(()=>{N&&r.warnOnce(`Tree.Item:inside-label`,S)},[N]);let L=[],R=[],z;n.flattenChildren(d).forEach(({key:e,node:t})=>{let r=(0,h.jsx)(m.Fragment,{children:t},e);n.isElementOfType(t,O)?(z??=t.props.value,L.push(r)):n.isElementOfType(t,w)?L.push(r):R.push(r)});let B=o&&i.slotRendersContent(o)?i.renderSlot(o,`span`,`inline-flex shrink-0`,{"aria-hidden":!0}):null,V=L.length>0&&!s,H=j.selected===void 0?void 0:j.selected===e,U=j.current!==void 0&&j.current!==null&&j.current===e,W=()=>{V&&j.toggle(e),j.activate(e)},G=e=>{D(e)&&(g?.(e),e.defaultPrevented||W())},K=t=>{if(!E(t)||(y?.(t),t.defaultPrevented||t.altKey||t.ctrlKey||t.metaKey))return;let n=l.getDirection(t.currentTarget)===`rtl`,r=n?`ArrowLeft`:`ArrowRight`,i=n?`ArrowRight`:`ArrowLeft`;switch(t.key){case`Enter`:case` `:t.preventDefault(),W();return;case r:if(t.preventDefault(),!V)return;P?z!==void 0&&j.focusValue(z):j.toggle(e);return;case i:t.preventDefault(),V&&P?j.toggle(e):M!==null&&j.focusValue(M);return;case`*`:{t.preventDefault();let e=t.currentTarget.parentElement?.querySelectorAll(`:scope > [role="treeitem"][aria-expanded="false"][data-roving-value]`);j.expand(Array.from(e??[],e=>e.getAttribute(`data-roving-value`)??``).filter(Boolean));return}}},q=t=>{t.target===t.currentTarget&&j.onItemFocus(e)};return(0,h.jsxs)(`div`,{role:`treeitem`,"aria-selected":H,"aria-current":U?!0:void 0,className:t.cn(`block outline-none`,`[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring`,u),...A,"aria-labelledby":A[`aria-labelledby`]??(A[`aria-label`]===void 0?F:void 0),"aria-expanded":V?P:void 0,tabIndex:j.getTabIndex(e),"data-roving-value":e,"data-selected":H?``:void 0,"data-current":U?``:void 0,onClick:G,onKeyDown:K,onFocus:a.composeEventHandlers(b,q,{checkDefaultPrevented:!1}),ref:C,children:[(0,h.jsxs)(`div`,{"data-tree-row":``,className:t.cn(`flex cursor-pointer items-center gap-1.5 rounded px-2 py-1 hover:bg-subtle-hover`,H&&t.cn(`bg-subtle-selected font-semibold`,f.forcedColors.selectedContainer)),children:[V?(0,h.jsx)(p.ChevronRightIcon,{className:t.cn(`shrink-0 transition-transform motion-reduce:transition-none`,P?`rotate-90`:`wave-rtl:-scale-x-100`)}):(0,h.jsx)(`span`,{className:`w-3 shrink-0`,"aria-hidden":`true`}),B,(0,h.jsx)(`span`,{id:F,"data-tree-label":``,"data-roving-text":k,className:`truncate`,children:(0,h.jsx)(v.Provider,{value:!0,children:R})})]}),V&&P&&(0,h.jsx)(_.Provider,{value:e,children:(0,h.jsx)(v.Provider,{value:!1,children:(0,h.jsx)(`div`,{role:`group`,className:`ps-4`,children:L})})})]})};O.displayName=`TreeItem`;var k=Object.assign(w,{Item:O});exports.Tree=k,exports.TreeItem=O;
+"use client";const e=require("./Tree.core.cjs"),t=require("./Tree.itemPersonaLayout.cjs");var n=Object.assign(e.TreeRoot,{Item:e.TreeItem,ItemPersonaLayout:t.TreeItemPersonaLayout});exports.Tree=n,exports.TreeItem=e.TreeItem,exports.TreeItemPersonaLayout=t.TreeItemPersonaLayout;
 //# sourceMappingURL=Tree.cjs.map

package/dist/components/layout/Tree.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.cjs","names":["React","useControllable","useEventCallback","isDev","useRovingTabIndex","useMergedRefs","cn","composeEventHandlers","useId","isElementOfType","slotRendersContent","renderSlot","getDirection","forcedColors","ChevronRightIcon","require_runtime","require_cn","require_children","require_dev","require_slot","require_composeEventHandlers","require_useEventCallback","require_useControllable","require_useId","require_direction","require_useRovingTabIndex","require_useMergedRefs","require_styles","require_icons","react","react_jsx_runtime","TreeContext","TreeParentContext","TreeLabelContext","EMPTY","INERT_CONTEXT","useTreeContext","component","ITEM_IN_LABEL_MESSAGE","warnDuplicateValue","value","TreeRoot","rest","initialExpanded","defaultExpandedItems","expandedList","setExpandedList","expandedItems","onExpandedItemsChange","next","expanded","toggle","prev","v","expand","added","values","activate","onItemSelect","focusedItem","setFocusedItem","valueCounts","registerValue","counts","count","remaining","selected","context","current","getTabIndex","focusValue","mergedRef","ref","containerProps","handleKeyDown","event","syncTypeaheadText","handleKeyDownCapture","handleBlur","className","onKeyDown","onKeyDownCapture","onFocus","onBlur","tree","label","treeitem","text","isOwnKeyEvent","isOwnClick","target","TreeItem","props","typeaheadText","ctx","parent","insideLabel","isExpanded","labelId","nestedItems","labelContent","firstChildValue","children","child","keyed","key","iconNode","icon","hasChildren","leaf","isSelected","isCurrent","handleClick","onClick","rtl","forward","back","siblings","el","handleFocus","Tree"],"sources":["../../../src/components/layout/Tree.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { isDev, reportMissingContext, warnOnce } from '../../lib/dev';\nimport { getDirection } from '../../lib/direction';\nimport { ChevronRightIcon } from '../../lib/icons';\nimport { renderSlot, slotRendersContent, type Slot } from '../../lib/slot';\nimport { forcedColors } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface TreeContextValue {\n  expanded: ReadonlySet<string>;\n  toggle: (value: string) => void;\n  expand: (values: readonly string[]) => void;\n  activate: (value: string) => void;\n  selected: string | null | undefined;\n  current: string | null | undefined;\n  getTabIndex: (value: string) => 0 | -1;\n  focusValue: (value: string) => void;\n  onItemFocus: (value: string) => void;\n  /**\n   * Development only: counts a mounted item's value and warns once per value that several items\n   * share. Returns the unregistration.\n   */\n  registerValue: (value: string) => () => void;\n}\n\nconst TreeContext = React.createContext<TreeContextValue | null>(null);\n\n/** Value of the enclosing Tree.Item (`null` at the top level), for ArrowLeft → parent. */\nconst TreeParentContext = React.createContext<string | null>(null);\n\n/**\n * `true` inside the label of a Tree.Item, where a nested Tree.Item ends up when a component\n * renders it (the parent cannot see it among its children); its child group and every Tree root\n * reset it.\n */\nconst TreeLabelContext = React.createContext(false);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_CONTEXT: TreeContextValue = {\n  expanded: new Set(),\n  toggle: () => {},\n  expand: () => {},\n  activate: () => {},\n  selected: undefined,\n  current: undefined,\n  getTabIndex: () => -1,\n  focusValue: () => {},\n  onItemFocus: () => {},\n  registerValue: () => () => {},\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useTreeContext(component: string): TreeContextValue {\n  const context = React.useContext(TreeContext);\n  if (context) return context;\n  reportMissingContext(component, '<Tree>');\n  return INERT_CONTEXT;\n}\n\nconst ITEM_IN_LABEL_MESSAGE =\n  'Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that ' +\n  \"item's child group: the parent cannot expand, its name includes the nested text, and a \" +\n  'treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items ' +\n  'among its own children (written directly, in Fragments, or returned by a render function such ' +\n  'as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. ' +\n  'Build a data-driven tree with a render function instead of a recursive component.';\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Tree:duplicate:${value}`,\n    `Tree: several items share the value \"${value}\". Item values must be unique within a Tree; ` +\n      'items with the same value share their expanded, selected and focus state.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Tree                                                               */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the Tree component. */\nexport interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled list of expanded item values. */\n  expandedItems?: readonly string[];\n  /**\n   * Item values that are expanded initially (uncontrolled).\n   * @default []\n   */\n  defaultExpandedItems?: readonly string[];\n  /** Called with the new list of expanded item values when an item expands or collapses. */\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  /**\n   * Called with an item's value every time it is activated (click, Enter or Space), also when the\n   * same item is activated again.\n   */\n  onItemSelect?: (value: string) => void;\n  /**\n   * Value of the selected item. When set (also to `null`), every item carries `aria-selected`, and\n   * the selected item is where keyboard focus enters the tree.\n   */\n  selected?: string | null;\n  /** Value of the current item (for example the open page): it gets `aria-current=\"true\"`. */\n  current?: string | null;\n  /** Ref to the `role=\"tree\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst TreeRoot = ({\n  expandedItems,\n  defaultExpandedItems,\n  onExpandedItemsChange,\n  onItemSelect,\n  selected,\n  current,\n  className,\n  children,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onBlur,\n  ref,\n  ...rest\n}: TreeProps) => {\n  const [initialExpanded] = React.useState<readonly string[]>(() => defaultExpandedItems ?? EMPTY);\n  const [expandedList, setExpandedList] = useControllable<readonly string[]>(\n    expandedItems,\n    initialExpanded,\n    (next) => onExpandedItemsChange?.([...next]),\n  );\n  const expanded = React.useMemo(() => new Set(expandedList), [expandedList]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setExpandedList((prev) =>\n        prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n      );\n    },\n    [setExpandedList],\n  );\n\n  const expand = React.useCallback(\n    (values: readonly string[]) => {\n      setExpandedList((prev) => {\n        const added = values.filter((v) => !prev.includes(v));\n        return added.length > 0 ? [...prev, ...added] : prev;\n      });\n    },\n    [setExpandedList],\n  );\n\n  const activate = useEventCallback((value: string) => {\n    onItemSelect?.(value);\n  });\n\n  // The item that has focus while focus is inside the tree: it holds the tab stop, so Shift+Tab\n  // leaves the tree. Cleared when focus leaves; the next entry goes to `selected`, else the first.\n  const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n\n  // How many mounted items carry each value (written from the items' effects only).\n  const valueCounts = React.useRef<Map<string, number> | null>(null);\n  const registerValue = React.useCallback((value: string) => {\n    if (!isDev) return () => {};\n    valueCounts.current ??= new Map();\n    const counts = valueCounts.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const { containerProps, getTabIndex, focusValue } = useRovingTabIndex({\n    activeValue: focusedItem ?? selected ?? null,\n    orientation: 'vertical',\n    loop: false,\n    typeahead: true,\n  });\n\n  const context = React.useMemo<TreeContextValue>(\n    () => ({\n      expanded,\n      toggle,\n      expand,\n      activate,\n      selected,\n      current,\n      getTabIndex,\n      focusValue,\n      onItemFocus: setFocusedItem,\n      registerValue,\n    }),\n    [expanded, toggle, expand, activate, selected, current, getTabIndex, focusValue, registerValue],\n  );\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, containerProps.ref);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    // Typeahead reads `data-roving-text` at key time: fill it from each item's label first.\n    if (event.key.length === 1) syncTypeaheadText(event.currentTarget);\n    containerProps.onKeyDown(event);\n  };\n\n  // A Space that continues a search is typeahead too, taken before the item would activate on it.\n  const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === ' ') syncTypeaheadText(event.currentTarget);\n    containerProps.onKeyDownCapture(event);\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null;\n    if (!next || !event.currentTarget.contains(next)) setFocusedItem(null);\n  };\n\n  return (\n    <TreeContext.Provider value={context}>\n      <TreeParentContext.Provider value={null}>\n        <div\n          role=\"tree\"\n          className={cn('text-body-1', className)}\n          {...rest}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n          onKeyDownCapture={composeEventHandlers(onKeyDownCapture, handleKeyDownCapture)}\n          onFocus={composeEventHandlers(onFocus, containerProps.onFocus, {\n            checkDefaultPrevented: false,\n          })}\n          onBlur={composeEventHandlers(onBlur, handleBlur, { checkDefaultPrevented: false })}\n          ref={mergedRef}\n        >\n          {/* A Tree has its own items, also when it renders inside a label (a portaled popup). */}\n          <TreeLabelContext.Provider value={false}>{children}</TreeLabelContext.Provider>\n        </div>\n      </TreeParentContext.Provider>\n    </TreeContext.Provider>\n  );\n};\nTreeRoot.displayName = 'Tree';\n\n/* ------------------------------------------------------------------ */\n/*  Tree.Item                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TreeItem sub-component. */\nexport interface TreeItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this tree item. */\n  value: string;\n  /**\n   * Icon displayed before the label. Rendered in a `<span>` hidden from assistive technology\n   * (`aria-hidden`); pass a slot object (`{ className, children, … }`) to customise it. A falsy\n   * icon (`''`, `0`) or a list of nothing renders no span.\n   */\n  icon?: Slot<'span'>;\n  /**\n   * Renders the item as a leaf even when it has nested `Tree.Item`s: they are not rendered, and\n   * the item has no `aria-expanded` and does not expand. An item is expandable only while it has\n   * nested items, so `leaf={false}` does not make an item without them expandable. To load the\n   * children on first expansion, give the item a placeholder child (a \"Loading…\" `Tree.Item`)\n   * until they arrive.\n   * @default false\n   */\n  leaf?: boolean;\n  /** Ref to the `role=\"treeitem\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Sets the typeahead text (`data-roving-text`, read by the roving hook) of every rendered\n * treeitem to the text of its label, so neither the icon nor the nested items take part. A\n * consumer `data-roving-text` on a Tree.Item is kept on its label and wins.\n */\nfunction syncTypeaheadText(tree: HTMLElement): void {\n  tree.querySelectorAll<HTMLElement>('[role=\"treeitem\"]').forEach((treeitem) => {\n    const label = treeitem.querySelector<HTMLElement>(\n      ':scope > [data-tree-row] > [data-tree-label]',\n    );\n    if (!label) return;\n    const text = label.getAttribute('data-roving-text') ?? label.textContent ?? '';\n    if (treeitem.getAttribute('data-roving-text') !== text) {\n      treeitem.setAttribute('data-roving-text', text);\n    }\n  });\n}\n\n/**\n * Whether a keyboard event belongs to this treeitem: its target (the focused element) is this\n * treeitem or inside its row, not a nested item.\n */\nfunction isOwnKeyEvent(event: React.KeyboardEvent<HTMLElement>): boolean {\n  const target = event.target as Element | null;\n  return target?.closest?.('[role=\"treeitem\"]') === event.currentTarget;\n}\n\n/**\n * Whether a click landed on this treeitem's own row (or on the treeitem element itself). Clicks\n * in its child group, including the indentation gutter beside the nested rows, and clicks on\n * nested items are not its own.\n */\nfunction isOwnClick(event: React.MouseEvent<HTMLElement>): boolean {\n  const target = event.target as Element | null;\n  if (target === event.currentTarget) return true;\n  return target?.closest?.('[data-tree-row]')?.parentElement === event.currentTarget;\n}\n\n/**\n * One node of a Tree. Text and other content are the label; nested `Tree.Item` children form its\n * child group, which is shown while the item is expanded.\n *\n * Nested items must be `Tree.Item` elements among the item's own children: written directly, in\n * Fragments, or returned by a render function (`{node.children.map(renderNode)}`). A component\n * that renders `Tree.Item` itself (a recursive `<NodeView node={child} />`) is not recognised:\n * its output becomes part of the label, so the parent cannot expand (a development warning names\n * this). Render data-driven trees with a render function instead.\n *\n * `ref` and every other prop land on the `role=\"treeitem\"` element, which contains the label row\n * and the child group. Its `onClick` receives only clicks on its own row (not on its child group\n * or nested items) and its `onKeyDown` only keys pressed while focus is on it or in its row; both\n * run before the built-in behaviour (call `event.preventDefault()` to skip it). Its other event\n * handlers (`onFocus`, `onDoubleClick`, `onContextMenu` and the rest) are not filtered: as DOM\n * events bubble, they also receive events from its child group and nested items (compare\n * `event.target` with `event.currentTarget` to tell them apart).\n *\n * The item is named by its label (`aria-labelledby`), not by its icon or nested items; an\n * `aria-label` or `aria-labelledby` prop replaces that name. Typeahead matches the label text too\n * (a `data-roving-text` prop replaces it).\n */\nconst TreeItem = ({\n  value,\n  icon,\n  leaf = false,\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  onFocus,\n  ref,\n  ...props\n}: TreeItemProps) => {\n  const { 'data-roving-text': typeaheadText, ...rest } = props as typeof props & {\n    'data-roving-text'?: string;\n  };\n  const ctx = useTreeContext('Tree.Item');\n  const parent = React.useContext(TreeParentContext);\n  const insideLabel = React.useContext(TreeLabelContext);\n  const isExpanded = ctx.expanded.has(value);\n  const labelId = useId('tree-item-label');\n\n  const { registerValue } = ctx;\n  React.useEffect(() => registerValue(value), [registerValue, value]);\n  React.useEffect(() => {\n    if (insideLabel) warnOnce('Tree.Item:inside-label', ITEM_IN_LABEL_MESSAGE);\n  }, [insideLabel]);\n\n  // Nested Tree.Items (and, as in 0.4, nested Trees) form the child group; the rest is the label.\n  // Parts are identified through their element type, so parts written in a Server Component\n  // (lazy references) count too.\n  const nestedItems: React.ReactNode[] = [];\n  const labelContent: React.ReactNode[] = [];\n  let firstChildValue: string | undefined;\n  flattenChildren(children).forEach(({ key, node: child }) => {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    if (isElementOfType<TreeItemProps>(child, TreeItem)) {\n      firstChildValue ??= child.props.value;\n      nestedItems.push(keyed);\n    } else if (isElementOfType(child, TreeRoot)) {\n      nestedItems.push(keyed);\n    } else {\n      labelContent.push(keyed);\n    }\n  });\n\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in 0.4\n  // and as in Avatar, and so is a collection whose items render nothing: no empty span adds a gap\n  // to the row. The check does not consume a generator: renderSlot still renders its items.\n  const iconNode =\n    icon && slotRendersContent(icon)\n      ? renderSlot(icon, 'span', 'inline-flex shrink-0', { 'aria-hidden': true })\n      : null;\n  const hasChildren = nestedItems.length > 0 && !leaf;\n  const isSelected = ctx.selected !== undefined ? ctx.selected === value : undefined;\n  const isCurrent = ctx.current !== undefined && ctx.current !== null && ctx.current === value;\n\n  const activate = () => {\n    if (hasChildren) ctx.toggle(value);\n    ctx.activate(value);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!isOwnClick(event)) return;\n    onClick?.(event);\n    if (!event.defaultPrevented) activate();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!isOwnKeyEvent(event)) return;\n    onKeyDown?.(event);\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;\n\n    const rtl = getDirection(event.currentTarget) === 'rtl';\n    const forward = rtl ? 'ArrowLeft' : 'ArrowRight';\n    const back = rtl ? 'ArrowRight' : 'ArrowLeft';\n\n    switch (event.key) {\n      case 'Enter':\n      case ' ':\n        event.preventDefault();\n        activate();\n        return;\n      case forward:\n        event.preventDefault();\n        if (!hasChildren) return;\n        if (!isExpanded) ctx.toggle(value);\n        else if (firstChildValue !== undefined) ctx.focusValue(firstChildValue);\n        return;\n      case back:\n        event.preventDefault();\n        if (hasChildren && isExpanded) ctx.toggle(value);\n        else if (parent !== null) ctx.focusValue(parent);\n        return;\n      case '*': {\n        event.preventDefault();\n        const siblings = event.currentTarget.parentElement?.querySelectorAll<HTMLElement>(\n          ':scope > [role=\"treeitem\"][aria-expanded=\"false\"][data-roving-value]',\n        );\n        ctx.expand(\n          Array.from(siblings ?? [], (el) => el.getAttribute('data-roving-value') ?? '').filter(\n            Boolean,\n          ),\n        );\n        return;\n      }\n      default:\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (event.target === event.currentTarget) ctx.onItemFocus(value);\n  };\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-selected={isSelected}\n      aria-current={isCurrent ? true : undefined}\n      className={cn(\n        // The focus ring is drawn on the row: an outline on the treeitem would surround its\n        // whole subtree.\n        'block outline-none',\n        '[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring',\n        className,\n      )}\n      {...rest}\n      // Named by its label only: the treeitem also contains its icon and its child group. A\n      // consumer aria-labelledby or aria-label replaces it.\n      aria-labelledby={\n        rest['aria-labelledby'] ?? (rest['aria-label'] === undefined ? labelId : undefined)\n      }\n      aria-expanded={hasChildren ? isExpanded : undefined}\n      tabIndex={ctx.getTabIndex(value)}\n      data-roving-value={value}\n      data-selected={isSelected ? '' : undefined}\n      data-current={isCurrent ? '' : undefined}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onFocus={composeEventHandlers(onFocus, handleFocus, { checkDefaultPrevented: false })}\n      ref={ref}\n    >\n      <div\n        data-tree-row=\"\"\n        className={cn(\n          'flex cursor-pointer items-center gap-1.5 rounded px-2 py-1 hover:bg-subtle-hover',\n          isSelected && cn('bg-subtle-selected font-semibold', forcedColors.selectedContainer),\n        )}\n      >\n        {hasChildren ? (\n          <ChevronRightIcon\n            className={cn(\n              'shrink-0 transition-transform motion-reduce:transition-none',\n              isExpanded ? 'rotate-90' : 'wave-rtl:-scale-x-100',\n            )}\n          />\n        ) : (\n          <span className=\"w-3 shrink-0\" aria-hidden=\"true\" />\n        )}\n        {iconNode}\n        <span id={labelId} data-tree-label=\"\" data-roving-text={typeaheadText} className=\"truncate\">\n          <TreeLabelContext.Provider value>{labelContent}</TreeLabelContext.Provider>\n        </span>\n      </div>\n      {hasChildren && isExpanded && (\n        <TreeParentContext.Provider value={value}>\n          <TreeLabelContext.Provider value={false}>\n            <div role=\"group\" className=\"ps-4\">\n              {nestedItems}\n            </div>\n          </TreeLabelContext.Provider>\n        </TreeParentContext.Provider>\n      )}\n    </div>\n  );\n};\nTreeItem.displayName = 'TreeItem';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A hierarchical list (WAI-ARIA Tree View pattern) with a single tab stop: Up/Down move between\n * visible items, Home/End to the first/last, Right expands or moves to the first child, Left\n * collapses or moves to the parent (both mirrored in RTL), Enter/Space activate (and toggle a\n * parent), `*` expands the siblings, and typing jumps to an item by its text.\n *\n * Keyboard focus enters at the `selected` item, else the first item; while focus is inside, the\n * tab stop follows it, so Shift+Tab leaves the tree.\n *\n * Items are `Tree.Item` elements; nested items are written in their parent's children (directly,\n * in Fragments, or returned by a render function), not rendered by a component of their own.\n * Every item needs a `value` that is unique within the Tree.\n *\n * `Tree.Item` is also exported as `TreeItem` for React Server Components, which cannot use the\n * dotted form.\n */\nexport const Tree = /* @__PURE__ */ Object.assign(TreeRoot, {\n  Item: TreeItem,\n});\n\nexport { TreeItem };\n"],"mappings":"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"}
+{"version":3,"file":"Tree.cjs","names":["TreeRoot","TreeItem","TreeItemPersonaLayout","require_Tree_core","require_Tree_itemPersonaLayout","Tree"],"sources":["../../../src/components/layout/Tree.tsx"],"sourcesContent":["import { TreeItem, TreeRoot } from './Tree.core';\nimport { TreeItemPersonaLayout } from './Tree.itemPersonaLayout';\n\nexport type { TreeCheckedItemsChangeDetails, TreeItemProps, TreeProps } from './Tree.core';\nexport type { TreeItemPersonaLayoutProps } from './Tree.itemPersonaLayout';\n\n/**\n * A hierarchical list (WAI-ARIA Tree View pattern) with a single tab stop: Up/Down move between\n * visible items, Home/End to the first/last, Right expands or moves to the first child (or into\n * the row's actions, see below), Left collapses or moves to the parent (both mirrored in RTL),\n * Enter activates (and toggles a parent), and so does Space unless the tree has checkboxes, `*`\n * expands the siblings, and typing jumps to an item by its text.\n *\n * Keyboard focus enters at the `selected` item, else the first item; while focus is inside, the\n * tab stop follows it, so Shift+Tab leaves the tree.\n *\n * `selectionMode=\"multiple\"` draws a checkbox on every item, bound to `checkedItems`: Space\n * toggles the focused item's check, a click on the checkbox toggles it, and a click elsewhere on\n * the row activates the item (as Enter does). Checks cascade: checking an item checks every item\n * nested in it, and an item shows checked when all of its nested items are checked, mixed when\n * some are. `onCheckedItemsChange` receives every checked item in tree order (fully checked parents\n * included), followed by listed values that match no item, and `details` (`value`, `checked`,\n * `event`).\n *\n * Row content: `actions` (buttons at the end of the row, in a toolbar named by the item, shown on\n * hover and focus, and always where there is no hover or colors are forced), `aside` (a count or a\n * badge that describes the item), `iconAfter` and `expandIcon`. Tab from the focused item enters\n * its actions and Shift+Tab returns. Keys and clicks on the actions never activate or check the\n * item. With `navigationMode=\"treegrid\"`, Right (Left in right-to-left layouts) moves from an\n * item into its actions and Left returns, the actions take no Tab stop, and on an open parent Right\n * moves into its actions rather than to its first child (Down does); the roles stay `tree` and\n * `treeitem`.\n *\n * Items are `Tree.Item` elements; nested items are written in their parent's children (directly,\n * in Fragments, or returned by a render function), not rendered by a component of their own.\n * Every item needs a `value` that is unique within the Tree. `Tree.ItemPersonaLayout` lays out a\n * person (media, name and description) as an item's label.\n *\n * `Tree.Item` and `Tree.ItemPersonaLayout` are also exported as `TreeItem` and\n * `TreeItemPersonaLayout` for React Server Components, which cannot use the dotted form.\n */\nexport const Tree = /* @__PURE__ */ Object.assign(TreeRoot, {\n  Item: TreeItem,\n  ItemPersonaLayout: TreeItemPersonaLayout,\n});\n\nexport { TreeItem, TreeItemPersonaLayout };\n"],"mappings":"0FAyCA,IAAaK,EAAuB,OAAO,OAAOL,EAAAA,SAAU,CAC1D,KAAMC,EAAAA,SACN,kBAAmBC,EAAAA,qBACrB,CAAC"}

package/dist/components/layout/Tree.context.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/dev.cjs");let n=require("react");n=e.__toESM(n,1);var r=n.createContext(!1),i=n.createContext(null),a=n.createContext(null),o=n.createContext(!1),s=n.createContext(null),c={registerLayout:()=>()=>{}};function l(e){return n.useContext(s)||(t.reportMissingContext(e,`<Tree.Item>`),c)}var u={expanded:new Set,toggle:()=>{},expand:()=>{},activate:()=>{},selected:void 0,current:void 0,getTabIndex:()=>-1,focusValue:()=>{},onItemFocus:()=>{},focusedItem:null,navigationMode:`tree`,registerValue:()=>()=>{},selectionMode:`none`,checked:new Set,toggleChecked:()=>{},registerTopLevel:()=>()=>{}};function d(e){return n.useContext(i)||(t.reportMissingContext(e,`<Tree>`),u)}exports.TreeCheckForcedContext=r,exports.TreeContext=i,exports.TreeItemContext=s,exports.TreeLabelContext=o,exports.TreeParentContext=a,exports.useTreeContext=d,exports.useTreeItemContext=l;
+//# sourceMappingURL=Tree.context.cjs.map

package/dist/components/layout/Tree.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.context.cjs","names":["React","require_runtime","require_dev","react","TreeCheckForcedContext","TreeContext","TreeParentContext","TreeLabelContext","TreeItemContext","INERT_ITEM_CONTEXT","useTreeItemContext","component","INERT_CONTEXT","useTreeContext"],"sources":["../../../src/components/layout/Tree.context.ts"],"sourcesContent":["import * as React from 'react';\nimport { reportMissingContext } from '../../lib/dev';\nimport type { SelectionMode } from '../../lib/types';\nimport type { TreeNode } from './Tree.selection';\n\n/** What a top-level item hands to the root for the tree order of a toggle. */\nexport interface TreeSelectionEntry {\n  /** The item's value and the Tree.Item elements among its children, recursively. */\n  node: TreeNode;\n  /** The treeitem element, which orders the top-level items. */\n  element: HTMLElement | null;\n}\n\n/**\n * `true` inside the child group of an item that the checked list checks (its own value or an\n * ancestor's is listed): every item there is checked.\n */\nexport const TreeCheckForcedContext = React.createContext(false);\n\nexport interface TreeContextValue {\n  expanded: ReadonlySet<string>;\n  toggle: (value: string) => void;\n  expand: (values: readonly string[]) => void;\n  activate: (value: string) => void;\n  selected: string | null | undefined;\n  current: string | null | undefined;\n  getTabIndex: (value: string) => 0 | -1;\n  focusValue: (value: string) => void;\n  onItemFocus: (value: string) => void;\n  /** The item that focus is on or inside (its actions); `null` while focus is outside the tree. */\n  focusedItem: string | null;\n  /** `'tree'` (Tab enters a row's actions) or `'treegrid'` (the arrow keys do). */\n  navigationMode: 'tree' | 'treegrid';\n  /**\n   * Development only: counts a mounted item's value and warns once per value that several items\n   * share. Returns the unregistration.\n   */\n  registerValue: (value: string) => () => void;\n  /** The resolved selection mode. */\n  selectionMode: 'none' | SelectionMode;\n  /** The checked item values (`selectionMode=\"multiple\"`); every item computes its state from them. */\n  checked: ReadonlySet<string>;\n  /** Toggles an item's check; `event` becomes `details.event` of `onCheckedItemsChange`. */\n  toggleChecked: (value: string, event: Event) => void;\n  /**\n   * Registers a top-level item's selection entry, read when a check toggles to put the items in\n   * tree order. Returns the unregistration.\n   */\n  registerTopLevel: (entry: React.RefObject<TreeSelectionEntry | null>) => () => void;\n}\n\nexport const TreeContext = React.createContext<TreeContextValue | null>(null);\n\n/** Value of the enclosing Tree.Item (`null` at the top level), for ArrowLeft → parent. */\nexport const TreeParentContext = React.createContext<string | null>(null);\n\n/**\n * `true` inside the label of a Tree.Item, where a nested Tree.Item ends up when a component\n * renders it (the parent cannot see it among its children); its child group and every Tree root\n * reset it.\n */\nexport const TreeLabelContext = React.createContext(false);\n\n/** The ids a Tree.ItemPersonaLayout registers with its item. */\nexport interface PersonaLayoutIds {\n  /** The name element: the item's name. */\n  nameId: string;\n  /** The description element, while it renders: it joins the item's description. */\n  descriptionId: string | undefined;\n}\n\n/** What a Tree.Item gives the content of its label. */\nexport interface TreeItemContextValue {\n  /** Registers a persona layout's ids with the item; returns the unregistration. */\n  registerLayout: (ids: PersonaLayoutIds) => () => void;\n}\n\nexport const TreeItemContext = React.createContext<TreeItemContextValue | null>(null);\n\nconst INERT_ITEM_CONTEXT: TreeItemContextValue = { registerLayout: () => () => {} };\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nexport function useTreeItemContext(component: string): TreeItemContextValue {\n  const context = React.useContext(TreeItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Tree.Item>');\n  return INERT_ITEM_CONTEXT;\n}\n\nconst INERT_CONTEXT: TreeContextValue = {\n  expanded: new Set(),\n  toggle: () => {},\n  expand: () => {},\n  activate: () => {},\n  selected: undefined,\n  current: undefined,\n  getTabIndex: () => -1,\n  focusValue: () => {},\n  onItemFocus: () => {},\n  focusedItem: null,\n  navigationMode: 'tree',\n  registerValue: () => () => {},\n  selectionMode: 'none',\n  checked: new Set(),\n  toggleChecked: () => {},\n  registerTopLevel: () => () => {},\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nexport function useTreeContext(component: string): TreeContextValue {\n  const context = React.useContext(TreeContext);\n  if (context) return context;\n  reportMissingContext(component, '<Tree>');\n  return INERT_CONTEXT;\n}\n"],"mappings":"4IAiBA,IAAaI,EAAyBJ,EAAM,cAAc,EAAK,EAkClDK,EAAcL,EAAM,cAAuC,IAAI,EAG/DM,EAAoBN,EAAM,cAA6B,IAAI,EAO3DO,EAAmBP,EAAM,cAAc,EAAK,EAgB5CQ,EAAkBR,EAAM,cAA2C,IAAI,EAE9ES,EAA2C,CAAE,uBAA4B,CAAC,CAAE,EAGlF,SAAgBC,EAAmB,EAAyC,CAI1E,OAHgBV,EAAM,WAAWQ,CAC7B,IACJN,EAAA,qBAAqBS,EAAW,aAAa,EACtCF,EACT,CAEA,IAAMG,EAAkC,CACtC,SAAU,IAAI,IACd,WAAc,CAAC,EACf,WAAc,CAAC,EACf,aAAgB,CAAC,EACjB,SAAU,IAAA,GACV,QAAS,IAAA,GACT,gBAAmB,GACnB,eAAkB,CAAC,EACnB,gBAAmB,CAAC,EACpB,YAAa,KACb,eAAgB,OAChB,sBAA2B,CAAC,EAC5B,cAAe,OACf,QAAS,IAAI,IACb,kBAAqB,CAAC,EACtB,yBAA8B,CAAC,CACjC,EAGA,SAAgBC,EAAe,EAAqC,CAIlE,OAHgBb,EAAM,WAAWK,CAC7B,IACJH,EAAA,qBAAqBS,EAAW,QAAQ,EACjCC,EACT"}

package/dist/components/layout/Tree.context.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { reportMissingContext as e } from "../../lib/dev.mjs";
+import * as t from "react";
+//#region src/components/layout/Tree.context.ts
+var n = t.createContext(!1), r = t.createContext(null), i = t.createContext(null), a = t.createContext(!1), o = t.createContext(null), s = { registerLayout: () => () => {} };
+function c(n) {
+	return t.useContext(o) || (e(n, "<Tree.Item>"), s);
+}
+var l = {
+	expanded: /* @__PURE__ */ new Set(),
+	toggle: () => {},
+	expand: () => {},
+	activate: () => {},
+	selected: void 0,
+	current: void 0,
+	getTabIndex: () => -1,
+	focusValue: () => {},
+	onItemFocus: () => {},
+	focusedItem: null,
+	navigationMode: "tree",
+	registerValue: () => () => {},
+	selectionMode: "none",
+	checked: /* @__PURE__ */ new Set(),
+	toggleChecked: () => {},
+	registerTopLevel: () => () => {}
+};
+function u(n) {
+	return t.useContext(r) || (e(n, "<Tree>"), l);
+}
+//#endregion
+export { n as TreeCheckForcedContext, r as TreeContext, o as TreeItemContext, a as TreeLabelContext, i as TreeParentContext, u as useTreeContext, c as useTreeItemContext };
+
+//# sourceMappingURL=Tree.context.mjs.map

package/dist/components/layout/Tree.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.context.mjs","names":["React","TreeCheckForcedContext","TreeContext","TreeParentContext","TreeLabelContext","TreeItemContext","INERT_ITEM_CONTEXT","useTreeItemContext","reportMissingContext","component","INERT_CONTEXT","useTreeContext"],"sources":["../../../src/components/layout/Tree.context.ts"],"sourcesContent":["import * as React from 'react';\nimport { reportMissingContext } from '../../lib/dev';\nimport type { SelectionMode } from '../../lib/types';\nimport type { TreeNode } from './Tree.selection';\n\n/** What a top-level item hands to the root for the tree order of a toggle. */\nexport interface TreeSelectionEntry {\n  /** The item's value and the Tree.Item elements among its children, recursively. */\n  node: TreeNode;\n  /** The treeitem element, which orders the top-level items. */\n  element: HTMLElement | null;\n}\n\n/**\n * `true` inside the child group of an item that the checked list checks (its own value or an\n * ancestor's is listed): every item there is checked.\n */\nexport const TreeCheckForcedContext = React.createContext(false);\n\nexport interface TreeContextValue {\n  expanded: ReadonlySet<string>;\n  toggle: (value: string) => void;\n  expand: (values: readonly string[]) => void;\n  activate: (value: string) => void;\n  selected: string | null | undefined;\n  current: string | null | undefined;\n  getTabIndex: (value: string) => 0 | -1;\n  focusValue: (value: string) => void;\n  onItemFocus: (value: string) => void;\n  /** The item that focus is on or inside (its actions); `null` while focus is outside the tree. */\n  focusedItem: string | null;\n  /** `'tree'` (Tab enters a row's actions) or `'treegrid'` (the arrow keys do). */\n  navigationMode: 'tree' | 'treegrid';\n  /**\n   * Development only: counts a mounted item's value and warns once per value that several items\n   * share. Returns the unregistration.\n   */\n  registerValue: (value: string) => () => void;\n  /** The resolved selection mode. */\n  selectionMode: 'none' | SelectionMode;\n  /** The checked item values (`selectionMode=\"multiple\"`); every item computes its state from them. */\n  checked: ReadonlySet<string>;\n  /** Toggles an item's check; `event` becomes `details.event` of `onCheckedItemsChange`. */\n  toggleChecked: (value: string, event: Event) => void;\n  /**\n   * Registers a top-level item's selection entry, read when a check toggles to put the items in\n   * tree order. Returns the unregistration.\n   */\n  registerTopLevel: (entry: React.RefObject<TreeSelectionEntry | null>) => () => void;\n}\n\nexport const TreeContext = React.createContext<TreeContextValue | null>(null);\n\n/** Value of the enclosing Tree.Item (`null` at the top level), for ArrowLeft → parent. */\nexport const TreeParentContext = React.createContext<string | null>(null);\n\n/**\n * `true` inside the label of a Tree.Item, where a nested Tree.Item ends up when a component\n * renders it (the parent cannot see it among its children); its child group and every Tree root\n * reset it.\n */\nexport const TreeLabelContext = React.createContext(false);\n\n/** The ids a Tree.ItemPersonaLayout registers with its item. */\nexport interface PersonaLayoutIds {\n  /** The name element: the item's name. */\n  nameId: string;\n  /** The description element, while it renders: it joins the item's description. */\n  descriptionId: string | undefined;\n}\n\n/** What a Tree.Item gives the content of its label. */\nexport interface TreeItemContextValue {\n  /** Registers a persona layout's ids with the item; returns the unregistration. */\n  registerLayout: (ids: PersonaLayoutIds) => () => void;\n}\n\nexport const TreeItemContext = React.createContext<TreeItemContextValue | null>(null);\n\nconst INERT_ITEM_CONTEXT: TreeItemContextValue = { registerLayout: () => () => {} };\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nexport function useTreeItemContext(component: string): TreeItemContextValue {\n  const context = React.useContext(TreeItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Tree.Item>');\n  return INERT_ITEM_CONTEXT;\n}\n\nconst INERT_CONTEXT: TreeContextValue = {\n  expanded: new Set(),\n  toggle: () => {},\n  expand: () => {},\n  activate: () => {},\n  selected: undefined,\n  current: undefined,\n  getTabIndex: () => -1,\n  focusValue: () => {},\n  onItemFocus: () => {},\n  focusedItem: null,\n  navigationMode: 'tree',\n  registerValue: () => () => {},\n  selectionMode: 'none',\n  checked: new Set(),\n  toggleChecked: () => {},\n  registerTopLevel: () => () => {},\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nexport function useTreeContext(component: string): TreeContextValue {\n  const context = React.useContext(TreeContext);\n  if (context) return context;\n  reportMissingContext(component, '<Tree>');\n  return INERT_CONTEXT;\n}\n"],"mappings":";;;;AAiBA,IAAaC,IAAyBD,EAAM,cAAc,EAAK,GAkClDE,IAAcF,EAAM,cAAuC,IAAI,GAG/DG,IAAoBH,EAAM,cAA6B,IAAI,GAO3DI,IAAmBJ,EAAM,cAAc,EAAK,GAgB5CK,IAAkBL,EAAM,cAA2C,IAAI,GAE9EM,IAA2C,EAAE,4BAA4B,CAAC,EAAE;AAGlF,SAAgBC,EAAmB,GAAyC;CAI1E,OAHgBP,EAAM,WAAWK,CAC7B,MACJG,EAAqBC,GAAW,aAAa,GACtCH;AACT;AAEA,IAAMI,IAAkC;CACtC,0BAAU,IAAI,IAAI;CAClB,cAAc,CAAC;CACf,cAAc,CAAC;CACf,gBAAgB,CAAC;CACjB,UAAU,KAAA;CACV,SAAS,KAAA;CACT,mBAAmB;CACnB,kBAAkB,CAAC;CACnB,mBAAmB,CAAC;CACpB,aAAa;CACb,gBAAgB;CAChB,2BAA2B,CAAC;CAC5B,eAAe;CACf,yBAAS,IAAI,IAAI;CACjB,qBAAqB,CAAC;CACtB,8BAA8B,CAAC;AACjC;AAGA,SAAgBC,EAAe,GAAqC;CAIlE,OAHgBX,EAAM,WAAWE,CAC7B,MACJM,EAAqBC,GAAW,QAAQ,GACjCC;AACT"}

package/dist/components/layout/Tree.core.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/composeEventHandlers.cjs"),o=require("../../lib/classNames.cjs"),s=require("../../hooks/useEventCallback.cjs"),c=require("../../hooks/useControllable.cjs"),l=require("../../hooks/useId.cjs"),u=require("../../lib/direction.cjs"),d=require("../../lib/focus.cjs"),f=require("../../hooks/useRovingTabIndex.cjs"),p=require("../../hooks/useMergedRefs.cjs"),m=require("../../lib/aria.cjs"),h=require("../../lib/styles.cjs"),g=require("../../lib/icons.cjs"),_=require("../../lib/events.cjs"),v=require("./Tree.context.cjs"),ee=require("./Tree.selection.cjs");let y=require("react");y=e.__toESM(y,1);let b=require("react/jsx-runtime");var x=[],te="Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that item's child group: the parent cannot expand, its name includes the nested text, and a treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items among its own children (written directly, in Fragments, or returned by a render function such as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. Build a data-driven tree with a render function instead of a recursive component.";function ne(e){r.warnOnce(`Tree:duplicate:${e}`,`Tree: several items share the value "${e}". Item values must be unique within a Tree; items with the same value share their expanded, selected and focus state.`)}var S='Tree: `selected` has no effect with selectionMode="multiple"; use `checkedItems`, and `current` for the item the user is on.',re='Tree: `checkedItems` and `defaultCheckedItems` need selectionMode="multiple"; without it the tree draws no checkboxes and ignores them.',ie='Tree: selectionMode="single" draws a radio on every item for `selected`; pass `selected` (null while nothing is selected) and update it from `onItemSelect`.';function ae(e){return e?Array.from(e,e=>e.current).filter(e=>e!==null).sort((e,t)=>!e.element||!t.element||e.element===t.element?0:e.element.compareDocumentPosition(t.element)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1).map(e=>e.node):[]}var oe=`[role="treeitem"]`,C=`button, [href], input, select, textarea, [role="button"], [tabindex]`,se=`[&:focus-within:not(:has(>[role=group]_:focus))>[data-tree-row]_[data-tree-actions]]:visible`,ce=`[@media(hover:hover)]:not-forced-colors:[&:focus-within:not(:has(>[role=group]_:focus))>[data-tree-row]_[data-tree-aside]]:invisible`,le=`invisible group-hover/row:visible focus-within:visible forced-colors:visible [@media(hover:none)]:visible has-[[aria-expanded=true]]:visible data-[focus-in-popup]:visible`,ue=`not-forced-colors:group-hover/row:invisible [@media(hover:hover)]:not-forced-colors:group-focus-within/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[aria-expanded=true]]/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[data-focus-in-popup]]/end:invisible`,de=`[&>*]:[grid-area:1/1] forced-colors:flex [@media(hover:none)]:flex`;function fe(e){let t=e.querySelector(`:scope > [data-tree-row] [data-tree-actions]`);if(!t)return!1;let n=new Map;for(let e of Array.from(t.querySelectorAll(C))){if(d.isHiddenInput(e)||e.matches(`:disabled`))continue;let r=e.closest(`[hidden], [inert]`);if(r&&t.contains(r))continue;let i=e.getAttribute(`data-roving-disabled`);if((i===null||i===`false`)&&(e.getAttribute(`aria-disabled`)!==`true`||e.hasAttribute(`data-disabled-focusable`))&&!f.isHiddenByCss(e,t,n)&&(e.focus(),e.ownerDocument.activeElement===e))return!0}return!1}var w=({expandedItems:e,defaultExpandedItems:n,onExpandedItemsChange:i,onItemSelect:l,selected:u,current:d,selectionMode:m=`none`,navigationMode:h=`tree`,checkedItems:g,defaultCheckedItems:_,onCheckedItemsChange:te,className:C,children:se,onKeyDown:ce,onKeyDownCapture:le,onFocus:ue,onBlur:de,ref:fe,...w})=>{let[me]=y.useState(()=>n??x),[he,T]=c.useControllable(e,me,e=>i?.([...e])),E=y.useMemo(()=>new Set(he),[he]),D=y.useCallback(e=>{T(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},[T]),O=y.useCallback(e=>{T(t=>{let n=e.filter(e=>!t.includes(e));return n.length>0?[...t,...n]:t})},[T]),k=s.useEventCallback(e=>{l?.(e)}),[A]=y.useState(()=>_??x),j=y.useRef(void 0),[M,ge]=c.useControllable(g,A,e=>te?.([...e],j.current)),N=y.useMemo(()=>new Set(M),[M]),P=y.useRef(null),_e=y.useCallback(e=>{P.current??=new Set;let t=P.current;return t.add(e),()=>{t.delete(e)}},[]),F=s.useEventCallback((e,t)=>{let n=ae(P.current);ge(r=>{let i=ee.toggleCheck(n,r,e);return j.current={value:e,checked:i.includes(e),event:t},i}),j.current=void 0}),I=m===`multiple`?void 0:m===`single`?u??null:u;y.useEffect(()=>{m===`multiple`&&u!==void 0&&r.warnOnce(`Tree:selected-with-multiple`,S)},[m,u]),y.useEffect(()=>{m===`single`&&u===void 0&&r.warnOnce(`Tree:single-without-selected`,ie)},[m,u]);let L=g!==void 0||_!==void 0;y.useEffect(()=>{m!==`multiple`&&L&&r.warnOnce(`Tree:checked-without-multiple`,re)},[m,L]);let[R,z]=y.useState(null),B=y.useRef(null),V=y.useCallback(e=>{if(!r.isDev)return()=>{};B.current??=new Map;let t=B.current,n=(t.get(e)??0)+1;return t.set(e,n),n>1&&ne(e),()=>{let n=(t.get(e)??1)-1;n>0?t.set(e,n):t.delete(e)}},[]),{containerProps:H,getTabIndex:U,focusValue:W}=f.useRovingTabIndex({activeValue:R??I??null,itemSelector:oe,orientation:`vertical`,loop:!1,typeahead:!0}),ve=y.useMemo(()=>({expanded:E,toggle:D,expand:O,activate:k,selected:I,current:d,getTabIndex:U,focusValue:W,onItemFocus:z,focusedItem:R,navigationMode:h,registerValue:V,selectionMode:m,checked:N,toggleChecked:F,registerTopLevel:_e}),[E,D,O,k,I,d,U,W,R,h,V,m,N,F,_e]),ye=p.useMergedRefs(fe,H.ref),G=e=>{e.key.length===1&&pe(e.currentTarget),H.onKeyDown(e)},K=e=>{e.key===` `&&pe(e.currentTarget),H.onKeyDownCapture(e)},q=e=>{let t=e.relatedTarget;(!t||!e.currentTarget.contains(t))&&z(null)};return(0,b.jsx)(v.TreeContext.Provider,{value:ve,children:(0,b.jsx)(v.TreeParentContext.Provider,{value:null,children:(0,b.jsx)(v.TreeCheckForcedContext.Provider,{value:!1,children:(0,b.jsx)(`div`,{role:`tree`,"data-selection-mode":m,"aria-multiselectable":m===`multiple`||void 0,className:t.cn(o.treeClassNames.root,`text-body-1`,C),...w,"data-roving-container":``,onKeyDown:a.composeEventHandlers(ce,G),onKeyDownCapture:a.composeEventHandlers(le,K),onFocus:a.composeEventHandlers(ue,H.onFocus,{checkDefaultPrevented:!1}),onBlur:a.composeEventHandlers(de,q,{checkDefaultPrevented:!1}),ref:ye,children:(0,b.jsx)(v.TreeLabelContext.Provider,{value:!1,children:se})})})})})};w.displayName=`Tree`;function pe(e){e.querySelectorAll(`[role="treeitem"]`).forEach(e=>{let t=e.querySelector(`:scope > [data-tree-row] > [data-tree-label]`);if(!t)return;let n=t.querySelector(`[data-tree-persona-name]`),r=t.getAttribute(`data-roving-text`)??n?.textContent??t.textContent??``;e.getAttribute(`data-roving-text`)!==r&&e.setAttribute(`data-roving-text`,r)})}function me(e){let t=e.target;return!t?.closest?.(`[data-tree-actions]`)&&t?.closest?.(`[role="treeitem"]`)===e.currentTarget}function he(e){let t=e.target;return t===e.currentTarget||!t?.closest?.(`[data-tree-checkbox], [data-tree-actions]`)&&t?.closest?.(`[data-tree-row]`)?.parentElement===e.currentTarget}var T=({labelledBy:e,tabStop:n,navigationMode:r,onReturn:i,children:a})=>{let s=r===`treegrid`,{containerProps:{ref:c},handleKeyDown:l,handleFocus:d}=f.useRovingTabIndex({itemSelector:C,manageTabIndex:!0,orientation:`horizontal`,loop:!s,tabStop:n}),[p,m]=y.useState(null);y.useEffect(()=>{if(p!==`leaving`)return;let e=requestAnimationFrame(()=>m(null));return()=>cancelAnimationFrame(e)},[p]);let h=e=>{d(e),m(e.currentTarget.contains(e.target)?null:`inside`)},g=e=>{if(e.currentTarget.contains(e.target))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||m(`leaving`)},v=e=>{if(e.defaultPrevented||!_.isOwnEvent(e))return!1;let t=e.target,n=t.getAttribute(`aria-haspopup`);return(e.key===`ArrowDown`||e.key===`ArrowUp`)&&n!==null&&n!==`false`?(e.preventDefault(),!1):!s||e.altKey||e.ctrlKey||e.metaKey||_.isEditableTarget(t)?!1:u.getArrowIntent(e.key,{orientation:`horizontal`,dir:u.getDirection(e.currentTarget)})===`prev`};return(0,b.jsx)(`span`,{role:`toolbar`,"aria-labelledby":e,"aria-orientation":`horizontal`,"data-tree-actions":``,"data-roving-container":``,ref:c,"data-focus-in-popup":p===null?void 0:``,onKeyDown:e=>{let t=v(e);e.defaultPrevented||(l(e),t&&e.target===document.activeElement&&(e.preventDefault(),i()))},onFocus:h,onBlur:g,className:t.cn(o.treeItemClassNames.actions,`inline-flex items-center gap-1`,le),children:a})};T.displayName=`TreeItemActions`;var E=({value:e,icon:s,iconAfter:c,expandIcon:d,aside:f,actions:_,leaf:x=!1,className:ne,children:S,onClick:re,onKeyDown:ie,onFocus:ae,onBlur:oe,ref:C,...le})=>{let{"data-roving-text":pe,...D}=le,O=v.useTreeContext(`Tree.Item`),k=y.useContext(v.TreeParentContext),A=y.useContext(v.TreeLabelContext),j=O.expanded.has(e),M=l.useId(`tree-item-label`),ge=l.useId(`tree-item-aside`),N=y.useContext(v.TreeCheckForcedContext),P=y.useRef(null),_e=p.useMergedRefs(C,P),[F,I]=y.useState(null),L=y.useCallback(e=>(I(e),()=>I(t=>t===e?null:t)),[]),R=y.useMemo(()=>({registerLayout:L}),[L]),z=F?.nameId??M,{registerValue:B,registerTopLevel:V}=O;y.useEffect(()=>B(e),[B,e]),y.useEffect(()=>{A&&r.warnOnce(`Tree.Item:inside-label`,te)},[A]);let H=[],U=[],W;n.flattenChildren(S).forEach(({key:e,node:t})=>{let r=(0,b.jsx)(y.Fragment,{children:t},e);n.isElementOfType(t,E)?(W??=t.props.value,H.push(r)):n.isElementOfType(t,w)?H.push(r):U.push(r)});let ve=s&&i.slotRendersContent(s)?i.renderSlot(s,`span`,t.cn(o.treeItemClassNames.icon,`inline-flex shrink-0`),{"aria-hidden":!0}):null,ye=c&&i.slotRendersContent(c)?i.renderSlot(c,`span`,t.cn(o.treeItemClassNames.iconAfter,`inline-flex shrink-0`),{"aria-hidden":!0}):null,G=i.slotRendersContent(f),K=i.slotRendersContent(_),q=H.length>0&&!x,be=(0,b.jsx)(`span`,{className:`w-3 shrink-0`,"aria-hidden":`true`});q&&d==null?be=(0,b.jsx)(g.ChevronRightIcon,{className:t.cn(o.treeItemClassNames.expandIcon,`shrink-0 transition-transform motion-reduce:transition-none`,j?`rotate-90`:`wave-rtl:-scale-x-100`)}):q&&i.slotRendersContent(d)&&(be=i.renderSlot(d,`span`,t.cn(o.treeItemClassNames.expandIcon,`inline-flex shrink-0`),{"aria-hidden":!0}));let J=O.selectionMode===`multiple`,Y=y.useMemo(()=>J?{value:e,children:x?[]:ee.collectItems(S,{item:E,tree:w})}:null,[J,e,x,S]),X=Y?ee.computeCheckStates([Y],O.checked,N).get(e):void 0,xe=y.useRef(null);y.useLayoutEffect(()=>{xe.current=Y?{node:Y,element:P.current}:null});let Se=k===null&&!A;y.useLayoutEffect(()=>J&&Se?V(xe):void 0,[J,Se,V]);let Z=O.selected===void 0?void 0:O.selected===e,Ce=O.current!==void 0&&O.current!==null&&O.current===e,we=()=>{q&&O.toggle(e),O.activate(e)},Te=e=>{he(e)&&(re?.(e),e.defaultPrevented||we())},Ee=t=>{if(!me(t)||(ie?.(t),t.defaultPrevented||t.altKey||t.ctrlKey||t.metaKey))return;switch(t.key){case`Enter`:t.preventDefault(),we();return;case` `:t.preventDefault(),X===void 0?we():O.toggleChecked(e,t.nativeEvent);return;case`*`:{t.preventDefault();let e=t.currentTarget.parentElement?.querySelectorAll(`:scope > [role="treeitem"][aria-expanded="false"][data-roving-value]`);O.expand(Array.from(e??[],e=>e.getAttribute(`data-roving-value`)??``).filter(Boolean));return}}let n=u.getArrowIntent(t.key,{orientation:`horizontal`,dir:u.getDirection(t.currentTarget)});if(n===`next`){if(t.preventDefault(),q&&!j){O.toggle(e);return}if(O.navigationMode===`treegrid`&&fe(t.currentTarget))return;q&&W!==void 0&&O.focusValue(W)}else n===`prev`&&(t.preventDefault(),q&&j?O.toggle(e):k!==null&&O.focusValue(k))},Q=y.useRef(null),$=e=>e.target.closest(`[data-tree-actions]`)?.closest(`[role="treeitem"]`)===e.currentTarget,De=t=>{(t.target===t.currentTarget||$(t))&&O.onItemFocus(e),$(t)&&(Q.current=t.target)},Oe=e=>{$(e)&&(e.relatedTarget!==null||e.target.isConnected)&&(Q.current=null)};y.useLayoutEffect(()=>{let e=Q.current;if(!e)return;let t=P.current,n=t?.ownerDocument.activeElement;n&&n!==t.ownerDocument.body?Q.current=null:t&&!e.isConnected&&(Q.current=null,t.focus({preventScroll:!0}))});let ke=X===void 0?null:(0,b.jsx)(`span`,{role:`checkbox`,"aria-checked":X===`mixed`?`mixed`:X===`checked`,"aria-labelledby":z,tabIndex:-1,"data-tree-checkbox":``,onMouseDown:e=>{e.preventDefault(),P.current?.focus({preventScroll:!0})},onClick:t=>{O.toggleChecked(e,t.nativeEvent)},className:t.cn(o.treeItemClassNames.indicator,`relative inline-flex size-4 shrink-0 items-center justify-center rounded-xs border transition-colors motion-reduce:transition-none`,`before:absolute before:-inset-1`,X===`unchecked`?t.cn(`border-stroke-accessible bg-transparent`,h.forcedColors.control):`border-primary bg-primary text-primary-foreground forced-colors:border-[Highlight] forced-colors:bg-[Highlight]`),children:X===`mixed`?(0,b.jsx)(g.SubtractIcon,{size:12,className:h.forcedColors.selectedLeaf}):X===`checked`?(0,b.jsx)(g.CheckIcon,{size:12,className:h.forcedColors.selectedLeaf}):null}),Ae=O.selectionMode===`single`?(0,b.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(o.treeItemClassNames.indicator,`inline-flex size-4 shrink-0 items-center justify-center rounded-full border transition-colors motion-reduce:transition-none`,Z?`border-2 border-primary forced-colors:border-[Highlight]`:t.cn(`border-stroke-accessible`,h.forcedColors.control)),children:Z&&(0,b.jsx)(`span`,{className:t.cn(`block size-2 rounded-full bg-primary`,h.forcedColors.selectedLeaf)})}):null,je=ke??Ae,Me=N||J&&O.checked.has(e);return(0,b.jsxs)(`div`,{role:`treeitem`,"aria-selected":Z,"aria-current":Ce?!0:void 0,"data-checked":X===`checked`?``:void 0,"data-mixed":X===`mixed`?``:void 0,className:t.cn(o.treeItemClassNames.root,`block outline-none`,`[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring`,K&&se,K&&G&&ce,ne),...D,"aria-labelledby":D[`aria-labelledby`]??(D[`aria-label`]===void 0?z:void 0),"aria-describedby":m.joinIds(D[`aria-describedby`],G?ge:void 0,F?.descriptionId),"aria-expanded":q?j:void 0,"aria-checked":X===void 0?void 0:X===`mixed`?`mixed`:X===`checked`,tabIndex:O.getTabIndex(e),"data-roving-value":e,"data-selected":Z?``:void 0,"data-current":Ce?``:void 0,onClick:Te,onKeyDown:Ee,onFocus:e=>a.composeEventHandlers(ae,De,{checkDefaultPrevented:!1})(e),onBlur:e=>a.composeEventHandlers(oe,Oe,{checkDefaultPrevented:!1})(e),ref:_e,children:[(0,b.jsxs)(`div`,{"data-tree-row":``,className:t.cn(o.treeItemClassNames.row,`flex cursor-pointer items-center gap-1.5 rounded px-2 py-1 hover:bg-subtle-hover`,K&&`group/row`,Z&&t.cn(`bg-subtle-selected font-semibold`,h.forcedColors.selectedContainer)),children:[be,je,ve,(0,b.jsx)(`span`,{id:M,"data-tree-label":``,"data-roving-text":pe,className:t.cn(o.treeItemClassNames.label,`truncate`,(ye||G||K)&&`min-w-0`),children:(0,b.jsx)(v.TreeCheckForcedContext.Provider,{value:!1,children:(0,b.jsx)(v.TreeLabelContext.Provider,{value:!0,children:(0,b.jsx)(v.TreeItemContext.Provider,{value:R,children:U})})})}),ye,(G||K)&&(0,b.jsxs)(`span`,{"data-tree-end":``,className:t.cn(`group/end ms-auto inline-grid shrink-0 items-center gap-1`,G&&K&&de),children:[G&&(0,b.jsx)(`span`,{id:ge,"data-tree-aside":``,className:t.cn(o.treeItemClassNames.aside,`inline-flex items-center text-caption-1 text-muted-foreground`,K&&ue),children:i.materialiseSlotContent(f)}),K&&(0,b.jsx)(T,{labelledBy:z,tabStop:O.navigationMode===`tree`&&O.focusedItem===e?`last-focused`:`none`,navigationMode:O.navigationMode,onReturn:()=>O.focusValue(e),children:i.materialiseSlotContent(_)})]})]}),q&&j&&(0,b.jsx)(v.TreeParentContext.Provider,{value:e,children:(0,b.jsx)(v.TreeCheckForcedContext.Provider,{value:Me,children:(0,b.jsx)(v.TreeLabelContext.Provider,{value:!1,children:(0,b.jsx)(`div`,{role:`group`,className:t.cn(o.treeItemClassNames.group,`ps-4`),children:H})})})})]})};E.displayName=`TreeItem`,exports.TreeItem=E,exports.TreeRoot=w;
+//# sourceMappingURL=Tree.core.cjs.map

package/dist/components/layout/Tree.core.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.core.cjs","names":["isHiddenInput","isHiddenByCss","React","useControllable","useEventCallback","toggleCheck","isDev","useRovingTabIndex","useMergedRefs","TreeContext","TreeParentContext","TreeCheckForcedContext","cn","treeClassNames","composeEventHandlers","TreeLabelContext","isOwnEvent","isEditableTarget","getArrowIntent","getDirection","treeItemClassNames","useTreeContext","useId","isElementOfType","slotRendersContent","renderSlot","ChevronRightIcon","collectItems","computeCheckStates","forcedColors","SubtractIcon","CheckIcon","joinIds","TreeItemContext","materialiseSlotContent","require_runtime","require_cn","require_children","require_dev","require_slot","require_composeEventHandlers","require_classNames","require_useEventCallback","require_useControllable","require_useId","require_direction","require_focus","require_useRovingTabIndex","require_useMergedRefs","require_aria","require_styles","require_icons","require_events","require_Tree_context","require_Tree_selection","react","react_jsx_runtime","EMPTY","ITEM_IN_LABEL_MESSAGE","warnDuplicateValue","value","SELECTED_WITH_MULTIPLE_MESSAGE","CHECKED_WITHOUT_MULTIPLE_MESSAGE","SINGLE_WITHOUT_SELECTED_MESSAGE","forestInTreeOrder","entries","entry","a","b","TREE_ITEM_SELECTOR","ACTION_ITEM_SELECTOR","ACTIONS_ON_ITEM_FOCUS","ASIDE_OFF_ON_ITEM_FOCUS","ACTIONS_VISIBILITY","ASIDE_OFF_WITH_ACTIONS","END_CELL_SHARED","focusFirstAction","toolbar","item","cssHidden","el","concealed","marker","TreeRoot","rest","initialExpanded","defaultExpandedItems","expandedList","setExpandedList","expandedItems","onExpandedItemsChange","next","expanded","toggle","prev","v","expand","added","values","activate","onItemSelect","initialChecked","defaultCheckedItems","pendingDetails","checkedList","setCheckedList","checkedItems","onCheckedItemsChange","checked","topLevel","registerTopLevel","toggleChecked","forest","previous","effectiveSelected","selectionMode","selected","hasCheckedProps","focusedItem","setFocusedItem","valueCounts","registerValue","counts","count","remaining","context","current","getTabIndex","focusValue","navigationMode","mergedRef","ref","containerProps","handleKeyDown","event","syncTypeaheadText","handleKeyDownCapture","handleBlur","className","onKeyDown","onKeyDownCapture","onFocus","onBlur","tree","label","treeitem","personaName","text","isOwnKeyEvent","target","isOwnClick","TreeItemActions","treegrid","rovingRef","rovingKeyDown","rovingFocus","popupFocus","setPopupFocus","frame","handleToolbarFocus","handleToolbarBlur","popup","labelledBy","isPrev","onReturn","TreeItem","props","typeaheadText","ctx","parent","insideLabel","isExpanded","labelId","asideId","ancestorListed","itemRef","layoutIds","setLayoutIds","registerLayout","ids","itemContext","nameId","nestedItems","labelContent","firstChildValue","children","child","keyed","key","iconNode","icon","iconAfterNode","iconAfter","hasAside","aside","hasActions","actions","hasChildren","leaf","chevron","expandIcon","multiple","ownNode","checkState","selectionEntry","isTopLevel","isSelected","isCurrent","handleClick","onClick","siblings","intent","focusedAction","inOwnActions","handleFocus","handleActionsBlur","action","active","checkbox","radio","indicator","groupListed"],"sources":["../../../src/components/layout/Tree.core.tsx"],"sourcesContent":["import * as React from 'react';\nimport { joinIds } from '../../lib/aria';\nimport { flattenChildren, isElementOfType } from '../../lib/children';\nimport { treeClassNames, treeItemClassNames } from '../../lib/classNames';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { isDev, warnOnce } from '../../lib/dev';\nimport { getArrowIntent, getDirection } from '../../lib/direction';\nimport { isEditableTarget, isOwnEvent } from '../../lib/events';\nimport { isHiddenInput } from '../../lib/focus';\nimport { CheckIcon, ChevronRightIcon, SubtractIcon } from '../../lib/icons';\nimport type { SelectionMode } from '../../lib/types';\nimport { materialiseSlotContent, renderSlot, slotRendersContent, type Slot } from '../../lib/slot';\nimport { forcedColors } from '../../lib/styles';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { isHiddenByCss, useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport {\n  TreeCheckForcedContext,\n  TreeContext,\n  TreeItemContext,\n  TreeLabelContext,\n  TreeParentContext,\n  useTreeContext,\n  type PersonaLayoutIds,\n  type TreeContextValue,\n  type TreeItemContextValue,\n  type TreeSelectionEntry,\n} from './Tree.context';\nimport {\n  collectItems,\n  computeCheckStates,\n  toggleCheck,\n  type CheckState,\n  type TreeNode,\n} from './Tree.selection';\n\nconst EMPTY: readonly string[] = [];\n\nconst ITEM_IN_LABEL_MESSAGE =\n  'Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that ' +\n  \"item's child group: the parent cannot expand, its name includes the nested text, and a \" +\n  'treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items ' +\n  'among its own children (written directly, in Fragments, or returned by a render function such ' +\n  'as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. ' +\n  'Build a data-driven tree with a render function instead of a recursive component.';\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Tree:duplicate:${value}`,\n    `Tree: several items share the value \"${value}\". Item values must be unique within a Tree; ` +\n      'items with the same value share their expanded, selected and focus state.',\n  );\n}\n\nconst SELECTED_WITH_MULTIPLE_MESSAGE =\n  'Tree: `selected` has no effect with selectionMode=\"multiple\"; use `checkedItems`, and ' +\n  '`current` for the item the user is on.';\n\nconst CHECKED_WITHOUT_MULTIPLE_MESSAGE =\n  'Tree: `checkedItems` and `defaultCheckedItems` need selectionMode=\"multiple\"; without it the ' +\n  'tree draws no checkboxes and ignores them.';\n\nconst SINGLE_WITHOUT_SELECTED_MESSAGE =\n  'Tree: selectionMode=\"single\" draws a radio on every item for `selected`; pass `selected` ' +\n  '(null while nothing is selected) and update it from `onItemSelect`.';\n\n/** The registered top-level subtrees in document order, which is the tree order of their items. */\nfunction forestInTreeOrder(\n  entries: ReadonlySet<React.RefObject<TreeSelectionEntry | null>> | null,\n): TreeNode[] {\n  if (!entries) return [];\n  return Array.from(entries, (entry) => entry.current)\n    .filter((entry): entry is TreeSelectionEntry => entry !== null)\n    .sort((a, b) => {\n      if (!a.element || !b.element || a.element === b.element) return 0;\n      return a.element.compareDocumentPosition(b.element) & Node.DOCUMENT_POSITION_FOLLOWING\n        ? -1\n        : 1;\n    })\n    .map((entry) => entry.node);\n}\n\n/**\n * The tree's own items for the tab stop and the arrow keys: the treeitems. A row's actions are a\n * roving container of their own, which the default selector would count as one more item.\n */\nconst TREE_ITEM_SELECTOR = '[role=\"treeitem\"]';\n\n/** Every focusable control a row's actions can hold (Toolbar's rule). */\nconst ACTION_ITEM_SELECTOR = 'button, [href], input, select, textarea, [role=\"button\"], [tabindex]';\n\n/**\n * Shows a row's actions while focus is on its item (also after a click) or inside the item's own\n * row, never in its child group, so Tab and the treegrid arrows reach them. The item's\n * `:focus-within`, not its `:focus`: while focus moves from the item into an action, Chromium has\n * already ended the item's `:focus` (but keeps `:focus-within` on it, the common ancestor) when it\n * checks that the action can take focus, and a hidden action refuses it.\n */\nconst ACTIONS_ON_ITEM_FOCUS =\n  '[&:focus-within:not(:has(>[role=group]_:focus))>[data-tree-row]_[data-tree-actions]]:visible';\n\n/** Makes the aside invisible while its actions show for focus, where they take its place. */\nconst ASIDE_OFF_ON_ITEM_FOCUS =\n  '[@media(hover:hover)]:not-forced-colors:[&:focus-within:not(:has(>[role=group]_:focus))>[data-tree-row]_[data-tree-aside]]:invisible';\n\n/**\n * The actions stay invisible until the row is hovered or the item or an action has focus, and\n * always show in forced colors and without hover (touch). An invisible action takes no focus.\n * They also show while a surface opened from an action is open (its trigger is expanded) and\n * while focus is in such a surface (`data-focus-in-popup`), so the surface's focus return, which\n * runs after its trigger already reports it closed, reaches the action.\n */\nconst ACTIONS_VISIBILITY =\n  'invisible group-hover/row:visible focus-within:visible forced-colors:visible [@media(hover:none)]:visible has-[[aria-expanded=true]]:visible data-[focus-in-popup]:visible';\n\n/** The aside gives way to the actions where the two share one place. */\nconst ASIDE_OFF_WITH_ACTIONS =\n  'not-forced-colors:group-hover/row:invisible [@media(hover:hover)]:not-forced-colors:group-focus-within/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[aria-expanded=true]]/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[data-focus-in-popup]]/end:invisible';\n\n/** Aside and actions share one cell, and sit side by side where the actions always show. */\nconst END_CELL_SHARED = '[&>*]:[grid-area:1/1] forced-colors:flex [@media(hover:none)]:flex';\n\n/**\n * Focuses the first action of an item's own row that takes focus, trying them in order and\n * skipping what the roving hook skips: natively disabled, marked `data-roving-disabled`,\n * `aria-disabled` unless focusable-disabled, hidden form inputs, anything inside a `hidden` or\n * `inert` element of the toolbar, and what CSS hides (the hook's own `isHiddenByCss`). `false` when\n * focus did not move into the row's actions.\n */\nfunction focusFirstAction(item: HTMLElement): boolean {\n  const toolbar = item.querySelector<HTMLElement>(':scope > [data-tree-row] [data-tree-actions]');\n  if (!toolbar) return false;\n  const cssHidden = new Map<Element, boolean>();\n  for (const el of Array.from(toolbar.querySelectorAll<HTMLElement>(ACTION_ITEM_SELECTOR))) {\n    if (isHiddenInput(el) || el.matches(':disabled')) continue;\n    const concealed = el.closest('[hidden], [inert]');\n    if (concealed && toolbar.contains(concealed)) continue;\n    const marker = el.getAttribute('data-roving-disabled');\n    if (marker !== null && marker !== 'false') continue;\n    if (\n      el.getAttribute('aria-disabled') === 'true' &&\n      !el.hasAttribute('data-disabled-focusable')\n    ) {\n      continue;\n    }\n    if (isHiddenByCss(el, toolbar, cssHidden)) continue;\n    el.focus();\n    if (el.ownerDocument.activeElement === el) return true;\n  }\n  return false;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Tree                                                               */\n/* ------------------------------------------------------------------ */\n\n/** The second argument of `onCheckedItemsChange`. */\nexport interface TreeCheckedItemsChangeDetails {\n  /** The item that was toggled. */\n  value: string;\n  /** Its new state (a toggle never leaves it mixed). */\n  checked: boolean;\n  /** The DOM event of the toggle: a keyboard event for Space, a mouse event for a click. */\n  event: Event;\n}\n\n/** Properties for the Tree component. */\nexport interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled list of expanded item values. */\n  expandedItems?: readonly string[];\n  /**\n   * Item values that are expanded initially (uncontrolled).\n   * @default []\n   */\n  defaultExpandedItems?: readonly string[];\n  /** Called with the new list of expanded item values when an item expands or collapses. */\n  onExpandedItemsChange?: (expandedItems: string[]) => void;\n  /**\n   * Called with an item's value every time it is activated (a click on its row, Enter, or Space\n   * unless the tree has checkboxes), also when the same item is activated again.\n   */\n  onItemSelect?: (value: string) => void;\n  /**\n   * Value of the selected item. When set (also to `null`), every item carries `aria-selected`, and\n   * the selected item is where keyboard focus enters the tree. It has no effect with\n   * `selectionMode=\"multiple\"` (a development warning): items carry `aria-checked` instead. With\n   * `selectionMode=\"single\"` every item carries `aria-selected` even while it is not set (a\n   * development warning: the radios need it).\n   */\n  selected?: string | null;\n  /** Value of the current item (for example the open page): it gets `aria-current=\"true\"`. */\n  current?: string | null;\n  /**\n   * How items are selected. `'none'`: activation only (0.7; `selected` highlights one item).\n   * `'single'`: a radio indicator on every item for `selected`/`onItemSelect`. `'multiple'`: a\n   * checkbox on every item, bound to `checkedItems`; checking an item checks its descendants, and a\n   * parent shows checked, mixed or unchecked from them. Fluent's `'multiselect'` is `'multiple'`.\n   * @default 'none'\n   */\n  selectionMode?: 'none' | SelectionMode;\n  /** Controlled checked items (`selectionMode=\"multiple\"`); see the cascade rule in the component docs. */\n  checkedItems?: readonly string[];\n  /**\n   * Initially checked items (uncontrolled).\n   * @default []\n   */\n  defaultCheckedItems?: readonly string[];\n  /**\n   * Called with every checked item (in tree order) when a check changes (Fluent's `onCheckedChange`).\n   * WaveUI always passes `details`; it is typed optional until 1.0.\n   */\n  onCheckedItemsChange?: (checkedItems: string[], details?: TreeCheckedItemsChangeDetails) => void;\n  /**\n   * `'tree'`: Tab from a focused item enters its actions. `'treegrid'`: the \"next\" arrow\n   * (ArrowRight, ArrowLeft in RTL) moves into an item's actions and \"previous\" returns; on an\n   * expanded parent \"next\" no longer moves to the first child (ArrowDown does). The roles stay\n   * `tree` and `treeitem` (Fluent's `navigationMode`).\n   * @default 'tree'\n   */\n  navigationMode?: 'tree' | 'treegrid';\n  /** Ref to the `role=\"tree\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport const TreeRoot = ({\n  expandedItems,\n  defaultExpandedItems,\n  onExpandedItemsChange,\n  onItemSelect,\n  selected,\n  current,\n  selectionMode = 'none',\n  navigationMode = 'tree',\n  checkedItems,\n  defaultCheckedItems,\n  onCheckedItemsChange,\n  className,\n  children,\n  onKeyDown,\n  onKeyDownCapture,\n  onFocus,\n  onBlur,\n  ref,\n  ...rest\n}: TreeProps) => {\n  const [initialExpanded] = React.useState<readonly string[]>(() => defaultExpandedItems ?? EMPTY);\n  const [expandedList, setExpandedList] = useControllable<readonly string[]>(\n    expandedItems,\n    initialExpanded,\n    (next) => onExpandedItemsChange?.([...next]),\n  );\n  const expanded = React.useMemo(() => new Set(expandedList), [expandedList]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setExpandedList((prev) =>\n        prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n      );\n    },\n    [setExpandedList],\n  );\n\n  const expand = React.useCallback(\n    (values: readonly string[]) => {\n      setExpandedList((prev) => {\n        const added = values.filter((v) => !prev.includes(v));\n        return added.length > 0 ? [...prev, ...added] : prev;\n      });\n    },\n    [setExpandedList],\n  );\n\n  const activate = useEventCallback((value: string) => {\n    onItemSelect?.(value);\n  });\n\n  // Checked items (`selectionMode=\"multiple\"`). useControllable passes the value only, so a toggle\n  // hands `details` to the change callback through a ref it writes and clears in the same event.\n  const [initialChecked] = React.useState<readonly string[]>(() => defaultCheckedItems ?? EMPTY);\n  const pendingDetails = React.useRef<TreeCheckedItemsChangeDetails | undefined>(undefined);\n  const [checkedList, setCheckedList] = useControllable<readonly string[]>(\n    checkedItems,\n    initialChecked,\n    (next) => onCheckedItemsChange?.([...next], pendingDetails.current),\n  );\n  const checked = React.useMemo(() => new Set(checkedList), [checkedList]);\n\n  // The top-level items' subtrees (each item scans its own children), read when a check toggles:\n  // they give the emitted list its tree order.\n  const topLevel = React.useRef<Set<React.RefObject<TreeSelectionEntry | null>> | null>(null);\n  const registerTopLevel = React.useCallback(\n    (entry: React.RefObject<TreeSelectionEntry | null>) => {\n      topLevel.current ??= new Set();\n      const entries = topLevel.current;\n      entries.add(entry);\n      return () => {\n        entries.delete(entry);\n      };\n    },\n    [],\n  );\n  const toggleChecked = useEventCallback((value: string, event: Event) => {\n    const forest = forestInTreeOrder(topLevel.current);\n    setCheckedList((previous) => {\n      const next = toggleCheck(forest, previous, value);\n      pendingDetails.current = { value, checked: next.includes(value), event };\n      return next;\n    });\n    pendingDetails.current = undefined;\n  });\n\n  // An item carries aria-checked or aria-selected, never both (APG); in single mode every item\n  // carries aria-selected from the first render, so the radios and the state agree.\n  const effectiveSelected =\n    selectionMode === 'multiple'\n      ? undefined\n      : selectionMode === 'single'\n        ? (selected ?? null)\n        : selected;\n\n  React.useEffect(() => {\n    if (selectionMode === 'multiple' && selected !== undefined) {\n      warnOnce('Tree:selected-with-multiple', SELECTED_WITH_MULTIPLE_MESSAGE);\n    }\n  }, [selectionMode, selected]);\n  React.useEffect(() => {\n    if (selectionMode === 'single' && selected === undefined) {\n      warnOnce('Tree:single-without-selected', SINGLE_WITHOUT_SELECTED_MESSAGE);\n    }\n  }, [selectionMode, selected]);\n  const hasCheckedProps = checkedItems !== undefined || defaultCheckedItems !== undefined;\n  React.useEffect(() => {\n    if (selectionMode !== 'multiple' && hasCheckedProps) {\n      warnOnce('Tree:checked-without-multiple', CHECKED_WITHOUT_MULTIPLE_MESSAGE);\n    }\n  }, [selectionMode, hasCheckedProps]);\n\n  // The item that has focus while focus is inside the tree: it holds the tab stop, so Shift+Tab\n  // leaves the tree. Cleared when focus leaves; the next entry goes to `selected`, else the first.\n  const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n\n  // How many mounted items carry each value (written from the items' effects only).\n  const valueCounts = React.useRef<Map<string, number> | null>(null);\n  const registerValue = React.useCallback((value: string) => {\n    if (!isDev) return () => {};\n    valueCounts.current ??= new Map();\n    const counts = valueCounts.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const { containerProps, getTabIndex, focusValue } = useRovingTabIndex({\n    activeValue: focusedItem ?? effectiveSelected ?? null,\n    itemSelector: TREE_ITEM_SELECTOR,\n    orientation: 'vertical',\n    loop: false,\n    typeahead: true,\n  });\n\n  const context = React.useMemo<TreeContextValue>(\n    () => ({\n      expanded,\n      toggle,\n      expand,\n      activate,\n      selected: effectiveSelected,\n      current,\n      getTabIndex,\n      focusValue,\n      onItemFocus: setFocusedItem,\n      focusedItem,\n      navigationMode,\n      registerValue,\n      selectionMode,\n      checked,\n      toggleChecked,\n      registerTopLevel,\n    }),\n    [\n      expanded,\n      toggle,\n      expand,\n      activate,\n      effectiveSelected,\n      current,\n      getTabIndex,\n      focusValue,\n      focusedItem,\n      navigationMode,\n      registerValue,\n      selectionMode,\n      checked,\n      toggleChecked,\n      registerTopLevel,\n    ],\n  );\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, containerProps.ref);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    // Typeahead reads `data-roving-text` at key time: fill it from each item's label first.\n    if (event.key.length === 1) syncTypeaheadText(event.currentTarget);\n    containerProps.onKeyDown(event);\n  };\n\n  // A Space that continues a search is typeahead too, taken before the item would activate on it.\n  const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === ' ') syncTypeaheadText(event.currentTarget);\n    containerProps.onKeyDownCapture(event);\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    const next = event.relatedTarget as Node | null;\n    if (!next || !event.currentTarget.contains(next)) setFocusedItem(null);\n  };\n\n  return (\n    <TreeContext.Provider value={context}>\n      <TreeParentContext.Provider value={null}>\n        <TreeCheckForcedContext.Provider value={false}>\n          <div\n            role=\"tree\"\n            data-selection-mode={selectionMode}\n            aria-multiselectable={selectionMode === 'multiple' ? true : undefined}\n            className={cn(treeClassNames.root, 'text-body-1', className)}\n            {...rest}\n            data-roving-container=\"\"\n            onKeyDown={composeEventHandlers(onKeyDown, handleKeyDown)}\n            onKeyDownCapture={composeEventHandlers(onKeyDownCapture, handleKeyDownCapture)}\n            onFocus={composeEventHandlers(onFocus, containerProps.onFocus, {\n              checkDefaultPrevented: false,\n            })}\n            onBlur={composeEventHandlers(onBlur, handleBlur, { checkDefaultPrevented: false })}\n            ref={mergedRef}\n          >\n            {/* A Tree has its own items, also when it renders inside a label (a portaled popup). */}\n            <TreeLabelContext.Provider value={false}>{children}</TreeLabelContext.Provider>\n          </div>\n        </TreeCheckForcedContext.Provider>\n      </TreeParentContext.Provider>\n    </TreeContext.Provider>\n  );\n};\nTreeRoot.displayName = 'Tree';\n\n/* ------------------------------------------------------------------ */\n/*  Tree.Item                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TreeItem sub-component. */\nexport interface TreeItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this tree item. */\n  value: string;\n  /**\n   * Icon displayed before the label. Rendered in a `<span>` hidden from assistive technology\n   * (`aria-hidden`); pass a slot object (`{ className, children, … }`) to customise it. A falsy\n   * icon (`''`, `0`) or a list of nothing renders no span.\n   */\n  icon?: Slot<'span'>;\n  /** Icon after the label (decorative, `aria-hidden`; a falsy value renders nothing, as `icon`). */\n  iconAfter?: Slot<'span'>;\n  /**\n   * Replaces the expand chevron (decorative). `null`/`undefined` keep the chevron; `false`, or\n   * anything that renders nothing, hides it (`aria-expanded` still reports the state). Not rotated.\n   */\n  expandIcon?: Slot<'span'>;\n  /**\n   * Non-interactive content at the end of the row, such as a count or a badge. It describes the item\n   * (`aria-describedby`); it hides while the actions show on hover or focus.\n   */\n  aside?: React.ReactNode;\n  /**\n   * Buttons at the end of the row (a toolbar named by the item's label). Shown while the row is\n   * hovered or the item or its actions have focus, and always in forced colors and without hover\n   * (touch). Tab reaches them from the focused item (`navigationMode=\"tree\"`), or the arrow keys do\n   * (`\"treegrid\"`). Keys and clicks on them never activate or check the item.\n   *\n   * They also stay shown while a Menu, Popover or Dialog rendered inside them holds focus or its\n   * trigger among them is expanded, so its focus return reaches the action. A dialog your app\n   * renders elsewhere and opens from an action through state (a \"Delete…\" menu item that opens a\n   * confirm Dialog) closes after the actions have hidden again (on devices with hover, outside\n   * forced colors): a hidden action cannot take focus, so focus returns to the nearest element\n   * that can, normally the item. Render such a Dialog inside `actions` (its `Dialog.Trigger`\n   * there, or the controlled Dialog next to the Menu that opens it) to return focus to the action;\n   * `finalFocusRef` cannot name it, since it is still hidden when the dialog closes.\n   */\n  actions?: React.ReactNode;\n  /**\n   * Renders the item as a leaf even when it has nested `Tree.Item`s: they are not rendered, and\n   * the item has no `aria-expanded` and does not expand. An item is expandable only while it has\n   * nested items, so `leaf={false}` does not make an item without them expandable. To load the\n   * children on first expansion, give the item a placeholder child (a \"Loading…\" `Tree.Item`)\n   * until they arrive.\n   * @default false\n   */\n  leaf?: boolean;\n  /** Ref to the `role=\"treeitem\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Sets the typeahead text (`data-roving-text`, read by the roving hook) of every rendered\n * treeitem to the text of its label (a persona layout's name when the label holds one), so neither\n * the icon nor the nested items take part. A consumer `data-roving-text` on a Tree.Item is kept on\n * its label and wins.\n */\nfunction syncTypeaheadText(tree: HTMLElement): void {\n  tree.querySelectorAll<HTMLElement>('[role=\"treeitem\"]').forEach((treeitem) => {\n    const label = treeitem.querySelector<HTMLElement>(\n      ':scope > [data-tree-row] > [data-tree-label]',\n    );\n    if (!label) return;\n    // A persona layout's name is the item's name, so it is its typeahead text too (not the media,\n    // such as an avatar's initials, or the description).\n    const personaName = label.querySelector<HTMLElement>('[data-tree-persona-name]');\n    const text =\n      label.getAttribute('data-roving-text') ?? personaName?.textContent ?? label.textContent ?? '';\n    if (treeitem.getAttribute('data-roving-text') !== text) {\n      treeitem.setAttribute('data-roving-text', text);\n    }\n  });\n}\n\n/**\n * Whether a keyboard event belongs to this treeitem: its target (the focused element) is this\n * treeitem or inside its row, not a nested item and not the row's actions (their keys are theirs).\n */\nfunction isOwnKeyEvent(event: React.KeyboardEvent<HTMLElement>): boolean {\n  const target = event.target as Element | null;\n  if (target?.closest?.('[data-tree-actions]')) return false;\n  return target?.closest?.('[role=\"treeitem\"]') === event.currentTarget;\n}\n\n/**\n * Whether a click landed on this treeitem's own row (or on the treeitem element itself). Clicks\n * in its child group, including the indentation gutter beside the nested rows, clicks on nested\n * items, on its checkbox and on its actions are not its own.\n */\nfunction isOwnClick(event: React.MouseEvent<HTMLElement>): boolean {\n  const target = event.target as Element | null;\n  if (target === event.currentTarget) return true;\n  if (target?.closest?.('[data-tree-checkbox], [data-tree-actions]')) return false;\n  return target?.closest?.('[data-tree-row]')?.parentElement === event.currentTarget;\n}\n\ninterface TreeItemActionsProps {\n  /** Id of the element that names the item. */\n  labelledBy: string;\n  /**\n   * `'last-focused'` while the actions hold a Tab stop (their item has focus, tree mode), else\n   * `'none'`.\n   */\n  tabStop: 'last-focused' | 'none';\n  /** `'treegrid'`: the arrows do not wrap, and \"previous\" on the first action returns to the item. */\n  navigationMode: 'tree' | 'treegrid';\n  /** Moves focus back to the item. */\n  onReturn: () => void;\n  children: React.ReactNode;\n}\n\n/**\n * A row's actions: the consumer's controls rove with the arrow keys and hold at most one Tab\n * stop. A key pressed on an action is the action's: ArrowDown and ArrowUp on an action that opens\n * a popup (`aria-haspopup`) never move focus to another item. In treegrid navigation, \"previous\"\n * on the first action returns to the item.\n */\nconst TreeItemActions = ({\n  labelledBy,\n  tabStop,\n  navigationMode,\n  onReturn,\n  children,\n}: TreeItemActionsProps) => {\n  const treegrid = navigationMode === 'treegrid';\n  const {\n    containerProps: { ref: rovingRef },\n    handleKeyDown: rovingKeyDown,\n    handleFocus: rovingFocus,\n  } = useRovingTabIndex({\n    itemSelector: ACTION_ITEM_SELECTOR,\n    manageTabIndex: true,\n    orientation: 'horizontal',\n    loop: !treegrid,\n    tabStop,\n  });\n\n  // Focus in a surface opened from an action (a Menu, Popover or Dialog rendered in a portal, whose\n  // focus events reach the toolbar through the React tree): `'inside'`. Once focus leaves such a\n  // surface for anywhere but the toolbar, `'leaving'` until the next frame, because the surface's\n  // focus return comes later in that close (its layout phase, or a microtask).\n  const [popupFocus, setPopupFocus] = React.useState<'inside' | 'leaving' | null>(null);\n  React.useEffect(() => {\n    if (popupFocus !== 'leaving') return;\n    const frame = requestAnimationFrame(() => setPopupFocus(null));\n    return () => cancelAnimationFrame(frame);\n  }, [popupFocus]);\n\n  const handleToolbarFocus = (event: React.FocusEvent<HTMLSpanElement>) => {\n    rovingFocus(event);\n    setPopupFocus(event.currentTarget.contains(event.target) ? null : 'inside');\n  };\n\n  const handleToolbarBlur = (event: React.FocusEvent<HTMLSpanElement>) => {\n    // An action's own blur: its focus-within reveal decides.\n    if (event.currentTarget.contains(event.target)) return;\n    const next = event.relatedTarget;\n    // Back to an action: its focus clears the hold.\n    if (next instanceof Node && event.currentTarget.contains(next)) return;\n    setPopupFocus('leaving');\n  };\n\n  /** Whether the key is treegrid's \"previous\" for an action (the roving order settles it). */\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>): boolean => {\n    // A key from a popup an action opened reaches here through the React tree: not ours.\n    if (event.defaultPrevented || !isOwnEvent(event)) return false;\n    const target = event.target as HTMLElement;\n    const popup = target.getAttribute('aria-haspopup');\n    if (\n      (event.key === 'ArrowDown' || event.key === 'ArrowUp') &&\n      popup !== null &&\n      popup !== 'false'\n    ) {\n      event.preventDefault();\n      return false;\n    }\n    if (!treegrid || event.altKey || event.ctrlKey || event.metaKey || isEditableTarget(target)) {\n      return false;\n    }\n    const intent = getArrowIntent(event.key, {\n      orientation: 'horizontal',\n      dir: getDirection(event.currentTarget),\n    });\n    return intent === 'prev';\n  };\n\n  const handleToolbarKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\n    const isPrev = handleKeyDown(event);\n    if (event.defaultPrevented) return;\n    rovingKeyDown(event);\n    // \"Previous\" that the roving order did not take (the first action it reaches) returns.\n    if (isPrev && event.target === document.activeElement) {\n      event.preventDefault();\n      onReturn();\n    }\n  };\n\n  return (\n    <span\n      role=\"toolbar\"\n      aria-labelledby={labelledBy}\n      aria-orientation=\"horizontal\"\n      data-tree-actions=\"\"\n      data-roving-container=\"\"\n      ref={rovingRef}\n      data-focus-in-popup={popupFocus === null ? undefined : ''}\n      onKeyDown={handleToolbarKeyDown}\n      onFocus={handleToolbarFocus}\n      onBlur={handleToolbarBlur}\n      className={cn(\n        treeItemClassNames.actions,\n        'inline-flex items-center gap-1',\n        ACTIONS_VISIBILITY,\n      )}\n    >\n      {children}\n    </span>\n  );\n};\nTreeItemActions.displayName = 'TreeItemActions';\n\n/**\n * One node of a Tree. Text and other content are the label; nested `Tree.Item` children form its\n * child group, which is shown while the item is expanded.\n *\n * Nested items must be `Tree.Item` elements among the item's own children: written directly, in\n * Fragments, or returned by a render function (`{node.children.map(renderNode)}`). A component\n * that renders `Tree.Item` itself (a recursive `<NodeView node={child} />`) is not recognised:\n * its output becomes part of the label, so the parent cannot expand (a development warning names\n * this). Render data-driven trees with a render function instead. The checks of a\n * `selectionMode=\"multiple\"` tree cascade by the same rule, so an item that such a component\n * renders is not checked with its parent.\n *\n * `ref` and every other prop land on the `role=\"treeitem\"` element, which contains the label row\n * and the child group. Its `onClick` receives only clicks on its own row (not on its child group\n * or nested items) and its `onKeyDown` only keys pressed while focus is on it or in its row; both\n * run before the built-in behaviour (call `event.preventDefault()` to skip it). In a checkbox\n * tree, a click on the item's checkbox toggles its check and is not passed to `onClick`, and\n * neither is a click on its actions; `onKeyDown` receives no keys pressed in the actions. Its\n * other event handlers (`onFocus`, `onDoubleClick`, `onContextMenu` and the rest) are not\n * filtered: as DOM events bubble, they also receive events from its child group and nested items\n * (compare `event.target` with `event.currentTarget` to tell them apart).\n *\n * `actions` render in a toolbar at the end of the row, named by the item; keys and clicks on them\n * belong to them and never activate or check the item. `aside` sits before them and describes the\n * item.\n *\n * The item is named by its label (`aria-labelledby`), not by its icon or nested items; an\n * `aria-label` or `aria-labelledby` prop replaces that name. Typeahead matches the label text too\n * (a `data-roving-text` prop replaces it).\n */\nexport const TreeItem = ({\n  value,\n  icon,\n  iconAfter,\n  expandIcon,\n  aside,\n  actions,\n  leaf = false,\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  onFocus,\n  onBlur,\n  ref,\n  ...props\n}: TreeItemProps) => {\n  const { 'data-roving-text': typeaheadText, ...rest } = props as typeof props & {\n    'data-roving-text'?: string;\n  };\n  const ctx = useTreeContext('Tree.Item');\n  const parent = React.useContext(TreeParentContext);\n  const insideLabel = React.useContext(TreeLabelContext);\n  const isExpanded = ctx.expanded.has(value);\n  const labelId = useId('tree-item-label');\n  const asideId = useId('tree-item-aside');\n  const ancestorListed = React.useContext(TreeCheckForcedContext);\n  const itemRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, itemRef);\n  // A Tree.ItemPersonaLayout in the label registers its name and description: the item is named\n  // by the name only and described by the description.\n  const [layoutIds, setLayoutIds] = React.useState<PersonaLayoutIds | null>(null);\n  const registerLayout = React.useCallback((ids: PersonaLayoutIds) => {\n    setLayoutIds(ids);\n    return () => setLayoutIds((current) => (current === ids ? null : current));\n  }, []);\n  const itemContext = React.useMemo<TreeItemContextValue>(\n    () => ({ registerLayout }),\n    [registerLayout],\n  );\n  const nameId = layoutIds?.nameId ?? labelId;\n\n  const { registerValue, registerTopLevel } = ctx;\n  React.useEffect(() => registerValue(value), [registerValue, value]);\n  React.useEffect(() => {\n    if (insideLabel) warnOnce('Tree.Item:inside-label', ITEM_IN_LABEL_MESSAGE);\n  }, [insideLabel]);\n\n  // Nested Tree.Items (and, as in 0.4, nested Trees) form the child group; the rest is the label.\n  // Parts are identified through their element type, so parts written in a Server Component\n  // (lazy references) count too.\n  const nestedItems: React.ReactNode[] = [];\n  const labelContent: React.ReactNode[] = [];\n  let firstChildValue: string | undefined;\n  flattenChildren(children).forEach(({ key, node: child }) => {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    if (isElementOfType<TreeItemProps>(child, TreeItem)) {\n      firstChildValue ??= child.props.value;\n      nestedItems.push(keyed);\n    } else if (isElementOfType(child, TreeRoot)) {\n      nestedItems.push(keyed);\n    } else {\n      labelContent.push(keyed);\n    }\n  });\n\n  // A falsy icon (`icon={name && <Icon />}` with `name` '' or a count of 0) is no icon, as in 0.4\n  // and as in Avatar, and so is a collection whose items render nothing: no empty span adds a gap\n  // to the row. The check does not consume a generator: renderSlot still renders its items.\n  const iconNode =\n    icon && slotRendersContent(icon)\n      ? renderSlot(icon, 'span', cn(treeItemClassNames.icon, 'inline-flex shrink-0'), {\n          'aria-hidden': true,\n        })\n      : null;\n  const iconAfterNode =\n    iconAfter && slotRendersContent(iconAfter)\n      ? renderSlot(iconAfter, 'span', cn(treeItemClassNames.iconAfter, 'inline-flex shrink-0'), {\n          'aria-hidden': true,\n        })\n      : null;\n  // No empty aside and no empty toolbar (`actions={cond && <Button />}` with `cond` false).\n  const hasAside = slotRendersContent(aside);\n  const hasActions = slotRendersContent(actions);\n  const hasChildren = nestedItems.length > 0 && !leaf;\n\n  // The optional-indicator slot rule (C-SLOTS): `null`/`undefined` keep the chevron, `false` or\n  // content that renders nothing hides it (the spacer keeps the column), and a custom glyph is\n  // rendered as given, not rotated.\n  let chevron: React.ReactNode = <span className=\"w-3 shrink-0\" aria-hidden=\"true\" />;\n  if (hasChildren && (expandIcon === undefined || expandIcon === null)) {\n    chevron = (\n      <ChevronRightIcon\n        className={cn(\n          treeItemClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          isExpanded ? 'rotate-90' : 'wave-rtl:-scale-x-100',\n        )}\n      />\n    );\n  } else if (hasChildren && slotRendersContent(expandIcon)) {\n    chevron = renderSlot(\n      expandIcon,\n      'span',\n      cn(treeItemClassNames.expandIcon, 'inline-flex shrink-0'),\n      { 'aria-hidden': true },\n    );\n  }\n\n  // Checkbox tree: the item computes its state from its own subtree (the child-group rule) and\n  // the checked list, so every state renders on the server and needs no other item. A top-level\n  // item also hands its subtree to the root, which orders a toggle's list by it.\n  const multiple = ctx.selectionMode === 'multiple';\n  const ownNode = React.useMemo<TreeNode | null>(\n    () =>\n      multiple\n        ? {\n            value,\n            children: leaf ? [] : collectItems(children, { item: TreeItem, tree: TreeRoot }),\n          }\n        : null,\n    [multiple, value, leaf, children],\n  );\n  const checkState: CheckState | undefined = ownNode\n    ? computeCheckStates([ownNode], ctx.checked, ancestorListed).get(value)\n    : undefined;\n  const selectionEntry = React.useRef<TreeSelectionEntry | null>(null);\n  React.useLayoutEffect(() => {\n    selectionEntry.current = ownNode ? { node: ownNode, element: itemRef.current } : null;\n  });\n  const isTopLevel = parent === null && !insideLabel;\n  React.useLayoutEffect(\n    () => (multiple && isTopLevel ? registerTopLevel(selectionEntry) : undefined),\n    [multiple, isTopLevel, registerTopLevel],\n  );\n  const isSelected = ctx.selected !== undefined ? ctx.selected === value : undefined;\n  const isCurrent = ctx.current !== undefined && ctx.current !== null && ctx.current === value;\n\n  const activate = () => {\n    if (hasChildren) ctx.toggle(value);\n    ctx.activate(value);\n  };\n\n  const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!isOwnClick(event)) return;\n    onClick?.(event);\n    if (!event.defaultPrevented) activate();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (!isOwnKeyEvent(event)) return;\n    onKeyDown?.(event);\n    if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey) return;\n\n    switch (event.key) {\n      case 'Enter':\n        event.preventDefault();\n        activate();\n        return;\n      case ' ':\n        event.preventDefault();\n        // A checkbox tree toggles the focused item's check (APG); the other modes activate.\n        if (checkState !== undefined) ctx.toggleChecked(value, event.nativeEvent);\n        else activate();\n        return;\n      case '*': {\n        event.preventDefault();\n        const siblings = event.currentTarget.parentElement?.querySelectorAll<HTMLElement>(\n          ':scope > [role=\"treeitem\"][aria-expanded=\"false\"][data-roving-value]',\n        );\n        ctx.expand(\n          Array.from(siblings ?? [], (el) => el.getAttribute('data-roving-value') ?? '').filter(\n            Boolean,\n          ),\n        );\n        return;\n      }\n      default:\n    }\n\n    const intent = getArrowIntent(event.key, {\n      orientation: 'horizontal',\n      dir: getDirection(event.currentTarget),\n    });\n    if (intent === 'next') {\n      event.preventDefault();\n      if (hasChildren && !isExpanded) {\n        ctx.toggle(value);\n        return;\n      }\n      // Treegrid navigation moves into the row's actions, also from an open parent (Down reaches\n      // its first child), where APG's tree moves to the first child.\n      if (ctx.navigationMode === 'treegrid' && focusFirstAction(event.currentTarget)) return;\n      if (hasChildren && firstChildValue !== undefined) ctx.focusValue(firstChildValue);\n    } else if (intent === 'prev') {\n      event.preventDefault();\n      if (hasChildren && isExpanded) ctx.toggle(value);\n      else if (parent !== null) ctx.focusValue(parent);\n    }\n  };\n\n  // Focus in the actions: tracked from the events, because a removed element fires no reliable\n  // blur. A blur that leaves for another element, or from an element still in the document, ends it.\n  const focusedAction = React.useRef<Element | null>(null);\n  const inOwnActions = (event: React.FocusEvent<HTMLElement>) =>\n    (event.target as Element).closest('[data-tree-actions]')?.closest('[role=\"treeitem\"]') ===\n    event.currentTarget;\n  // Focus on the item, or on one of its own actions (a click), makes it the active item.\n  const handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (event.target === event.currentTarget || inOwnActions(event)) ctx.onItemFocus(value);\n    if (inOwnActions(event)) focusedAction.current = event.target as Element;\n  };\n\n  const handleActionsBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (inOwnActions(event) && (event.relatedTarget !== null || event.target.isConnected)) {\n      focusedAction.current = null;\n    }\n  };\n  // An action that had focus is gone (no longer in the document) and focus fell to the page: it\n  // goes to the item instead. Focus anywhere else ends the record at the next render.\n  React.useLayoutEffect(() => {\n    const action = focusedAction.current;\n    if (!action) return;\n    const item = itemRef.current;\n    const active = item?.ownerDocument.activeElement;\n    if (active && active !== item.ownerDocument.body) {\n      focusedAction.current = null;\n    } else if (item && !action.isConnected) {\n      focusedAction.current = null;\n      item.focus({ preventScroll: true });\n    }\n  });\n\n  // The checkbox never takes focus (APG: focus stays on tree items): a press on it focuses its\n  // item instead, and its click toggles the check without activating the item.\n  const keepFocusOnItem = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.preventDefault();\n    itemRef.current?.focus({ preventScroll: true });\n  };\n  const handleCheckboxClick = (event: React.MouseEvent<HTMLSpanElement>) => {\n    ctx.toggleChecked(value, event.nativeEvent);\n  };\n\n  const checkbox =\n    checkState === undefined ? null : (\n      <span\n        role=\"checkbox\"\n        aria-checked={checkState === 'mixed' ? 'mixed' : checkState === 'checked'}\n        aria-labelledby={nameId}\n        tabIndex={-1}\n        data-tree-checkbox=\"\"\n        onMouseDown={keepFocusOnItem}\n        onClick={handleCheckboxClick}\n        className={cn(\n          treeItemClassNames.indicator,\n          // Checkbox's box: 16px inside a 24px target (the pseudo-element), WCAG 2.5.8.\n          'relative inline-flex size-4 shrink-0 items-center justify-center rounded-xs border transition-colors motion-reduce:transition-none',\n          'before:absolute before:-inset-1',\n          checkState === 'unchecked'\n            ? cn('border-stroke-accessible bg-transparent', forcedColors.control)\n            : 'border-primary bg-primary text-primary-foreground forced-colors:border-[Highlight] forced-colors:bg-[Highlight]',\n        )}\n      >\n        {checkState === 'mixed' ? (\n          <SubtractIcon size={12} className={forcedColors.selectedLeaf} />\n        ) : checkState === 'checked' ? (\n          <CheckIcon size={12} className={forcedColors.selectedLeaf} />\n        ) : null}\n      </span>\n    );\n\n  // Single mode: a decorative radio (the treeitem's aria-selected carries the state). A click on\n  // it is a click on the row, so it activates the item.\n  const radio =\n    ctx.selectionMode === 'single' ? (\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          treeItemClassNames.indicator,\n          'inline-flex size-4 shrink-0 items-center justify-center rounded-full border transition-colors motion-reduce:transition-none',\n          isSelected\n            ? 'border-2 border-primary forced-colors:border-[Highlight]'\n            : cn('border-stroke-accessible', forcedColors.control),\n        )}\n      >\n        {isSelected && (\n          <span className={cn('block size-2 rounded-full bg-primary', forcedColors.selectedLeaf)} />\n        )}\n      </span>\n    ) : null;\n  // A tree item shows its checkbox in multiple mode, its radio in single mode, and nothing else.\n  const indicator = checkbox ?? radio;\n\n  // Items in this item's group are checked when the list checks this item or an ancestor.\n  const groupListed = ancestorListed || (multiple && ctx.checked.has(value));\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-selected={isSelected}\n      aria-current={isCurrent ? true : undefined}\n      data-checked={checkState === 'checked' ? '' : undefined}\n      data-mixed={checkState === 'mixed' ? '' : undefined}\n      className={cn(\n        treeItemClassNames.root,\n        // The focus ring is drawn on the row: an outline on the treeitem would surround its\n        // whole subtree.\n        'block outline-none',\n        '[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring',\n        hasActions && ACTIONS_ON_ITEM_FOCUS,\n        hasActions && hasAside && ASIDE_OFF_ON_ITEM_FOCUS,\n        className,\n      )}\n      {...rest}\n      // Named by its label only: the treeitem also contains its icon and its child group. A\n      // consumer aria-labelledby or aria-label replaces it.\n      aria-labelledby={\n        rest['aria-labelledby'] ?? (rest['aria-label'] === undefined ? nameId : undefined)\n      }\n      // The aside describes the item, after a consumer description.\n      aria-describedby={joinIds(\n        rest['aria-describedby'],\n        hasAside ? asideId : undefined,\n        layoutIds?.descriptionId,\n      )}\n      aria-expanded={hasChildren ? isExpanded : undefined}\n      // From the checked list, after the rest props, so a consumer cannot contradict it.\n      aria-checked={\n        checkState === undefined\n          ? undefined\n          : checkState === 'mixed'\n            ? 'mixed'\n            : checkState === 'checked'\n      }\n      tabIndex={ctx.getTabIndex(value)}\n      data-roving-value={value}\n      data-selected={isSelected ? '' : undefined}\n      data-current={isCurrent ? '' : undefined}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      onFocus={(event) =>\n        composeEventHandlers(onFocus, handleFocus, { checkDefaultPrevented: false })(event)\n      }\n      onBlur={(event) =>\n        composeEventHandlers(onBlur, handleActionsBlur, { checkDefaultPrevented: false })(event)\n      }\n      ref={mergedRef}\n    >\n      <div\n        data-tree-row=\"\"\n        className={cn(\n          treeItemClassNames.row,\n          'flex cursor-pointer items-center gap-1.5 rounded px-2 py-1 hover:bg-subtle-hover',\n          hasActions && 'group/row',\n          isSelected && cn('bg-subtle-selected font-semibold', forcedColors.selectedContainer),\n        )}\n      >\n        {chevron}\n        {indicator}\n        {iconNode}\n        <span\n          id={labelId}\n          data-tree-label=\"\"\n          data-roving-text={typeaheadText}\n          // The label shrinks (and truncates) when the row has content after it.\n          className={cn(\n            treeItemClassNames.label,\n            'truncate',\n            (iconAfterNode || hasAside || hasActions) && 'min-w-0',\n          )}\n        >\n          <TreeCheckForcedContext.Provider value={false}>\n            <TreeLabelContext.Provider value>\n              <TreeItemContext.Provider value={itemContext}>\n                {labelContent}\n              </TreeItemContext.Provider>\n            </TreeLabelContext.Provider>\n          </TreeCheckForcedContext.Provider>\n        </span>\n        {iconAfterNode}\n        {(hasAside || hasActions) && (\n          <span\n            data-tree-end=\"\"\n            className={cn(\n              'group/end ms-auto inline-grid shrink-0 items-center gap-1',\n              hasAside && hasActions && END_CELL_SHARED,\n            )}\n          >\n            {hasAside && (\n              <span\n                id={asideId}\n                data-tree-aside=\"\"\n                className={cn(\n                  treeItemClassNames.aside,\n                  'inline-flex items-center text-caption-1 text-muted-foreground',\n                  hasActions && ASIDE_OFF_WITH_ACTIONS,\n                )}\n              >\n                {materialiseSlotContent(aside)}\n              </span>\n            )}\n            {hasActions && (\n              <TreeItemActions\n                labelledBy={nameId}\n                tabStop={\n                  ctx.navigationMode === 'tree' && ctx.focusedItem === value\n                    ? 'last-focused'\n                    : 'none'\n                }\n                navigationMode={ctx.navigationMode}\n                onReturn={() => ctx.focusValue(value)}\n              >\n                {materialiseSlotContent(actions)}\n              </TreeItemActions>\n            )}\n          </span>\n        )}\n      </div>\n      {hasChildren && isExpanded && (\n        <TreeParentContext.Provider value={value}>\n          <TreeCheckForcedContext.Provider value={groupListed}>\n            <TreeLabelContext.Provider value={false}>\n              <div role=\"group\" className={cn(treeItemClassNames.group, 'ps-4')}>\n                {nestedItems}\n              </div>\n            </TreeLabelContext.Provider>\n          </TreeCheckForcedContext.Provider>\n        </TreeParentContext.Provider>\n      )}\n    </div>\n  );\n};\nTreeItem.displayName = 'TreeItem';\n"],"mappings":"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"}