@photon-ai/pho-ui 4.11.0 → 4.12.0

package/dist/chunks/{data-table-B1dmrN6r.js → data-table-Ce_c6T73.js}

@@ -6,8 +6,8 @@ import { SPRING_ENTRANCE as xe } from "../motion.js";
 import { t as Se } from "./createReactComponent-BqCmnqfX.js";
 import { t as ye } from "./IconChevronDown-CZilB71T.js";
 import { t as we } from "./IconChevronUp-CrpWSgIl.js";
-import { t as Ce } from "./animated-height-I44sUq0n.js";
-import { r as W } from "./checkbox-CLPmblNA.js";
+import { t as Ce } from "./animated-height-zr7BmFY1.js";
+import { r as W } from "./checkbox-CwvoEJhd.js";
 import { t as Ne } from "./skeleton-DwjSl4vC.js";
 import { a as X, i as ve, n as Ae, r as Fe, t as Te } from "./ghost-search-CNVs9k1o.js";
 import { Fragment as _e, createContext as ee, useContext as Y, useEffect as Ee, useLayoutEffect as Z, useMemo as Re, useState as L, useSyncExternalStore as De } from "react";
@@ -289,4 +289,4 @@ export {
   wt as t
 };
 
-//# sourceMappingURL=data-table-B1dmrN6r.js.map
+//# sourceMappingURL=data-table-Ce_c6T73.js.map

package/dist/chunks/{data-table-B1dmrN6r.js.map → data-table-Ce_c6T73.js.map}

@@ -1 +1 @@
-{"version":3,"file":"data-table-B1dmrN6r.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.mjs","../../src/components/data-table/data-table.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M8 9l4 -4l4 4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M16 15l-4 4l-4 -4\", \"key\": \"svg-1\" }]];\nconst IconSelector = createReactComponent(\"outline\", \"selector\", \"Selector\", __iconNode);\n\nexport { __iconNode, IconSelector as default };\n//# sourceMappingURL=IconSelector.mjs.map\n","import {\n  createContext,\n  Fragment,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  useSyncExternalStore,\n  type ComponentProps,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  columnFilteringFeature,\n  createColumnHelper,\n  createFilteredRowModel,\n  createSortedRowModel,\n  filterFn_includesString,\n  FlexRender,\n  globalFilteringFeature,\n  rowSelectionFeature,\n  rowSortingFeature,\n  sortFn_alphanumeric,\n  sortFn_basic,\n  sortFn_datetime,\n  sortFn_text,\n  tableFeatures,\n  useTable,\n  type ColumnDef,\n  type RowData,\n  type SortingState,\n} from \"@tanstack/react-table\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconSelector,\n} from \"@tabler/icons-react\";\nimport { Skeleton } from \"../skeleton\";\nimport {\n  DATA_TABLE_BODY,\n  DATA_TABLE_HEADER_CELL,\n  DATA_TABLE_SURFACE,\n  DATA_TABLE_TEXT,\n} from \"./chrome\";\nimport { Checkbox } from \"../checkbox\";\nimport { SPRING_ENTRANCE } from \"../../motion\";\nimport { AnimatedHeight } from \"../../utils/animated-height\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant, type VariantMap } from \"../../utils/resolve-variant\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\n\n/**\n * DataTable — a table of records with column semantics: sortable headers,\n * aligned cells, rows that are links into a subpage. TanStack Table (v9)\n * does the thinking — column defs, sorting, row identity — and renders\n * nothing; every pixel here is Pho's.\n *\n * Design notes:\n * - The surface is `BasicPage.Card`'s: hairline border, `base` radius, the\n *   page's primary fill, hairline rules between rows. A table is a card of\n *   rows that happen to line up in columns, so it sits in a page's `Stack`\n *   as any card does.\n * - Header cells are description ink at body size — never small caps, never\n *   bold. Hierarchy comes from ink alone; the header is a label row, not a\n *   banner.\n * - A sortable header is a button inside the cell: the label and its\n *   indicator (`IconSelector` at rest, a chevron once sorted). `aria-sort`\n *   sits on the `th`.\n * - Rows that navigate stretch one link across the row (the first cell's\n *   link, extended with a pseudo-element), so the whole row is one target\n *   for pointer and one stop for keyboard. Hover washes the row; the row\n *   whose page is open beside the table (`current`) keeps the wash — the\n *   same cue `BasicPage.RowLink` gives under `aria-current`.\n * - Numbers align to the end with tabular figures (`meta.align: \"end\"`).\n * - `search` is one box over every column — plain contains matching, and\n *   the body says when nothing matches. In a page, `BasicPage.Search` in\n *   the section header adopts the box; alone, the table keeps one in a\n *   toolbar row inside its frame. Server-side search keeps its own box\n *   outside.\n * - A wide table scrolls sideways inside its own frame; the page never does.\n *   `contain: inline-size` keeps the table's intrinsic width out of the\n *   page's — a host that sizes to content (a scroll area's fit-content\n *   pane, a grid's auto column) would otherwise grow to the widest row.\n *   Left with no width of its own, the frame takes its container's\n *   (`w-full`); a shrink-to-fit host (a flex row) would collapse it.\n *   `layout=\"fixed\"` is the other way out: columns size from the frame,\n *   and a long cell truncates instead of stretching the table.\n *\n * Reach for it when a list needs column semantics — sorting, aligned\n * figures, several fields side by side. A list where each row is one\n * label and a chevron stays `BasicPage.RowLink`.\n */\n\n/** Column metadata a `DataTable` understands. */\nexport interface DataTableColumnMeta {\n  /** Cell alignment — `end` for figures (right-aligned, tabular). */\n  align?: \"start\" | \"end\";\n  /**\n   * Extra classes on every `th` and `td` in this column. With\n   * `layout=\"fixed\"`, size a short column here (`w-24`) and leave the\n   * flexible ones unsaid — they share what remains. Prefer this over\n   * `nth-child` width hacks on the table's `className`.\n   */\n  className?: string;\n}\n\n/**\n * The feature set every `DataTable` runs on — sorting with the stock sort\n * functions, the column meta above. Fixed, so column definitions written\n * once fit every table.\n */\nconst features = tableFeatures({\n  rowSortingFeature,\n  rowSelectionFeature,\n  columnFilteringFeature,\n  globalFilteringFeature,\n  sortedRowModel: createSortedRowModel(),\n  filteredRowModel: createFilteredRowModel(),\n  filterFns: { includesString: filterFn_includesString },\n  sortFns: {\n    alphanumeric: sortFn_alphanumeric,\n    basic: sortFn_basic,\n    datetime: sortFn_datetime,\n    text: sortFn_text,\n  },\n  columnMeta: {} as DataTableColumnMeta,\n});\n\nexport type DataTableFeatures = typeof features;\n\n/** Body row height — the header keeps its own `h-10` on every size. */\nexport const DATA_TABLE_SIZES = {\n  sm: {\n    classes: \"h-10\",\n    description: \"Small — 40px at 13px; the header's height, for dense lists\",\n  },\n  base: {\n    classes: \"h-12\",\n    description: \"Base — 48px at 14px; one line of body type\",\n  },\n  lg: {\n    classes: \"h-14\",\n    description:\n      \"Large — 56px at 16px; two-line cells (a number and a caption)\",\n  },\n} satisfies VariantMap;\n\nexport type DataTableSize = keyof typeof DATA_TABLE_SIZES;\n\n/** A column definition for a `DataTable` of `TData` rows. */\nexport type DataTableColumn<\n  TData extends RowData,\n  TValue = unknown,\n> = ColumnDef<DataTableFeatures, TData, TValue>;\n\n/**\n * The column helper, bound to the table's feature set — `accessor`,\n * `display`, `group`, and `columns` to collect them with their types\n * intact.\n *\n * @example\n * const col = createColumns<Request>();\n * const columns = col.columns([\n *   col.accessor(\"actor\", { header: \"Actor\" }),\n *   col.accessor(\"amount\", { header: \"Amount\", meta: { align: \"end\" } }),\n * ]);\n */\nexport function createColumns<TData extends RowData>() {\n  return createColumnHelper<DataTableFeatures, TData>();\n}\n\n/**\n * The leading checkbox column selection adds. The header checkbox works\n * the visible set: everything the search still shows toggles together,\n * while rows selected earlier and then hidden stay selected.\n */\nconst SELECT_COLUMN = createColumns<RowData>().display({\n  id: \"select\",\n  enableSorting: false,\n  header: ({ table }) => {\n    const visible = table.getRowModel().rows;\n    const chosen = visible.filter((row) => row.getIsSelected()).length;\n    const all = visible.length > 0 && chosen === visible.length;\n    return (\n      <Checkbox\n        size=\"sm\"\n        aria-label=\"Select all\"\n        checked={all}\n        indeterminate={chosen > 0 && !all}\n        onCheckedChange={(checked) => {\n          table.setRowSelection((old) => {\n            const next = { ...old };\n            for (const row of visible) {\n              if (checked === true) next[row.id] = true;\n              else delete next[row.id];\n            }\n            return next;\n          });\n        }}\n      />\n    );\n  },\n  cell: ({ row }) => (\n    <Checkbox\n      size=\"sm\"\n      aria-label=\"Select row\"\n      checked={row.getIsSelected()}\n      onCheckedChange={(checked) => row.toggleSelected(checked === true)}\n    />\n  ),\n});\n\nexport interface DataTableProps<TData extends RowData> extends Omit<\n  ComponentProps<\"div\">,\n  \"children\"\n> {\n  columns: ReadonlyArray<DataTableColumn<TData, any>>;\n  data: ReadonlyArray<TData>;\n  /**\n   * A row's identity — what `current` is matched against, and what keeps a\n   * row itself across sorts. Defaults to the row's `id` field, else its\n   * index.\n   */\n  getRowId?: (row: TData) => string;\n  /**\n   * Rows that navigate: each row is one link into a subpage, through the\n   * host's `LinkProvider`. Beside a `BasicPage.Aside`, the subpage opens\n   * next to the table. Return nothing for a row with no page yet (one\n   * still in flight) and that row stays plain.\n   */\n  rowHref?: (row: TData) => string | null | undefined;\n  /**\n   * A click on the row (not on a link, button, or other control). The\n   * table still activates `rowHref` unless the handler calls\n   * `preventDefault`.\n   */\n  onRowClick?: (\n    row: TData,\n    event: MouseEvent<HTMLTableRowElement> | KeyboardEvent<HTMLTableRowElement>,\n  ) => void;\n  /** The row whose page is open (its id) — it keeps the wash. */\n  current?: string | null;\n  /**\n   * Sorting is on for every accessor column (`enableSorting: false` on a\n   * column turns it off there). Uncontrolled by default; `defaultSort`\n   * seeds it. Pass `sort` with `onSortChange` to own it — the way to sort\n   * on the server.\n   */\n  defaultSort?: SortingState;\n  sort?: SortingState;\n  onSortChange?: (sort: SortingState) => void;\n  /**\n   * A search box on the table — `true`, or the placeholder it should\n   * show. One box searches every column (a column opts out with\n   * `enableGlobalFilter: false`); matching is a plain case-insensitive\n   * contains, on the client. With no matches the body says so. When the\n   * list doesn't all come down, keep the box outside and ask the server.\n   */\n  search?: boolean | string;\n  /**\n   * Controls in the frame's top band — a `BasicPage.Search` first, then a\n   * filter or two. The band is part of the table (one surface, a hairline\n   * above the header row), so nothing floats over the page and the\n   * spacing above and below is the frame's own. A `Search` here adopts\n   * the table's box the way a header one does.\n   */\n  toolbar?: ReactNode;\n  /**\n   * Row selection: hand either of these and rows grow a leading checkbox\n   * column. The header checkbox works the visible set — everything the\n   * search still shows — so select-all after a search means what it says;\n   * rows selected earlier and then hidden stay selected. `selected` is\n   * the selected ids (ids come from `getRowId`; pair with\n   * `onSelectedChange` to own the state); `onSelectedChange` alone\n   * listens while the table keeps it. The page renders its own bulk\n   * actions from the ids — the table only keeps the score.\n   */\n  selected?: readonly string[];\n  onSelectedChange?: (ids: string[]) => void;\n  /**\n   * File rows into labeled groups: return a label and the row renders\n   * under it, `null` and it stays in the main body. Groups follow the\n   * main body, in the order their labels first appear in `data`, each\n   * under a quiet label row — and only while they have rows, so a group\n   * a search empties simply leaves. Sorting orders rows within their\n   * group.\n   */\n  group?: (row: TData) => string | null;\n  /**\n   * Glide the frame's height when the rows change — a search narrowing,\n   * a filter, bones becoming rows. The height follows the content on the\n   * page spring instead of jumping; reserve it for tables whose rows\n   * change while mounted (same contract as `BasicPage.Card`'s).\n   */\n  animateHeight?: boolean;\n  /** Bones while the rows are on their way — `true` for five, or a count. */\n  loading?: boolean | number;\n  /** What the body says when there are no rows. */\n  empty?: ReactNode;\n  /**\n   * How columns take width. `auto` (the default) sizes them from their\n   * content — a long cell grows the table and the frame scrolls sideways.\n   * `fixed` sizes them from the table's width (`table-layout: fixed`):\n   * short columns take a width hint on `meta.className`, the rest share\n   * what remains, and cells get `min-w-0` so an inner `truncate` can\n   * shrink. `width: 0` (`w-0`) is not a content-size hint here — fixed\n   * layout treats it as a real zero — so give a short column a real\n   * width (`w-24`) rather than the auto-layout shrink-wrap trick.\n   */\n  layout?: \"auto\" | \"fixed\";\n  /**\n   * Body row height and the type that comes with it. `base` (the default)\n   * is 48px rows at 14px — one line of body type. `sm` is 40px at 13px,\n   * the header's own height, for a dense list scanned more than read.\n   * `lg` is 56px at 16px, for a two-line cell (a number and a caption)\n   * that would crowd `base`. The header row keeps its 40px on every size\n   * and follows the type.\n   */\n  size?: DataTableSize;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A host that sizes itself around tables provides this; each table\n * announces itself while mounted. `BasicPage.Root` runs wide when the\n * page carries one and `width` was left unsaid.\n */\nexport const TableHostContext = createContext<\n  ((present: boolean) => void) | null\n>(null);\n\n/** A searchable table's search, published for a header to adopt. */\nexport interface TableSearchApi {\n  placeholder: string;\n  query: string;\n  setQuery: (query: string) => void;\n  /** Rows still showing after the current query. */\n  matched: number;\n  /** Rows in the list, before search. */\n  total: number;\n}\n\ninterface TableSearchState {\n  api: TableSearchApi | null;\n  adopted: boolean;\n}\n\n/**\n * The channel between a searchable table and a `BasicPage.Search` placed\n * in a section header: the table publishes its search (placeholder,\n * query, the setter); a mounted `Search` adopts it, and the table's own\n * box yields. Provided by `BasicPage.Root`; a table outside any page\n * keeps its built-in box. One searchable table per page — a later\n * publisher takes the slot.\n */\nexport interface TableSearchStore {\n  get: () => TableSearchState;\n  subscribe: (listener: () => void) => () => void;\n  publish: (api: TableSearchApi | null) => void;\n  adopt: (adopted: boolean) => void;\n}\n\nexport function createTableSearchStore(): TableSearchStore {\n  let state: TableSearchState = { api: null, adopted: false };\n  const listeners = new Set<() => void>();\n  const emit = () => {\n    for (const listener of listeners) listener();\n  };\n  return {\n    get: () => state,\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    publish(api) {\n      state = { ...state, api };\n      emit();\n    },\n    adopt(adopted) {\n      state = { ...state, adopted };\n      emit();\n    },\n  };\n}\n\nexport const TableSearchContext = createContext<TableSearchStore | null>(null);\n\nconst subscribeToNothing = () => () => {};\n\nexport { GhostSearch, type GhostSearchProps } from \"../../utils/ghost-search\";\nimport { GhostSearch } from \"../../utils/ghost-search\";\n\nconst DEFAULT_BONES = 5;\n\nfunction defaultRowId(row: unknown, index: number): string {\n  const id = (row as { id?: unknown } | null)?.id;\n  return typeof id === \"string\" || typeof id === \"number\"\n    ? String(id)\n    : String(index);\n}\n\n/** Controls keep their own click; the row only navigates from empty surface. */\nconst ROW_NAV_IGNORE = \"a, button, input, textarea, select, label\";\n\nfunction shouldIgnoreRowNav(target: EventTarget | null): boolean {\n  return target instanceof Element && target.closest(ROW_NAV_IGNORE) != null;\n}\n\nfunction activateRowHref(event: MouseEvent<HTMLTableRowElement>, href: string) {\n  const newTab =\n    event.button === 1 || event.metaKey || event.ctrlKey || event.shiftKey;\n  if (event.button === 1) event.preventDefault();\n  if (event.button !== 0 && event.button !== 1) return;\n  if (newTab) {\n    window.open(href, \"_blank\", \"noopener,noreferrer\");\n    return;\n  }\n  event.currentTarget.querySelector<HTMLAnchorElement>(\"a[href]\")?.click();\n}\n\nfunction DataTable<TData extends RowData>({\n  columns,\n  data,\n  getRowId,\n  rowHref,\n  onRowClick,\n  current,\n  selected,\n  onSelectedChange,\n  defaultSort,\n  sort,\n  onSortChange,\n  search,\n  toolbar,\n  group,\n  animateHeight,\n  loading,\n  empty = \"Nothing here yet.\",\n  layout = \"auto\",\n  size = \"base\",\n  className,\n  ...props\n}: DataTableProps<TData>) {\n  const fixed = layout === \"fixed\";\n  const rowSize = resolveVariant(DATA_TABLE_SIZES, size);\n  const rowText = DATA_TABLE_TEXT[size] ?? DATA_TABLE_TEXT.base;\n  const Link = useLinkComponent();\n  const announce = useContext(TableHostContext);\n  const searching = search === true || typeof search === \"string\";\n  const [query, setQuery] = useState(\"\");\n  const placeholder = typeof search === \"string\" ? search : \"Search\";\n  // A `BasicPage.Search` in a section header adopts the box; the table\n  // then renders no toolbar of its own.\n  const searchStore = useContext(TableSearchContext);\n  const adopted = useSyncExternalStore(\n    searchStore?.subscribe ?? subscribeToNothing,\n    () => searchStore?.get().adopted ?? false,\n    () => false,\n  );\n  useLayoutEffect(() => {\n    if (announce == null) return;\n    announce(true);\n    return () => announce(false);\n  }, [announce]);\n  const selecting = selected != null || onSelectedChange != null;\n  const [ownSelection, setOwnSelection] = useState<Record<string, true>>({});\n  const rowSelection: Record<string, true> =\n    selected != null\n      ? Object.fromEntries(selected.map((id) => [id, true as const]))\n      : ownSelection;\n  // Sorting mirrors selection: the component always owns a fallback state,\n  // so `defaultSort` + `onSortChange` without `sort` still sorts — a custom\n  // `onSortingChange` replaces the table's own updater entirely.\n  const [ownSort, setOwnSort] = useState<SortingState>(defaultSort ?? []);\n  const sorting: SortingState = sort ?? ownSort;\n  const table = useTable<DataTableFeatures, TData>({\n    features,\n    columns: (selecting\n      ? [SELECT_COLUMN as DataTableColumn<TData, any>, ...columns]\n      : columns) as Array<DataTableColumn<TData, any>>,\n    data: data as Array<TData>,\n    getRowId: getRowId ? (row) => getRowId(row) : defaultRowId,\n    // Keys only when meant: a present-but-undefined slice of `state` reads\n    // as \"controlled, with nobody listening\".\n    state: {\n      sorting,\n      ...(searching ? { globalFilter: query } : {}),\n      ...(selecting ? { rowSelection } : {}),\n    },\n    ...(selecting\n      ? {\n          enableRowSelection: true,\n          onRowSelectionChange: (\n            updater:\n              | Record<string, true>\n              | ((old: Record<string, true>) => Record<string, true>),\n          ) => {\n            const next =\n              typeof updater === \"function\" ? updater(rowSelection) : updater;\n            if (selected == null) setOwnSelection(next);\n            onSelectedChange?.(Object.keys(next));\n          },\n        }\n      : {}),\n    ...(searching\n      ? {\n          onGlobalFilterChange: setQuery,\n          globalFilterFn: \"includesString\" as const,\n        }\n      : {}),\n    onSortingChange: (\n      updater: SortingState | ((prev: SortingState) => SortingState),\n    ) => {\n      const next = typeof updater === \"function\" ? updater(sorting) : updater;\n      if (sort == null) setOwnSort(next);\n      onSortChange?.(next);\n    },\n  });\n  const rows = table.getRowModel().rows;\n  const total = data.length;\n  const matched = searching ? rows.length : total;\n  useLayoutEffect(() => {\n    if (!searching || searchStore == null) return;\n    searchStore.publish({ placeholder, query, setQuery, matched, total });\n  }, [searching, searchStore, placeholder, query, matched, total]);\n  useEffect(() => {\n    if (searchStore == null) return;\n    return () => searchStore.publish(null);\n  }, [searchStore]);\n  const leafCount = table.getAllLeafColumns().length;\n  const bones = useMemo(\n    () =>\n      loading\n        ? Array.from({ length: loading === true ? DEFAULT_BONES : loading })\n        : [],\n    [loading],\n  );\n\n  const renderRow = (row: (typeof rows)[number]) => {\n    const href = rowHref?.(row.original);\n    const isCurrent = current != null && current === row.id;\n    const navigable = href != null || onRowClick != null;\n    const onActivate = (event: MouseEvent<HTMLTableRowElement>) => {\n      if (event.button !== 0 && event.button !== 1) return;\n      if (event.defaultPrevented || shouldIgnoreRowNav(event.target)) return;\n      onRowClick?.(row.original, event);\n      if (event.defaultPrevented || href == null) return;\n      activateRowHref(event, href);\n    };\n    const onRowKeyDown = (event: KeyboardEvent<HTMLTableRowElement>) => {\n      if (href != null) return;\n      if (event.key !== \"Enter\" && event.key !== \" \") return;\n      if (event.defaultPrevented || shouldIgnoreRowNav(event.target)) return;\n      event.preventDefault();\n      onRowClick?.(row.original, event);\n    };\n    return (\n      <tr\n        key={row.id}\n        className={cn(\n          navigable &&\n            \"hover:bg-pho-primary-hover outline-pho-brand cursor-pointer transition-colors has-[a:focus-visible]:outline-2 has-[a:focus-visible]:-outline-offset-2\",\n          (isCurrent || row.getIsSelected()) && \"bg-pho-primary-hover\",\n        )}\n        tabIndex={navigable && href == null ? 0 : undefined}\n        onClick={navigable ? onActivate : undefined}\n        onAuxClick={navigable ? onActivate : undefined}\n        onKeyDown={navigable && href == null ? onRowKeyDown : undefined}\n      >\n        {row.getAllCells().map((cell, index) => {\n          const align = cell.column.columnDef.meta?.align ?? \"start\";\n          return (\n            <td\n              key={cell.id}\n              className={cn(\n                \"text-pho-primary px-5 align-middle whitespace-nowrap\",\n                rowSize,\n                fixed && \"min-w-0\",\n                align === \"end\" && \"text-right tabular-nums\",\n                cell.column.columnDef.meta?.className,\n              )}\n            >\n              {/* The link lives in the first data cell; with selection on,\n                  cell 0 is the checkbox and must stay outside the anchor. */}\n              {index === (selecting ? 1 : 0) && href != null ? (\n                // One real link for keyboard and right-click; the row\n                // click handler covers the rest of the surface.\n                <Link\n                  href={href}\n                  aria-current={isCurrent ? \"page\" : undefined}\n                  className=\"outline-none\"\n                >\n                  <FlexRender cell={cell} />\n                </Link>\n              ) : (\n                <FlexRender cell={cell} />\n              )}\n            </td>\n          );\n        })}\n      </tr>\n    );\n  };\n\n  // Partition the (sorted, filtered) rows: the main body, then each\n  // labeled group in the order labels first appear in `data`.\n  let mainRows = rows;\n  let groupSections: Array<[string, typeof rows]> = [];\n  if (group != null) {\n    mainRows = [];\n    const byLabel = new Map<string, typeof rows>();\n    const order: string[] = [];\n    for (const item of data) {\n      const label = group(item);\n      if (label != null && !byLabel.has(label)) {\n        byLabel.set(label, []);\n        order.push(label);\n      }\n    }\n    for (const row of rows) {\n      const label = group(row.original);\n      if (label == null) {\n        mainRows.push(row);\n      } else {\n        if (!byLabel.has(label)) {\n          byLabel.set(label, []);\n          order.push(label);\n        }\n        byLabel.get(label)!.push(row);\n      }\n    }\n    groupSections = order\n      .map((label) => [label, byLabel.get(label)!] as [string, typeof rows])\n      .filter(([, sectionRows]) => sectionRows.length > 0);\n  }\n\n  const grid = (\n    <table\n      className={cn(\"w-full border-collapse\", rowText, fixed && \"table-fixed\")}\n      aria-busy={loading ? true : undefined}\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => {\n              const align = header.column.columnDef.meta?.align ?? \"start\";\n              const sorted = header.column.getIsSorted();\n              const sortable =\n                !header.isPlaceholder && header.column.getCanSort();\n              return (\n                <th\n                  key={header.id}\n                  scope=\"col\"\n                  colSpan={header.colSpan}\n                  aria-sort={\n                    sorted === \"asc\"\n                      ? \"ascending\"\n                      : sorted === \"desc\"\n                        ? \"descending\"\n                        : undefined\n                  }\n                  className={cn(\n                    DATA_TABLE_HEADER_CELL,\n                    \"px-5\",\n                    fixed && \"min-w-0\",\n                    align === \"end\" && \"text-right\",\n                    header.column.columnDef.meta?.className,\n                  )}\n                >\n                  {header.isPlaceholder ? null : sortable ? (\n                    <button\n                      type=\"button\"\n                      onClick={header.column.getToggleSortingHandler()}\n                      className={cn(\n                        \"group/sort outline-pho-brand hover:text-pho-primary -mx-1 inline-flex items-center gap-1 rounded-sm px-1 transition-colors focus-visible:outline-2\",\n                        align === \"end\" && \"flex-row-reverse\",\n                        sorted && \"text-pho-primary\",\n                      )}\n                    >\n                      <FlexRender header={header} />\n                      <SortIndicator sorted={sorted} />\n                    </button>\n                  ) : (\n                    <FlexRender header={header} />\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        ))}\n      </thead>\n      <tbody className={DATA_TABLE_BODY}>\n        {bones.length > 0 ? (\n          bones.map((_, index) => (\n            <tr key={index}>\n              {table.getAllLeafColumns().map((column) => (\n                <td\n                  key={column.id}\n                  className={cn(\n                    \"px-5 align-middle\",\n                    rowSize,\n                    fixed && \"min-w-0\",\n                    column.columnDef.meta?.className,\n                  )}\n                >\n                  <Skeleton\n                    className={cn(\n                      \"h-3.5 w-24\",\n                      column.columnDef.meta?.align === \"end\" && \"ml-auto\",\n                    )}\n                  />\n                </td>\n              ))}\n            </tr>\n          ))\n        ) : rows.length === 0 ? (\n          <tr>\n            <td\n              colSpan={leafCount}\n              className=\"text-pho-description px-5 py-10 text-center\"\n            >\n              {searching && query !== \"\" && data.length > 0 ? (\n                <>Nothing matches “{query}”.</>\n              ) : (\n                empty\n              )}\n            </td>\n          </tr>\n        ) : (\n          <>\n            {mainRows.map(renderRow)}\n            {groupSections.map(([label, sectionRows]) => (\n              <Fragment key={label}>\n                <tr data-table-group=\"\">\n                  <td\n                    colSpan={leafCount}\n                    // A tinted band, not spacing: the wash marks the group\n                    // off, the height stays compact.\n                    className=\"bg-pho-page text-pho-description h-9 px-5 align-middle text-xs font-medium\"\n                  >\n                    {label}\n                  </td>\n                </tr>\n                {sectionRows.map(renderRow)}\n              </Fragment>\n            ))}\n          </>\n        )}\n      </tbody>\n    </table>\n  );\n\n  return (\n    <div\n      className={cn(\n        DATA_TABLE_SURFACE,\n        \"w-full scroll-mt-12 contain-inline-size\",\n        !animateHeight && \"overflow-x-auto\",\n        className,\n      )}\n      {...props}\n      data-data-table=\"\"\n    >\n      {(toolbar != null || (searching && !adopted)) && (\n        // The toolbar band — table chrome, like the header row: the ghost\n        // search on the cells' text line (`px-5`), filters at the end.\n        // Quiet ink, no boxes in the box; the hairline below is the only\n        // border it brings.\n        <div className=\"border-pho-secondary flex min-h-11 flex-wrap items-center gap-x-4 gap-y-1 border-b px-5 py-2\">\n          {searching && !adopted && (\n            <GhostSearch\n              value={query}\n              onChange={setQuery}\n              placeholder={placeholder}\n              aria-label={placeholder}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n      {animateHeight ? (\n        // The height glides on the page spring while the rows inside swap;\n        // sideways scrolling moves onto the measured layer so the frame\n        // clips height only.\n        <AnimatedHeight\n          transition={SPRING_ENTRANCE}\n          className=\"overflow-x-auto\"\n        >\n          {grid}\n        </AnimatedHeight>\n      ) : (\n        grid\n      )}\n    </div>\n  );\n}\n\n/**\n * The sort cue beside a sortable header: the two-way glyph at rest (shown\n * on hover and focus, so a header reads as plain text until it matters), a\n * chevron pointing the way once the column is sorted.\n */\nfunction SortIndicator({ sorted }: { sorted: false | \"asc\" | \"desc\" }) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"inline-flex shrink-0 [&>svg]:size-3.5\",\n        !sorted &&\n          \"opacity-0 transition-opacity group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100\",\n      )}\n    >\n      {sorted === \"asc\" ? (\n        <IconChevronUp />\n      ) : sorted === \"desc\" ? (\n        <IconChevronDown />\n      ) : (\n        <IconSelector />\n      )}\n    </span>\n  );\n}\n\nexport { DataTable, DATA_TABLE_SURFACE };\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"data-table-Ce_c6T73.js","names":[],"sources":["../../../../node_modules/.pnpm/@tabler+icons-react@3.46.0_react@19.2.8/node_modules/@tabler/icons-react/dist/esm/icons/IconSelector.mjs","../../src/components/data-table/data-table.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.46.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M8 9l4 -4l4 4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M16 15l-4 4l-4 -4\", \"key\": \"svg-1\" }]];\nconst IconSelector = createReactComponent(\"outline\", \"selector\", \"Selector\", __iconNode);\n\nexport { __iconNode, IconSelector as default };\n//# sourceMappingURL=IconSelector.mjs.map\n","import {\n  createContext,\n  Fragment,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n  useSyncExternalStore,\n  type ComponentProps,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  columnFilteringFeature,\n  createColumnHelper,\n  createFilteredRowModel,\n  createSortedRowModel,\n  filterFn_includesString,\n  FlexRender,\n  globalFilteringFeature,\n  rowSelectionFeature,\n  rowSortingFeature,\n  sortFn_alphanumeric,\n  sortFn_basic,\n  sortFn_datetime,\n  sortFn_text,\n  tableFeatures,\n  useTable,\n  type ColumnDef,\n  type RowData,\n  type SortingState,\n} from \"@tanstack/react-table\";\nimport {\n  IconChevronDown,\n  IconChevronUp,\n  IconSelector,\n} from \"@tabler/icons-react\";\nimport { Skeleton } from \"../skeleton\";\nimport {\n  DATA_TABLE_BODY,\n  DATA_TABLE_HEADER_CELL,\n  DATA_TABLE_SURFACE,\n  DATA_TABLE_TEXT,\n} from \"./chrome\";\nimport { Checkbox } from \"../checkbox\";\nimport { SPRING_ENTRANCE } from \"../../motion\";\nimport { AnimatedHeight } from \"../../utils/animated-height\";\nimport { cn } from \"../../utils/cn\";\nimport { resolveVariant, type VariantMap } from \"../../utils/resolve-variant\";\nimport { useLinkComponent } from \"../../utils/link-provider\";\n\n/**\n * DataTable — a table of records with column semantics: sortable headers,\n * aligned cells, rows that are links into a subpage. TanStack Table (v9)\n * does the thinking — column defs, sorting, row identity — and renders\n * nothing; every pixel here is Pho's.\n *\n * Design notes:\n * - The surface is `BasicPage.Card`'s: hairline border, `base` radius, the\n *   page's primary fill, hairline rules between rows. A table is a card of\n *   rows that happen to line up in columns, so it sits in a page's `Stack`\n *   as any card does.\n * - Header cells are description ink at body size — never small caps, never\n *   bold. Hierarchy comes from ink alone; the header is a label row, not a\n *   banner.\n * - A sortable header is a button inside the cell: the label and its\n *   indicator (`IconSelector` at rest, a chevron once sorted). `aria-sort`\n *   sits on the `th`.\n * - Rows that navigate stretch one link across the row (the first cell's\n *   link, extended with a pseudo-element), so the whole row is one target\n *   for pointer and one stop for keyboard. Hover washes the row; the row\n *   whose page is open beside the table (`current`) keeps the wash — the\n *   same cue `BasicPage.RowLink` gives under `aria-current`.\n * - Numbers align to the end with tabular figures (`meta.align: \"end\"`).\n * - `search` is one box over every column — plain contains matching, and\n *   the body says when nothing matches. In a page, `BasicPage.Search` in\n *   the section header adopts the box; alone, the table keeps one in a\n *   toolbar row inside its frame. Server-side search keeps its own box\n *   outside.\n * - A wide table scrolls sideways inside its own frame; the page never does.\n *   `contain: inline-size` keeps the table's intrinsic width out of the\n *   page's — a host that sizes to content (a scroll area's fit-content\n *   pane, a grid's auto column) would otherwise grow to the widest row.\n *   Left with no width of its own, the frame takes its container's\n *   (`w-full`); a shrink-to-fit host (a flex row) would collapse it.\n *   `layout=\"fixed\"` is the other way out: columns size from the frame,\n *   and a long cell truncates instead of stretching the table.\n *\n * Reach for it when a list needs column semantics — sorting, aligned\n * figures, several fields side by side. A list where each row is one\n * label and a chevron stays `BasicPage.RowLink`.\n */\n\n/** Column metadata a `DataTable` understands. */\nexport interface DataTableColumnMeta {\n  /** Cell alignment — `end` for figures (right-aligned, tabular). */\n  align?: \"start\" | \"end\";\n  /**\n   * Extra classes on every `th` and `td` in this column. With\n   * `layout=\"fixed\"`, size a short column here (`w-24`) and leave the\n   * flexible ones unsaid — they share what remains. Prefer this over\n   * `nth-child` width hacks on the table's `className`.\n   */\n  className?: string;\n}\n\n/**\n * The feature set every `DataTable` runs on — sorting with the stock sort\n * functions, the column meta above. Fixed, so column definitions written\n * once fit every table.\n */\nconst features = tableFeatures({\n  rowSortingFeature,\n  rowSelectionFeature,\n  columnFilteringFeature,\n  globalFilteringFeature,\n  sortedRowModel: createSortedRowModel(),\n  filteredRowModel: createFilteredRowModel(),\n  filterFns: { includesString: filterFn_includesString },\n  sortFns: {\n    alphanumeric: sortFn_alphanumeric,\n    basic: sortFn_basic,\n    datetime: sortFn_datetime,\n    text: sortFn_text,\n  },\n  columnMeta: {} as DataTableColumnMeta,\n});\n\nexport type DataTableFeatures = typeof features;\n\n/** Body row height — the header keeps its own `h-10` on every size. */\nexport const DATA_TABLE_SIZES = {\n  sm: {\n    classes: \"h-10\",\n    description: \"Small — 40px at 13px; the header's height, for dense lists\",\n  },\n  base: {\n    classes: \"h-12\",\n    description: \"Base — 48px at 14px; one line of body type\",\n  },\n  lg: {\n    classes: \"h-14\",\n    description:\n      \"Large — 56px at 16px; two-line cells (a number and a caption)\",\n  },\n} satisfies VariantMap;\n\nexport type DataTableSize = keyof typeof DATA_TABLE_SIZES;\n\n/** A column definition for a `DataTable` of `TData` rows. */\nexport type DataTableColumn<\n  TData extends RowData,\n  TValue = unknown,\n> = ColumnDef<DataTableFeatures, TData, TValue>;\n\n/**\n * The column helper, bound to the table's feature set — `accessor`,\n * `display`, `group`, and `columns` to collect them with their types\n * intact.\n *\n * @example\n * const col = createColumns<Request>();\n * const columns = col.columns([\n *   col.accessor(\"actor\", { header: \"Actor\" }),\n *   col.accessor(\"amount\", { header: \"Amount\", meta: { align: \"end\" } }),\n * ]);\n */\nexport function createColumns<TData extends RowData>() {\n  return createColumnHelper<DataTableFeatures, TData>();\n}\n\n/**\n * The leading checkbox column selection adds. The header checkbox works\n * the visible set: everything the search still shows toggles together,\n * while rows selected earlier and then hidden stay selected.\n */\nconst SELECT_COLUMN = createColumns<RowData>().display({\n  id: \"select\",\n  enableSorting: false,\n  header: ({ table }) => {\n    const visible = table.getRowModel().rows;\n    const chosen = visible.filter((row) => row.getIsSelected()).length;\n    const all = visible.length > 0 && chosen === visible.length;\n    return (\n      <Checkbox\n        size=\"sm\"\n        aria-label=\"Select all\"\n        checked={all}\n        indeterminate={chosen > 0 && !all}\n        onCheckedChange={(checked) => {\n          table.setRowSelection((old) => {\n            const next = { ...old };\n            for (const row of visible) {\n              if (checked === true) next[row.id] = true;\n              else delete next[row.id];\n            }\n            return next;\n          });\n        }}\n      />\n    );\n  },\n  cell: ({ row }) => (\n    <Checkbox\n      size=\"sm\"\n      aria-label=\"Select row\"\n      checked={row.getIsSelected()}\n      onCheckedChange={(checked) => row.toggleSelected(checked === true)}\n    />\n  ),\n});\n\nexport interface DataTableProps<TData extends RowData> extends Omit<\n  ComponentProps<\"div\">,\n  \"children\"\n> {\n  columns: ReadonlyArray<DataTableColumn<TData, any>>;\n  data: ReadonlyArray<TData>;\n  /**\n   * A row's identity — what `current` is matched against, and what keeps a\n   * row itself across sorts. Defaults to the row's `id` field, else its\n   * index.\n   */\n  getRowId?: (row: TData) => string;\n  /**\n   * Rows that navigate: each row is one link into a subpage, through the\n   * host's `LinkProvider`. Beside a `BasicPage.Aside`, the subpage opens\n   * next to the table. Return nothing for a row with no page yet (one\n   * still in flight) and that row stays plain.\n   */\n  rowHref?: (row: TData) => string | null | undefined;\n  /**\n   * A click on the row (not on a link, button, or other control). The\n   * table still activates `rowHref` unless the handler calls\n   * `preventDefault`.\n   */\n  onRowClick?: (\n    row: TData,\n    event: MouseEvent<HTMLTableRowElement> | KeyboardEvent<HTMLTableRowElement>,\n  ) => void;\n  /** The row whose page is open (its id) — it keeps the wash. */\n  current?: string | null;\n  /**\n   * Sorting is on for every accessor column (`enableSorting: false` on a\n   * column turns it off there). Uncontrolled by default; `defaultSort`\n   * seeds it. Pass `sort` with `onSortChange` to own it — the way to sort\n   * on the server.\n   */\n  defaultSort?: SortingState;\n  sort?: SortingState;\n  onSortChange?: (sort: SortingState) => void;\n  /**\n   * A search box on the table — `true`, or the placeholder it should\n   * show. One box searches every column (a column opts out with\n   * `enableGlobalFilter: false`); matching is a plain case-insensitive\n   * contains, on the client. With no matches the body says so. When the\n   * list doesn't all come down, keep the box outside and ask the server.\n   */\n  search?: boolean | string;\n  /**\n   * Controls in the frame's top band — a `BasicPage.Search` first, then a\n   * filter or two. The band is part of the table (one surface, a hairline\n   * above the header row), so nothing floats over the page and the\n   * spacing above and below is the frame's own. A `Search` here adopts\n   * the table's box the way a header one does.\n   */\n  toolbar?: ReactNode;\n  /**\n   * Row selection: hand either of these and rows grow a leading checkbox\n   * column. The header checkbox works the visible set — everything the\n   * search still shows — so select-all after a search means what it says;\n   * rows selected earlier and then hidden stay selected. `selected` is\n   * the selected ids (ids come from `getRowId`; pair with\n   * `onSelectedChange` to own the state); `onSelectedChange` alone\n   * listens while the table keeps it. The page renders its own bulk\n   * actions from the ids — the table only keeps the score.\n   */\n  selected?: readonly string[];\n  onSelectedChange?: (ids: string[]) => void;\n  /**\n   * File rows into labeled groups: return a label and the row renders\n   * under it, `null` and it stays in the main body. Groups follow the\n   * main body, in the order their labels first appear in `data`, each\n   * under a quiet label row — and only while they have rows, so a group\n   * a search empties simply leaves. Sorting orders rows within their\n   * group.\n   */\n  group?: (row: TData) => string | null;\n  /**\n   * Glide the frame's height when the rows change — a search narrowing,\n   * a filter, bones becoming rows. The height follows the content on the\n   * page spring instead of jumping; reserve it for tables whose rows\n   * change while mounted (same contract as `BasicPage.Card`'s).\n   */\n  animateHeight?: boolean;\n  /** Bones while the rows are on their way — `true` for five, or a count. */\n  loading?: boolean | number;\n  /** What the body says when there are no rows. */\n  empty?: ReactNode;\n  /**\n   * How columns take width. `auto` (the default) sizes them from their\n   * content — a long cell grows the table and the frame scrolls sideways.\n   * `fixed` sizes them from the table's width (`table-layout: fixed`):\n   * short columns take a width hint on `meta.className`, the rest share\n   * what remains, and cells get `min-w-0` so an inner `truncate` can\n   * shrink. `width: 0` (`w-0`) is not a content-size hint here — fixed\n   * layout treats it as a real zero — so give a short column a real\n   * width (`w-24`) rather than the auto-layout shrink-wrap trick.\n   */\n  layout?: \"auto\" | \"fixed\";\n  /**\n   * Body row height and the type that comes with it. `base` (the default)\n   * is 48px rows at 14px — one line of body type. `sm` is 40px at 13px,\n   * the header's own height, for a dense list scanned more than read.\n   * `lg` is 56px at 16px, for a two-line cell (a number and a caption)\n   * that would crowd `base`. The header row keeps its 40px on every size\n   * and follows the type.\n   */\n  size?: DataTableSize;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/**\n * A host that sizes itself around tables provides this; each table\n * announces itself while mounted. `BasicPage.Root` runs wide when the\n * page carries one and `width` was left unsaid.\n */\nexport const TableHostContext = createContext<\n  ((present: boolean) => void) | null\n>(null);\n\n/** A searchable table's search, published for a header to adopt. */\nexport interface TableSearchApi {\n  placeholder: string;\n  query: string;\n  setQuery: (query: string) => void;\n  /** Rows still showing after the current query. */\n  matched: number;\n  /** Rows in the list, before search. */\n  total: number;\n}\n\ninterface TableSearchState {\n  api: TableSearchApi | null;\n  adopted: boolean;\n}\n\n/**\n * The channel between a searchable table and a `BasicPage.Search` placed\n * in a section header: the table publishes its search (placeholder,\n * query, the setter); a mounted `Search` adopts it, and the table's own\n * box yields. Provided by `BasicPage.Root`; a table outside any page\n * keeps its built-in box. One searchable table per page — a later\n * publisher takes the slot.\n */\nexport interface TableSearchStore {\n  get: () => TableSearchState;\n  subscribe: (listener: () => void) => () => void;\n  publish: (api: TableSearchApi | null) => void;\n  adopt: (adopted: boolean) => void;\n}\n\nexport function createTableSearchStore(): TableSearchStore {\n  let state: TableSearchState = { api: null, adopted: false };\n  const listeners = new Set<() => void>();\n  const emit = () => {\n    for (const listener of listeners) listener();\n  };\n  return {\n    get: () => state,\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    publish(api) {\n      state = { ...state, api };\n      emit();\n    },\n    adopt(adopted) {\n      state = { ...state, adopted };\n      emit();\n    },\n  };\n}\n\nexport const TableSearchContext = createContext<TableSearchStore | null>(null);\n\nconst subscribeToNothing = () => () => {};\n\nexport { GhostSearch, type GhostSearchProps } from \"../../utils/ghost-search\";\nimport { GhostSearch } from \"../../utils/ghost-search\";\n\nconst DEFAULT_BONES = 5;\n\nfunction defaultRowId(row: unknown, index: number): string {\n  const id = (row as { id?: unknown } | null)?.id;\n  return typeof id === \"string\" || typeof id === \"number\"\n    ? String(id)\n    : String(index);\n}\n\n/** Controls keep their own click; the row only navigates from empty surface. */\nconst ROW_NAV_IGNORE = \"a, button, input, textarea, select, label\";\n\nfunction shouldIgnoreRowNav(target: EventTarget | null): boolean {\n  return target instanceof Element && target.closest(ROW_NAV_IGNORE) != null;\n}\n\nfunction activateRowHref(event: MouseEvent<HTMLTableRowElement>, href: string) {\n  const newTab =\n    event.button === 1 || event.metaKey || event.ctrlKey || event.shiftKey;\n  if (event.button === 1) event.preventDefault();\n  if (event.button !== 0 && event.button !== 1) return;\n  if (newTab) {\n    window.open(href, \"_blank\", \"noopener,noreferrer\");\n    return;\n  }\n  event.currentTarget.querySelector<HTMLAnchorElement>(\"a[href]\")?.click();\n}\n\nfunction DataTable<TData extends RowData>({\n  columns,\n  data,\n  getRowId,\n  rowHref,\n  onRowClick,\n  current,\n  selected,\n  onSelectedChange,\n  defaultSort,\n  sort,\n  onSortChange,\n  search,\n  toolbar,\n  group,\n  animateHeight,\n  loading,\n  empty = \"Nothing here yet.\",\n  layout = \"auto\",\n  size = \"base\",\n  className,\n  ...props\n}: DataTableProps<TData>) {\n  const fixed = layout === \"fixed\";\n  const rowSize = resolveVariant(DATA_TABLE_SIZES, size);\n  const rowText = DATA_TABLE_TEXT[size] ?? DATA_TABLE_TEXT.base;\n  const Link = useLinkComponent();\n  const announce = useContext(TableHostContext);\n  const searching = search === true || typeof search === \"string\";\n  const [query, setQuery] = useState(\"\");\n  const placeholder = typeof search === \"string\" ? search : \"Search\";\n  // A `BasicPage.Search` in a section header adopts the box; the table\n  // then renders no toolbar of its own.\n  const searchStore = useContext(TableSearchContext);\n  const adopted = useSyncExternalStore(\n    searchStore?.subscribe ?? subscribeToNothing,\n    () => searchStore?.get().adopted ?? false,\n    () => false,\n  );\n  useLayoutEffect(() => {\n    if (announce == null) return;\n    announce(true);\n    return () => announce(false);\n  }, [announce]);\n  const selecting = selected != null || onSelectedChange != null;\n  const [ownSelection, setOwnSelection] = useState<Record<string, true>>({});\n  const rowSelection: Record<string, true> =\n    selected != null\n      ? Object.fromEntries(selected.map((id) => [id, true as const]))\n      : ownSelection;\n  // Sorting mirrors selection: the component always owns a fallback state,\n  // so `defaultSort` + `onSortChange` without `sort` still sorts — a custom\n  // `onSortingChange` replaces the table's own updater entirely.\n  const [ownSort, setOwnSort] = useState<SortingState>(defaultSort ?? []);\n  const sorting: SortingState = sort ?? ownSort;\n  const table = useTable<DataTableFeatures, TData>({\n    features,\n    columns: (selecting\n      ? [SELECT_COLUMN as DataTableColumn<TData, any>, ...columns]\n      : columns) as Array<DataTableColumn<TData, any>>,\n    data: data as Array<TData>,\n    getRowId: getRowId ? (row) => getRowId(row) : defaultRowId,\n    // Keys only when meant: a present-but-undefined slice of `state` reads\n    // as \"controlled, with nobody listening\".\n    state: {\n      sorting,\n      ...(searching ? { globalFilter: query } : {}),\n      ...(selecting ? { rowSelection } : {}),\n    },\n    ...(selecting\n      ? {\n          enableRowSelection: true,\n          onRowSelectionChange: (\n            updater:\n              | Record<string, true>\n              | ((old: Record<string, true>) => Record<string, true>),\n          ) => {\n            const next =\n              typeof updater === \"function\" ? updater(rowSelection) : updater;\n            if (selected == null) setOwnSelection(next);\n            onSelectedChange?.(Object.keys(next));\n          },\n        }\n      : {}),\n    ...(searching\n      ? {\n          onGlobalFilterChange: setQuery,\n          globalFilterFn: \"includesString\" as const,\n        }\n      : {}),\n    onSortingChange: (\n      updater: SortingState | ((prev: SortingState) => SortingState),\n    ) => {\n      const next = typeof updater === \"function\" ? updater(sorting) : updater;\n      if (sort == null) setOwnSort(next);\n      onSortChange?.(next);\n    },\n  });\n  const rows = table.getRowModel().rows;\n  const total = data.length;\n  const matched = searching ? rows.length : total;\n  useLayoutEffect(() => {\n    if (!searching || searchStore == null) return;\n    searchStore.publish({ placeholder, query, setQuery, matched, total });\n  }, [searching, searchStore, placeholder, query, matched, total]);\n  useEffect(() => {\n    if (searchStore == null) return;\n    return () => searchStore.publish(null);\n  }, [searchStore]);\n  const leafCount = table.getAllLeafColumns().length;\n  const bones = useMemo(\n    () =>\n      loading\n        ? Array.from({ length: loading === true ? DEFAULT_BONES : loading })\n        : [],\n    [loading],\n  );\n\n  const renderRow = (row: (typeof rows)[number]) => {\n    const href = rowHref?.(row.original);\n    const isCurrent = current != null && current === row.id;\n    const navigable = href != null || onRowClick != null;\n    const onActivate = (event: MouseEvent<HTMLTableRowElement>) => {\n      if (event.button !== 0 && event.button !== 1) return;\n      if (event.defaultPrevented || shouldIgnoreRowNav(event.target)) return;\n      onRowClick?.(row.original, event);\n      if (event.defaultPrevented || href == null) return;\n      activateRowHref(event, href);\n    };\n    const onRowKeyDown = (event: KeyboardEvent<HTMLTableRowElement>) => {\n      if (href != null) return;\n      if (event.key !== \"Enter\" && event.key !== \" \") return;\n      if (event.defaultPrevented || shouldIgnoreRowNav(event.target)) return;\n      event.preventDefault();\n      onRowClick?.(row.original, event);\n    };\n    return (\n      <tr\n        key={row.id}\n        className={cn(\n          navigable &&\n            \"hover:bg-pho-primary-hover outline-pho-brand cursor-pointer transition-colors has-[a:focus-visible]:outline-2 has-[a:focus-visible]:-outline-offset-2\",\n          (isCurrent || row.getIsSelected()) && \"bg-pho-primary-hover\",\n        )}\n        tabIndex={navigable && href == null ? 0 : undefined}\n        onClick={navigable ? onActivate : undefined}\n        onAuxClick={navigable ? onActivate : undefined}\n        onKeyDown={navigable && href == null ? onRowKeyDown : undefined}\n      >\n        {row.getAllCells().map((cell, index) => {\n          const align = cell.column.columnDef.meta?.align ?? \"start\";\n          return (\n            <td\n              key={cell.id}\n              className={cn(\n                \"text-pho-primary px-5 align-middle whitespace-nowrap\",\n                rowSize,\n                fixed && \"min-w-0\",\n                align === \"end\" && \"text-right tabular-nums\",\n                cell.column.columnDef.meta?.className,\n              )}\n            >\n              {/* The link lives in the first data cell; with selection on,\n                  cell 0 is the checkbox and must stay outside the anchor. */}\n              {index === (selecting ? 1 : 0) && href != null ? (\n                // One real link for keyboard and right-click; the row\n                // click handler covers the rest of the surface.\n                <Link\n                  href={href}\n                  aria-current={isCurrent ? \"page\" : undefined}\n                  className=\"outline-none\"\n                >\n                  <FlexRender cell={cell} />\n                </Link>\n              ) : (\n                <FlexRender cell={cell} />\n              )}\n            </td>\n          );\n        })}\n      </tr>\n    );\n  };\n\n  // Partition the (sorted, filtered) rows: the main body, then each\n  // labeled group in the order labels first appear in `data`.\n  let mainRows = rows;\n  let groupSections: Array<[string, typeof rows]> = [];\n  if (group != null) {\n    mainRows = [];\n    const byLabel = new Map<string, typeof rows>();\n    const order: string[] = [];\n    for (const item of data) {\n      const label = group(item);\n      if (label != null && !byLabel.has(label)) {\n        byLabel.set(label, []);\n        order.push(label);\n      }\n    }\n    for (const row of rows) {\n      const label = group(row.original);\n      if (label == null) {\n        mainRows.push(row);\n      } else {\n        if (!byLabel.has(label)) {\n          byLabel.set(label, []);\n          order.push(label);\n        }\n        byLabel.get(label)!.push(row);\n      }\n    }\n    groupSections = order\n      .map((label) => [label, byLabel.get(label)!] as [string, typeof rows])\n      .filter(([, sectionRows]) => sectionRows.length > 0);\n  }\n\n  const grid = (\n    <table\n      className={cn(\"w-full border-collapse\", rowText, fixed && \"table-fixed\")}\n      aria-busy={loading ? true : undefined}\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => {\n              const align = header.column.columnDef.meta?.align ?? \"start\";\n              const sorted = header.column.getIsSorted();\n              const sortable =\n                !header.isPlaceholder && header.column.getCanSort();\n              return (\n                <th\n                  key={header.id}\n                  scope=\"col\"\n                  colSpan={header.colSpan}\n                  aria-sort={\n                    sorted === \"asc\"\n                      ? \"ascending\"\n                      : sorted === \"desc\"\n                        ? \"descending\"\n                        : undefined\n                  }\n                  className={cn(\n                    DATA_TABLE_HEADER_CELL,\n                    \"px-5\",\n                    fixed && \"min-w-0\",\n                    align === \"end\" && \"text-right\",\n                    header.column.columnDef.meta?.className,\n                  )}\n                >\n                  {header.isPlaceholder ? null : sortable ? (\n                    <button\n                      type=\"button\"\n                      onClick={header.column.getToggleSortingHandler()}\n                      className={cn(\n                        \"group/sort outline-pho-brand hover:text-pho-primary -mx-1 inline-flex items-center gap-1 rounded-sm px-1 transition-colors focus-visible:outline-2\",\n                        align === \"end\" && \"flex-row-reverse\",\n                        sorted && \"text-pho-primary\",\n                      )}\n                    >\n                      <FlexRender header={header} />\n                      <SortIndicator sorted={sorted} />\n                    </button>\n                  ) : (\n                    <FlexRender header={header} />\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        ))}\n      </thead>\n      <tbody className={DATA_TABLE_BODY}>\n        {bones.length > 0 ? (\n          bones.map((_, index) => (\n            <tr key={index}>\n              {table.getAllLeafColumns().map((column) => (\n                <td\n                  key={column.id}\n                  className={cn(\n                    \"px-5 align-middle\",\n                    rowSize,\n                    fixed && \"min-w-0\",\n                    column.columnDef.meta?.className,\n                  )}\n                >\n                  <Skeleton\n                    className={cn(\n                      \"h-3.5 w-24\",\n                      column.columnDef.meta?.align === \"end\" && \"ml-auto\",\n                    )}\n                  />\n                </td>\n              ))}\n            </tr>\n          ))\n        ) : rows.length === 0 ? (\n          <tr>\n            <td\n              colSpan={leafCount}\n              className=\"text-pho-description px-5 py-10 text-center\"\n            >\n              {searching && query !== \"\" && data.length > 0 ? (\n                <>Nothing matches “{query}”.</>\n              ) : (\n                empty\n              )}\n            </td>\n          </tr>\n        ) : (\n          <>\n            {mainRows.map(renderRow)}\n            {groupSections.map(([label, sectionRows]) => (\n              <Fragment key={label}>\n                <tr data-table-group=\"\">\n                  <td\n                    colSpan={leafCount}\n                    // A tinted band, not spacing: the wash marks the group\n                    // off, the height stays compact.\n                    className=\"bg-pho-page text-pho-description h-9 px-5 align-middle text-xs font-medium\"\n                  >\n                    {label}\n                  </td>\n                </tr>\n                {sectionRows.map(renderRow)}\n              </Fragment>\n            ))}\n          </>\n        )}\n      </tbody>\n    </table>\n  );\n\n  return (\n    <div\n      className={cn(\n        DATA_TABLE_SURFACE,\n        \"w-full scroll-mt-12 contain-inline-size\",\n        !animateHeight && \"overflow-x-auto\",\n        className,\n      )}\n      {...props}\n      data-data-table=\"\"\n    >\n      {(toolbar != null || (searching && !adopted)) && (\n        // The toolbar band — table chrome, like the header row: the ghost\n        // search on the cells' text line (`px-5`), filters at the end.\n        // Quiet ink, no boxes in the box; the hairline below is the only\n        // border it brings.\n        <div className=\"border-pho-secondary flex min-h-11 flex-wrap items-center gap-x-4 gap-y-1 border-b px-5 py-2\">\n          {searching && !adopted && (\n            <GhostSearch\n              value={query}\n              onChange={setQuery}\n              placeholder={placeholder}\n              aria-label={placeholder}\n            />\n          )}\n          {toolbar}\n        </div>\n      )}\n      {animateHeight ? (\n        // The height glides on the page spring while the rows inside swap;\n        // sideways scrolling moves onto the measured layer so the frame\n        // clips height only.\n        <AnimatedHeight\n          transition={SPRING_ENTRANCE}\n          className=\"overflow-x-auto\"\n        >\n          {grid}\n        </AnimatedHeight>\n      ) : (\n        grid\n      )}\n    </div>\n  );\n}\n\n/**\n * The sort cue beside a sortable header: the two-way glyph at rest (shown\n * on hover and focus, so a header reads as plain text until it matters), a\n * chevron pointing the way once the column is sorted.\n */\nfunction SortIndicator({ sorted }: { sorted: false | \"asc\" | \"desc\" }) {\n  return (\n    <span\n      aria-hidden\n      className={cn(\n        \"inline-flex shrink-0 [&>svg]:size-3.5\",\n        !sorted &&\n          \"opacity-0 transition-opacity group-hover/sort:opacity-100 group-focus-visible/sort:opacity-100\",\n      )}\n    >\n      {sorted === \"asc\" ? (\n        <IconChevronUp />\n      ) : sorted === \"desc\" ? (\n        <IconChevronDown />\n      ) : (\n        <IconSelector />\n      )}\n    </span>\n  );\n}\n\nexport { DataTable, DATA_TABLE_SURFACE };\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/chunks/{dialog-MPvem7yV.js → dialog-ChS0tdHa.js}

@@ -1,144 +1,144 @@
 "use client";
-import { t as m } from "./cn-ChIgwEl3.js";
-import { a as E } from "./button-C9VqBBIr.js";
+import { t as h } from "./cn-ChIgwEl3.js";
+import { a as I } from "./button-C9VqBBIr.js";
 import { t as P } from "./close-button-GvqWbLl0.js";
-import { t as I } from "./animated-height-I44sUq0n.js";
+import { t as _ } from "./animated-height-zr7BmFY1.js";
 import { t as p } from "./scroll-area-DSwD9th7.js";
-import { createContext as _, useCallback as F, useContext as D, useEffect as j, useMemo as O, useRef as C, useState as T } from "react";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { createContext as F, useCallback as O, useContext as j, useEffect as T, useMemo as M, useRef as C, useState as R } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { Dialog as f } from "@base-ui/react/dialog";
-var w = _(null);
-function te() {
-  return D(w)?.pending ?? !1;
+var w = F(null);
+function re() {
+  return j(w)?.pending ?? !1;
 }
-function M({ onOpenChange: t, actionsRef: n, ...l }) {
-  const [r, a] = T(!1), o = C(!1), i = C(null);
-  j(() => {
+function $({ onOpenChange: t, actionsRef: n, ...s }) {
+  const [r, a] = R(!1), i = C(!1), o = C(null);
+  T(() => {
     if (n)
-      return n.current = i.current, () => {
+      return n.current = o.current, () => {
         n.current = null;
       };
   }, [n]);
-  const c = F((u, h) => {
-    if (!u && o.current) {
-      h.cancel();
+  const d = O((u, g) => {
+    if (!u && i.current) {
+      g.cancel();
       return;
     }
-    t?.(u, h);
-  }, [t]), d = O(() => ({
+    t?.(u, g);
+  }, [t]), c = M(() => ({
     pending: r,
     beginPending: () => {
-      o.current = !0, a(!0);
+      i.current = !0, a(!0);
     },
     endPending: () => {
-      o.current = !1, a(!1);
+      i.current = !1, a(!1);
     },
-    close: () => i.current?.close()
+    close: () => o.current?.close()
   }), [r]);
   return /* @__PURE__ */ e(w.Provider, {
-    value: d,
+    value: c,
     children: /* @__PURE__ */ e(f.Root, {
-      actionsRef: i,
-      onOpenChange: c,
-      ...l
+      actionsRef: o,
+      onOpenChange: d,
+      ...s
     })
   });
 }
-var $ = f.Trigger, y = f.Portal, N = f.Close;
-function G(t) {
+var G = f.Trigger, x = f.Portal, y = f.Close;
+function J(t) {
   return t != null && typeof t.then == "function";
 }
-function J({ onClick: t, loading: n, disabled: l, ...r }) {
-  const a = D(w), [o, i] = T(!1), c = C(!0);
-  j(() => (c.current = !0, () => {
-    c.current = !1;
+function K({ onClick: t, loading: n, disabled: s, ...r }) {
+  const a = j(w), [i, o] = R(!1), d = C(!0);
+  T(() => (d.current = !0, () => {
+    d.current = !1;
   }), []);
-  function d(h) {
-    if (o || n) return;
-    const g = t?.(h);
-    if (!G(g)) {
+  function c(g) {
+    if (i || n) return;
+    const m = t?.(g);
+    if (!J(m)) {
       a?.close();
       return;
     }
-    i(!0), a?.beginPending(), g.then(() => {
-      a?.endPending(), c.current && i(!1), a?.close();
-    }, (x) => {
-      a?.endPending(), c.current && i(!1), typeof process < "u" && process.env.NODE_ENV !== "production" && console.error("Dialog.Action: async onClick rejected —", x);
+    o(!0), a?.beginPending(), m.then(() => {
+      a?.endPending(), d.current && o(!1), a?.close();
+    }, (v) => {
+      a?.endPending(), d.current && o(!1), typeof process < "u" && process.env.NODE_ENV !== "production" && console.error("Dialog.Action: async onClick rejected —", v);
     });
   }
-  const u = o || n;
-  return /* @__PURE__ */ e(E, {
+  const u = i || n;
+  return /* @__PURE__ */ e(I, {
     ...r,
-    disabled: l || u,
+    disabled: s || u,
     loading: u,
-    onClick: d
+    onClick: c
   });
 }
 function z({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Backdrop, {
-    className: m("bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
+    className: h("bg-pho-overlay fixed inset-0 z-50 transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
     ...n
   });
 }
-function R({ className: t, ...n }) {
+function A({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Popup, {
-    className: m("border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border outline-none", "flex max-h-[calc(100dvh-2rem)] flex-col sm:max-h-[calc(100dvh-4rem)]", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
+    className: h("border-pho-secondary bg-pho-primary shadow-pho-xl fixed top-1/2 left-1/2 z-50 w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-lg border outline-none", "flex max-h-[calc(100dvh-2rem)] flex-col sm:max-h-[calc(100dvh-4rem)]", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
     ...n
   });
 }
-function b({ className: t, ...n }) {
+function N({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Title, {
-    className: m("text-pho-primary font-display text-display-sm font-medium text-balance", t),
+    className: h("text-pho-primary font-display text-display-sm font-medium text-balance", t),
     ...n
   });
 }
-function v({ className: t, ...n }) {
+function b({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Description, {
-    className: m("text-pho-description text-display-xs font-normal", t),
+    className: h("text-pho-description text-display-xs font-normal", t),
     ...n
   });
 }
 function B({ children: t, size: n = "md" }) {
   return /* @__PURE__ */ e("span", {
     "aria-hidden": !0,
-    className: m("text-pho-secondary mb-1", n === "lg" ? "[&>svg]:size-12" : "[&>svg]:size-8"),
+    className: h("text-pho-secondary mb-1", n === "lg" ? "[&>svg]:size-12" : "[&>svg]:size-8"),
     children: t
   });
 }
-function K({ icon: t, title: n, description: l, consequences: r, warning: a, actions: o, showClose: i = !0, children: c, className: d, ...u }) {
-  const h = o == null && i, g = !!(t || n || l || h), x = r != null && r.length > 0, k = x || a != null || c != null;
-  return /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ s(R, {
-    className: d,
-    ...u,
+function L({ icon: t, title: n, description: s, consequences: r, warning: a, actions: i, caption: o, showClose: d = !0, children: c, className: u, ...g }) {
+  const m = i == null && d, v = !!(t || n || s || m), k = r != null && r.length > 0, D = k || a != null || c != null;
+  return /* @__PURE__ */ l(x, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ l(A, {
+    className: u,
+    ...g,
     children: [
-      g && /* @__PURE__ */ s("div", {
+      v && /* @__PURE__ */ l("div", {
         className: "flex shrink-0 flex-col gap-2 px-6 pt-6",
         children: [
           t && /* @__PURE__ */ e(B, { children: t }),
-          (n || h) && /* @__PURE__ */ s("div", {
+          (n || m) && /* @__PURE__ */ l("div", {
             className: "relative",
-            children: [n ? /* @__PURE__ */ e(b, {
-              className: h ? "pr-12" : void 0,
+            children: [n ? /* @__PURE__ */ e(N, {
+              className: m ? "pr-12" : void 0,
               children: n
             }) : /* @__PURE__ */ e("div", {
               className: "h-[1.625rem]",
               "aria-hidden": "true"
-            }), h && /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
+            }), m && /* @__PURE__ */ e(y, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
           }),
-          l && /* @__PURE__ */ e(v, { children: l })
+          s && /* @__PURE__ */ e(b, { children: s })
         ]
       }),
-      k && /* @__PURE__ */ s(p.Root, {
+      D && /* @__PURE__ */ l(p.Root, {
         className: "min-h-0 flex-1",
-        children: [/* @__PURE__ */ e(p.Viewport, { children: /* @__PURE__ */ s(p.Content, {
+        children: [/* @__PURE__ */ e(p.Viewport, { children: /* @__PURE__ */ l(p.Content, {
           className: "flex flex-col gap-5 px-6 py-5",
           children: [
-            x && /* @__PURE__ */ e("ul", {
+            k && /* @__PURE__ */ e("ul", {
               className: "text-pho-description text-md [&_strong]:text-pho-secondary space-y-1 [&_strong]:font-medium",
-              children: r.map((S, V) => /* @__PURE__ */ e("li", {
+              children: r.map((V, E) => /* @__PURE__ */ e("li", {
                 className: "relative pl-4 before:absolute before:top-2.5 before:left-1 before:size-1 before:rounded-full before:bg-current",
-                children: S
-              }, V))
+                children: V
+              }, E))
             }),
             a != null && /* @__PURE__ */ e("p", {
               className: "text-pho-error text-display-xs font-medium",
@@ -148,47 +148,51 @@ function K({ icon: t, title: n, description: l, consequences: r, warning: a, act
           ]
         }) }), /* @__PURE__ */ e(p.Scrollbar, { children: /* @__PURE__ */ e(p.Thumb, {}) })]
       }),
-      o != null && /* @__PURE__ */ e("div", {
-        className: m("flex shrink-0 items-center justify-end gap-2 px-6 pb-5", !k && "pt-5"),
-        children: o
+      (i != null || o != null) && /* @__PURE__ */ l("div", {
+        className: h("flex shrink-0 flex-wrap items-center justify-end gap-x-2 gap-y-3 px-6 pb-5", !D && "pt-5"),
+        children: [o != null && /* @__PURE__ */ e("p", {
+          "data-dialog-caption": "",
+          className: "text-pho-description min-w-48 flex-1 pr-2 text-xs",
+          children: o
+        }), i]
       })
     ]
   })] });
 }
-function A({ className: t, ...n }) {
+function H({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Popup, {
-    className: m("border-pho-secondary bg-pho-primary shadow-pho-xl fixed inset-4 z-50 flex flex-col overflow-hidden rounded-lg border outline-none sm:inset-8", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-[0.98] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.98] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
+    className: h("border-pho-secondary bg-pho-primary shadow-pho-xl fixed inset-4 z-50 flex flex-col overflow-hidden rounded-lg border outline-none sm:inset-8", "transition-[opacity,scale] duration-200 ease-out", "data-[starting-style]:scale-[0.98] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.98] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", t),
     ...n
   });
 }
-function L({ icon: t, title: n, description: l, actions: r, showClose: a = !0, children: o, className: i, ...c }) {
-  const d = r == null && a;
-  return /* @__PURE__ */ s(y, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ s(A, {
-    className: i,
-    ...c,
+function Q({ icon: t, title: n, description: s, actions: r, showClose: a = !0, children: i, className: o, ...d }) {
+  const c = r == null && a;
+  return /* @__PURE__ */ l(x, { children: [/* @__PURE__ */ e(z, {}), /* @__PURE__ */ l(H, {
+    className: o,
+    ...d,
     children: [
-      !!(t || n || l || d) && /* @__PURE__ */ s("div", {
+      !!(t || n || s || c) && /* @__PURE__ */ l("div", {
         className: "flex shrink-0 flex-col gap-2 px-6 pt-6",
         children: [
           t && /* @__PURE__ */ e(B, { children: t }),
-          (n || d) && /* @__PURE__ */ s("div", {
+          (n || c) && /* @__PURE__ */ l("div", {
             className: "relative",
-            children: [n ? /* @__PURE__ */ e(b, {
-              className: d ? "pr-12" : void 0,
+            children: [n ? /* @__PURE__ */ e(N, {
+              className: c ? "pr-12" : void 0,
               children: n
             }) : /* @__PURE__ */ e("div", {
               className: "h-[1.625rem]",
               "aria-hidden": "true"
-            }), d && /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
+            }), c && /* @__PURE__ */ e(y, { render: /* @__PURE__ */ e(P, { className: "absolute top-1/2 right-0 z-10 -translate-y-1/2" }) })]
           }),
-          l && /* @__PURE__ */ e(v, { children: l })
+          s && /* @__PURE__ */ e(b, { children: s })
         ]
       }),
-      /* @__PURE__ */ s(p.Root, {
+      /* @__PURE__ */ l(p.Root, {
         className: "min-h-0 flex-1",
         children: [/* @__PURE__ */ e(p.Viewport, { children: /* @__PURE__ */ e(p.Content, {
           className: "px-6 py-5",
-          children: o
+          children: i
         }) }), /* @__PURE__ */ e(p.Scrollbar, { children: /* @__PURE__ */ e(p.Thumb, {}) })]
       }),
       r != null && /* @__PURE__ */ e("div", {
@@ -198,34 +202,34 @@ function L({ icon: t, title: n, description: l, actions: r, showClose: a = !0, c
     ]
   })] });
 }
-function H({ className: t, ...n }) {
+function S({ className: t, ...n }) {
   return /* @__PURE__ */ e(f.Popup, {
-    className: m("bg-pho-page fixed inset-0 z-50 overflow-y-auto outline-none", "transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
+    className: h("bg-pho-page fixed inset-0 z-50 overflow-y-auto outline-none", "transition-opacity duration-200 ease-out", "data-[ending-style]:opacity-0 data-[ending-style]:duration-150 data-[starting-style]:opacity-0", t),
     ...n
   });
 }
-function Q({ icon: t, title: n, description: l, actions: r, showClose: a = !0, frameClassName: o, children: i, className: c, ...d }) {
+function U({ icon: t, title: n, description: s, actions: r, showClose: a = !0, frameClassName: i, children: o, className: d, ...c }) {
   const u = r == null && a;
-  return /* @__PURE__ */ e(y, { children: /* @__PURE__ */ s(H, {
-    className: c,
-    ...d,
-    children: [u && /* @__PURE__ */ e(N, { render: /* @__PURE__ */ e(P, { className: "fixed top-4 right-4 z-10" }) }), /* @__PURE__ */ e("div", {
-      className: m("flex min-h-full items-center justify-center px-6 pt-6 pb-20", o),
-      children: /* @__PURE__ */ s("div", {
+  return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ l(S, {
+    className: d,
+    ...c,
+    children: [u && /* @__PURE__ */ e(y, { render: /* @__PURE__ */ e(P, { className: "fixed top-4 right-4 z-10" }) }), /* @__PURE__ */ e("div", {
+      className: h("flex min-h-full items-center justify-center px-6 pt-6 pb-20", i),
+      children: /* @__PURE__ */ l("div", {
         className: "w-full max-w-md",
-        children: [/* @__PURE__ */ s(I, {
+        children: [/* @__PURE__ */ l(_, {
           className: "flex flex-col gap-5",
-          children: [(t || n || l) && /* @__PURE__ */ s("div", {
+          children: [(t || n || s) && /* @__PURE__ */ l("div", {
             className: "flex flex-col gap-2",
             children: [
               t && /* @__PURE__ */ e(B, {
                 size: "lg",
                 children: t
               }),
-              n && /* @__PURE__ */ e(b, { children: n }),
-              l && /* @__PURE__ */ e(v, { children: l })
+              n && /* @__PURE__ */ e(N, { children: n }),
+              s && /* @__PURE__ */ e(b, { children: s })
             ]
-          }), i]
+          }), o]
         }), r != null && /* @__PURE__ */ e("div", {
           className: "mt-5 flex items-center justify-end gap-2",
           children: r
@@ -234,25 +238,25 @@ function Q({ icon: t, title: n, description: l, actions: r, showClose: a = !0, f
     })]
   }) });
 }
-var re = {
-  Root: M,
-  Trigger: $,
-  Portal: y,
+var ae = {
+  Root: $,
+  Trigger: G,
+  Portal: x,
   Backdrop: z,
-  Popup: R,
-  InsetPopup: A,
-  FullscreenPopup: H,
-  Title: b,
-  Description: v,
-  Close: N,
-  Action: J,
-  Content: K,
-  InsetContent: L,
-  FullscreenContent: Q
+  Popup: A,
+  InsetPopup: H,
+  FullscreenPopup: S,
+  Title: N,
+  Description: b,
+  Close: y,
+  Action: K,
+  Content: L,
+  InsetContent: Q,
+  FullscreenContent: U
 };
 export {
-  te as n,
-  re as t
+  re as n,
+  ae as t
 };
 
-//# sourceMappingURL=dialog-MPvem7yV.js.map
+//# sourceMappingURL=dialog-ChS0tdHa.js.map