@photon-ai/pho-ui 4.11.0 → 4.13.0

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

@@ -6,13 +6,14 @@ 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 { i as X, n as ve, r as Ae, t as Fe } from "./chrome-Ds7WykBJ.js";
+import { t as Te } from "./ghost-search-8PzP73zS.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";
 import { Fragment as $, jsx as o, jsxs as h } from "react/jsx-runtime";
-import { FlexRender as _, columnFilteringFeature as ke, createColumnHelper as Le, createFilteredRowModel as Ie, createSortedRowModel as Me, filterFn_includesString as Oe, globalFilteringFeature as Be, rowSelectionFeature as He, rowSortingFeature as Pe, sortFn_alphanumeric as Ke, sortFn_basic as je, sortFn_datetime as ze, sortFn_text as Ge, tableFeatures as Ue, useTable as qe } from "@tanstack/react-table";
+import { FlexRender as E, columnFilteringFeature as ke, createColumnHelper as Le, createFilteredRowModel as Ie, createSortedRowModel as Me, filterFn_includesString as Oe, globalFilteringFeature as Be, rowSelectionFeature as He, rowSortingFeature as Pe, sortFn_alphanumeric as Ke, sortFn_basic as je, sortFn_datetime as ze, sortFn_text as Ge, tableFeatures as Ue, useTable as qe } from "@tanstack/react-table";
 var Ve = [["path", {
   d: "M8 9l4 -4l4 4",
   key: "svg-0"
@@ -63,9 +64,9 @@ var Ze = Ye().display({
       indeterminate: i > 0 && !c,
       onCheckedChange: (f) => {
         t.setRowSelection((S) => {
-          const d = { ...S };
-          for (const b of s) f === !0 ? d[b.id] = !0 : delete d[b.id];
-          return d;
+          const m = { ...S };
+          for (const b of s) f === !0 ? m[b.id] = !0 : delete m[b.id];
+          return m;
         });
       }
     });
@@ -77,7 +78,7 @@ var Ze = Ye().display({
     onCheckedChange: (s) => t.toggleSelected(s === !0)
   })
 }), $e = ee(null);
-function yt() {
+function wt() {
   let t = {
     api: null,
     adopted: !1
@@ -124,50 +125,50 @@ function rt(t, s) {
     t.currentTarget.querySelector("a[href]")?.click();
   }
 }
-function wt({ columns: t, data: s, getRowId: i, rowHref: c, onRowClick: f, current: S, selected: d, onSelectedChange: b, defaultSort: te, sort: I, onSortChange: ne, search: y, toolbar: M, group: E, animateHeight: O, loading: x, empty: oe = "Nothing here yet.", layout: re = "auto", size: B = "base", className: le, ...ae }) {
-  const w = re === "fixed", H = ge(Xe, B), se = X[B] ?? X.base, ie = be(), C = Y($e), m = y === !0 || typeof y == "string", [g, R] = L(""), N = typeof y == "string" ? y : "Search", p = Y(Je), P = De(p?.subscribe ?? et, () => p?.get().adopted ?? !1, () => !1);
+function Ct({ columns: t, data: s, getRowId: i, rowHref: c, onRowClick: f, current: S, selected: m, onSelectedChange: b, defaultSort: te, sort: I, onSortChange: ne, search: y, toolbar: M, group: R, animateHeight: O, loading: x, empty: oe = "Nothing here yet.", layout: re = "auto", size: B = "base", className: le, ...ae }) {
+  const w = re === "fixed", H = ge(Xe, B), se = X[B] ?? X.base, ie = be(), C = Y($e), d = y === !0 || typeof y == "string", [g, N] = L(""), v = typeof y == "string" ? y : "Search", p = Y(Je), P = De(p?.subscribe ?? et, () => p?.get().adopted ?? !1, () => !1);
   Z(() => {
     if (C != null)
       return C(!0), () => C(!1);
   }, [C]);
-  const v = d != null || b != null, [ce, ue] = L({}), K = d != null ? Object.fromEntries(d.map((n) => [n, !0])) : ce, [de, me] = L(te ?? []), j = I ?? de, A = qe({
+  const A = m != null || b != null, [ce, ue] = L({}), K = m != null ? Object.fromEntries(m.map((n) => [n, !0])) : ce, [me, de] = L(te ?? []), j = I ?? me, F = qe({
     features: We,
-    columns: v ? [Ze, ...t] : t,
+    columns: A ? [Ze, ...t] : t,
     data: s,
     getRowId: i ? (n) => i(n) : nt,
     state: {
       sorting: j,
-      ...m ? { globalFilter: g } : {},
-      ...v ? { rowSelection: K } : {}
+      ...d ? { globalFilter: g } : {},
+      ...A ? { rowSelection: K } : {}
     },
-    ...v ? {
+    ...A ? {
       enableRowSelection: !0,
       onRowSelectionChange: (n) => {
         const e = typeof n == "function" ? n(K) : n;
-        d == null && ue(e), b?.(Object.keys(e));
+        m == null && ue(e), b?.(Object.keys(e));
       }
     } : {},
-    ...m ? {
-      onGlobalFilterChange: R,
+    ...d ? {
+      onGlobalFilterChange: N,
       globalFilterFn: "includesString"
     } : {},
     onSortingChange: (n) => {
       const e = typeof n == "function" ? n(j) : n;
-      I == null && me(e), ne?.(e);
+      I == null && de(e), ne?.(e);
     }
-  }), F = A.getRowModel().rows, D = s.length, z = m ? F.length : D;
+  }), T = F.getRowModel().rows, D = s.length, z = d ? T.length : D;
   Z(() => {
-    !m || p == null || p.publish({
-      placeholder: N,
+    !d || p == null || p.publish({
+      placeholder: v,
       query: g,
-      setQuery: R,
+      setQuery: N,
       matched: z,
       total: D
     });
   }, [
-    m,
+    d,
     p,
-    N,
+    v,
     g,
     z,
     D
@@ -175,8 +176,8 @@ function wt({ columns: t, data: s, getRowId: i, rowHref: c, onRowClick: f, curre
     if (p != null)
       return () => p.publish(null);
   }, [p]);
-  const G = A.getAllLeafColumns().length, U = Re(() => x ? Array.from({ length: x === !0 ? tt : x }) : [], [x]), q = (n) => {
-    const e = c?.(n.original), l = S != null && S === n.id, r = e != null || f != null, T = (a) => {
+  const G = F.getAllLeafColumns().length, U = Re(() => x ? Array.from({ length: x === !0 ? tt : x }) : [], [x]), q = (n) => {
+    const e = c?.(n.original), l = S != null && S === n.id, r = e != null || f != null, _ = (a) => {
       a.button !== 0 && a.button !== 1 || a.defaultPrevented || J(a.target) || (f?.(n.original, a), !(a.defaultPrevented || e == null) && rt(a, e));
     }, pe = (a) => {
       e == null && (a.key !== "Enter" && a.key !== " " || a.defaultPrevented || J(a.target) || (a.preventDefault(), f?.(n.original, a)));
@@ -184,33 +185,33 @@ function wt({ columns: t, data: s, getRowId: i, rowHref: c, onRowClick: f, curre
     return /* @__PURE__ */ o("tr", {
       className: u(r && "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", (l || n.getIsSelected()) && "bg-pho-primary-hover"),
       tabIndex: r && e == null ? 0 : void 0,
-      onClick: r ? T : void 0,
-      onAuxClick: r ? T : void 0,
+      onClick: r ? _ : void 0,
+      onAuxClick: r ? _ : void 0,
       onKeyDown: r && e == null ? pe : void 0,
       children: n.getAllCells().map((a, fe) => {
         const he = a.column.columnDef.meta?.align ?? "start";
         return /* @__PURE__ */ o("td", {
           className: u("text-pho-primary px-5 align-middle whitespace-nowrap", H, w && "min-w-0", he === "end" && "text-right tabular-nums", a.column.columnDef.meta?.className),
-          children: fe === (v ? 1 : 0) && e != null ? /* @__PURE__ */ o(ie, {
+          children: fe === (A ? 1 : 0) && e != null ? /* @__PURE__ */ o(ie, {
             href: e,
             "aria-current": l ? "page" : void 0,
             className: "outline-none",
-            children: /* @__PURE__ */ o(_, { cell: a })
-          }) : /* @__PURE__ */ o(_, { cell: a })
+            children: /* @__PURE__ */ o(E, { cell: a })
+          }) : /* @__PURE__ */ o(E, { cell: a })
         }, a.id);
       })
     }, n.id);
   };
-  let k = F, V = [];
-  if (E != null) {
+  let k = T, V = [];
+  if (R != null) {
     k = [];
     const n = /* @__PURE__ */ new Map(), e = [];
     for (const l of s) {
-      const r = E(l);
+      const r = R(l);
       r != null && !n.has(r) && (n.set(r, []), e.push(r));
     }
-    for (const l of F) {
-      const r = E(l.original);
+    for (const l of T) {
+      const r = R(l.original);
       r == null ? k.push(l) : (n.has(r) || (n.set(r, []), e.push(r)), n.get(r).push(l));
     }
     V = e.map((l) => [l, n.get(l)]).filter(([, l]) => l.length > 0);
@@ -218,29 +219,29 @@ function wt({ columns: t, data: s, getRowId: i, rowHref: c, onRowClick: f, curre
   const Q = /* @__PURE__ */ h("table", {
     className: u("w-full border-collapse", se, w && "table-fixed"),
     "aria-busy": x ? !0 : void 0,
-    children: [/* @__PURE__ */ o("thead", { children: A.getHeaderGroups().map((n) => /* @__PURE__ */ o("tr", { children: n.headers.map((e) => {
-      const l = e.column.columnDef.meta?.align ?? "start", r = e.column.getIsSorted(), T = !e.isPlaceholder && e.column.getCanSort();
+    children: [/* @__PURE__ */ o("thead", { children: F.getHeaderGroups().map((n) => /* @__PURE__ */ o("tr", { children: n.headers.map((e) => {
+      const l = e.column.columnDef.meta?.align ?? "start", r = e.column.getIsSorted(), _ = !e.isPlaceholder && e.column.getCanSort();
       return /* @__PURE__ */ o("th", {
         scope: "col",
         colSpan: e.colSpan,
         "aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
-        className: u(Fe, "px-5", w && "min-w-0", l === "end" && "text-right", e.column.columnDef.meta?.className),
-        children: e.isPlaceholder ? null : T ? /* @__PURE__ */ h("button", {
+        className: u(ve, "px-5", w && "min-w-0", l === "end" && "text-right", e.column.columnDef.meta?.className),
+        children: e.isPlaceholder ? null : _ ? /* @__PURE__ */ h("button", {
           type: "button",
           onClick: e.column.getToggleSortingHandler(),
           className: u("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", l === "end" && "flex-row-reverse", r && "text-pho-primary"),
-          children: [/* @__PURE__ */ o(_, { header: e }), /* @__PURE__ */ o(lt, { sorted: r })]
-        }) : /* @__PURE__ */ o(_, { header: e })
+          children: [/* @__PURE__ */ o(E, { header: e }), /* @__PURE__ */ o(lt, { sorted: r })]
+        }) : /* @__PURE__ */ o(E, { header: e })
       }, e.id);
     }) }, n.id)) }), /* @__PURE__ */ o("tbody", {
-      className: Ae,
-      children: U.length > 0 ? U.map((n, e) => /* @__PURE__ */ o("tr", { children: A.getAllLeafColumns().map((l) => /* @__PURE__ */ o("td", {
+      className: Fe,
+      children: U.length > 0 ? U.map((n, e) => /* @__PURE__ */ o("tr", { children: F.getAllLeafColumns().map((l) => /* @__PURE__ */ o("td", {
         className: u("px-5 align-middle", H, w && "min-w-0", l.columnDef.meta?.className),
         children: /* @__PURE__ */ o(Ne, { className: u("h-3.5 w-24", l.columnDef.meta?.align === "end" && "ml-auto") })
-      }, l.id)) }, e)) : F.length === 0 ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", {
+      }, l.id)) }, e)) : T.length === 0 ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o("td", {
         colSpan: G,
         className: "text-pho-description px-5 py-10 text-center",
-        children: m && g !== "" && s.length > 0 ? /* @__PURE__ */ h($, { children: [
+        children: d && g !== "" && s.length > 0 ? /* @__PURE__ */ h($, { children: [
           "Nothing matches “",
           g,
           "”."
@@ -256,16 +257,17 @@ function wt({ columns: t, data: s, getRowId: i, rowHref: c, onRowClick: f, curre
     })]
   });
   return /* @__PURE__ */ h("div", {
-    className: u(ve, "w-full scroll-mt-12 contain-inline-size", !O && "overflow-x-auto", le),
+    className: u(Ae, "w-full scroll-mt-12 contain-inline-size", !O && "overflow-x-auto", le),
     ...ae,
     "data-data-table": "",
-    children: [(M != null || m && !P) && /* @__PURE__ */ h("div", {
+    children: [(M != null || d && !P) && /* @__PURE__ */ h("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",
-      children: [m && !P && /* @__PURE__ */ o(Te, {
+      children: [d && !P && /* @__PURE__ */ o(Te, {
         value: g,
-        onChange: R,
-        placeholder: N,
-        "aria-label": N
+        onChange: N,
+        onClear: () => N(""),
+        placeholder: v,
+        "aria-label": v
       }), M]
     }), O ? /* @__PURE__ */ o(Ce, {
       transition: xe,
@@ -282,11 +284,11 @@ function lt({ sorted: t }) {
   });
 }
 export {
-  yt as a,
+  wt as a,
   Ye as i,
   $e as n,
   Je as r,
-  wt as t
+  Ct as t
 };
 
-//# sourceMappingURL=data-table-B1dmrN6r.js.map
+//# sourceMappingURL=data-table-hzZb7Otx.js.map

package/dist/chunks/{data-table-B1dmrN6r.js.map → data-table-hzZb7Otx.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":";;;;;;;;;;;;;;;AASA,IAAM,KAAa,CAAC,CAAC,QAAQ;AAAA,EAAE,GAAK;AAAA,EAAiB,KAAO;AAAQ,CAAC,GAAG,CAAC,QAAQ;AAAA,EAAE,GAAK;AAAA,EAAqB,KAAO;AAAQ,CAAC,CAAC,GACxH,KAAe,GAAqB,WAAW,YAAY,YAAY,EAAU,GCwGjF,KAAW,GAAc;AAAA,EAC7B,mBAAA;AAAA,EACA,qBAAA;AAAA,EACA,wBAAA;AAAA,EACA,wBAAA;AAAA,EACA,gBAAgB,GAAqB;AAAA,EACrC,kBAAkB,GAAuB;AAAA,EACzC,WAAW,EAAE,gBAAgB,GAAwB;AAAA,EACrD,SAAS;AAAA,IACP,cAAc;AAAA,IACd,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,YAAY,CAAC;AACf,CAAC,GAKY,KAAmB;AAAA,EAC9B,IAAI;AAAA,IACF,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AAAA,EACA,IAAI;AAAA,IACF,SAAS;AAAA,IACT,aACE;AAAA,EACJ;AACF;AAsBA,SAAgB,KAAuC;AACrD,SAAO,GAA6C;AACtD;AAOA,IAAM,KAAgB,GAAuB,EAAE,QAAQ;AAAA,EACrD,IAAI;AAAA,EACJ,eAAe;AAAA,EACf,QAAA,CAAS,EAAE,OAAA,EAAA,MAAY;AACrB,UAAM,IAAU,EAAM,YAAY,EAAE,MAC9B,IAAS,EAAQ,OAAA,CAAQ,MAAQ,EAAI,cAAc,CAAC,EAAE,QACtD,IAAM,EAAQ,SAAS,KAAK,MAAW,EAAQ;AACrD,WACE,gBAAA,EAAC,GAAD;AAAA,MACE,MAAK;AAAA,MACL,cAAW;AAAA,MACX,SAAS;AAAA,MACT,eAAe,IAAS,KAAK,CAAC;AAAA,MAC9B,iBAAA,CAAkB,MAAY;AAC5B,QAAA,EAAM,gBAAA,CAAiB,MAAQ;AAC7B,gBAAM,IAAO,EAAE,GAAG,EAAI;AACtB,qBAAW,KAAO,EAChB,CAAI,MAAY,KAAM,EAAK,EAAI,EAAA,IAAM,KAChC,OAAO,EAAK,EAAI,EAAA;AAEvB,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IACD,CAAA;AAAA,EAEL;AAAA,EACA,MAAA,CAAO,EAAE,KAAA,EAAA,MACP,gBAAA,EAAC,GAAD;AAAA,IACE,MAAK;AAAA,IACL,cAAW;AAAA,IACX,SAAS,EAAI,cAAc;AAAA,IAC3B,iBAAA,CAAkB,MAAY,EAAI,eAAe,MAAY,EAAI;AAAA,EAClE,CAAA;AAEL,CAAC,GAqHY,KAAmB,GAE9B,IAAI;AAiCN,SAAgB,KAA2C;AACzD,MAAI,IAA0B;AAAA,IAAE,KAAK;AAAA,IAAM,SAAS;AAAA,EAAM;AAC1D,QAAM,IAAY,oBAAI,IAAgB,GAChC,IAAA,MAAa;AACjB,eAAW,KAAY,EAAW,CAAA,EAAS;AAAA,EAC7C;AACA,SAAO;AAAA,IACL,KAAA,MAAW;AAAA,IACX,UAAU,GAAU;AAClB,aAAA,EAAU,IAAI,CAAQ,GACtB,MAAa,EAAU,OAAO,CAAQ;AAAA,IACxC;AAAA,IACA,QAAQ,GAAK;AACX,MAAA,IAAQ;AAAA,QAAE,GAAG;AAAA,QAAO,KAAA;AAAA,MAAI,GACxB,EAAK;AAAA,IACP;AAAA,IACA,MAAM,GAAS;AACb,MAAA,IAAQ;AAAA,QAAE,GAAG;AAAA,QAAO,SAAA;AAAA,MAAQ,GAC5B,EAAK;AAAA,IACP;AAAA,EACF;AACF;AAEA,IAAa,KAAqB,GAAuC,IAAI,GAEvE,KAAA,MAAA,MAAiC;AAAC,GAKlC,KAAgB;AAEtB,SAAS,GAAa,GAAc,GAAuB;AACzD,QAAM,IAAM,GAAiC;AAC7C,SACI,OADG,OAAO,KAAO,YAAY,OAAO,KAAO,WACpC,IACA,CADE;AAEf;AAGA,IAAM,KAAiB;AAEvB,SAAS,EAAmB,GAAqC;AAC/D,SAAO,aAAkB,WAAW,EAAO,QAAQ,EAAc,KAAK;AACxE;AAEA,SAAS,GAAgB,GAAwC,GAAc;AAC7E,QAAM,IACJ,EAAM,WAAW,KAAK,EAAM,WAAW,EAAM,WAAW,EAAM;AAEhE,MADI,EAAM,WAAW,KAAG,EAAM,eAAe,GACzC,EAAA,EAAM,WAAW,KAAK,EAAM,WAAW,IAC3C;AAAA,QAAI,GAAQ;AACV,aAAO,KAAK,GAAM,UAAU,qBAAqB;AACjD;AAAA,IACF;AACA,IAAA,EAAM,cAAc,cAAiC,SAAS,GAAG,MAAM;AAAA;AACzE;AAEA,SAAS,GAAiC,EACxC,SAAA,GACA,MAAA,GACA,UAAA,GACA,SAAA,GACA,YAAA,GACA,SAAA,GACA,UAAA,GACA,kBAAA,GACA,aAAA,IACA,MAAA,GACA,cAAA,IACA,QAAA,GACA,SAAA,GACA,OAAA,GACA,eAAA,GACA,SAAA,GACA,OAAA,KAAQ,qBACR,QAAA,KAAS,QACT,MAAA,IAAO,QACP,WAAA,IACA,GAAG,GAAA,GACqB;AACxB,QAAM,IAAQ,OAAW,SACnB,IAAU,GAAe,IAAkB,CAAI,GAC/C,KAAU,EAAgB,CAAA,KAAS,EAAgB,MACnD,KAAO,GAAiB,GACxB,IAAW,EAAW,EAAgB,GACtC,IAAY,MAAW,MAAQ,OAAO,KAAW,UACjD,CAAC,GAAO,CAAA,IAAY,EAAS,EAAE,GAC/B,IAAc,OAAO,KAAW,WAAW,IAAS,UAGpD,IAAc,EAAW,EAAkB,GAC3C,IAAU,GACd,GAAa,aAAa,IAAA,MACpB,GAAa,IAAI,EAAE,WAAW,IAAA,MAC9B,EACR;AACA,EAAA,EAAA,MAAsB;AACpB,QAAI,KAAY;AAChB,aAAA,EAAS,EAAI,GACb,MAAa,EAAS,EAAK;AAAA,EAC7B,GAAG,CAAC,CAAQ,CAAC;AACb,QAAM,IAAY,KAAY,QAAQ,KAAoB,MACpD,CAAC,IAAc,EAAA,IAAmB,EAA+B,CAAC,CAAC,GACnE,IACJ,KAAY,OACR,OAAO,YAAY,EAAS,IAAA,CAAK,MAAO,CAAC,GAAI,EAAa,CAAC,CAAC,IAC5D,IAIA,CAAC,IAAS,EAAA,IAAc,EAAuB,MAAe,CAAC,CAAC,GAChE,IAAwB,KAAQ,IAChC,IAAQ,GAAmC;AAAA,IAC/C,UAAA;AAAA,IACA,SAAU,IACN,CAAC,IAA8C,GAAG,CAAO,IACzD;AAAA,IACE,MAAA;AAAA,IACN,UAAU,IAAA,CAAY,MAAQ,EAAS,CAAG,IAAI;AAAA,IAG9C,OAAO;AAAA,MACL,SAAA;AAAA,MACA,GAAI,IAAY,EAAE,cAAc,EAAM,IAAI,CAAC;AAAA,MAC3C,GAAI,IAAY,EAAE,cAAA,EAAa,IAAI,CAAC;AAAA,IACtC;AAAA,IACA,GAAI,IACA;AAAA,MACE,oBAAoB;AAAA,MACpB,sBAAA,CACE,MAGG;AACH,cAAM,IACJ,OAAO,KAAY,aAAa,EAAQ,CAAY,IAAI;AAC1D,QAAI,KAAY,QAAM,GAAgB,CAAI,GAC1C,IAAmB,OAAO,KAAK,CAAI,CAAC;AAAA,MACtC;AAAA,IACF,IACA,CAAC;AAAA,IACL,GAAI,IACA;AAAA,MACE,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB,IACA,CAAC;AAAA,IACL,iBAAA,CACE,MACG;AACH,YAAM,IAAO,OAAO,KAAY,aAAa,EAAQ,CAAO,IAAI;AAChE,MAAI,KAAQ,QAAM,GAAW,CAAI,GACjC,KAAe,CAAI;AAAA,IACrB;AAAA,EACF,CAAC,GACK,IAAO,EAAM,YAAY,EAAE,MAC3B,IAAQ,EAAK,QACb,IAAU,IAAY,EAAK,SAAS;AAC1C,EAAA,EAAA,MAAsB;AACpB,IAAI,CAAC,KAAa,KAAe,QACjC,EAAY,QAAQ;AAAA,MAAE,aAAA;AAAA,MAAa,OAAA;AAAA,MAAO,UAAA;AAAA,MAAU,SAAA;AAAA,MAAS,OAAA;AAAA,IAAM,CAAC;AAAA,EACtE,GAAG;AAAA,IAAC;AAAA,IAAW;AAAA,IAAa;AAAA,IAAa;AAAA,IAAO;AAAA,IAAS;AAAA,EAAK,CAAC,GAC/D,GAAA,MAAgB;AACd,QAAI,KAAe;AACnB,aAAA,MAAa,EAAY,QAAQ,IAAI;AAAA,EACvC,GAAG,CAAC,CAAW,CAAC;AAChB,QAAM,IAAY,EAAM,kBAAkB,EAAE,QACtC,IAAQ,GAAA,MAEV,IACI,MAAM,KAAK,EAAE,QAAQ,MAAY,KAAO,KAAgB,EAAQ,CAAC,IACjE,CAAC,GACP,CAAC,CAAO,CACV,GAEM,IAAA,CAAa,MAA+B;AAChD,UAAM,IAAO,IAAU,EAAI,QAAQ,GAC7B,IAAY,KAAW,QAAQ,MAAY,EAAI,IAC/C,IAAY,KAAQ,QAAQ,KAAc,MAC1C,IAAA,CAAc,MAA2C;AAC7D,MAAI,EAAM,WAAW,KAAK,EAAM,WAAW,KACvC,EAAM,oBAAoB,EAAmB,EAAM,MAAM,MAC7D,IAAa,EAAI,UAAU,CAAK,GAC5B,EAAA,EAAM,oBAAoB,KAAQ,SACtC,GAAgB,GAAO,CAAI;AAAA,IAC7B,GACM,KAAA,CAAgB,MAA8C;AAClE,MAAI,KAAQ,SACR,EAAM,QAAQ,WAAW,EAAM,QAAQ,OACvC,EAAM,oBAAoB,EAAmB,EAAM,MAAM,MAC7D,EAAM,eAAe,GACrB,IAAa,EAAI,UAAU,CAAK;AAAA,IAClC;AACA,WACE,gBAAA,EAAC,MAAD;AAAA,MAEE,WAAW,EACT,KACE,0JACD,KAAa,EAAI,cAAc,MAAM,sBACxC;AAAA,MACA,UAAU,KAAa,KAAQ,OAAO,IAAI;AAAA,MAC1C,SAAS,IAAY,IAAa;AAAA,MAClC,YAAY,IAAY,IAAa;AAAA,MACrC,WAAW,KAAa,KAAQ,OAAO,KAAe;AAAA,MAErD,UAAA,EAAI,YAAY,EAAE,IAAA,CAAK,GAAM,OAAU;AACtC,cAAM,KAAQ,EAAK,OAAO,UAAU,MAAM,SAAS;AACnD,eACE,gBAAA,EAAC,MAAD;AAAA,UAEE,WAAW,EACT,wDACA,GACA,KAAS,WACT,OAAU,SAAS,2BACnB,EAAK,OAAO,UAAU,MAAM,SAC9B;AAAA,UAIC,UAAA,QAAW,IAAY,IAAI,MAAM,KAAQ,OAGxC,gBAAA,EAAC,IAAD;AAAA,YACQ,MAAA;AAAA,YACN,gBAAc,IAAY,SAAS;AAAA,YACnC,WAAU;AAAA,YAEV,UAAA,gBAAA,EAAC,GAAD,EAAkB,MAAA,EAAO,CAAA;AAAA,UACrB,CAAA,IAEN,gBAAA,EAAC,GAAD,EAAkB,MAAA,EAAO,CAAA;AAAA,QAEzB,GAxBG,EAAK,EAwBR;AAAA,MAER,CAAC;AAAA,IACC,GA1CG,EAAI,EA0CP;AAAA,EAER;AAIA,MAAI,IAAW,GACX,IAA8C,CAAC;AACnD,MAAI,KAAS,MAAM;AACjB,IAAA,IAAW,CAAC;AACZ,UAAM,IAAU,oBAAI,IAAyB,GACvC,IAAkB,CAAC;AACzB,eAAW,KAAQ,GAAM;AACvB,YAAM,IAAQ,EAAM,CAAI;AACxB,MAAI,KAAS,QAAQ,CAAC,EAAQ,IAAI,CAAK,MACrC,EAAQ,IAAI,GAAO,CAAC,CAAC,GACrB,EAAM,KAAK,CAAK;AAAA,IAEpB;AACA,eAAW,KAAO,GAAM;AACtB,YAAM,IAAQ,EAAM,EAAI,QAAQ;AAChC,MAAI,KAAS,OACX,EAAS,KAAK,CAAG,KAEZ,EAAQ,IAAI,CAAK,MACpB,EAAQ,IAAI,GAAO,CAAC,CAAC,GACrB,EAAM,KAAK,CAAK,IAElB,EAAQ,IAAI,CAAK,EAAG,KAAK,CAAG;AAAA,IAEhC;AACA,IAAA,IAAgB,EACb,IAAA,CAAK,MAAU,CAAC,GAAO,EAAQ,IAAI,CAAK,CAAE,CAA0B,EACpE,OAAA,CAAQ,CAAA,EAAG,CAAA,MAAiB,EAAY,SAAS,CAAC;AAAA,EACvD;AAEA,QAAM,IACJ,gBAAA,EAAC,SAAD;AAAA,IACE,WAAW,EAAG,0BAA0B,IAAS,KAAS,aAAa;AAAA,IACvE,aAAW,IAAU,KAAO;AAAA,IAF9B,UAAA,CAIE,gBAAA,EAAC,SAAD,EAAA,UACG,EAAM,gBAAgB,EAAE,IAAA,CAAK,MAC5B,gBAAA,EAAC,MAAD,EAAA,UACG,EAAY,QAAQ,IAAA,CAAK,MAAW;AACnC,YAAM,IAAQ,EAAO,OAAO,UAAU,MAAM,SAAS,SAC/C,IAAS,EAAO,OAAO,YAAY,GACnC,IACJ,CAAC,EAAO,iBAAiB,EAAO,OAAO,WAAW;AACpD,aACE,gBAAA,EAAC,MAAD;AAAA,QAEE,OAAM;AAAA,QACN,SAAS,EAAO;AAAA,QAChB,aACE,MAAW,QACP,cACA,MAAW,SACT,eACA;AAAA,QAER,WAAW,EACT,IACA,QACA,KAAS,WACT,MAAU,SAAS,cACnB,EAAO,OAAO,UAAU,MAAM,SAChC;AAAA,QAEC,UAAA,EAAO,gBAAgB,OAAO,IAC7B,gBAAA,EAAC,UAAD;AAAA,UACE,MAAK;AAAA,UACL,SAAS,EAAO,OAAO,wBAAwB;AAAA,UAC/C,WAAW,EACT,sJACA,MAAU,SAAS,oBACnB,KAAU,kBACZ;AAAA,UAPF,UAAA,CASE,gBAAA,EAAC,GAAD,EAAoB,QAAA,EAAS,CAAA,GAC7B,gBAAA,EAAC,IAAD,EAAuB,QAAA,EAAS,CAAA,CAC1B;AAAA,QAER,CAAA,IAAA,gBAAA,EAAC,GAAD,EAAoB,QAAA,EAAS,CAAA;AAAA,MAE7B,GAlCG,EAAO,EAkCV;AAAA,IAER,CAAC,EACC,GA7CK,EAAY,EA6CjB,CACL,EACI,CAAA,GACP,gBAAA,EAAC,SAAD;AAAA,MAAO,WAAW;AAAA,MACf,UAAA,EAAM,SAAS,IACd,EAAM,IAAA,CAAK,GAAG,MACZ,gBAAA,EAAC,MAAD,EAAA,UACG,EAAM,kBAAkB,EAAE,IAAA,CAAK,MAC9B,gBAAA,EAAC,MAAD;AAAA,QAEE,WAAW,EACT,qBACA,GACA,KAAS,WACT,EAAO,UAAU,MAAM,SACzB;AAAA,QAEA,UAAA,gBAAA,EAAC,IAAD,EACE,WAAW,EACT,cACA,EAAO,UAAU,MAAM,UAAU,SAAS,SAC5C,EACD,CAAA;AAAA,MACC,GAdG,EAAO,EAcV,CACL,EACC,GAnBK,CAmBL,CACL,IACC,EAAK,WAAW,IAClB,gBAAA,EAAC,MAAD,EAAA,UACE,gBAAA,EAAC,MAAD;AAAA,QACE,SAAS;AAAA,QACT,WAAU;AAAA,QAET,UAAA,KAAa,MAAU,MAAM,EAAK,SAAS,IAC1C,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,UAAE;AAAA,UAAkB;AAAA,UAAM;AAAA,QAAI,EAAA,CAAA,IAE9B;AAAA,MAEA,CAAA,EACF,CAAA,IAEJ,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,EAAS,IAAI,CAAS,GACtB,EAAc,IAAA,CAAK,CAAC,GAAO,CAAA,MAC1B,gBAAA,EAAC,IAAD,EAAA,UAAA,CACE,gBAAA,EAAC,MAAD;AAAA,QAAI,oBAAiB;AAAA,QACnB,UAAA,gBAAA,EAAC,MAAD;AAAA,UACE,SAAS;AAAA,UAGT,WAAU;AAAA,UAET,UAAA;AAAA,QACC,CAAA;AAAA,MACF,CAAA,GACH,EAAY,IAAI,CAAS,CAClB,EAAA,GAZK,CAYL,CACX,CACD,EAAA,CAAA;AAAA,IAEC,CAAA,CACF;AAAA;AAGT,SACE,gBAAA,EAAC,OAAD;AAAA,IACE,WAAW,EACT,IACA,2CACA,CAAC,KAAiB,mBAClB,EACF;AAAA,IACA,GAAI;AAAA,IACJ,mBAAgB;AAAA,IARlB,UAAA,EAUI,KAAW,QAAS,KAAa,CAAC,MAKlC,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACG,KAAa,CAAC,KACb,gBAAA,EAAC,IAAD;AAAA,QACE,OAAO;AAAA,QACP,UAAU;AAAA,QACG,aAAA;AAAA,QACb,cAAY;AAAA,MACb,CAAA,GAEF,CACE;AAAA,IAEN,CAAA,GAAA,IAIC,gBAAA,EAAC,IAAD;AAAA,MACE,YAAY;AAAA,MACZ,WAAU;AAAA,MAET,UAAA;AAAA,IACa,CAAA,IAEhB,CAEC;AAAA;AAET;AAOA,SAAS,GAAc,EAAE,QAAA,EAAA,GAA8C;AACrE,SACE,gBAAA,EAAC,QAAD;AAAA,IACE,eAAA;AAAA,IACA,WAAW,EACT,yCACA,CAAC,KACC,gGACJ;AAAA,IAEC,UAAA,MAAW,QACV,gBAAA,EAAC,IAAD,CAAgB,CAAA,IACd,MAAW,SACb,gBAAA,EAAC,IAAD,CAAkB,CAAA,IAElB,gBAAA,EAAC,IAAD,CAAe,CAAA;AAAA,EAEb,CAAA;AAEV"}
+{"version":3,"file":"data-table-hzZb7Otx.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              onClear={() => 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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"}