@alfadocs/ui-kit 1.13.0 → 1.14.0

package/dist/_chunks/data-table-DC5rO3Ty.js

@@ -0,0 +1,1817 @@
+import { jsx as s, jsxs as L } from "react/jsx-runtime";
+import { useMemo as j, forwardRef as $, useState as G, useCallback as D, useEffect as K, useRef as B, createContext as Ce, useContext as Re, isValidElement as At, cloneElement as Pt, useImperativeHandle as Ot } from "react";
+import { S as Mt } from "./skeleton-CZbwyJAA.js";
+import { E as zt } from "./empty-state-X0sVPfVo.js";
+import { c as Gt } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { useGridFilter as _t, AgGridReact as jt } from "ag-grid-react";
+import { ModuleRegistry as Lt, AllCommunityModule as qt } from "ag-grid-community";
+import { I as Wt } from "./icon-button-group-VCCod3Hz.js";
+import { B as de } from "./button-nJaPh_HC.js";
+import { I as oe } from "./icon-button-DA2CAGHZ.js";
+import { P as me } from "./popover-Cqcjx-Ny.js";
+import { C as Bt } from "./checkbox-BuZ1u__2.js";
+import { T as Se } from "./text-input-CUvCb6ST.js";
+import { T as We } from "./tag-3wgkwwDB.js";
+import { D as he } from "./dropdown-menu-DU-Hrf33.js";
+import { X as $e } from "./x-B5YnXwCz.js";
+import { R as $t } from "./refresh-cw-DnI0cLFC.js";
+import { S as Ie } from "./search-QbWPlY5f.js";
+import { c as Kt } from "./createLucideIcon-DhHxpK9K.js";
+import { G as Ht } from "./grip-vertical-onSb1JXO.js";
+import { P as Vt } from "./printer-rkK0T1gi.js";
+import { F as Ke } from "./file-text-5yv6r2ls.js";
+import { D as ye } from "./download-CfYKJO_j.js";
+import { F as Ut } from "./file-spreadsheet-DmwyfV4O.js";
+import Xt from "i18next";
+import { S as Qt } from "./select-Bi8zril7.js";
+import { u as Jt } from "./registry-DvAUVLHh.js";
+import { u as Zt } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as Yt } from "./use-theme-CAuo6EYT.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const er = [
+  ["path", { d: "M10.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.5", key: "1g2yzs" }],
+  ["path", { d: "m14.3 19.6 1-.4", key: "11sv9r" }],
+  ["path", { d: "M15 3v7.5", key: "7lm50a" }],
+  ["path", { d: "m15.2 16.9-.9-.3", key: "1t7mvx" }],
+  ["path", { d: "m16.6 21.7.3-.9", key: "1j67ps" }],
+  ["path", { d: "m16.8 15.3-.4-1", key: "1ei7r6" }],
+  ["path", { d: "m19.1 15.2.3-.9", key: "18r7jp" }],
+  ["path", { d: "m19.6 21.7-.4-1", key: "z2vh2" }],
+  ["path", { d: "m20.7 16.8 1-.4", key: "19m87a" }],
+  ["path", { d: "m21.7 19.4-.9-.3", key: "1qgwi9" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }]
+], tr = Kt("columns-3-cog", er);
+function rr(e) {
+  if (!At(e)) return e;
+  const t = e, n = t.props.className ?? "", a = /\bsize-|\bw-|\bh-/.test(n) ? n : `${n} ds:size-4`.trim();
+  return Pt(t, { className: a, size: t.props.size ?? 16 });
+}
+const He = Ce(null);
+function V(e) {
+  const t = Re(He);
+  if (!t)
+    throw new Error(
+      `${e} must be rendered inside <DataTable.Toolbar> as a descendant of <DataTable>.`
+    );
+  return t;
+}
+function ar({
+  getApi: e,
+  selectionCount: t,
+  onPrint: n,
+  markColumnsUserTouched: a,
+  children: i
+}) {
+  const d = j(
+    () => ({ getApi: e, selectionCount: t, onPrint: n, markColumnsUserTouched: a }),
+    [e, t, n, a]
+  );
+  return /* @__PURE__ */ s(He.Provider, { value: d, children: i });
+}
+const nr = [
+  "data-table-toolbar",
+  // Mobile (<sm) keeps `flex-wrap` so a wide QuickSearch can flow above the
+  // Actions cluster on narrow screens. From `sm` (≥640px) we switch to
+  // `flex-nowrap` + `min-w-0` so the row stays single-line at every common
+  // desktop width (1024 / 1280 / 1440) — the QuickSearch slot shrinks via
+  // its own `min-w-0` instead of pushing the trailing Actions to a new row.
+  "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+  "ds:sm:flex-nowrap ds:min-w-0"
+  // No card surface: the toolbar sits directly on the page background,
+  // matching the header-tools layout the Patients / Care Plan List
+  // patterns established (the old bg-card + border + shadow bar is gone).
+].join(" "), Ve = $(
+  ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: a,
+      role: "toolbar",
+      className: [nr, e ?? ""].join(" ").trim(),
+      ...n,
+      children: t
+    }
+  )
+);
+Ve.displayName = "DataTable.Toolbar";
+const Ue = $(
+  ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: a,
+      className: [
+        "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+        // `grow` lets FilterBar absorb the free space; `min-w-0` lets the
+        // QuickSearch slot inside shrink below its intrinsic width when the
+        // toolbar runs `flex-nowrap` at `sm` and above, so the trailing
+        // Actions cluster stays pinned on a single row.
+        "ds:grow ds:min-w-0",
+        e ?? ""
+      ].join(" ").trim(),
+      ...n,
+      children: t
+    }
+  )
+);
+Ue.displayName = "DataTable.Toolbar.FilterBar";
+const Xe = $(
+  ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: a,
+      className: [
+        "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        "ds:ms-auto",
+        e ?? ""
+      ].join(" ").trim(),
+      ...n,
+      children: t
+    }
+  )
+);
+Xe.displayName = "DataTable.Toolbar.Actions";
+const Ee = $(
+  ({ label: e, onExport: t, intent: n = "outline", ...a }, i) => {
+    const { t: d } = A(), { getApi: m } = V("DataTable.Toolbar.ExportCsv"), g = D(() => {
+      const p = m();
+      p && (t ? t(p) : p.exportDataAsCsv());
+    }, [m, t]);
+    return /* @__PURE__ */ s(
+      oe,
+      {
+        ref: i,
+        type: "button",
+        intent: n,
+        icon: /* @__PURE__ */ s(ye, { "aria-hidden": !0 }),
+        tooltip: e ?? d("dataTable.exportCsv"),
+        onClick: g,
+        ...a
+      }
+    );
+  }
+);
+Ee.displayName = "DataTable.Toolbar.ExportCsv";
+function ae(e, t = [30, 30, 30]) {
+  if (typeof document > "u") return t;
+  const n = document.createElement("span");
+  n.style.color = `hsl(var(${e}))`, n.style.position = "absolute", n.style.visibility = "hidden", document.body.appendChild(n);
+  const a = getComputedStyle(n).color;
+  document.body.removeChild(n);
+  const i = a.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/i);
+  return i ? [Number(i[1]), Number(i[2]), Number(i[3])] : t;
+}
+async function Qe(e, t) {
+  if (!e) return;
+  const [{ jsPDF: n }, { default: a }] = await Promise.all([
+    import("./jspdf.es.min-DaapWjR1.js").then((C) => C.j),
+    import("./jspdf.plugin.autotable-CSiDNyPn.js")
+  ]), d = (e.getColumns() ?? []).filter((C) => C.isVisible()), m = [
+    d.map((C) => e.getDisplayNameForColumn(C, null) ?? "")
+  ], g = [];
+  e.forEachNodeAfterFilterAndSort((C) => {
+    if (!C.data) return;
+    const c = d.map((f) => {
+      const w = e.getCellValue({
+        rowNode: C,
+        colKey: f,
+        useFormatter: !0
+      });
+      return w == null ? "" : String(w);
+    });
+    g.push(c);
+  });
+  const p = ae("--muted", [240, 240, 240]), h = ae("--foreground", [30, 30, 30]), u = ae("--card-foreground", [30, 30, 30]), b = ae("--card", [250, 250, 250]), S = new n({ orientation: "landscape" });
+  a(S, {
+    head: m,
+    body: g,
+    headStyles: { fillColor: p, textColor: h },
+    bodyStyles: { textColor: u },
+    alternateRowStyles: { fillColor: b },
+    styles: {
+      font: "helvetica",
+      fontSize: 10,
+      cellPadding: 4
+    }
+  }), S.save(t.fileName);
+}
+const De = $(
+  ({ label: e, onClick: t, fileName: n, intent: a = "outline", ...i }, d) => {
+    const { t: m } = A(), { getApi: g } = V("DataTable.Toolbar.ExportPdf"), p = D(() => {
+      const h = g();
+      if (t) {
+        t(h);
+        return;
+      }
+      Qe(h, {
+        fileName: n ?? "data-table-export.pdf"
+      });
+    }, [g, t, n]);
+    return /* @__PURE__ */ s(
+      oe,
+      {
+        ref: d,
+        type: "button",
+        intent: a,
+        icon: /* @__PURE__ */ s(Ke, { "aria-hidden": !0 }),
+        tooltip: e ?? m("dataTable.exportPdf"),
+        onClick: p,
+        ...i
+      }
+    );
+  }
+);
+De.displayName = "DataTable.Toolbar.ExportPdf";
+const Ne = $(
+  ({ label: e, intent: t = "outline", ...n }, a) => {
+    const { t: i } = A(), { onPrint: d } = V("DataTable.Toolbar.Print");
+    return /* @__PURE__ */ s(
+      oe,
+      {
+        ref: a,
+        type: "button",
+        intent: t,
+        icon: /* @__PURE__ */ s(Vt, { "aria-hidden": !0 }),
+        tooltip: e ?? i("dataTable.print"),
+        onClick: d,
+        ...n
+      }
+    );
+  }
+);
+Ne.displayName = "DataTable.Toolbar.Print";
+const Je = ({ placeholder: e, debounceMs: t = 150 }) => {
+  const { t: n } = A(), { getApi: a } = V("DataTable.Toolbar.QuickSearch"), [i, d] = G(""), m = B(void 0);
+  return K(() => (m.current && window.clearTimeout(m.current), m.current = window.setTimeout(() => {
+    const g = a();
+    g && g.setGridOption("quickFilterText", i);
+  }, t), () => {
+    m.current && window.clearTimeout(m.current);
+  }), [i, t, a]), // Slot wrapper caps the search at a sensible legible width on desktop —
+  // without this, TextInput's `w-full` lets the QuickSearch absorb the
+  // entire FilterBar row and push trailing Actions onto a second line at
+  // 1024 / 1280 / 1440. `min-w-0` lets the slot shrink below `24rem` when
+  // the toolbar is squeezed on narrow viewports. There is no
+  // `--toolbar-search-max` token in the kit yet — see this component's
+  // summary for a follow-up note recommending we add one.
+  /* @__PURE__ */ s("div", { className: "ds:w-full ds:max-w-[24rem] ds:min-w-0", children: /* @__PURE__ */ s(
+    Se,
+    {
+      type: "search",
+      size: "sm",
+      value: i,
+      onChange: (g) => d(g.target.value),
+      placeholder: e ?? n("dataTable.quickSearch.placeholder", "Search…"),
+      startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": !0, className: "ds:size-4" }),
+      clearable: !0,
+      onClear: () => d(""),
+      "aria-label": n("dataTable.quickSearch.label", "Quick search")
+    }
+  ) });
+};
+Je.displayName = "DataTable.Toolbar.QuickSearch";
+const Fe = $(
+  ({ onRefresh: e, label: t, intent: n = "outline", ...a }, i) => {
+    const { t: d } = A();
+    return /* @__PURE__ */ s(
+      oe,
+      {
+        ref: i,
+        type: "button",
+        intent: n,
+        icon: /* @__PURE__ */ s($t, { "aria-hidden": !0 }),
+        tooltip: t ?? d("dataTable.refresh", "Refresh"),
+        onClick: e,
+        ...a
+      }
+    );
+  }
+);
+Fe.displayName = "DataTable.Toolbar.Refresh";
+function or(e, t) {
+  if (!e || typeof e != "object") return "";
+  const n = e;
+  if (typeof n.filter == "string" || typeof n.filter == "number") {
+    const a = typeof n.type == "string" ? n.type : "", i = typeof n.filterTo == "string" || typeof n.filterTo == "number" ? String(n.filterTo) : "";
+    return a === "inRange" && i ? `${n.filter} – ${i}` : a ? `${t(`dataTable.agGrid.${a}`, a)} ${n.filter}` : String(n.filter);
+  }
+  return typeof n.dateFrom == "string" ? typeof n.dateTo == "string" && n.dateTo ? `${n.dateFrom} – ${n.dateTo}` : String(n.dateFrom) : Array.isArray(n.values) ? n.values.map(String).join(", ") : "";
+}
+const Ze = () => {
+  const { t: e } = A(), { getApi: t } = V("DataTable.Toolbar.FilterChips"), [n, a] = G([]), [i, d] = G(""), m = D(() => {
+    const u = t();
+    if (!u) {
+      a([]), d("");
+      return;
+    }
+    const b = u.getFilterModel() ?? {}, S = u.getColumns() ?? [], C = [];
+    for (const f of Object.keys(b)) {
+      const w = S.find((R) => R.getColId() === f), T = u.getDisplayNameForColumn(w, null) ?? f;
+      C.push({
+        colId: f,
+        headerName: T,
+        text: or(b[f], e)
+      });
+    }
+    a(C);
+    const c = u.getGridOption("quickFilterText");
+    d(typeof c == "string" ? c : "");
+  }, [t, e]);
+  if (K(() => {
+    let u;
+    const b = (c) => m(), S = (c) => {
+      c.addEventListener("filterChanged", b), m(), u = () => c.removeEventListener("filterChanged", b);
+    }, C = t();
+    if (C)
+      S(C);
+    else {
+      const c = window.setInterval(() => {
+        const f = t();
+        f && (window.clearInterval(c), S(f));
+      }, 50);
+      u = () => window.clearInterval(c);
+    }
+    return () => u == null ? void 0 : u();
+  }, [t, m]), n.length + (i ? 1 : 0) === 0) return null;
+  function p(u) {
+    const b = t();
+    b && b.destroyFilter(u);
+  }
+  function h() {
+    const u = t();
+    u && (u.setFilterModel(null), u.setGridOption("quickFilterText", ""), d(""));
+  }
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      role: "group",
+      "aria-label": e("dataTable.filterChips.label", "Active filters"),
+      className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+      children: [
+        i && /* @__PURE__ */ s(
+          We,
+          {
+            label: `${e("dataTable.quickSearch.label", "Quick search")}: ${i}`,
+            size: "sm",
+            fill: "outline",
+            onRemove: () => {
+              const u = t();
+              u == null || u.setGridOption("quickFilterText", ""), d("");
+            }
+          }
+        ),
+        n.map((u) => /* @__PURE__ */ s(
+          We,
+          {
+            label: u.text ? `${u.headerName}: ${u.text}` : u.headerName,
+            size: "sm",
+            fill: "outline",
+            onRemove: () => p(u.colId)
+          },
+          u.colId
+        )),
+        /* @__PURE__ */ s(
+          de,
+          {
+            type: "button",
+            intent: "ghost",
+            size: "sm",
+            onClick: h,
+            startIcon: /* @__PURE__ */ s($e, { "aria-hidden": !0, className: "ds:size-4" }),
+            children: e("dataTable.filterChips.clearAll", "Clear all")
+          }
+        )
+      ]
+    }
+  );
+};
+Ze.displayName = "DataTable.Toolbar.FilterChips";
+const Ye = ({
+  field: e,
+  options: t,
+  label: n
+}) => {
+  const { t: a } = A(), { getApi: i } = V("DataTable.Toolbar.FacetFilter"), [d, m] = G(null);
+  function g(p) {
+    m(p);
+    const h = i();
+    if (h) {
+      if (p === null) {
+        h.destroyFilter(e);
+        return;
+      }
+      h.setColumnFilterModel(e, {
+        type: "equals",
+        filter: p
+      }), h.onFilterChanged();
+    }
+  }
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "group",
+      "aria-label": n ?? a("dataTable.facetFilter.label", "Filter"),
+      className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+      children: t.map((p) => {
+        const h = d === p.value;
+        return /* @__PURE__ */ s(
+          de,
+          {
+            type: "button",
+            size: "sm",
+            intent: h ? "primary" : "secondary",
+            "aria-pressed": h,
+            onClick: () => g(p.value),
+            children: p.label
+          },
+          String(p.value)
+        );
+      })
+    }
+  );
+};
+Ye.displayName = "DataTable.Toolbar.FacetFilter";
+const ir = ["csv", "xlsx", "pdf"];
+async function sr(e, t) {
+  if (!e) return;
+  const n = await import("./exceljs.min-D2MHbJsF.js").then((f) => f.e), a = new n.Workbook(), i = a.addWorksheet("Sheet1"), m = (e.getColumns() ?? []).filter((f) => f.isVisible());
+  i.addRow(
+    m.map(
+      (f) => e.getDisplayNameForColumn(f, null) ?? f.getColId()
+    )
+  ), e.forEachNodeAfterFilterAndSort((f) => {
+    f.data && i.addRow(
+      m.map((w) => {
+        const T = e.getCellValue({
+          rowNode: f,
+          colKey: w,
+          useFormatter: !0
+        });
+        return T ?? "";
+      })
+    );
+  });
+  const g = ae("--muted", [240, 240, 240]), p = ae("--foreground", [30, 30, 30]), h = i.getRow(1), u = ([f, w, T]) => `${f.toString(16).padStart(2, "0")}${w.toString(16).padStart(2, "0")}${T.toString(16).padStart(2, "0")}`.toUpperCase();
+  h.eachCell((f) => {
+    f.font = { bold: !0, color: { argb: `FF${u(p)}` } }, f.fill = {
+      type: "pattern",
+      pattern: "solid",
+      fgColor: { argb: `FF${u(g)}` }
+    };
+  });
+  const b = await a.xlsx.writeBuffer(), S = new Blob([b], {
+    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+  }), C = URL.createObjectURL(S), c = document.createElement("a");
+  c.href = C, c.download = t.fileName, document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(C);
+}
+const et = Ce(null);
+function lr() {
+  const e = Re(et);
+  if (!e)
+    throw new Error(
+      "DataTable.Toolbar.ExportMenu.Item must be rendered inside DataTable.Toolbar.ExportMenu."
+    );
+  return e;
+}
+const ke = $(
+  ({ children: e, label: t, intent: n = "outline", ...a }, i) => {
+    const { t: d } = A(), { getApi: m } = V("DataTable.Toolbar.ExportMenu"), g = j(() => ({ getApi: m }), [m]), p = e ?? ir.map((h) => /* @__PURE__ */ s(Ae, { format: h }, h));
+    return /* @__PURE__ */ s(et.Provider, { value: g, children: /* @__PURE__ */ L(he.Root, { children: [
+      /* @__PURE__ */ s(he.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+        oe,
+        {
+          ref: i,
+          type: "button",
+          intent: n,
+          icon: /* @__PURE__ */ s(ye, { "aria-hidden": !0 }),
+          tooltip: t ?? d("dataTable.export.menu", "Export"),
+          "aria-label": t ?? d("dataTable.export.menu", "Export"),
+          "aria-haspopup": "menu",
+          ...a
+        }
+      ) }),
+      /* @__PURE__ */ s(he.Content, { align: "end", sideOffset: 4, children: p })
+    ] }) });
+  }
+);
+ke.displayName = "DataTable.Toolbar.ExportMenu";
+function dr(e, t) {
+  return t === "csv" ? e("dataTable.export.csv", "Export CSV") : t === "xlsx" ? e("dataTable.export.xlsx", "Export Excel") : t === "pdf" ? e("dataTable.export.pdf", "Export PDF") : e("dataTable.export.custom", "Export");
+}
+function cr(e) {
+  return e === "csv" ? /* @__PURE__ */ s(ye, { "aria-hidden": !0, className: "ds:size-4" }) : e === "xlsx" ? /* @__PURE__ */ s(Ut, { "aria-hidden": !0, className: "ds:size-4" }) : e === "pdf" ? /* @__PURE__ */ s(Ke, { "aria-hidden": !0, className: "ds:size-4" }) : /* @__PURE__ */ s(ye, { "aria-hidden": !0, className: "ds:size-4" });
+}
+const Ae = ({
+  format: e,
+  label: t,
+  onClick: n,
+  fileName: a
+}) => {
+  const { t: i } = A(), { getApi: d } = lr(), m = D(() => {
+    const g = d();
+    if (e === "csv") {
+      g == null || g.exportDataAsCsv();
+      return;
+    }
+    if (e === "pdf") {
+      Qe(g, {
+        fileName: a ?? "data-table-export.pdf"
+      });
+      return;
+    }
+    if (e === "xlsx") {
+      sr(g, {
+        fileName: a ?? "data-table-export.xlsx"
+      });
+      return;
+    }
+    n == null || n(g);
+  }, [e, a, n, d]);
+  return /* @__PURE__ */ s(he.Item, { onSelect: m, children: /* @__PURE__ */ L("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    cr(e),
+    /* @__PURE__ */ s("span", { children: t ?? dr(i, e) })
+  ] }) });
+};
+Ae.displayName = "DataTable.Toolbar.ExportMenu.Item";
+function ur(e) {
+  if (!e) return [];
+  const t = (a) => a.getPinned() === "left" ? 0 : a.getPinned() === "right" ? 2 : 1;
+  return [...e.getAllGridColumns() ?? []].sort(
+    (a, i) => t(a) - t(i)
+  ).map((a) => a.getColDef().hide === void 0 && a.getColId().startsWith("ag-Grid-") ? null : {
+    colId: a.getColId(),
+    displayName: e.getDisplayNameForColumn(a, null) || a.getColId(),
+    visible: a.isVisible()
+  }).filter((a) => a !== null);
+}
+const Pe = $(
+  function({ label: t, icon: n, footer: a, header: i, intent: d = "outline", ...m }, g) {
+    const { t: p } = A(), { getApi: h, markColumnsUserTouched: u } = V(
+      "DataTable.Toolbar.ColumnToggle"
+    ), [b, S] = G(!1), [C, c] = G([]), [f, w] = G(null), [T, R] = G(null);
+    K(() => {
+      b && c(ur(h()));
+    }, [b, h]);
+    const I = D(
+      (v, O) => {
+        const M = h();
+        M && (M.setColumnsVisible([v], O), u == null || u([v]), c(
+          (F) => F.map(
+            (N) => N.colId === v ? { ...N, visible: O } : N
+          )
+        ));
+      },
+      [h, u]
+    ), ee = D(
+      (v, O) => {
+        if (v === O) return;
+        const M = h();
+        if (!M) return;
+        c((z) => {
+          const E = z.findIndex((Q) => Q.colId === v), ie = z.findIndex((Q) => Q.colId === O);
+          if (E < 0 || ie < 0) return z;
+          const X = [...z], [xe] = X.splice(E, 1);
+          return X.splice(ie, 0, xe), X;
+        });
+        const F = M.getAllGridColumns(), N = F.find((z) => z.getColId() === v), q = F.find((z) => z.getColId() === O);
+        if (!N || !q) return;
+        N.getPinned() !== q.getPinned() && M.setColumnsPinned([v], q.getPinned() ?? null);
+        const U = M.getAllGridColumns().findIndex((z) => z.getColId() === O);
+        U >= 0 && M.moveColumns([v], U);
+      },
+      [h]
+    ), _ = t ?? p("dataTable.columnToggle");
+    return /* @__PURE__ */ L(me.Root, { open: b, onOpenChange: S, children: [
+      /* @__PURE__ */ s(me.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+        oe,
+        {
+          ref: g,
+          type: "button",
+          intent: d,
+          icon: n ?? /* @__PURE__ */ s(tr, { "aria-hidden": !0 }),
+          tooltip: _,
+          "aria-label": _,
+          "aria-haspopup": "dialog",
+          ...m
+        }
+      ) }),
+      /* @__PURE__ */ L(
+        me.Content,
+        {
+          size: "sm",
+          align: "end",
+          className: "ds:flex ds:max-h-[var(--radix-popover-content-available-height)] ds:flex-col",
+          children: [
+            /* @__PURE__ */ s(me.Heading, { children: _ }),
+            i ? /* @__PURE__ */ s("div", { className: "ds:mb-[var(--spacing-xs)] ds:border-b ds:border-[color:var(--border)] ds:pb-[var(--spacing-sm)]", children: i }) : null,
+            /* @__PURE__ */ s(
+              "ul",
+              {
+                className: "ds:flex ds:min-h-0 ds:flex-col ds:gap-[var(--spacing-xs)] ds:overflow-y-auto",
+                "aria-label": _,
+                children: C.map((v) => {
+                  const O = f === v.colId, M = T === v.colId && f !== v.colId;
+                  return /* @__PURE__ */ L(
+                    "li",
+                    {
+                      draggable: !0,
+                      onDragStart: (F) => {
+                        w(v.colId), F.dataTransfer.effectAllowed = "move", F.dataTransfer.setData("text/plain", v.colId);
+                      },
+                      onDragOver: (F) => {
+                        F.preventDefault(), F.dataTransfer.dropEffect = "move", R(v.colId);
+                      },
+                      onDragLeave: () => {
+                        R(
+                          (F) => F === v.colId ? null : F
+                        );
+                      },
+                      onDrop: (F) => {
+                        F.preventDefault();
+                        const N = F.dataTransfer.getData("text/plain");
+                        N && ee(N, v.colId), w(null), R(null);
+                      },
+                      onDragEnd: () => {
+                        w(null), R(null);
+                      },
+                      className: [
+                        "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-xs)] ds:py-[var(--spacing-2xs,var(--spacing-xs))] ds:transition-colors",
+                        O ? "ds:opacity-50" : "",
+                        M ? "ds:bg-[color:color-mix(in_srgb,var(--primary)_8%,transparent)]" : ""
+                      ].filter(Boolean).join(" "),
+                      children: [
+                        /* @__PURE__ */ s(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: "ds:cursor-grab ds:text-[color:var(--muted-foreground)] ds:active:cursor-grabbing",
+                            children: /* @__PURE__ */ s(Ht, { className: "ds:size-4" })
+                          }
+                        ),
+                        /* @__PURE__ */ s(
+                          Bt,
+                          {
+                            label: v.displayName,
+                            checked: v.visible,
+                            onCheckedChange: (F) => I(v.colId, F === !0)
+                          }
+                        )
+                      ]
+                    },
+                    v.colId
+                  );
+                })
+              }
+            ),
+            a ? /* @__PURE__ */ s("div", { className: "ds:mt-[var(--spacing-xs)] ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-sm)]", children: a }) : null
+          ]
+        }
+      )
+    ] });
+  }
+);
+Pe.displayName = "DataTable.Toolbar.ColumnToggle";
+const tt = $(
+  ({ label: e, icon: t, onClick: n, variant: a = "default", size: i = "sm", ...d }, m) => {
+    const { t: g } = A(), { getApi: p, selectionCount: h } = V(
+      "DataTable.Toolbar.BulkAction"
+    );
+    return h === 0 ? null : /* @__PURE__ */ L(
+      de,
+      {
+        ref: m,
+        type: "button",
+        intent: a === "destructive" ? "destructive" : "secondary",
+        size: i,
+        startIcon: rr(t),
+        onClick: () => n(p()),
+        "aria-label": `${e} (${g("dataTable.bulkAction", { count: h })})`,
+        ...d,
+        children: [
+          /* @__PURE__ */ s("span", { children: e }),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:ms-[var(--spacing-xs)] ds:opacity-80",
+              children: g("dataTable.bulkAction", { count: h })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+tt.displayName = "DataTable.Toolbar.BulkAction";
+for (const e of [
+  Ee,
+  De,
+  Ne,
+  Fe,
+  ke,
+  Pe
+])
+  e.rendersIconButton = !0;
+const pr = Object.assign(ke, {
+  Item: Ae
+}), be = Object.assign(Ve, {
+  FilterBar: Ue,
+  Actions: Xe,
+  /** @deprecated Use `Toolbar.ExportMenu` with a `csv` item. */
+  ExportCsv: Ee,
+  /** @deprecated Use `Toolbar.ExportMenu` with a `pdf` item. */
+  ExportPdf: De,
+  Print: Ne,
+  ColumnToggle: Pe,
+  BulkAction: tt,
+  QuickSearch: Je,
+  Refresh: Fe,
+  FilterChips: Ze,
+  FacetFilter: Ye,
+  ExportMenu: pr
+}), fr = [
+  "contains",
+  "equals",
+  "startsWith",
+  "endsWith",
+  "notContains"
+];
+function mr(e) {
+  const t = new Intl.Collator(e, {
+    sensitivity: "base",
+    usage: "search"
+  });
+  function n(a, i) {
+    if (i.length === 0) return 0;
+    if (i.length > a.length) return -1;
+    for (let d = 0; d <= a.length - i.length; d += 1)
+      if (t.compare(a.slice(d, d + i.length), i) === 0)
+        return d;
+    return -1;
+  }
+  return {
+    equals: (a, i) => t.compare(a, i) === 0,
+    contains: (a, i) => n(a, i) !== -1,
+    startsWith: (a, i) => i.length <= a.length && t.compare(a.slice(0, i.length), i) === 0,
+    endsWith: (a, i) => i.length <= a.length && t.compare(
+      a.slice(a.length - i.length),
+      i
+    ) === 0
+  };
+}
+function gr(e) {
+  return e == null ? null : typeof e == "string" ? e : String(e);
+}
+function hr(e) {
+  const { model: t, onModelChange: n, getValue: a, placeholder: i, defaultOperator: d } = e, { t: m } = A("ui"), g = (t == null ? void 0 : t.type) ?? d ?? "contains", [p, h] = G(g), [u, b] = G((t == null ? void 0 : t.filter) ?? "");
+  K(() => {
+    h((t == null ? void 0 : t.type) ?? d ?? "contains"), b((t == null ? void 0 : t.filter) ?? "");
+  }, [t, d]);
+  const S = j(() => mr(Xt.language), []);
+  _t({
+    doesFilterPass: (T) => {
+      const R = t;
+      if (!R || R.filter === "") return !0;
+      const I = gr(a(T.node));
+      if (I === null) return !1;
+      switch (R.type) {
+        case "equals":
+          return S.equals(I, R.filter);
+        case "contains":
+          return S.contains(I, R.filter);
+        case "startsWith":
+          return S.startsWith(I, R.filter);
+        case "endsWith":
+          return S.endsWith(I, R.filter);
+        case "notContains":
+          return !S.contains(I, R.filter);
+        default:
+          return !0;
+      }
+    }
+  });
+  function C() {
+    if (u.trim() === "") {
+      n(null);
+      return;
+    }
+    n({ type: p, filter: u });
+  }
+  function c() {
+    b(""), h(d ?? "contains"), n(null);
+  }
+  const f = fr.map(
+    (T) => ({
+      value: T,
+      label: m(`dataTable.textFilter.operators.${T}`)
+    })
+  ), w = i ?? m("dataTable.textFilter.placeholder");
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      "data-component": "text-filter",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[240px]",
+      children: [
+        /* @__PURE__ */ s(
+          Qt,
+          {
+            size: "sm",
+            options: f,
+            value: p,
+            onValueChange: (T) => {
+              T !== "" && h(T);
+            },
+            "aria-label": m("dataTable.textFilter.operators.contains")
+          }
+        ),
+        /* @__PURE__ */ s(
+          Se,
+          {
+            size: "sm",
+            value: u,
+            onChange: (T) => b(T.target.value),
+            onKeyDown: (T) => {
+              T.key === "Enter" && (T.preventDefault(), C());
+            },
+            placeholder: w,
+            "aria-label": w,
+            startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": "true", className: "ds:size-4" })
+          }
+        ),
+        /* @__PURE__ */ L("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]", children: [
+          /* @__PURE__ */ s(de, { intent: "ghost", size: "sm", onClick: c, type: "button", children: m("dataTable.textFilter.clear") }),
+          /* @__PURE__ */ s(de, { intent: "primary", size: "sm", onClick: C, type: "button", children: m("dataTable.textFilter.apply") })
+        ] })
+      ]
+    }
+  );
+}
+function br(e) {
+  var b, S;
+  const { model: t, onModelChange: n, column: a } = e, { t: i } = A("ui"), d = ((S = (b = a == null ? void 0 : a.getColDef) == null ? void 0 : b.call(a)) == null ? void 0 : S.filterParams) ?? {}, m = d.defaultOperator ?? "contains", g = d.placeholder ?? i("dataTable.textFilter.placeholder"), [p, h] = G((t == null ? void 0 : t.filter) ?? "");
+  K(() => {
+    h((t == null ? void 0 : t.filter) ?? "");
+  }, [t == null ? void 0 : t.filter]), K(() => {
+    if (p === ((t == null ? void 0 : t.filter) ?? "")) return;
+    const C = setTimeout(() => {
+      if (p === "") {
+        t && n(null);
+        return;
+      }
+      n({ type: m, filter: p });
+    }, 200);
+    return () => clearTimeout(C);
+  }, [p, m, t, n]);
+  function u() {
+    h(""), t && n(null);
+  }
+  return /* @__PURE__ */ s("div", { "data-component": "text-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(
+    Se,
+    {
+      size: "sm",
+      value: p,
+      onChange: (C) => h(C.target.value),
+      placeholder: g,
+      "aria-label": g,
+      startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": "true", className: "ds:size-4" }),
+      endAdornment: p.length > 0 ? /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          "aria-label": i("dataTable.textFilter.clear"),
+          onClick: u,
+          className: "ds:pointer-events-auto ds:flex ds:items-center ds:text-[var(--muted-foreground)] ds:hover:text-[var(--foreground)] ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+          children: /* @__PURE__ */ s($e, { "aria-hidden": "true", className: "ds:size-4" })
+        }
+      ) : void 0
+    }
+  ) });
+}
+const yr = /* @__PURE__ */ new Set(["presentation", "none"]), Be = '[role="presentation"][aria-hidden], [role="none"][aria-hidden]';
+function ge(e) {
+  const t = e.getAttribute("role");
+  t === null || !yr.has(t) || e.getAttribute("aria-hidden") === "false" && e.removeAttribute("aria-hidden");
+}
+function xr(e, t = !0) {
+  K(() => {
+    const n = e.current;
+    if (!t || !n || typeof MutationObserver > "u") return;
+    (() => {
+      for (const d of n.querySelectorAll(Be)) ge(d);
+    })();
+    const i = new MutationObserver((d) => {
+      for (const m of d)
+        if (m.type === "attributes")
+          ge(m.target);
+        else
+          for (const g of m.addedNodes)
+            if (g instanceof Element) {
+              ge(g);
+              for (const p of g.querySelectorAll(Be))
+                ge(p);
+            }
+    });
+    return i.observe(n, {
+      subtree: !0,
+      childList: !0,
+      attributes: !0,
+      attributeFilter: ["aria-hidden"]
+    }), () => i.disconnect();
+  }, [e, t]);
+}
+const ne = "__dsDetailOf", wr = "ds-data-table-expanded-row", rt = "::detail", Tr = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+function W(e) {
+  return typeof e == "object" && e !== null && typeof e[ne] == "string";
+}
+function vr(e) {
+  return `${e}${rt}`;
+}
+function fa(e) {
+  return e.endsWith(rt);
+}
+function Cr(e, t) {
+  return { ...e, [ne]: t };
+}
+const at = Ce(
+  null
+);
+function Rr(e) {
+  var c;
+  const t = Re(
+    at
+  ), { t: n } = A(), a = B(null), { data: i, node: d, api: m } = e, g = W(i), p = t == null ? void 0 : t.heights, h = d.id, u = B(t);
+  if (u.current = t, K(() => {
+    const f = a.current;
+    if (!f || !g || !p || h == null) return;
+    let w = p.get(h) ?? 0;
+    const T = () => {
+      const I = Math.ceil(f.getBoundingClientRect().height);
+      I <= 0 || I === w || (w = I, p.set(h, I), d.setRowHeight(I), m.onRowHeightChanged());
+    };
+    T();
+    const R = new ResizeObserver(T);
+    return R.observe(f), () => R.disconnect();
+  }, [m, h, p, g, d]), K(() => {
+    const f = a.current, w = f == null ? void 0 : f.parentElement;
+    if (!f || !w || !g) return;
+    const T = (R) => {
+      var I, ee;
+      R.target !== w || R.defaultPrevented || (R.key === "Escape" ? (R.stopPropagation(), (ee = (I = u.current) == null ? void 0 : I.onExpandedRowChange) == null || ee.call(I, null)) : R.key === "Enter" && (R.preventDefault(), (f.querySelector(Tr) ?? f).focus()));
+    };
+    return w.addEventListener("keydown", T), () => w.removeEventListener("keydown", T);
+  }, [g]), !g) {
+    const f = t == null ? void 0 : t.fallbackRenderer;
+    return f ? /* @__PURE__ */ s(f, { ...e }) : null;
+  }
+  const b = i[ne];
+  let S;
+  if (t != null && t.expanded && t.expanded.id === b)
+    S = t.expanded.row;
+  else {
+    const { [ne]: f, ...w } = i;
+    S = w;
+  }
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      ref: a,
+      role: "gridcell",
+      tabIndex: -1,
+      "data-component": "data-table-expanded-row",
+      "data-expanded-row-of": b,
+      className: "ds-data-table-expanded-row-surface",
+      onKeyDown: (f) => {
+        var w;
+        f.key !== "Escape" || f.defaultPrevented || (f.stopPropagation(), (w = t == null ? void 0 : t.onExpandedRowChange) == null || w.call(t, null));
+      },
+      children: [
+        /* @__PURE__ */ s("span", { className: "ds:sr-only", children: n("dataTable.expandedRow") }),
+        (c = t == null ? void 0 : t.renderExpandedRow) == null ? void 0 : c.call(t, S)
+      ]
+    }
+  );
+}
+const Sr = {
+  id: "data-table",
+  capabilities: [
+    "select_single",
+    "select_multiple",
+    "range_pick",
+    "filter",
+    "sort",
+    "paginate"
+  ],
+  state: {
+    selection: {
+      type: "string[]",
+      descriptionKey: "ui.agent.dataTable.state.selection",
+      description: "Row ids of currently-selected rows.",
+      read: (e) => e.getSelection()
+    },
+    filter: {
+      type: "object",
+      descriptionKey: "ui.agent.dataTable.state.filter",
+      description: "Current ag-grid filter model, keyed by column id.",
+      read: (e) => e.getFilter()
+    },
+    sort: {
+      type: "Array<{ colId, sort }>",
+      descriptionKey: "ui.agent.dataTable.state.sort",
+      description: "Active sort, in priority order.",
+      read: (e) => e.getSort()
+    },
+    currentPage: {
+      type: "number",
+      descriptionKey: "ui.agent.dataTable.state.currentPage",
+      description: "Zero-indexed page number.",
+      read: (e) => e.getCurrentPage()
+    },
+    expandedRowId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.dataTable.state.expandedRowId",
+      description: "Id of the row whose inline detail is open (expandable row), or null.",
+      read: (e) => e.getExpandedRowId()
+    }
+  },
+  actions: {
+    select_rows: {
+      // Transient grid selection (data-table convention) — stays read.
+      safety: "read",
+      argsType: "{ ids: string[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          ids: {
+            type: "array",
+            items: { type: "string" },
+            description: "Row ids to select (replaces the current selection)."
+          }
+        },
+        required: ["ids"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.dataTable.actions.selectRows",
+      description: "Replace the current selection with the given row ids.",
+      examples: [
+        { args: { ids: ["r-1", "r-2"] }, note: "Select the first two rows." }
+      ],
+      invoke: (e, t) => {
+        e.setSelection(t.ids);
+      }
+    },
+    select_range: {
+      safety: "read",
+      argsType: "{ fromId: string, toId: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          fromId: { type: "string", description: "Start row id (inclusive)." },
+          toId: { type: "string", description: "End row id (inclusive)." }
+        },
+        required: ["fromId", "toId"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.dataTable.actions.selectRange",
+      description: "Select every row between fromId and toId, inclusive, in current sort order.",
+      invoke: (e, t) => {
+        e.selectRange(t.fromId, t.toId);
+      }
+    },
+    clear_selection: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.dataTable.actions.clearSelection",
+      description: "Deselect all rows.",
+      invoke: (e) => {
+        e.clearSelection();
+      }
+    },
+    get_selection: {
+      safety: "read",
+      returns: "string[]",
+      returnsSchema: { type: "array", items: { type: "string" } },
+      idempotent: !0,
+      descriptionKey: "ui.agent.dataTable.actions.getSelection",
+      description: "Return the row ids of the currently-selected rows.",
+      invoke: (e) => e.getSelection()
+    },
+    apply_filter: {
+      safety: "read",
+      argsType: "{ model: Record<string, unknown> }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          model: {
+            type: "object",
+            description: "ag-grid filter model keyed by column id. Opaque per-column filter shapes; replaces the current model.",
+            additionalProperties: !0
+          }
+        },
+        required: ["model"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.dataTable.actions.applyFilter",
+      description: "Replace the filter model with the given object.",
+      invoke: (e, t) => {
+        e.setFilter(t.model);
+      }
+    },
+    sort_by: {
+      safety: "read",
+      argsType: "{ model: DataTableSortEntry[] }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          model: {
+            type: "array",
+            description: "Sort entries in priority order.",
+            items: {
+              type: "object",
+              properties: {
+                colId: { type: "string", description: "Column id to sort by." },
+                sort: { enum: ["asc", "desc"], description: "Sort direction." }
+              },
+              required: ["colId", "sort"]
+            }
+          }
+        },
+        required: ["model"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.dataTable.actions.sortBy",
+      description: "Replace the active sort with the given list (priority order).",
+      examples: [
+        {
+          args: { model: [{ colId: "name", sort: "asc" }] },
+          note: "Sort by name ascending."
+        }
+      ],
+      invoke: (e, t) => {
+        e.setSort(t.model);
+      }
+    },
+    go_to_page: {
+      safety: "read",
+      argsType: "{ page: number }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          page: {
+            type: "integer",
+            minimum: 0,
+            description: "Zero-indexed page number."
+          }
+        },
+        required: ["page"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.dataTable.actions.goToPage",
+      description: "Navigate to the given zero-indexed page.",
+      invoke: (e, t) => {
+        e.goToPage(t.page);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "data-table",
+      description: "Marks the DataTable wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "gridId",
+      description: "Sourced from the gridId prop. Required to address a specific table from the agent."
+    },
+    item: {
+      attr: "row-id",
+      description: 'Native ag-grid row-id attribute on each rendered record row. When an expandable row is open, one extra full-width row with row-id `<parentId>::detail` is the accordion detail, not a record — its cell carries data-component="data-table-expanded-row" and data-expanded-row-of="<parentId>"; skip it when enumerating rows (isExpandedRowDetailId). Selection is performed via the curated handle, not by DOM mutation.'
+    }
+  }
+};
+Lt.registerModules([qt]);
+const Ir = Gt("ag-theme-alfadocs ds:w-full", {
+  variants: {
+    density: {
+      default: "",
+      compact: "data-table-compact",
+      expanded: "data-table-expanded"
+    },
+    bordered: {
+      true: "",
+      false: "ds:[--ag-borders:none]"
+    }
+  },
+  defaultVariants: {
+    density: "default",
+    bordered: !0
+  }
+});
+function Er() {
+  const { t: e } = A();
+  return j(
+    () => ({
+      // Filter strings
+      contains: e("dataTable.agGrid.contains"),
+      notContains: e("dataTable.agGrid.notContains"),
+      equals: e("dataTable.agGrid.equals"),
+      notEqual: e("dataTable.agGrid.notEqual"),
+      startsWith: e("dataTable.agGrid.startsWith"),
+      endsWith: e("dataTable.agGrid.endsWith"),
+      lessThan: e("dataTable.agGrid.lessThan"),
+      greaterThan: e("dataTable.agGrid.greaterThan"),
+      inRange: e("dataTable.agGrid.inRange"),
+      blank: e("dataTable.agGrid.blank"),
+      notBlank: e("dataTable.agGrid.notBlank"),
+      filterOoo: e("dataTable.agGrid.filterOoo"),
+      applyFilter: e("dataTable.agGrid.applyFilter"),
+      resetFilter: e("dataTable.agGrid.resetFilter"),
+      noRowsToShow: e("dataTable.agGrid.noRowsToShow"),
+      selectAll: e("dataTable.agGrid.selectAll"),
+      // Pagination
+      page: e("dataTable.page"),
+      of: e("dataTable.of"),
+      to: e("dataTable.to"),
+      nextPage: e("dataTable.nextPage"),
+      previousPage: e("dataTable.previousPage"),
+      firstPage: e("dataTable.firstPage"),
+      lastPage: e("dataTable.lastPage"),
+      pageSize: e("dataTable.pageSize")
+    }),
+    [e]
+  );
+}
+function Dr() {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]",
+      children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ s(
+        Mt,
+        {
+          variant: "rectangular",
+          className: "ds:h-[var(--min-target-size)] ds:w-full"
+        },
+        t
+      ))
+    }
+  );
+}
+function Nr() {
+  const { t: e } = A();
+  return /* @__PURE__ */ s(
+    zt,
+    {
+      variant: "no-results",
+      size: "sm",
+      title: e("dataTable.noRows"),
+      description: e("dataTable.noRowsDescription")
+    }
+  );
+}
+function Fr(e) {
+  return e.map(({ pinned: t, ...n }) => n);
+}
+function kr(e) {
+  return e.map(({ hide: t, pinned: n, ...a }) => a);
+}
+function Ar(e, t) {
+  try {
+    const n = localStorage.getItem(`data-table-col-state:${e}`);
+    if (!n) return null;
+    const a = JSON.parse(n);
+    if (Array.isArray(a))
+      return {
+        state: kr(a),
+        touched: []
+      };
+    if (typeof a != "object" || a === null) return null;
+    const i = a;
+    return i.v !== 2 || !Array.isArray(i.state) ? null : {
+      state: i.dir === t ? i.state : Fr(i.state),
+      touched: Array.isArray(i.touched) ? i.touched.filter((d) => typeof d == "string") : []
+    };
+  } catch {
+    return null;
+  }
+}
+function Pr(e, t, n, a) {
+  try {
+    const i = {
+      v: 2,
+      dir: n,
+      state: t.getColumnState(),
+      touched: [...a]
+    };
+    localStorage.setItem(
+      `data-table-col-state:${e}`,
+      JSON.stringify(i)
+    );
+  } catch {
+  }
+}
+const Or = /* @__PURE__ */ new Set([
+  "api",
+  "flex",
+  "gridInitializing",
+  "gridOptionsChanged",
+  "autosizeColumns",
+  "sizeColumnsToFit"
+]);
+function Mr(e, t) {
+  const {
+    columnDefs: n,
+    rowData: a,
+    rowSelection: i,
+    pagination: d = !1,
+    paginationPageSize: m = 25,
+    paginationPageSizeSelector: g = [10, 25, 50, 100],
+    gridId: p,
+    onSelectionChanged: h,
+    onSortChanged: u,
+    onFilterChanged: b,
+    noRowsOverlay: S,
+    loadingOverlay: C,
+    gridOptions: c,
+    density: f,
+    bordered: w,
+    heightClass: T = "ds:h-[500px]",
+    className: R,
+    getRowClass: I,
+    pinnedBottomRowData: ee,
+    printMode: _ = !1,
+    expandedRowId: v,
+    renderExpandedRow: O,
+    onExpandedRowChange: M,
+    children: F
+  } = e, N = v !== void 0 || O !== void 0, q = c == null ? void 0 : c.getRowId;
+  if (N && !q)
+    throw new Error(
+      "DataTable: `expandedRowId` / `renderExpandedRow` require `gridOptions.getRowId` — the expanded row is addressed by row id, not by index."
+    );
+  const { t: U, i18n: z } = A(), E = B(null), ie = B(null);
+  xr(ie);
+  const [X, xe] = G(0), [Q, we] = G(""), ot = Er(), Oe = B(v);
+  Oe.current = v;
+  const Te = j(
+    () => ({
+      getSelection: () => {
+        var l;
+        const r = (l = E.current) == null ? void 0 : l.api;
+        if (!r) return [];
+        const o = [];
+        for (const y of r.getSelectedNodes())
+          y.id != null && !W(y.data) && o.push(y.id);
+        return o;
+      },
+      setSelection: (r) => {
+        var y;
+        const o = (y = E.current) == null ? void 0 : y.api;
+        if (!o) return;
+        const l = new Set(r);
+        o.forEachNode((x) => {
+          x.id != null && x.setSelected(l.has(x.id));
+        });
+      },
+      selectRange: (r, o) => {
+        var qe;
+        const l = (qe = E.current) == null ? void 0 : qe.api;
+        if (!l) return;
+        const y = [];
+        l.forEachNodeAfterFilterAndSort((Y) => {
+          Y.id != null && !W(Y.data) && y.push(Y.id);
+        });
+        const x = y.indexOf(r), k = y.indexOf(o);
+        if (x < 0 || k < 0) return;
+        const [P, re] = x <= k ? [x, k] : [k, x], Z = new Set(y.slice(P, re + 1));
+        l.forEachNode((Y) => {
+          Y.id != null && Y.setSelected(Z.has(Y.id));
+        });
+      },
+      clearSelection: () => {
+        var r, o;
+        (o = (r = E.current) == null ? void 0 : r.api) == null || o.deselectAll();
+      },
+      getFilter: () => {
+        var r, o;
+        return ((o = (r = E.current) == null ? void 0 : r.api) == null ? void 0 : o.getFilterModel()) ?? {};
+      },
+      setFilter: (r) => {
+        var o, l;
+        (l = (o = E.current) == null ? void 0 : o.api) == null || l.setFilterModel(r);
+      },
+      getSort: () => {
+        var o;
+        const r = (o = E.current) == null ? void 0 : o.api;
+        return r ? r.getColumnState().filter((l) => l.sort === "asc" || l.sort === "desc").map((l) => ({ colId: l.colId, sort: l.sort })) : [];
+      },
+      setSort: (r) => {
+        var y;
+        const o = (y = E.current) == null ? void 0 : y.api;
+        if (!o) return;
+        const l = o.getColumnState().map((x) => {
+          const k = r.find((P) => P.colId === x.colId);
+          return { ...x, sort: k ? k.sort : null };
+        });
+        o.applyColumnState({ state: l, defaultState: { sort: null } });
+      },
+      getCurrentPage: () => {
+        var r, o;
+        return ((o = (r = E.current) == null ? void 0 : r.api) == null ? void 0 : o.paginationGetCurrentPage()) ?? 0;
+      },
+      goToPage: (r) => {
+        var o, l;
+        (l = (o = E.current) == null ? void 0 : o.api) == null || l.paginationGoToPage(r);
+      },
+      getExpandedRowId: () => Oe.current ?? null,
+      getUserTouchedColumns: () => [...te.current],
+      markColumnsUserTouched: (r) => Me.current(r),
+      getRawApi: () => {
+        var r;
+        return (r = E.current) == null ? void 0 : r.api;
+      }
+    }),
+    []
+  ), ce = B(/* @__PURE__ */ new Map()), te = B(/* @__PURE__ */ new Set()), Me = B(
+    () => {
+    }
+  );
+  Ot(t, () => Te, [Te]), Jt(Sr, Te, p);
+  const ze = z.dir() === "rtl", it = a === void 0, st = Zt(), { resolvedTheme: Ge } = Yt(), lt = (Ge === "light-accessible" || Ge === "dark-accessible") && f === "compact" ? "default" : f, dt = j(() => {
+    if (!i) return;
+    const r = (o) => !W(o.data);
+    return i === "single" ? { mode: "singleRow", isRowSelectable: r } : {
+      mode: "multiRow",
+      headerCheckbox: !0,
+      checkboxes: !0,
+      isRowSelectable: r
+    };
+  }, [i]), ue = ze ? "rtl" : "ltr", H = D(
+    (r, o, l) => {
+      const y = new Set(o);
+      for (const x of r.getColumnState()) {
+        if (!y.has(x.colId)) continue;
+        const k = ce.current.get(x.colId) ?? {};
+        for (const P of l) k[P] = x[P];
+        ce.current.set(x.colId, k);
+      }
+    },
+    []
+  ), se = D(
+    (r) => {
+      p && Pr(p, r, ue, te.current);
+    },
+    [p, ue]
+  ), _e = D(
+    (r) => {
+      var l;
+      for (const y of r) te.current.add(y);
+      const o = (l = E.current) == null ? void 0 : l.api;
+      o && (H(o, r, ["hide"]), se(o));
+    },
+    [se, H]
+  );
+  Me.current = _e;
+  const ct = D(() => {
+    var l;
+    if (!((l = E.current) != null && l.api)) return;
+    const r = E.current.api, o = p ? Ar(p, ue) : null;
+    if (o) {
+      for (const y of o.touched) te.current.add(y);
+      r.applyColumnState({
+        state: o.state,
+        applyOrder: !0
+      }), H(r, o.touched, ["hide"]);
+    }
+  }, [p, ue, H]), ut = D(
+    (r) => {
+      var l;
+      if (r.source !== "gridOptionsChanged") return;
+      const o = (l = E.current) == null ? void 0 : l.api;
+      !o || ce.current.size === 0 || o.applyColumnState({
+        state: [...ce.current].map(([y, x]) => ({
+          colId: y,
+          ...x
+        }))
+      });
+    },
+    []
+  ), pe = D(
+    (r) => {
+      var y;
+      const o = (y = E.current) == null ? void 0 : y.api;
+      if (!o) return;
+      const l = (r.columns ?? (r.column ? [r.column] : [])).map((x) => x.getColId());
+      if (r.source && Or.has(r.source)) {
+        if (r.source === "api" && "visible" in r) {
+          const x = l.filter(
+            (k) => te.current.has(k)
+          );
+          x.length > 0 && (H(o, x, ["hide"]), se(o));
+        }
+        return;
+      }
+      if ("visible" in r) {
+        for (const x of l) te.current.add(x);
+        H(o, l, ["hide"]);
+      } else "pinned" in r ? H(o, l, ["pinned"]) : "flexColumns" in r && H(o, l, ["width", "flex"]);
+      se(o);
+    },
+    [se, H]
+  ), pt = j(() => {
+    if (!c) return;
+    const r = { ...c };
+    return delete r.defaultColDef, N && (delete r.getRowId, delete r.isFullWidthRow, delete r.fullWidthCellRenderer, delete r.getRowHeight, delete r.postSortRows, delete r.getRowClass, delete r.defaultCsvExportParams, delete r.defaultExcelExportParams), r;
+  }, [N, c]), je = B(/* @__PURE__ */ new Map()), le = B(c);
+  le.current = c;
+  const Le = D(
+    (r) => {
+      var o;
+      return q == null ? void 0 : q({
+        data: r,
+        level: 0,
+        api: (o = E.current) == null ? void 0 : o.api,
+        context: c == null ? void 0 : c.context
+      });
+    },
+    [q, c == null ? void 0 : c.context]
+  ), J = j(() => {
+    if (!N || v == null || !a) return null;
+    const r = a.find((o) => Le(o) === v);
+    return r === void 0 ? null : { id: v, row: r };
+  }, [N, v, Le, a]), ft = j(() => {
+    if (!J || !a) return a;
+    const r = a.indexOf(J.row), o = Cr(J.row, J.id);
+    return [
+      ...a.slice(0, r + 1),
+      o,
+      ...a.slice(r + 1)
+    ];
+  }, [J, a]), mt = D(
+    (r) => W(r.data) ? vr(r.data[ne]) : q(r),
+    [q]
+  ), gt = D(
+    (r) => {
+      var o, l;
+      return W(r.rowNode.data) || (((l = (o = le.current) == null ? void 0 : o.isFullWidthRow) == null ? void 0 : l.call(o, r)) ?? !1);
+    },
+    []
+  ), ht = D(
+    (r) => {
+      var o, l;
+      return W(r.data) ? je.current.get(r.node.id ?? "") : (l = (o = le.current) == null ? void 0 : o.getRowHeight) == null ? void 0 : l.call(o, r);
+    },
+    []
+  ), bt = D(
+    (r) => {
+      var P, re;
+      (re = (P = le.current) == null ? void 0 : P.postSortRows) == null || re.call(P, r);
+      const { nodes: o } = r, l = o.findIndex((Z) => W(Z.data));
+      if (l < 0) return;
+      const [y] = o.splice(l, 1), x = y.data[ne], k = o.findIndex((Z) => Z.id === x);
+      o.splice(k < 0 ? o.length : k + 1, 0, y);
+    },
+    []
+  ), yt = D(
+    (r) => {
+      var o, l;
+      return W(r.data) ? wr : ((l = (o = le.current) == null ? void 0 : o.getRowClass) == null ? void 0 : l.call(o, r)) ?? (I == null ? void 0 : I(r));
+    },
+    [I]
+  ), fe = D(
+    (r) => W(r.node.data),
+    []
+  ), xt = j(() => {
+    if (!N) return;
+    const r = c == null ? void 0 : c.defaultCsvExportParams;
+    return {
+      ...r,
+      shouldRowBeSkipped: (o) => {
+        var l;
+        return fe(o) || (((l = r == null ? void 0 : r.shouldRowBeSkipped) == null ? void 0 : l.call(r, o)) ?? !1);
+      }
+    };
+  }, [N, c == null ? void 0 : c.defaultCsvExportParams, fe]), wt = j(() => {
+    if (!N) return;
+    const r = c == null ? void 0 : c.defaultExcelExportParams;
+    return {
+      ...r,
+      shouldRowBeSkipped: (o) => {
+        var l;
+        return fe(o) || (((l = r == null ? void 0 : r.shouldRowBeSkipped) == null ? void 0 : l.call(r, o)) ?? !1);
+      }
+    };
+  }, [N, c == null ? void 0 : c.defaultExcelExportParams, fe]), ve = c == null ? void 0 : c.fullWidthCellRenderer, Tt = j(
+    () => ({
+      renderExpandedRow: O,
+      onExpandedRowChange: M,
+      expanded: J,
+      heights: je.current,
+      fallbackRenderer: typeof ve == "function" ? ve : void 0
+    }),
+    [
+      ve,
+      J,
+      M,
+      O
+    ]
+  ), vt = D(() => {
+    var l;
+    const r = (l = E.current) == null ? void 0 : l.api;
+    if (!r) return;
+    const o = r.getSelectedRows().filter((y) => !W(y));
+    xe(o.length), h == null || h(o);
+  }, [h]), Ct = D(
+    (r) => {
+      var l;
+      const o = (l = E.current) == null ? void 0 : l.api;
+      if (o) {
+        const x = o.getColumnState().find((k) => k.sort);
+        if (x) {
+          const k = x.colId, P = o.getColumnDef(k), re = (P == null ? void 0 : P.headerName) ?? k, Z = x.sort === "asc" ? "dataTable.sortAscending" : "dataTable.sortDescending";
+          we(
+            U("dataTable.sortAnnounce", {
+              column: re,
+              direction: U(Z)
+            })
+          );
+        } else
+          we("");
+      }
+      u == null || u(r);
+    },
+    [u, U]
+  ), Rt = D(
+    (r) => {
+      b == null || b(r);
+    },
+    [b]
+  );
+  K(() => {
+    if (!Q) return;
+    const r = setTimeout(() => we(""), 3e3);
+    return () => clearTimeout(r);
+  }, [Q]);
+  const St = S ?? Nr, It = C ?? Dr, Et = D(
+    () => {
+      var r;
+      return (r = E.current) == null ? void 0 : r.api;
+    },
+    []
+  ), Dt = D(() => {
+    typeof window < "u" && window.print();
+  }, []), Nt = Ir({
+    density: lt,
+    bordered: w,
+    className: R
+  }), Ft = F ?? /* @__PURE__ */ s("div", { className: "data-table-toolbar ds:flex ds:justify-end", children: /* @__PURE__ */ L(
+    Wt,
+    {
+      role: "toolbar",
+      "aria-label": U("dataTable.tableActions"),
+      className: "ds:bg-[var(--background)]",
+      children: [
+        /* @__PURE__ */ s(be.ExportMenu, {}),
+        /* @__PURE__ */ s(be.Print, {}),
+        /* @__PURE__ */ s(be.ColumnToggle, {})
+      ]
+    }
+  ) }), kt = _ ? !1 : d;
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      className: "ds:flex ds:w-full ds:min-h-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]",
+      "aria-busy": it ? "true" : void 0,
+      "data-component": "data-table",
+      "data-component-id": p,
+      "data-print-mode": _ ? "true" : void 0,
+      children: [
+        !_ && /* @__PURE__ */ s(
+          ar,
+          {
+            getApi: Et,
+            selectionCount: X,
+            onPrint: Dt,
+            markColumnsUserTouched: _e,
+            children: Ft
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            ref: ie,
+            className: [Nt, _ ? "" : T].join(" ").trim(),
+            children: /* @__PURE__ */ s(
+              at.Provider,
+              {
+                value: Tt,
+                children: /* @__PURE__ */ s(
+                  jt,
+                  {
+                    ref: E,
+                    theme: "legacy",
+                    columnDefs: n,
+                    rowData: ft,
+                    defaultColDef: {
+                      sortable: !0,
+                      // Default filter = DS-styled text filter so untyped columns
+                      // (no explicit `filter:` override) inherit the kit's form
+                      // language instead of AG Grid's stock browser-skinned input.
+                      // Number / date / select columns opt into their dedicated
+                      // wrapper per-column.
+                      filter: hr,
+                      floatingFilterComponent: br,
+                      resizable: !0,
+                      floatingFilter: !0,
+                      // §13d — faint sort icon advertises which columns are
+                      // sortable. v33+ moved this from grid-level to defaultColDef.
+                      unSortIcon: !0,
+                      ...c == null ? void 0 : c.defaultColDef
+                    },
+                    rowSelection: dt,
+                    pagination: kt,
+                    paginationPageSize: m,
+                    paginationPageSizeSelector: g,
+                    paginationNumberFormatter: (r) => new Intl.NumberFormat(z.language).format(r.value),
+                    animateRows: !st,
+                    enableRtl: ze,
+                    ensureDomOrder: !0,
+                    enableCellSpan: !0,
+                    enableCellTextSelection: !0,
+                    copyHeadersToClipboard: !0,
+                    accentedSort: !0,
+                    multiSortKey: "ctrl",
+                    suppressDragLeaveHidesColumns: !0,
+                    suppressRowClickSelection: i ? !0 : void 0,
+                    tooltipShowDelay: 500,
+                    tooltipHideDelay: 5e3,
+                    tooltipInteraction: !0,
+                    stopEditingWhenCellsLoseFocus: !0,
+                    maintainColumnOrder: !0,
+                    undoRedoCellEditing: !0,
+                    undoRedoCellEditingLimit: 20,
+                    suppressCellFocus: !1,
+                    rowBuffer: 10,
+                    localeText: ot,
+                    noRowsOverlayComponent: St,
+                    loadingOverlayComponent: It,
+                    getRowClass: N ? yt : I,
+                    pinnedBottomRowData: ee,
+                    domLayout: _ ? "autoHeight" : void 0,
+                    onGridReady: ct,
+                    onNewColumnsLoaded: ut,
+                    onColumnMoved: pe,
+                    onColumnResized: pe,
+                    onColumnPinned: pe,
+                    onColumnVisible: pe,
+                    onSortChanged: Ct,
+                    onFilterChanged: Rt,
+                    onSelectionChanged: vt,
+                    ...pt,
+                    ...N ? {
+                      getRowId: mt,
+                      isFullWidthRow: gt,
+                      fullWidthCellRenderer: Rr,
+                      getRowHeight: ht,
+                      postSortRows: bt,
+                      defaultCsvExportParams: xt,
+                      defaultExcelExportParams: wt
+                    } : {}
+                  }
+                )
+              }
+            )
+          }
+        ),
+        !_ && /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:justify-between type-body-sm ds:text-[color:var(--muted-foreground)]", children: X > 0 ? /* @__PURE__ */ s("span", { children: U("dataTable.selected", { count: X }) }) : /* @__PURE__ */ s("span", {}) }),
+        /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: Q })
+      ]
+    }
+  );
+}
+const nt = $(Mr);
+nt.displayName = "DataTable";
+const ma = Object.assign(nt, {
+  Toolbar: be
+});
+export {
+  ma as D,
+  wr as E,
+  hr as T,
+  br as a,
+  be as b,
+  ar as c,
+  Sr as d,
+  Qe as e,
+  vr as f,
+  fa as g,
+  W as i
+};
+//# sourceMappingURL=data-table-DC5rO3Ty.js.map