@elabs-ai/components-ui 4.2.0 → 5.0.0

package/dist/chunk-FINAKMC6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tree/tree.tsx"],"sourcesContent":["// a2ui.exposed: yes\n\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { ChevronRight, AlertCircle, RotateCcw } from \"lucide-react\";\nimport { useVirtualizer, type Virtualizer } from \"@tanstack/react-virtual\";\nimport { cn } from \"../../lib/cn\";\nimport { Checkbox } from \"../checkbox/checkbox\";\nimport { useLocale } from \"../locale-provider\";\nimport { Skeleton } from \"../skeleton/skeleton\";\nimport { Spinner } from \"../spinner/spinner\";\nimport { useTreeKeyboard } from \"./use-tree-keyboard\";\n\n// ---------------------------------------------------------------------------\n// Public types\n// ---------------------------------------------------------------------------\n\nexport interface TreeNode<T = unknown> {\n  id: string;\n  label: ReactNode;\n  children?: TreeNode<T>[];\n  /**\n   * Marks a node as expandable even when `children` is not yet loaded.\n   * A node with `hasChildren: true` and no `children` array will show the\n   * expand affordance. Calling `loadChildren` will populate its children.\n   */\n  hasChildren?: boolean;\n  disabled?: boolean;\n  icon?: ReactNode;\n  /**\n   * Optional trailing content rendered after the label — e.g. a size or\n   * token-count badge (#369). Rendered as a SIBLING of the label and kept out\n   * of the row's accessible name: a string `label` names the row via\n   * `aria-label`, a `ReactNode` label names it via `aria-labelledby` pointing\n   * at the label span only, so the accessory text never joins either.\n   *\n   * The slot is isolated from the row: click, keydown and focus are stopped at\n   * the accessory, so it never selects/expands the row, never lets the tree's\n   * roving-tabindex handler swallow its keys, and never has focus yanked back\n   * to the row. Interactive content (a button, a link) therefore works and is\n   * independently focusable in normal tab order; the row's own keyboard\n   * navigation (arrow keys, Enter/Space) is unaffected while the row is focused.\n   */\n  accessory?: ReactNode;\n  data?: T;\n}\n\nexport interface TreeProps<T = unknown> extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  nodes: TreeNode<T>[];\n  /** Controlled expanded ids */\n  expandedIds?: string[];\n  /** Uncontrolled initial expanded ids */\n  defaultExpandedIds?: string[];\n  onExpandedChange?: (ids: string[]) => void;\n  /** \"single\" | \"multiple\" | \"none\" — default \"single\" */\n  selectionMode?: \"single\" | \"multiple\" | \"none\";\n  /** Controlled selected ids */\n  selectedIds?: string[];\n  /** Uncontrolled initial selected ids */\n  defaultSelectedIds?: string[];\n  onSelectionChange?: (ids: string[]) => void;\n  /** Show checkboxes for multi-selection affordance — default false */\n  checkboxes?: boolean;\n  /**\n   * The surface on which the tree is rendered.\n   * - `\"default\"` (default) — renders selected rows with `bg-selection` (for use\n   *   on background/card surfaces).\n   * - `\"sidebar\"` — renders selected rows with the sidebar's own active-item\n   *   treatment (`bg-sidebar-accent` + `text-sidebar-accent-foreground` +\n   *   `font-medium`), so selection reads consistently with `SidebarMenuButton`'s\n   *   active state on the `--sidebar` surface. (No fill is ≥3:1 on a sidebar;\n   *   perceivability comes from the foreground/weight shift + `aria-selected`,\n   *   the same multi-cue approach the Sidebar uses.)\n   */\n  surface?: \"default\" | \"sidebar\";\n  /**\n   * Enable windowed rendering for large trees (>50 visible rows).\n   * When `true`, only the visible slice of the flattened tree is mounted in\n   * the DOM. Requires a bounded scroll container — either via `maxHeight` or\n   * by sizing the root element externally with `overflow-auto`.\n   * Default: `false` (backward-compatible nested-group DOM).\n   */\n  virtualize?: boolean;\n  /** Estimated row height in px used by the virtualizer. Default 32. */\n  estimateRowHeight?: number;\n  /** Number of extra rows to render beyond the visible window. Default 8. */\n  overscan?: number;\n  /**\n   * CSS max-height for the scroll viewport when `virtualize` is true.\n   * E.g. `\"400px\"` or `\"60vh\"`. When omitted the root div must be sized by\n   * the caller (e.g. via `className=\"h-96 overflow-auto\"`).\n   */\n  maxHeight?: number | string;\n  /**\n   * Scroll the node with this id into view when the value CHANGES. Reveals a\n   * node selected programmatically (via `selectedIds`) that is windowed out of\n   * the DOM in `virtualize` mode (or below the fold), so the tree shows \"where\n   * I am\", not just structure. Expands the node's (loaded) ancestors and kicks\n   * their lazy `loadChildren` as needed, then centers the node. Independent of\n   * keyboard focus (keyboard nav's own scroll is unchanged).\n   */\n  scrollToId?: string;\n  /**\n   * When `true`, reveal the newly-selected controlled node (the id added to\n   * `selectedIds`) into view — the selection-driven equivalent of `scrollToId`.\n   * `scrollToId` wins when both are set.\n   */\n  scrollSelectionIntoView?: boolean;\n  /**\n   * Async function called when a node with `hasChildren: true` (and no\n   * loaded `children`) is expanded for the first time. The returned nodes\n   * are merged into the internal tree state and cached so re-expanding the\n   * node does not re-fetch.\n   */\n  loadChildren?: (node: TreeNode<T>) => Promise<TreeNode<T>[]>;\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Internal types for lazy-load state\n// ---------------------------------------------------------------------------\n\ntype LoadState = \"idle\" | \"loading\" | \"error\";\n\ninterface LazyState {\n  [nodeId: string]: LoadState;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction useControllableSet(\n  controlled: string[] | undefined,\n  defaultValue: string[] | undefined,\n  onChange: ((ids: string[]) => void) | undefined,\n): [Set<string>, (next: Set<string>) => void] {\n  const isControlled = controlled !== undefined;\n  const [internal, setInternal] = useState<Set<string>>(\n    () => new Set(controlled ?? defaultValue ?? []),\n  );\n\n  // Stable controlled Set: build a new Set only when the controlled array's\n  // CONTENT actually changed, not merely its reference (many callers pass a\n  // freshly-computed array with the same ids on every render). Without this,\n  // `selectedIds`/`expandedIds` changed identity on every render, which made\n  // effects keyed on them (the scrollToId/scrollSelectionIntoView reveal\n  // effect) fire on every re-render instead of on a real selection change —\n  // the scroll-jump-while-scrolling bug.\n  const controlledSetRef = useRef<Set<string> | null>(null);\n  let value: Set<string>;\n  if (isControlled) {\n    const prev = controlledSetRef.current;\n    const sameContent =\n      !!prev && prev.size === controlled!.length && controlled!.every((id) => prev.has(id));\n    value = sameContent ? prev! : new Set(controlled);\n    controlledSetRef.current = value;\n  } else {\n    value = internal;\n  }\n\n  const setValue = useCallback(\n    (next: Set<string>) => {\n      if (!isControlled) setInternal(next);\n      onChange?.(Array.from(next));\n    },\n    [isControlled, onChange],\n  );\n\n  return [value, setValue];\n}\n\n/**\n * Reconcile an incoming `nodes` prop against the previous internal tree,\n * preserving any children merged in locally via `loadChildren` that the new\n * prop doesn't (yet) carry. Without this, any parent re-render that hands\n * down a new (even structurally-identical) `nodes` array wipes out every\n * lazily-loaded subtree that isn't also present upstream.\n */\nfunction reconcileNodes<T>(propNodes: TreeNode<T>[], prevNodes: TreeNode<T>[]): TreeNode<T>[] {\n  const prevById = new Map(prevNodes.map((n) => [n.id, n] as const));\n  return propNodes.map((n) => {\n    const prev = prevById.get(n.id);\n    if (!prev) return n;\n    if (!n.children?.length && prev.children?.length) {\n      // The prop still marks this node as lazily-expandable but doesn't (yet)\n      // carry the children we already fetched — keep what we loaded.\n      return { ...n, children: prev.children, hasChildren: n.hasChildren };\n    }\n    if (n.children?.length && prev.children?.length) {\n      return { ...n, children: reconcileNodes(n.children, prev.children) };\n    }\n    return n;\n  });\n}\n\n/** Merge resolved children into a tree, returning a new tree. */\nfunction mergeChildren<T>(\n  nodes: TreeNode<T>[],\n  nodeId: string,\n  children: TreeNode<T>[],\n): TreeNode<T>[] {\n  return nodes.map((n) => {\n    if (n.id === nodeId) {\n      return { ...n, children, hasChildren: undefined };\n    }\n    if (n.children?.length) {\n      return { ...n, children: mergeChildren(n.children, nodeId, children) };\n    }\n    return n;\n  });\n}\n\n// ---------------------------------------------------------------------------\n// VirtualFlatRow — a single flat row for the virtualized path\n// ---------------------------------------------------------------------------\n\ninterface FlatRow<T> {\n  node: TreeNode<T>;\n  level: number;\n  setSize: number;\n  posInSet: number;\n}\n\ninterface VirtualFlatRowProps<T> {\n  row: FlatRow<T>;\n  isExpanded: boolean;\n  isSelected: boolean;\n  isActive: boolean;\n  lazyState: LoadState;\n  expandable: boolean; // has children OR hasChildren flag\n  selectionMode: \"single\" | \"multiple\" | \"none\";\n  checkboxes: boolean;\n  surface: \"default\" | \"sidebar\";\n  onToggleExpand: (id: string) => void;\n  onSelect: (id: string) => void;\n  onRetry: (id: string) => void;\n  registerNodeRef: (id: string, el: HTMLElement | null) => void;\n  setActiveId: (id: string | null) => void;\n}\n\nfunction VirtualFlatRow<T>({\n  row,\n  isExpanded,\n  isSelected,\n  isActive,\n  lazyState,\n  expandable,\n  selectionMode,\n  checkboxes,\n  surface,\n  onToggleExpand,\n  onSelect,\n  onRetry,\n  registerNodeRef,\n  setActiveId,\n}: VirtualFlatRowProps<T>) {\n  const { t } = useLocale();\n  const { node, level, setSize, posInSet } = row;\n  const isLoading = lazyState === \"loading\";\n  const isError = lazyState === \"error\";\n  // A ReactNode label can't name the row via `aria-label`, so without this the\n  // name would fall back to the row's CONTENTS — which includes the accessory\n  // (#369). Point at the label span instead, so the accessory is excluded for\n  // BOTH label shapes.\n  const labelId = useId();\n\n  const indentStyle = { paddingLeft: `${(level - 1) * 1}rem` };\n\n  const handleRowClick = () => {\n    if (node.disabled) return;\n    setActiveId(node.id);\n    onSelect(node.id);\n    if (expandable) onToggleExpand(node.id);\n  };\n\n  return (\n    <div\n      role=\"treeitem\"\n      aria-expanded={expandable ? isExpanded : undefined}\n      aria-selected={selectionMode !== \"none\" && !checkboxes ? isSelected : undefined}\n      aria-checked={checkboxes ? isSelected : undefined}\n      aria-label={typeof node.label === \"string\" ? node.label : undefined}\n      aria-labelledby={typeof node.label === \"string\" ? undefined : labelId}\n      aria-level={level}\n      aria-setsize={setSize}\n      aria-posinset={posInSet}\n      aria-disabled={node.disabled ? true : undefined}\n      aria-busy={isLoading ? true : undefined}\n      tabIndex={isActive ? 0 : -1}\n      data-tree-id={node.id}\n      ref={(el) => registerNodeRef(node.id, el)}\n      onClick={node.disabled ? undefined : handleRowClick}\n      onFocus={() => setActiveId(node.id)}\n      className={cn(\n        \"flex min-w-0 cursor-pointer select-none items-center gap-1.5 rounded-md px-2 py-1.5 text-body outline-none\",\n        \"transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n        \"hover:bg-accent hover:text-accent-foreground\",\n        \"focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background\",\n        isSelected &&\n          selectionMode !== \"none\" &&\n          (surface === \"sidebar\"\n            ? \"bg-sidebar-accent text-sidebar-accent-foreground font-medium\"\n            : \"bg-selection text-selection-foreground font-medium\"),\n        node.disabled && \"cursor-not-allowed opacity-50 pointer-events-none\",\n      )}\n      style={indentStyle}\n    >\n      {/* expand/collapse chevron */}\n      {expandable ? (\n        <span\n          aria-hidden=\"true\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onToggleExpand(node.id);\n          }}\n          className={cn(\n            \"flex size-4 shrink-0 items-center justify-center rounded transition-transform duration-fast ease-standard motion-reduce:transition-none\",\n            isExpanded && \"rotate-90\",\n          )}\n        >\n          {isLoading ? (\n            <Spinner className=\"size-3.5\" label=\"Loading children\" />\n          ) : (\n            <ChevronRight className=\"size-3.5 text-muted-foreground\" aria-hidden=\"true\" />\n          )}\n        </span>\n      ) : (\n        <span aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n      )}\n\n      {/* optional checkbox for multi-select */}\n      {checkboxes && selectionMode === \"multiple\" && (\n        <Checkbox\n          checked={isSelected}\n          disabled={node.disabled}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n          onClick={(e) => {\n            e.stopPropagation();\n            onSelect(node.id);\n          }}\n          className=\"shrink-0\"\n        />\n      )}\n\n      {/* optional node icon */}\n      {node.icon && (\n        <span aria-hidden=\"true\" className=\"flex size-4 shrink-0 items-center justify-center\">\n          {node.icon}\n        </span>\n      )}\n\n      {/* label */}\n      {isError ? (\n        // #124: running text (\"Failed to load…\"), not a mark — the ink rung\n        // clears >=4.5:1 and the wrapped icon inherits it fine (>=3:1 trivially).\n        <span id={labelId} className=\"min-w-0 flex items-center gap-1 text-destructive-text\">\n          <AlertCircle className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n          <span className=\"truncate\">{t(\"ui.tree.failedToLoad\")}</span>\n          <button\n            type=\"button\"\n            aria-label={t(\"ui.tree.retryLoadingChildren\")}\n            onClick={(e) => {\n              e.stopPropagation();\n              onRetry(node.id);\n            }}\n            className={cn(\n              \"ms-1 flex items-center gap-0.5 rounded px-1 py-0.5 text-caption\",\n              \"text-muted-foreground hover:text-foreground\",\n              \"focus-ring\",\n            )}\n          >\n            <RotateCcw className=\"size-3\" aria-hidden=\"true\" />\n            {t(\"ui.tree.retry\")}\n          </button>\n        </span>\n      ) : (\n        <span id={labelId} className=\"min-w-0 truncate\">\n          {node.label}\n        </span>\n      )}\n\n      {/* optional trailing accessory — a sibling of the label, never inside it\n          and never part of the row's accessible name (#369); click/keydown/focus\n          are stopped so it never selects, expands or steals the row's handling. */}\n      {node.accessory ? (\n        <span\n          data-slot=\"tree-item-accessory\"\n          className=\"ms-auto flex shrink-0 items-center gap-1\"\n          onClick={(e) => e.stopPropagation()}\n          // The tree's keyboard handler lives on the ROOT and preventDefaults\n          // Enter/Space/arrows; without this an interactive accessory could\n          // never be activated (its native click is cancelled) and the ROW\n          // would be selected instead.\n          onKeyDown={(e) => e.stopPropagation()}\n          // React's onFocus is focusin (it bubbles), and the row's handler\n          // calls setActiveId → el.focus(), which would yank focus straight\n          // back out of an interactive accessory.\n          onFocus={(e) => e.stopPropagation()}\n        >\n          {node.accessory}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Lazy-loading skeleton row (child of a loading node in non-virtual path)\n// ---------------------------------------------------------------------------\n\nfunction LoadingRow({ level }: { level: number }) {\n  const { t } = useLocale();\n  const indentStyle = { paddingLeft: `${(level - 1) * 1}rem` };\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={t(\"loading\")}\n      aria-disabled=\"true\"\n      tabIndex={-1}\n      className=\"flex min-w-0 items-center gap-1.5 px-2 py-1.5\"\n      style={indentStyle}\n    >\n      <span aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n      <Skeleton className=\"h-4 w-24\" />\n    </div>\n  );\n}\n\nfunction ErrorRow({ level, onRetry }: { level: number; onRetry: () => void }) {\n  const { t } = useLocale();\n  const indentStyle = { paddingLeft: `${(level - 1) * 1}rem` };\n  return (\n    <div\n      role=\"treeitem\"\n      aria-label={t(\"ui.tree.failedToLoad\")}\n      aria-disabled=\"true\"\n      tabIndex={-1}\n      className=\"flex min-w-0 items-center gap-1.5 px-2 py-1.5 text-body text-destructive-text\"\n      style={indentStyle}\n    >\n      <span aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n      <AlertCircle className=\"size-3.5 shrink-0\" aria-hidden=\"true\" />\n      <span className=\"truncate\">{t(\"ui.tree.failedToLoad\")}</span>\n      <button\n        type=\"button\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onRetry();\n        }}\n        className={cn(\n          \"ms-1 flex items-center gap-0.5 rounded px-1 py-0.5 text-meta\",\n          \"text-muted-foreground hover:text-foreground\",\n          \"focus-ring\",\n        )}\n      >\n        <RotateCcw className=\"size-3\" aria-hidden=\"true\" />\n        {t(\"ui.tree.retry\")}\n      </button>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TreeItemRow — renders a single treeitem row (recursive, non-virtual path)\n// ---------------------------------------------------------------------------\n\ninterface TreeItemProps<T> {\n  node: TreeNode<T>;\n  level: number;\n  setSize: number;\n  posInSet: number;\n  expandedIds: Set<string>;\n  onExpandedChange: (ids: Set<string>) => void;\n  selectionMode: \"single\" | \"multiple\" | \"none\";\n  selectedIds: Set<string>;\n  onSelectionChange: (ids: Set<string>) => void;\n  checkboxes: boolean;\n  surface: \"default\" | \"sidebar\";\n  activeId: string | null;\n  setActiveId: (id: string | null) => void;\n  registerNodeRef: (id: string, el: HTMLElement | null) => void;\n  lazyState: LazyState;\n  onExpandLazy: (node: TreeNode<T>) => void;\n}\n\nfunction TreeItem<T>({\n  node,\n  level,\n  setSize,\n  posInSet,\n  expandedIds,\n  onExpandedChange,\n  selectionMode,\n  selectedIds,\n  onSelectionChange,\n  checkboxes,\n  surface,\n  activeId,\n  setActiveId,\n  registerNodeRef,\n  lazyState,\n  onExpandLazy,\n}: TreeItemProps<T>) {\n  const hasLoadedChildren = !!node.children?.length;\n  // A node is expandable if it has loaded children OR the hasChildren flag is set\n  const expandable = hasLoadedChildren || !!node.hasChildren;\n  const isExpanded = expandable && expandedIds.has(node.id);\n  const isSelected = selectedIds.has(node.id);\n  const isActive = activeId === node.id;\n  const nodeLoadState: LoadState = lazyState[node.id] ?? \"idle\";\n  const isLoading = nodeLoadState === \"loading\";\n  const isError = nodeLoadState === \"error\";\n  // See VirtualFlatRow: a ReactNode label must name the row via `aria-labelledby`\n  // so the trailing accessory never joins the accessible name (#369).\n  const labelId = useId();\n\n  const toggleExpanded = () => {\n    if (!expandable) return;\n    const next = new Set(expandedIds);\n    if (isExpanded) {\n      next.delete(node.id);\n    } else {\n      next.add(node.id);\n      // If no loaded children yet, trigger lazy load\n      if (!hasLoadedChildren && node.hasChildren) {\n        onExpandLazy(node);\n      }\n    }\n    onExpandedChange(next);\n  };\n\n  const handleSelect = () => {\n    if (node.disabled || selectionMode === \"none\") return;\n    setActiveId(node.id);\n    if (selectionMode === \"single\") {\n      onSelectionChange(new Set([node.id]));\n    } else {\n      const next = new Set(selectedIds);\n      if (next.has(node.id)) {\n        next.delete(node.id);\n      } else {\n        next.add(node.id);\n      }\n      onSelectionChange(next);\n    }\n  };\n\n  const handleRowClick = () => {\n    setActiveId(node.id);\n    handleSelect();\n    if (expandable) toggleExpanded();\n  };\n\n  const indentStyle = { paddingLeft: `${(level - 1) * 1}rem` };\n\n  return (\n    <li role=\"none\">\n      {/* treeitem row */}\n      <div\n        role=\"treeitem\"\n        aria-expanded={expandable ? isExpanded : undefined}\n        aria-selected={selectionMode !== \"none\" && !checkboxes ? isSelected : undefined}\n        aria-checked={checkboxes ? isSelected : undefined}\n        aria-label={typeof node.label === \"string\" ? node.label : undefined}\n        aria-labelledby={typeof node.label === \"string\" ? undefined : labelId}\n        aria-level={level}\n        aria-setsize={setSize}\n        aria-posinset={posInSet}\n        aria-disabled={node.disabled ? true : undefined}\n        aria-busy={isLoading ? true : undefined}\n        tabIndex={isActive ? 0 : -1}\n        data-tree-id={node.id}\n        ref={(el) => registerNodeRef(node.id, el)}\n        onClick={node.disabled ? undefined : handleRowClick}\n        onFocus={() => setActiveId(node.id)}\n        className={cn(\n          \"flex min-w-0 cursor-pointer select-none items-center gap-1.5 rounded-md px-2 py-1.5 text-body outline-none\",\n          \"transition-colors duration-fast ease-standard motion-reduce:transition-none\",\n          \"hover:bg-accent hover:text-accent-foreground\",\n          \"focus-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background\",\n          isSelected &&\n            selectionMode !== \"none\" &&\n            (surface === \"sidebar\"\n              ? \"bg-sidebar-accent text-sidebar-accent-foreground font-medium\"\n              : \"bg-selection text-selection-foreground font-medium\"),\n          node.disabled && \"cursor-not-allowed opacity-50 pointer-events-none\",\n        )}\n        style={indentStyle}\n      >\n        {/* expand/collapse chevron */}\n        {expandable ? (\n          <span\n            aria-hidden=\"true\"\n            onClick={(e) => {\n              e.stopPropagation();\n              toggleExpanded();\n            }}\n            className={cn(\n              \"flex size-4 shrink-0 items-center justify-center rounded transition-transform duration-fast ease-standard motion-reduce:transition-none\",\n              isExpanded && !isLoading && \"rotate-90\",\n            )}\n          >\n            {isLoading ? (\n              <Spinner className=\"size-3.5\" label=\"Loading children\" />\n            ) : (\n              <ChevronRight className=\"size-3.5 text-muted-foreground\" aria-hidden=\"true\" />\n            )}\n          </span>\n        ) : (\n          <span aria-hidden=\"true\" className=\"size-4 shrink-0\" />\n        )}\n\n        {/* optional checkbox for multi-select */}\n        {checkboxes && selectionMode === \"multiple\" && (\n          <Checkbox\n            checked={isSelected}\n            disabled={node.disabled}\n            aria-hidden=\"true\"\n            tabIndex={-1}\n            onClick={(e) => {\n              e.stopPropagation();\n              handleSelect();\n            }}\n            className=\"shrink-0\"\n          />\n        )}\n\n        {/* optional node icon */}\n        {node.icon && (\n          <span aria-hidden=\"true\" className=\"flex size-4 shrink-0 items-center justify-center\">\n            {node.icon}\n          </span>\n        )}\n\n        {/* label */}\n        <span id={labelId} className=\"min-w-0 truncate\">\n          {node.label}\n        </span>\n\n        {/* optional trailing accessory — a sibling of the label, never inside\n            it and never part of the row's accessible name (#369);\n            click/keydown/focus are stopped at the accessory. */}\n        {node.accessory ? (\n          <span\n            data-slot=\"tree-item-accessory\"\n            className=\"ms-auto flex shrink-0 items-center gap-1\"\n            onClick={(e) => e.stopPropagation()}\n            // See VirtualFlatRow: the tree's root keydown handler preventDefaults\n            // Enter/Space/arrows, and the row's onFocus (focusin, bubbling) calls\n            // setActiveId → el.focus(). Both must stop at the accessory or\n            // interactive content in this slot is unusable.\n            onKeyDown={(e) => e.stopPropagation()}\n            onFocus={(e) => e.stopPropagation()}\n          >\n            {node.accessory}\n          </span>\n        ) : null}\n      </div>\n\n      {/* children group */}\n      {isExpanded && (\n        <ul role=\"group\" className=\"list-none m-0 p-0\">\n          {isLoading ? (\n            <li role=\"none\">\n              <LoadingRow level={level + 1} />\n            </li>\n          ) : isError ? (\n            <li role=\"none\">\n              <ErrorRow level={level + 1} onRetry={() => onExpandLazy(node)} />\n            </li>\n          ) : (\n            node.children?.map((child, i) => (\n              <TreeItem\n                key={child.id}\n                node={child}\n                level={level + 1}\n                setSize={node.children!.length}\n                posInSet={i + 1}\n                expandedIds={expandedIds}\n                onExpandedChange={onExpandedChange}\n                selectionMode={selectionMode}\n                selectedIds={selectedIds}\n                onSelectionChange={onSelectionChange}\n                checkboxes={checkboxes}\n                surface={surface}\n                activeId={activeId}\n                setActiveId={setActiveId}\n                registerNodeRef={registerNodeRef}\n                lazyState={lazyState}\n                onExpandLazy={onExpandLazy}\n              />\n            ))\n          )}\n        </ul>\n      )}\n    </li>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// flattenVisibleWithMeta — for the virtual path\n// ---------------------------------------------------------------------------\n\nfunction flattenVisibleWithMeta<T>(\n  nodes: TreeNode<T>[],\n  expandedIds: Set<string>,\n  lazyState: LazyState,\n  level = 1,\n  parentSetSize?: number,\n): FlatRow<T>[] {\n  const result: FlatRow<T>[] = [];\n  const setSize = parentSetSize ?? nodes.length;\n  nodes.forEach((node, i) => {\n    result.push({\n      node,\n      level,\n      setSize,\n      posInSet: i + 1,\n    });\n    const hasLoadedChildren = !!node.children?.length;\n    const isExpandable = hasLoadedChildren || !!node.hasChildren;\n    if (isExpandable && expandedIds.has(node.id)) {\n      const nodeLoad = lazyState[node.id];\n      if (nodeLoad === \"loading\" || nodeLoad === \"error\") {\n        // placeholder row represented by a synthetic \"loading/error\" node\n        // We don't push a row here — the loading/error state is shown via\n        // aria-busy on the parent treeitem row (virtual path inline indicators)\n      } else if (hasLoadedChildren) {\n        const childRows = flattenVisibleWithMeta(\n          node.children!,\n          expandedIds,\n          lazyState,\n          level + 1,\n          node.children!.length,\n        );\n        result.push(...childRows);\n      }\n    }\n  });\n  return result;\n}\n\n// ---------------------------------------------------------------------------\n// Tree — root component\n// ---------------------------------------------------------------------------\n\n/**\n * A fully accessible tree view with roving tabindex keyboard navigation,\n * single/multiple selection, expand/collapse, checkboxes, and type-ahead.\n *\n * Set `virtualize` to window large trees (>50 visible rows). Set `loadChildren`\n * to lazily fetch children on demand when a node has `hasChildren: true`.\n */\n/** Ancestor ids (root → parent) of `id` within the loaded tree, or `null` if absent. */\nfunction findNodePath(nodes: TreeNode[], id: string, trail: string[] = []): string[] | null {\n  for (const n of nodes) {\n    if (n.id === id) return trail;\n    if (n.children?.length) {\n      const found = findNodePath(n.children, id, [...trail, n.id]);\n      if (found) return found;\n    }\n  }\n  return null;\n}\n\n/** The node with `id` within the loaded tree, or `null`. */\nfunction findNodeById(nodes: TreeNode[], id: string): TreeNode | null {\n  for (const n of nodes) {\n    if (n.id === id) return n;\n    if (n.children?.length) {\n      const found = findNodeById(n.children, id);\n      if (found) return found;\n    }\n  }\n  return null;\n}\n\nexport const Tree = forwardRef<HTMLDivElement, TreeProps>(function Tree(\n  {\n    nodes: nodesProp,\n    expandedIds: expandedIdsProp,\n    defaultExpandedIds,\n    onExpandedChange,\n    selectionMode = \"single\",\n    selectedIds: selectedIdsProp,\n    defaultSelectedIds,\n    onSelectionChange,\n    checkboxes = false,\n    virtualize = false,\n    estimateRowHeight = 32,\n    overscan = 8,\n    maxHeight,\n    scrollToId,\n    scrollSelectionIntoView = false,\n    loadChildren,\n    surface = \"default\",\n    className,\n    ...props\n  },\n  ref,\n) {\n  // Internal mutable tree (supports lazy-loaded children merge)\n  const [nodes, setNodes] = useState<TreeNode[]>(() => nodesProp as TreeNode[]);\n\n  // Keep internal tree in sync with nodesProp if it changes externally,\n  // preserving any children merged in locally via lazy `loadChildren`.\n  useEffect(() => {\n    setNodes((prev) => reconcileNodes(nodesProp as TreeNode[], prev));\n  }, [nodesProp]);\n\n  const [expandedIds, setExpandedIds] = useControllableSet(\n    expandedIdsProp,\n    defaultExpandedIds,\n    onExpandedChange,\n  );\n  const [selectedIds, setSelectedIds] = useControllableSet(\n    selectedIdsProp,\n    defaultSelectedIds,\n    onSelectionChange,\n  );\n\n  // Lazy-load state per node id\n  const [lazyState, setLazyState] = useState<LazyState>({});\n\n  // Scroll container ref for virtualizer\n  const scrollRef = useRef<HTMLDivElement>(null);\n\n  // Pending focus id — used when the target row isn't yet mounted (virtual path)\n  const pendingFocusIdRef = useRef<string | null>(null);\n\n  // ---------------------------------------------------------------------------\n  // Lazy load handler\n  // ---------------------------------------------------------------------------\n\n  const handleExpandLazy = useCallback(\n    async (node: TreeNode) => {\n      if (!loadChildren) return;\n      if (lazyState[node.id] === \"loading\") return;\n\n      setLazyState((prev) => ({ ...prev, [node.id]: \"loading\" }));\n      try {\n        const children = await loadChildren(node as TreeNode<unknown>);\n        setNodes((prev) => mergeChildren(prev, node.id, children as TreeNode[]));\n        setLazyState((prev) => {\n          const next = { ...prev };\n          delete next[node.id];\n          return next;\n        });\n      } catch {\n        setLazyState((prev) => ({ ...prev, [node.id]: \"error\" }));\n      }\n    },\n    [loadChildren, lazyState],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Flattened visible rows (for virtualized path and keyboard hook)\n  // ---------------------------------------------------------------------------\n\n  const flatRows = useMemo(\n    () => flattenVisibleWithMeta(nodes, expandedIds, lazyState),\n    [nodes, expandedIds, lazyState],\n  );\n  const flatNodeIds = useMemo(() => flatRows.map((r) => r.node.id), [flatRows]);\n  // O(1) row lookup by id — `handleToggleExpand`/`handleSelectVirtual` run on\n  // every click/keypress and previously did an O(n) `Array.find` each time.\n  const flatRowIndexById = useMemo(() => {\n    const map = new Map<string, number>();\n    flatRows.forEach((r, i) => map.set(r.node.id, i));\n    return map;\n  }, [flatRows]);\n\n  // ---------------------------------------------------------------------------\n  // Keyboard hook\n  // ---------------------------------------------------------------------------\n\n  // For the virtual path: when navigating to a node whose DOM is not mounted,\n  // we need to scroll to it first and then focus when it mounts.\n  // We achieve this by passing a scrollToIndex callback to the keyboard hook.\n\n  const virtualizerRef = useRef<Virtualizer<HTMLDivElement, Element> | null>(null);\n\n  const scrollToVirtualIndex = useCallback((index: number) => {\n    virtualizerRef.current?.scrollToIndex(index, { align: \"auto\" });\n  }, []);\n\n  const { activeId, setActiveId, registerNodeRef, onKeyDown } = useTreeKeyboard({\n    nodes,\n    expandedIds,\n    onExpandedChange: setExpandedIds,\n    selectionMode,\n    selectedIds,\n    onSelectionChange: setSelectedIds,\n    // Virtualization-aware extras\n    virtualize,\n    flatNodeIds,\n    pendingFocusIdRef,\n    scrollToVirtualIndex,\n  });\n\n  // ---------------------------------------------------------------------------\n  // Handle expand/collapse for virtual path (needs to call lazy loader)\n  // ---------------------------------------------------------------------------\n\n  const handleToggleExpand = useCallback(\n    (nodeId: string) => {\n      const index = flatRowIndexById.get(nodeId);\n      if (index === undefined) return;\n      const node = flatRows[index]?.node;\n      if (!node) return;\n      const hasLoadedChildren = !!node.children?.length;\n      const next = new Set(expandedIds);\n      if (expandedIds.has(nodeId)) {\n        next.delete(nodeId);\n      } else {\n        next.add(nodeId);\n        if (!hasLoadedChildren && node.hasChildren && loadChildren) {\n          handleExpandLazy(node);\n        }\n      }\n      setExpandedIds(next);\n    },\n    [expandedIds, flatRows, flatRowIndexById, setExpandedIds, loadChildren, handleExpandLazy],\n  );\n\n  const handleSelectVirtual = useCallback(\n    (nodeId: string) => {\n      const index = flatRowIndexById.get(nodeId);\n      if (index === undefined) return;\n      const node = flatRows[index]?.node;\n      if (!node || node.disabled || selectionMode === \"none\") return;\n      if (selectionMode === \"single\") {\n        setSelectedIds(new Set([nodeId]));\n      } else {\n        const next = new Set(selectedIds);\n        if (next.has(nodeId)) {\n          next.delete(nodeId);\n        } else {\n          next.add(nodeId);\n        }\n        setSelectedIds(next);\n      }\n    },\n    [flatRows, flatRowIndexById, selectionMode, selectedIds, setSelectedIds],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Layout effect to flush pending focus once a row mounts (virtual path)\n  // ---------------------------------------------------------------------------\n\n  // This runs after every render; if pendingFocusIdRef has an id, try to focus it.\n  // The registerNodeRef callback will have stored the element if it mounted.\n  // We use useLayoutEffect so the DOM is painted before we try to focus.\n  const nodeRefsForFlush = useRef<Map<string, HTMLElement>>(new Map());\n\n  const registerAndFlush = useCallback(\n    (id: string, el: HTMLElement | null) => {\n      registerNodeRef(id, el);\n      if (el) {\n        nodeRefsForFlush.current.set(id, el);\n        if (pendingFocusIdRef.current === id) {\n          pendingFocusIdRef.current = null;\n          el.focus();\n        }\n      } else {\n        nodeRefsForFlush.current.delete(id);\n      }\n    },\n    [registerNodeRef],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Virtualizer (only created in virtual mode)\n  // ---------------------------------------------------------------------------\n\n  const virtualizer = useVirtualizer({\n    count: flatRows.length,\n    getScrollElement: () => (virtualize ? scrollRef.current : null),\n    estimateSize: () => estimateRowHeight,\n    overscan,\n    enabled: virtualize,\n  });\n\n  // Keep ref so keyboard handler can call scrollToIndex\n  useEffect(() => {\n    if (virtualize) {\n      virtualizerRef.current = virtualizer;\n    }\n  });\n\n  // ---------------------------------------------------------------------------\n  // Reveal-into-view (scrollToId / scrollSelectionIntoView)\n  // ---------------------------------------------------------------------------\n\n  // Set while a requested node isn't yet a visible row (its ancestors are still\n  // expanding / lazy-loading); the retry effect finishes once the rows change.\n  const pendingRevealIdRef = useRef<string | null>(null);\n  const prevSelectedRef = useRef<Set<string>>(selectedIds);\n  const prevScrollToIdRef = useRef<string | undefined>(undefined);\n\n  // Scroll `id` into view if it is currently a visible row. Virtual mode drives\n  // the virtualizer (the row may be unmounted); non-virtual uses the mounted DOM\n  // node (registered via registerAndFlush in both paths).\n  const scrollNodeIntoView = useCallback(\n    (id: string): boolean => {\n      const index = flatRowIndexById.get(id);\n      if (index === undefined) return false;\n      if (virtualize) {\n        virtualizerRef.current?.scrollToIndex(index, { align: \"center\" });\n      } else {\n        // `?.` on scrollIntoView too — jsdom doesn't implement it (browser-only).\n        nodeRefsForFlush.current.get(id)?.scrollIntoView?.({ block: \"center\" });\n      }\n      return true;\n    },\n    [flatRowIndexById, virtualize],\n  );\n\n  // Reveal `id`: scroll it now if visible, else expand its (loaded) ancestors and\n  // kick their lazy loaders so it becomes a row — the retry effect finishes the job.\n  const revealNode = useCallback(\n    (id: string) => {\n      if (scrollNodeIntoView(id)) {\n        pendingRevealIdRef.current = null;\n        return;\n      }\n      pendingRevealIdRef.current = id;\n      const path = findNodePath(nodes, id);\n      if (!path || path.length === 0) return; // unknown / not yet loaded — best effort\n      const next = new Set(expandedIds);\n      path.forEach((ancestorId) => next.add(ancestorId));\n      setExpandedIds(next);\n      if (loadChildren) {\n        for (const ancestorId of path) {\n          const anc = findNodeById(nodes, ancestorId);\n          if (anc && anc.hasChildren && !anc.children?.length) void handleExpandLazy(anc);\n        }\n      }\n    },\n    [scrollNodeIntoView, nodes, expandedIds, setExpandedIds, loadChildren, handleExpandLazy],\n  );\n\n  // Latest revealNode so the trigger effect fires on target CHANGE only (without\n  // re-running when flatNodeIds / expandedIds churn each render).\n  const revealNodeRef = useRef(revealNode);\n  revealNodeRef.current = revealNode;\n\n  // Trigger: reveal when `scrollToId` changes; else (scrollSelectionIntoView) when\n  // the selection gains a node. `scrollToId` wins.\n  useEffect(() => {\n    const scrollIdChanged = scrollToId !== prevScrollToIdRef.current;\n    const selectionChanged = selectedIds !== prevSelectedRef.current;\n    const prevSel = prevSelectedRef.current;\n    prevScrollToIdRef.current = scrollToId;\n    prevSelectedRef.current = selectedIds;\n\n    if (scrollToId != null && scrollIdChanged) {\n      revealNodeRef.current(scrollToId);\n    } else if (scrollToId == null && scrollSelectionIntoView && selectionChanged) {\n      const added = [...selectedIds].find((sid) => !prevSel.has(sid));\n      const target = added ?? (selectedIds.size > 0 ? [...selectedIds][0] : undefined);\n      if (target != null) revealNodeRef.current(target);\n    }\n  }, [scrollToId, scrollSelectionIntoView, selectedIds]);\n\n  // Retry a pending reveal after the rows change (ancestors expanded / lazy data\n  // arrived) — scroll once the node materialises, then clear.\n  useEffect(() => {\n    const id = pendingRevealIdRef.current;\n    if (id != null && scrollNodeIntoView(id)) {\n      pendingRevealIdRef.current = null;\n    }\n  }, [scrollNodeIntoView]);\n\n  // ---------------------------------------------------------------------------\n  // Render: NON-virtual path (backward compatible nested-group DOM)\n  // ---------------------------------------------------------------------------\n\n  if (!virtualize) {\n    return (\n      <div\n        ref={ref}\n        role=\"tree\"\n        aria-multiselectable={selectionMode === \"multiple\" ? true : undefined}\n        onKeyDown={onKeyDown}\n        className={cn(\"w-full select-none\", className)}\n        {...props}\n      >\n        <ul role=\"none\" className=\"m-0 list-none p-0\">\n          {nodes.map((node, i) => (\n            <TreeItem\n              key={node.id}\n              node={node}\n              level={1}\n              setSize={nodes.length}\n              posInSet={i + 1}\n              expandedIds={expandedIds}\n              onExpandedChange={setExpandedIds}\n              selectionMode={selectionMode}\n              selectedIds={selectedIds}\n              onSelectionChange={setSelectedIds}\n              checkboxes={checkboxes}\n              surface={surface}\n              activeId={activeId}\n              setActiveId={setActiveId}\n              // registerAndFlush (not raw registerNodeRef) so nodeRefsForFlush is\n              // populated in the non-virtual path too — lets scrollToId reveal a\n              // below-the-fold node. pendingFocusIdRef is virtual-only, so the\n              // focus-flush branch never fires here: keyboard behavior is unchanged.\n              registerNodeRef={registerAndFlush}\n              lazyState={lazyState}\n              onExpandLazy={handleExpandLazy}\n            />\n          ))}\n        </ul>\n      </div>\n    );\n  }\n\n  // ---------------------------------------------------------------------------\n  // Render: VIRTUAL path (flat DOM, windowed rows)\n  // ---------------------------------------------------------------------------\n\n  const virtualItems = virtualizer.getVirtualItems();\n\n  const scrollStyle: React.CSSProperties = maxHeight\n    ? { maxHeight, overflowY: \"auto\" }\n    : { overflowY: \"auto\" };\n\n  return (\n    <div\n      ref={ref}\n      role=\"tree\"\n      aria-multiselectable={selectionMode === \"multiple\" ? true : undefined}\n      onKeyDown={onKeyDown}\n      className={cn(\"w-full select-none\", className)}\n      {...props}\n    >\n      {/* Scroll viewport — role=\"presentation\" so the tree still OWNS the\n          treeitems (windowing wrappers are skipped in the a11y tree, keeping\n          aria-required-children valid). */}\n      <div ref={scrollRef} role=\"presentation\" style={scrollStyle} className=\"outline-none\">\n        {/* Total-size spacer — gives the scroll container its full height */}\n        <div\n          role=\"presentation\"\n          style={{ height: virtualizer.getTotalSize(), position: \"relative\" }}\n        >\n          {virtualItems.map((virtualRow) => {\n            const row = flatRows[virtualRow.index];\n            if (!row) return null;\n            const { node } = row;\n            const hasLoadedChildren = !!node.children?.length;\n            const expandable = hasLoadedChildren || !!node.hasChildren;\n            const isExpanded = expandable && expandedIds.has(node.id);\n            const isSelected = selectedIds.has(node.id);\n            const isActive = activeId === node.id;\n            const nodeLoad: LoadState = lazyState[node.id] ?? \"idle\";\n\n            return (\n              <div\n                key={virtualRow.key}\n                role=\"presentation\"\n                style={{\n                  position: \"absolute\",\n                  top: 0,\n                  left: 0,\n                  width: \"100%\",\n                  height: `${virtualRow.size}px`,\n                  transform: `translateY(${virtualRow.start}px)`,\n                }}\n              >\n                <VirtualFlatRow\n                  row={row}\n                  isExpanded={isExpanded}\n                  isSelected={isSelected}\n                  isActive={isActive}\n                  lazyState={nodeLoad}\n                  expandable={expandable}\n                  selectionMode={selectionMode}\n                  checkboxes={checkboxes}\n                  surface={surface}\n                  onToggleExpand={handleToggleExpand}\n                  onSelect={handleSelectVirtual}\n                  onRetry={() => handleExpandLazy(node)}\n                  registerNodeRef={registerAndFlush}\n                  setActiveId={setActiveId}\n                />\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    </div>\n  );\n}) as <T = unknown>(\n  props: TreeProps<T> & { ref?: React.Ref<HTMLDivElement> },\n) => React.ReactElement | null;\n"],"mappings":"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","names":["Tree"]}

package/dist/chunk-FKUP7QRJ.js

@@ -0,0 +1,54 @@
+"use client";
+import {
+  illustrationAccent,
+  illustrationSvgProps
+} from "./chunk-A47AZPCL.js";
+
+// src/illustrations/no-results-illustration.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NoResultsIllustration = forwardRef(
+  function NoResultsIllustration2({ size, className, ...props }, ref) {
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref,
+        ...illustrationSvgProps(size, className),
+        "data-slot": "no-results-illustration",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "68", cy: "66", r: "30" }),
+          /* @__PURE__ */ jsx("line", { x1: "89.2", y1: "87.2", x2: "124", y2: "122" }),
+          /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: "56",
+              y1: "54",
+              x2: "80",
+              y2: "78",
+              style: { stroke: illustrationAccent("var(--primary-text)") },
+              strokeWidth: 3
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: "80",
+              y1: "54",
+              x2: "56",
+              y2: "78",
+              style: { stroke: illustrationAccent("var(--primary-text)") },
+              strokeWidth: 3
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+NoResultsIllustration.displayName = "NoResultsIllustration";
+
+export {
+  NoResultsIllustration
+};
+//# sourceMappingURL=chunk-FKUP7QRJ.js.map

package/dist/chunk-FKUP7QRJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/illustrations/no-results-illustration.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  illustrationSvgProps,\n  illustrationAccent,\n  type IllustrationProps,\n} from \"./illustration-base\";\n\n/**\n * Search / filter with zero matches. A line-art magnifying glass with a\n * `--primary-text` \"×\" inside the lens standing in for \"nothing matched\".\n * The \"×\" is meaning-bearing (per the accent-semantics convention in\n * `illustration-base.tsx`, #48 finding 1) — a bare magnifying glass alone\n * reads as \"search\", not \"no results\".\n */\nexport const NoResultsIllustration = forwardRef<SVGSVGElement, IllustrationProps>(\n  function NoResultsIllustration({ size, className, ...props }, ref) {\n    return (\n      <svg\n        ref={ref}\n        {...illustrationSvgProps(size, className)}\n        data-slot=\"no-results-illustration\"\n        {...props}\n      >\n        <circle cx=\"68\" cy=\"66\" r=\"30\" />\n        <line x1=\"89.2\" y1=\"87.2\" x2=\"124\" y2=\"122\" />\n        <line\n          x1=\"56\"\n          y1=\"54\"\n          x2=\"80\"\n          y2=\"78\"\n          style={{ stroke: illustrationAccent(\"var(--primary-text)\") }}\n          strokeWidth={3}\n        />\n        <line\n          x1=\"80\"\n          y1=\"54\"\n          x2=\"56\"\n          y2=\"78\"\n          style={{ stroke: illustrationAccent(\"var(--primary-text)\") }}\n          strokeWidth={3}\n        />\n      </svg>\n    );\n  },\n);\nNoResultsIllustration.displayName = \"NoResultsIllustration\";\n"],"mappings":";;;;;;;AAAA,SAAS,kBAAkB;AAiBrB,SAME,KANF;AAHC,IAAM,wBAAwB;AAAA,EACnC,SAASA,uBAAsB,EAAE,MAAM,WAAW,GAAG,MAAM,GAAG,KAAK;AACjE,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG,qBAAqB,MAAM,SAAS;AAAA,QACxC,aAAU;AAAA,QACT,GAAG;AAAA,QAEJ;AAAA,8BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK;AAAA,UAC/B,oBAAC,UAAK,IAAG,QAAO,IAAG,QAAO,IAAG,OAAM,IAAG,OAAM;AAAA,UAC5C;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,OAAO,EAAE,QAAQ,mBAAmB,qBAAqB,EAAE;AAAA,cAC3D,aAAa;AAAA;AAAA,UACf;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,OAAO,EAAE,QAAQ,mBAAmB,qBAAqB,EAAE;AAAA,cAC3D,aAAa;AAAA;AAAA,UACf;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,sBAAsB,cAAc;","names":["NoResultsIllustration"]}

package/dist/chunk-FPLZ24MK.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-FPLZ24MK.js.map

package/dist/chunk-FPLZ24MK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FRFSDZIN.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-FRFSDZIN.js.map

package/dist/chunk-FRFSDZIN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-FYCCNQXQ.js

@@ -0,0 +1,173 @@
+"use client";
+import {
+  countItems,
+  modelPickerBody,
+  showsInlineError
+} from "./chunk-5SHHIQVA.js";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList
+} from "./chunk-YXHHUJOZ.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-D3C3VVCX.js";
+import {
+  Skeleton
+} from "./chunk-JNWXHPZG.js";
+import {
+  useLocale
+} from "./chunk-EJQYE4MY.js";
+import {
+  Button
+} from "./chunk-VA2OONPE.js";
+import {
+  cn
+} from "./chunk-KBNWM27Q.js";
+
+// src/components/model-picker/model-picker.tsx
+import { forwardRef, useCallback, useState } from "react";
+import { Check, ChevronsUpDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Row({
+  item,
+  picked,
+  onChoose
+}) {
+  return /* @__PURE__ */ jsxs(
+    CommandItem,
+    {
+      value: item.id,
+      keywords: item.keywords ?? [],
+      disabled: item.disabled,
+      onSelect: onChoose,
+      "data-model-id": item.id,
+      "data-picked": picked ? "true" : "false",
+      className: "gap-2",
+      children: [
+        item.icon,
+        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: item.label }),
+          item.description === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground truncate", children: item.description })
+        ] }),
+        (item.meta ?? []).map((m) => /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground shrink-0", children: m }, m)),
+        picked ? /* @__PURE__ */ jsx(Check, { className: "size-3.5 shrink-0", "aria-hidden": "true" }) : null
+      ]
+    }
+  );
+}
+var ModelPicker = forwardRef(function ModelPicker2({
+  groups,
+  value,
+  onSelect,
+  status = "ready",
+  triggerLabel,
+  onRetry,
+  searchPlaceholder,
+  disabled,
+  contentClassName,
+  className,
+  open: openProp,
+  onOpenChange,
+  footer,
+  ...props
+}, ref) {
+  const { t } = useLocale();
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : uncontrolledOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) setUncontrolledOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const count = countItems(groups);
+  const body = modelPickerBody(status, count);
+  return /* @__PURE__ */ jsx("div", { ref, "data-slot": "model-picker", className: cn("inline-flex", className), ...props, children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        role: "combobox",
+        "aria-expanded": open,
+        "aria-label": props["aria-label"] ?? (typeof triggerLabel === "string" ? triggerLabel : t("ui.modelPicker.label")),
+        disabled,
+        "data-slot": "model-picker-trigger",
+        className: "max-w-88 justify-between gap-2",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: triggerLabel }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-3.5 shrink-0 opacity-50", "aria-hidden": "true" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "start",
+        "data-slot": "model-picker-content",
+        "aria-label": props["aria-label"] ?? t("ui.modelPicker.label"),
+        className: cn("w-96 p-0", contentClassName),
+        children: /* @__PURE__ */ jsxs(Command, { children: [
+          /* @__PURE__ */ jsx(
+            CommandInput,
+            {
+              placeholder: searchPlaceholder ?? t("ui.modelPicker.searchPlaceholder")
+            }
+          ),
+          showsInlineError(status, count) ? (
+            // Above the list, never instead of it — the list still works.
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-slot": "model-picker-stale",
+                role: "status",
+                className: "border-border flex items-center justify-between gap-2 border-b px-3 py-2",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: t("ui.modelPicker.refreshFailed") }),
+                  onRetry ? /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRetry, children: t("ui.modelPicker.retry") }) : null
+                ]
+              }
+            )
+          ) : null,
+          /* @__PURE__ */ jsx(CommandList, { children: body === "list" ? groups.map((group) => /* @__PURE__ */ jsx(CommandGroup, { heading: group.label, children: group.items.map((item) => /* @__PURE__ */ jsx(
+            Row,
+            {
+              item,
+              picked: item.id === value,
+              onChoose: () => {
+                setOpen(false);
+                onSelect?.(item);
+              }
+            },
+            item.id
+          )) }, group.key)) : null }),
+          body === "list" ? /* @__PURE__ */ jsx(CommandEmpty, { children: t("noResults") }) : null,
+          body === "loading" ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-3", "data-slot": "model-picker-loading", children: [
+            /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", children: t("loading") }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-full" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-4/5" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-3/5" })
+          ] }) : null,
+          body === "error" || body === "empty" ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-4 text-center", "data-slot": "model-picker-state", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-body", children: body === "error" ? t("ui.modelPicker.loadFailed") : t("ui.modelPicker.nothingYet") }),
+            onRetry ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onRetry, children: t("ui.modelPicker.retry") }) : null
+          ] }) : null,
+          footer
+        ] })
+      }
+    )
+  ] }) });
+});
+
+export {
+  ModelPicker
+};
+//# sourceMappingURL=chunk-FYCCNQXQ.js.map

package/dist/chunk-FYCCNQXQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/model-picker/model-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, useCallback, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { Check, ChevronsUpDown } from \"lucide-react\";\nimport { cn } from \"../../lib/cn\";\nimport { Button } from \"../button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from \"../command\";\nimport { useLocale } from \"../locale-provider\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../popover\";\nimport { Skeleton } from \"../skeleton\";\nimport {\n  countItems,\n  modelPickerBody,\n  showsInlineError,\n  type ModelPickerGroup,\n  type ModelPickerItem,\n  type ModelPickerStatus,\n} from \"./model-picker-state\";\n\nexport interface ModelPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Grouped rows. Grouping and heading text are the caller's, never derived. */\n  groups: readonly ModelPickerGroup[];\n  /** The currently pinned row's id. */\n  value?: string;\n  /** Fires with the chosen row; the popover closes first. */\n  onSelect?: (item: ModelPickerItem) => void;\n  /** Drives the four bodies — see `modelPickerBody`. Default `\"ready\"`. */\n  status?: ModelPickerStatus;\n  /** Trigger text — usually the pinned row's label. */\n  triggerLabel: ReactNode;\n  /** Retry action for the error strip and the empty panel. Omit to hide it. */\n  onRetry?: () => void;\n  /** Search field placeholder. */\n  searchPlaceholder?: string;\n  disabled?: boolean;\n  /** Extra classes for the popover panel (default width `w-96`). */\n  contentClassName?: string;\n  /** Accessible name for the trigger — what the control is FOR, not what is chosen. */\n  \"aria-label\"?: string;\n  /**\n   * Controlled popover open state. Omit for the uncontrolled default (internal\n   * `useState(false)`, unchanged). `isControlled = open !== undefined` and the\n   * mode never flips mid-life — see `component-api.md` \"Controlled/uncontrolled\".\n   */\n  open?: boolean;\n  /** Fires whenever the popover would open/close — a trigger click, or a row select. */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Rendered inside the popover BELOW the list — a persistent action row that is\n   * not one of the options (a free-text entry, a \"browse…\" affordance).\n   * Outside `CommandList` on purpose: it must not be filtered by the search query\n   * and must not participate in cmdk's roving selection.\n   */\n  footer?: ReactNode;\n}\n\nfunction Row({\n  item,\n  picked,\n  onChoose,\n}: {\n  item: ModelPickerItem;\n  picked: boolean;\n  onChoose: () => void;\n}) {\n  return (\n    <CommandItem\n      value={item.id}\n      // cmdk filters on value + keywords, so a hidden keyword (\"northwind\") finds\n      // a row whose visible label never mentions it.\n      keywords={item.keywords ?? []}\n      disabled={item.disabled}\n      onSelect={onChoose}\n      data-model-id={item.id}\n      // `data-picked`, NOT `data-selected`. cmdk OWNS `data-selected` on a\n      // CommandItem — it is the keyboard HIGHLIGHT, set on whichever row the\n      // arrow keys are currently on. Writing our own would be silently\n      // overwritten, and a test reading it would report the highlighted row as\n      // the pinned one.\n      data-picked={picked ? \"true\" : \"false\"}\n      className=\"gap-2\"\n    >\n      {item.icon}\n      <span className=\"flex min-w-0 flex-1 flex-col\">\n        <span className=\"truncate\">{item.label}</span>\n        {item.description === undefined ? null : (\n          <span className=\"text-meta text-muted-foreground truncate\">{item.description}</span>\n        )}\n      </span>\n      {(item.meta ?? []).map((m) => (\n        <span key={m} className=\"text-meta text-muted-foreground shrink-0\">\n          {m}\n        </span>\n      ))}\n      {picked ? <Check className=\"size-3.5 shrink-0\" aria-hidden=\"true\" /> : null}\n    </CommandItem>\n  );\n}\n\n/**\n * A compact pill that opens a grouped, searchable target list anchored under\n * itself — sized to sit in a composer footer.\n *\n * **Which one to reach for.** An inline pill in a composer footer, anchored\n * under itself → this component. A full ⌘K palette → compose `CommandDialog` +\n * `Command*` from this package directly; there is no separate \"selector\"\n * component wrapping them.\n *\n * **`Command` lives inside a `Popover`, never a `DropdownMenu`, and that is not\n * a stylistic choice.** `DropdownMenuContent` owns roving tabindex and its own\n * typeahead, both of which fight a real `<input>` in its subtree: arrow keys move\n * the menu's focus instead of cmdk's highlight, and keystrokes are swallowed\n * before they reach `CommandInput`. `Popover` contributes positioning and\n * dismissal and claims no keyboard, which is why every combobox is built on it.\n * Do not \"simplify\" this back.\n */\nexport const ModelPicker = forwardRef<HTMLDivElement, ModelPickerProps>(function ModelPicker(\n  {\n    groups,\n    value,\n    onSelect,\n    status = \"ready\",\n    triggerLabel,\n    onRetry,\n    searchPlaceholder,\n    disabled,\n    contentClassName,\n    className,\n    open: openProp,\n    onOpenChange,\n    footer,\n    ...props\n  },\n  ref,\n) {\n  const { t } = useLocale();\n  // Controlled/uncontrolled per component-api.md: controlled iff `open` is\n  // provided; the mode never flips mid-life. Uncontrolled fallback is\n  // byte-identical to the old internal `useState(false)`.\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : uncontrolledOpen;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n  const count = countItems(groups);\n  const body = modelPickerBody(status, count);\n\n  return (\n    <div ref={ref} data-slot=\"model-picker\" className={cn(\"inline-flex\", className)} {...props}>\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            role=\"combobox\"\n            aria-expanded={open}\n            // `role=\"combobox\"` does NOT support name-from-content, so the\n            // visible label never becomes the accessible name on its own — the\n            // control would ship unnamed. Default to the label (telling AT what\n            // is currently CHOSEN, matching `Combobox`); an explicit `aria-label`\n            // wins and names what the control is FOR.\n            aria-label={\n              props[\"aria-label\"] ??\n              (typeof triggerLabel === \"string\" ? triggerLabel : t(\"ui.modelPicker.label\"))\n            }\n            disabled={disabled}\n            data-slot=\"model-picker-trigger\"\n            className=\"max-w-88 justify-between gap-2\"\n          >\n            <span className=\"truncate\">{triggerLabel}</span>\n            <ChevronsUpDown className=\"size-3.5 shrink-0 opacity-50\" aria-hidden=\"true\" />\n          </Button>\n        </PopoverTrigger>\n\n        <PopoverContent\n          align=\"start\"\n          data-slot=\"model-picker-content\"\n          // Radix Popover.Content renders role=\"dialog\"; without a name axe flags it.\n          aria-label={props[\"aria-label\"] ?? t(\"ui.modelPicker.label\")}\n          className={cn(\"w-96 p-0\", contentClassName)}\n        >\n          <Command>\n            <CommandInput\n              placeholder={searchPlaceholder ?? t(\"ui.modelPicker.searchPlaceholder\")}\n            />\n\n            {showsInlineError(status, count) ? (\n              // Above the list, never instead of it — the list still works.\n              <div\n                data-slot=\"model-picker-stale\"\n                role=\"status\"\n                className=\"border-border flex items-center justify-between gap-2 border-b px-3 py-2\"\n              >\n                <span className=\"text-meta text-muted-foreground\">\n                  {t(\"ui.modelPicker.refreshFailed\")}\n                </span>\n                {onRetry ? (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={onRetry}>\n                    {t(\"ui.modelPicker.retry\")}\n                  </Button>\n                ) : null}\n              </div>\n            ) : null}\n\n            {/*\n              #121 — `CommandList` IS the ARIA listbox (cmdk hardcodes\n              role=\"listbox\" on it); ARIA only lets a listbox own `option`/\n              `group`. It stays MOUNTED in every body (never conditionally\n              removed — `CommandInput` hardcodes `aria-controls` to its id,\n              and axe's aria-valid-attr-value only tolerates a dangling\n              reference when aria-expanded=\"false\"), but every non-option\n              body — loading, error/empty, and `CommandEmpty` — renders as a\n              SIBLING below it, in the same visual slot an empty `CommandList`\n              (which collapses to zero height) would otherwise occupy.\n            */}\n            <CommandList>\n              {body === \"list\"\n                ? groups.map((group) => (\n                    <CommandGroup key={group.key} heading={group.label}>\n                      {group.items.map((item) => (\n                        <Row\n                          key={item.id}\n                          item={item}\n                          picked={item.id === value}\n                          onChoose={() => {\n                            setOpen(false);\n                            onSelect?.(item);\n                          }}\n                        />\n                      ))}\n                    </CommandGroup>\n                  ))\n                : null}\n            </CommandList>\n\n            {/*\n              cmdk's `Command.Empty` reads `filtered.count` off the `Command`\n              root store, not off a `CommandList` ancestor — it renders\n              correctly as a sibling of the list it used to nest inside.\n            */}\n            {body === \"list\" ? <CommandEmpty>{t(\"noResults\")}</CommandEmpty> : null}\n\n            {body === \"loading\" ? (\n              <div className=\"space-y-2 p-3\" data-slot=\"model-picker-loading\">\n                <span className=\"sr-only\" role=\"status\">\n                  {t(\"loading\")}\n                </span>\n                <Skeleton className=\"h-6 w-full\" />\n                <Skeleton className=\"h-6 w-4/5\" />\n                <Skeleton className=\"h-6 w-3/5\" />\n              </div>\n            ) : null}\n\n            {body === \"error\" || body === \"empty\" ? (\n              <div className=\"space-y-2 p-4 text-center\" data-slot=\"model-picker-state\">\n                <p className=\"text-body\">\n                  {body === \"error\"\n                    ? t(\"ui.modelPicker.loadFailed\")\n                    : t(\"ui.modelPicker.nothingYet\")}\n                </p>\n                {onRetry ? (\n                  <Button variant=\"outline\" size=\"sm\" onClick={onRetry}>\n                    {t(\"ui.modelPicker.retry\")}\n                  </Button>\n                ) : null}\n              </div>\n            ) : null}\n\n            {footer}\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n});\n\nexport {\n  countItems,\n  modelPickerBody,\n  showsInlineError,\n  type ModelPickerGroup,\n  type ModelPickerItem,\n  type ModelPickerStatus,\n};\n"],"mappings":"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","names":["ModelPicker"]}

package/dist/chunk-G3OTDYCD.js

@@ -0,0 +1,53 @@
+"use client";
+import {
+  isMotionAtFloor,
+  readMotionFactor
+} from "./chunk-3JAEQNCB.js";
+
+// src/components/reveal-on-enter/reveal-on-enter.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var RevealOnEnter = React.forwardRef(
+  ({ as: Comp = "div", stagger = false, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current, []);
+    const [phase, setPhase] = React.useState("idle");
+    React.useEffect(() => {
+      const el = innerRef.current;
+      if (!el || typeof IntersectionObserver === "undefined") return;
+      if (isMotionAtFloor(readMotionFactor(el))) return;
+      const rect = el.getBoundingClientRect();
+      if (rect.top < window.innerHeight && rect.bottom > 0) return;
+      if (stagger) {
+        Array.from(el.children).forEach((child, index) => {
+          child.style.setProperty("--reveal-index", String(index));
+        });
+      }
+      setPhase("hidden");
+      const observer = new IntersectionObserver((entries) => {
+        if (!entries.some((entry) => entry.isIntersecting)) return;
+        setPhase("shown");
+        observer.disconnect();
+      });
+      observer.observe(el);
+      return () => observer.disconnect();
+    }, [stagger]);
+    const Tag = Comp;
+    return /* @__PURE__ */ jsx(
+      Tag,
+      {
+        ref: innerRef,
+        "data-slot": "reveal-on-enter",
+        "data-reveal": phase === "idle" ? void 0 : phase,
+        "data-stagger": stagger ? "" : void 0,
+        ...props
+      }
+    );
+  }
+);
+RevealOnEnter.displayName = "RevealOnEnter";
+
+export {
+  RevealOnEnter
+};
+//# sourceMappingURL=chunk-G3OTDYCD.js.map

package/dist/chunk-G3OTDYCD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/reveal-on-enter/reveal-on-enter.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { isMotionAtFloor, readMotionFactor } from \"../../lib/use-scroll-progress\";\nimport \"./reveal-on-enter.css\";\n\n/** Elements RevealOnEnter may render as. */\nexport type RevealOnEnterElement =\n  | \"div\"\n  | \"section\"\n  | \"article\"\n  | \"aside\"\n  | \"header\"\n  | \"footer\"\n  | \"ul\"\n  | \"ol\"\n  | \"li\";\n\nexport interface RevealOnEnterProps extends React.HTMLAttributes<HTMLElement> {\n  /** The element to render. Default `div`. */\n  as?: RevealOnEnterElement;\n  /** Reveal each direct child in turn (60 ms × `--motion-factor` apart) instead of the whole. */\n  stagger?: boolean;\n}\n\ntype RevealPhase = \"idle\" | \"hidden\" | \"shown\";\n\n/**\n * Fades and lifts its content in the first time it scrolls into view — once, never re-hiding.\n * Content is never hidden from a reader or a crawler: the server HTML is fully visible, and the\n * hidden state is applied only after hydration, only when the motion gate is open, only when\n * `IntersectionObserver` exists, and only for content that is not already on screen.\n */\nexport const RevealOnEnter = React.forwardRef<HTMLElement, RevealOnEnterProps>(\n  ({ as: Comp = \"div\", stagger = false, ...props }, ref) => {\n    const innerRef = React.useRef<HTMLElement>(null);\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n    const [phase, setPhase] = React.useState<RevealPhase>(\"idle\");\n\n    React.useEffect(() => {\n      const el = innerRef.current;\n      if (!el || typeof IntersectionObserver === \"undefined\") return;\n      if (isMotionAtFloor(readMotionFactor(el))) return;\n      const rect = el.getBoundingClientRect();\n      if (rect.top < window.innerHeight && rect.bottom > 0) return; // already seen: leave it be\n      if (stagger) {\n        Array.from(el.children).forEach((child, index) => {\n          (child as HTMLElement).style.setProperty(\"--reveal-index\", String(index));\n        });\n      }\n      setPhase(\"hidden\");\n      const observer = new IntersectionObserver((entries) => {\n        if (!entries.some((entry) => entry.isIntersecting)) return;\n        setPhase(\"shown\");\n        observer.disconnect();\n      });\n      observer.observe(el);\n      return () => observer.disconnect();\n    }, [stagger]);\n\n    // Every `as` option is a block element with the same attribute surface; typing the tag as\n    // `div` keeps JSX (and its `data-slot` declaration) without a per-tag ref union.\n    const Tag = Comp as \"div\";\n    return (\n      <Tag\n        ref={innerRef as React.Ref<HTMLDivElement>}\n        data-slot=\"reveal-on-enter\"\n        data-reveal={phase === \"idle\" ? undefined : phase}\n        data-stagger={stagger ? \"\" : undefined}\n        {...props}\n      />\n    );\n  },\n);\nRevealOnEnter.displayName = \"RevealOnEnter\";\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AA8DjB;AA/BC,IAAM,gBAAsB;AAAA,EACjC,CAAC,EAAE,IAAI,OAAO,OAAO,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AACxD,UAAM,WAAiB,aAAoB,IAAI;AAC/C,IAAM,0BAAoB,KAAK,MAAM,SAAS,SAAwB,CAAC,CAAC;AACxE,UAAM,CAAC,OAAO,QAAQ,IAAU,eAAsB,MAAM;AAE5D,IAAM,gBAAU,MAAM;AACpB,YAAM,KAAK,SAAS;AACpB,UAAI,CAAC,MAAM,OAAO,yBAAyB,YAAa;AACxD,UAAI,gBAAgB,iBAAiB,EAAE,CAAC,EAAG;AAC3C,YAAM,OAAO,GAAG,sBAAsB;AACtC,UAAI,KAAK,MAAM,OAAO,eAAe,KAAK,SAAS,EAAG;AACtD,UAAI,SAAS;AACX,cAAM,KAAK,GAAG,QAAQ,EAAE,QAAQ,CAAC,OAAO,UAAU;AAChD,UAAC,MAAsB,MAAM,YAAY,kBAAkB,OAAO,KAAK,CAAC;AAAA,QAC1E,CAAC;AAAA,MACH;AACA,eAAS,QAAQ;AACjB,YAAM,WAAW,IAAI,qBAAqB,CAAC,YAAY;AACrD,YAAI,CAAC,QAAQ,KAAK,CAAC,UAAU,MAAM,cAAc,EAAG;AACpD,iBAAS,OAAO;AAChB,iBAAS,WAAW;AAAA,MACtB,CAAC;AACD,eAAS,QAAQ,EAAE;AACnB,aAAO,MAAM,SAAS,WAAW;AAAA,IACnC,GAAG,CAAC,OAAO,CAAC;AAIZ,UAAM,MAAM;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,aAAU;AAAA,QACV,eAAa,UAAU,SAAS,SAAY;AAAA,QAC5C,gBAAc,UAAU,KAAK;AAAA,QAC5B,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;","names":[]}

package/dist/chunk-G72UOVKS.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-G72UOVKS.js.map

package/dist/chunk-G72UOVKS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}