@alfadocs/ui-kit 0.23.0 → 0.24.0

package/dist/_chunks/editable-currency-cell-renderer-DJB5MxAI.js

@@ -0,0 +1,2349 @@
+import { jsx as s, jsxs as E } from "react/jsx-runtime";
+import { useMemo as I, forwardRef as j, useState as R, useCallback as M, useEffect as P, useRef as X, createContext as Ne, useContext as Se, isValidElement as we, cloneElement as Fe, useImperativeHandle as yt, useLayoutEffect as Tt } from "react";
+import { S as xt } from "./skeleton-CZbwyJAA.js";
+import { E as Ct } from "./empty-state-3CLJIXSj.js";
+import { c as Nt } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { useGridFilter as J, AgGridReact as St } from "ag-grid-react";
+import { ModuleRegistry as wt, AllCommunityModule as Ft } from "ag-grid-community";
+import { B as _ } from "./button-DD_0Xdmr.js";
+import { I as B } from "./icon-button-C4CGcYuz.js";
+import { P as Z } from "./popover--derJ_wq.js";
+import { C as Re } from "./checkbox-mwbrPZDY.js";
+import { T as fe } from "./text-input-CakysYnD.js";
+import { T as ae } from "./tag-CQmHRM4Y.js";
+import { D as Y } from "./dropdown-menu-DZxwF23X.js";
+import { X as De } from "./x-CCcI3eJp.js";
+import { c as pe } from "./createLucideIcon-CrFbzy84.js";
+import { S as me } from "./search-BonnQsHv.js";
+import { G as Rt } from "./grip-vertical-Dlg0_k5C.js";
+import { P as Dt } from "./printer-CeVEWfQq.js";
+import { F as ke } from "./file-text-DSNuv2B8.js";
+import { F as kt } from "./file-spreadsheet-zUkY8rJ2.js";
+import Et from "i18next";
+import { S as Ee } from "./select-C92AT_OZ.js";
+import { u as It } from "./registry-C9nwlNyL.js";
+import { D as Ie } from "./date-range-picker-9gANFNG9.js";
+import { M as zt } from "./multi-select-CyspR5ZF.js";
+import { A as ze } from "./autocomplete-C7xq06bP.js";
+import { N as ee } from "./number-input-BZXu6bPY.js";
+import { B as At } from "./badge-cLYVGlMh.js";
+import { A as Ae } from "./avatar-BpFohgWG.js";
+import { T as Pt } from "./tooltip-DHik5yRI.js";
+import { T as he } from "./timestamp-BV2lC-wV.js";
+import { S as Ot } from "./square-check-big-Jr-0202D.js";
+import { S as Mt } from "./square-CZoGU14v.js";
+import { c as Pe, a as Oe, b as Me, d as Le } from "./input-surface-xyERuLU_.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lt = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M12 3v18", key: "108xh3" }]
+], _t = pe("columns-2", Lt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const jt = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+], ne = pe("download", jt);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $t = [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+], qt = pe("refresh-cw", $t);
+function Gt(t) {
+  if (!we(t)) return t;
+  const e = t, a = e.props.className ?? "", n = /\bsize-|\bw-|\bh-/.test(a) ? a : `${a} ds:size-4`.trim();
+  return Fe(e, { className: n, size: e.props.size ?? 16 });
+}
+const _e = Ne(null);
+function $(t) {
+  const e = Se(_e);
+  if (!e)
+    throw new Error(
+      `${t} must be rendered inside <DataTable.Toolbar> as a descendant of <DataTable>.`
+    );
+  return e;
+}
+function Vt({
+  getApi: t,
+  selectionCount: e,
+  onPrint: a,
+  children: n
+}) {
+  const r = I(
+    () => ({ getApi: t, selectionCount: e, onPrint: a }),
+    [t, e, a]
+  );
+  return /* @__PURE__ */ s(_e.Provider, { value: r, children: n });
+}
+const Bt = [
+  "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",
+  // Brand-polish: give the toolbar its own card surface so it doesn't
+  // sit flush above the grid as a bare row. The `--card` token resolves to
+  // `--background` on the default light theme (white), which makes a
+  // shadow-only chrome invisible on the page — pair the card fill with the
+  // standard `--card-border` outline (same recipe as `<Card>`) so the
+  // toolbar reads as a discrete surface in both light and dark themes.
+  "ds:bg-[var(--card)] ds:rounded-[var(--radius-md)]",
+  "ds:border ds:border-[color:var(--card-border)]",
+  "ds:shadow-[var(--shadow-sm)]",
+  "ds:py-[var(--spacing-sm)] ds:px-[var(--spacing-md)]"
+].join(" "), je = j(
+  ({ className: t, children: e, ...a }, n) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: n,
+      role: "toolbar",
+      className: [Bt, t ?? ""].join(" ").trim(),
+      ...a,
+      children: e
+    }
+  )
+);
+je.displayName = "DataTable.Toolbar";
+const $e = j(
+  ({ className: t, children: e, ...a }, n) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: n,
+      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",
+        t ?? ""
+      ].join(" ").trim(),
+      ...a,
+      children: e
+    }
+  )
+);
+$e.displayName = "DataTable.Toolbar.FilterBar";
+const qe = j(
+  ({ className: t, children: e, ...a }, n) => /* @__PURE__ */ s(
+    "div",
+    {
+      ref: n,
+      className: [
+        "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        "ds:ms-auto",
+        t ?? ""
+      ].join(" ").trim(),
+      ...a,
+      children: e
+    }
+  )
+);
+qe.displayName = "DataTable.Toolbar.Actions";
+const Ge = j(
+  ({ label: t, onExport: e, intent: a = "outline", ...n }, r) => {
+    const { t: o } = F(), { getApi: l } = $("DataTable.Toolbar.ExportCsv"), u = M(() => {
+      const d = l();
+      d && (e ? e(d) : d.exportDataAsCsv());
+    }, [l, e]);
+    return /* @__PURE__ */ s(
+      B,
+      {
+        ref: r,
+        type: "button",
+        intent: a,
+        icon: /* @__PURE__ */ s(ne, { "aria-hidden": !0 }),
+        tooltip: t ?? o("dataTable.exportCsv"),
+        onClick: u,
+        ...n
+      }
+    );
+  }
+);
+Ge.displayName = "DataTable.Toolbar.ExportCsv";
+function K(t, e = [30, 30, 30]) {
+  if (typeof document > "u") return e;
+  const a = document.createElement("span");
+  a.style.color = `hsl(var(${t}))`, a.style.position = "absolute", a.style.visibility = "hidden", document.body.appendChild(a);
+  const n = getComputedStyle(a).color;
+  document.body.removeChild(a);
+  const r = n.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/i);
+  return r ? [Number(r[1]), Number(r[2]), Number(r[3])] : e;
+}
+async function Ve(t, e) {
+  if (!t) return;
+  const [{ jsPDF: a }, { default: n }] = await Promise.all([
+    import("./jspdf.es.min-DaapWjR1.js").then((g) => g.j),
+    import("./jspdf.plugin.autotable-CSiDNyPn.js")
+  ]), o = (t.getColumns() ?? []).filter((g) => g.isVisible()), l = [
+    o.map((g) => t.getDisplayNameForColumn(g, null) ?? "")
+  ], u = [];
+  t.forEachNodeAfterFilterAndSort((g) => {
+    if (!g.data) return;
+    const b = o.map((y) => {
+      const x = t.getCellValue({
+        rowNode: g,
+        colKey: y,
+        useFormatter: !0
+      });
+      return x == null ? "" : String(x);
+    });
+    u.push(b);
+  });
+  const d = K("--muted", [240, 240, 240]), i = K("--foreground", [30, 30, 30]), c = K("--card-foreground", [30, 30, 30]), p = K("--card", [250, 250, 250]), v = new a({ orientation: "landscape" });
+  n(v, {
+    head: l,
+    body: u,
+    headStyles: { fillColor: d, textColor: i },
+    bodyStyles: { textColor: c },
+    alternateRowStyles: { fillColor: p },
+    styles: {
+      font: "helvetica",
+      fontSize: 10,
+      cellPadding: 4
+    }
+  }), v.save(e.fileName);
+}
+const Be = j(
+  ({ label: t, onClick: e, fileName: a, intent: n = "outline", ...r }, o) => {
+    const { t: l } = F(), { getApi: u } = $("DataTable.Toolbar.ExportPdf"), d = M(() => {
+      const i = u();
+      if (e) {
+        e(i);
+        return;
+      }
+      Ve(i, {
+        fileName: a ?? "data-table-export.pdf"
+      });
+    }, [u, e, a]);
+    return /* @__PURE__ */ s(
+      B,
+      {
+        ref: o,
+        type: "button",
+        intent: n,
+        icon: /* @__PURE__ */ s(ke, { "aria-hidden": !0 }),
+        tooltip: t ?? l("dataTable.exportPdf"),
+        onClick: d,
+        ...r
+      }
+    );
+  }
+);
+Be.displayName = "DataTable.Toolbar.ExportPdf";
+const Ue = j(
+  ({ label: t, intent: e = "outline", ...a }, n) => {
+    const { t: r } = F(), { onPrint: o } = $("DataTable.Toolbar.Print");
+    return /* @__PURE__ */ s(
+      B,
+      {
+        ref: n,
+        type: "button",
+        intent: e,
+        icon: /* @__PURE__ */ s(Dt, { "aria-hidden": !0 }),
+        tooltip: t ?? r("dataTable.print"),
+        onClick: o,
+        ...a
+      }
+    );
+  }
+);
+Ue.displayName = "DataTable.Toolbar.Print";
+const He = ({ placeholder: t, debounceMs: e = 150 }) => {
+  const { t: a } = F(), { getApi: n } = $("DataTable.Toolbar.QuickSearch"), [r, o] = R(""), l = X(void 0);
+  return P(() => (l.current && window.clearTimeout(l.current), l.current = window.setTimeout(() => {
+    const u = n();
+    u && u.setGridOption("quickFilterText", r);
+  }, e), () => {
+    l.current && window.clearTimeout(l.current);
+  }), [r, e, n]), // 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(
+    fe,
+    {
+      type: "search",
+      size: "sm",
+      value: r,
+      onChange: (u) => o(u.target.value),
+      placeholder: t ?? a("dataTable.quickSearch.placeholder", "Search…"),
+      startAdornment: /* @__PURE__ */ s(me, { "aria-hidden": !0, className: "ds:size-4" }),
+      clearable: !0,
+      onClear: () => o(""),
+      "aria-label": a("dataTable.quickSearch.label", "Quick search")
+    }
+  ) });
+};
+He.displayName = "DataTable.Toolbar.QuickSearch";
+const Ke = j(
+  ({ onRefresh: t, label: e, intent: a = "outline", ...n }, r) => {
+    const { t: o } = F();
+    return /* @__PURE__ */ s(
+      B,
+      {
+        ref: r,
+        type: "button",
+        intent: a,
+        icon: /* @__PURE__ */ s(qt, { "aria-hidden": !0 }),
+        tooltip: e ?? o("dataTable.refresh", "Refresh"),
+        onClick: t,
+        ...n
+      }
+    );
+  }
+);
+Ke.displayName = "DataTable.Toolbar.Refresh";
+function Ut(t) {
+  if (!t || typeof t != "object") return "";
+  const e = t;
+  if (typeof e.filter == "string" || typeof e.filter == "number") {
+    const a = typeof e.type == "string" ? e.type : "", n = typeof e.filterTo == "string" || typeof e.filterTo == "number" ? String(e.filterTo) : "";
+    return a === "inRange" && n ? `${e.filter} – ${n}` : a ? `${a} ${e.filter}` : String(e.filter);
+  }
+  return typeof e.dateFrom == "string" ? typeof e.dateTo == "string" && e.dateTo ? `${e.dateFrom} – ${e.dateTo}` : String(e.dateFrom) : Array.isArray(e.values) ? e.values.map(String).join(", ") : "";
+}
+const We = () => {
+  const { t } = F(), { getApi: e } = $("DataTable.Toolbar.FilterChips"), [a, n] = R([]), [r, o] = R(""), l = M(() => {
+    const c = e();
+    if (!c) {
+      n([]), o("");
+      return;
+    }
+    const p = c.getFilterModel() ?? {}, v = c.getColumns() ?? [], g = [];
+    for (const y of Object.keys(p)) {
+      const x = v.find((m) => m.getColId() === y), f = c.getDisplayNameForColumn(x, null) ?? y;
+      g.push({
+        colId: y,
+        headerName: f,
+        text: Ut(p[y])
+      });
+    }
+    n(g);
+    const b = c.getGridOption("quickFilterText");
+    o(typeof b == "string" ? b : "");
+  }, [e]);
+  if (P(() => {
+    const c = e();
+    if (!c) return;
+    const p = (v) => l();
+    return c.addEventListener("filterChanged", p), l(), () => {
+      c.removeEventListener("filterChanged", p);
+    };
+  }, [e, l]), a.length + (r ? 1 : 0) === 0) return null;
+  function d(c) {
+    const p = e();
+    p && p.destroyFilter(c);
+  }
+  function i() {
+    const c = e();
+    c && (c.setFilterModel(null), c.setGridOption("quickFilterText", ""), o(""));
+  }
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      role: "group",
+      "aria-label": t("dataTable.filterChips.label", "Active filters"),
+      className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
+      children: [
+        r && /* @__PURE__ */ s(
+          ae,
+          {
+            label: `${t("dataTable.quickSearch.label", "Quick search")}: ${r}`,
+            size: "sm",
+            fill: "outline",
+            onRemove: () => {
+              const c = e();
+              c == null || c.setGridOption("quickFilterText", ""), o("");
+            }
+          }
+        ),
+        a.map((c) => /* @__PURE__ */ s(
+          ae,
+          {
+            label: c.text ? `${c.headerName}: ${c.text}` : c.headerName,
+            size: "sm",
+            fill: "outline",
+            onRemove: () => d(c.colId)
+          },
+          c.colId
+        )),
+        /* @__PURE__ */ s(
+          _,
+          {
+            type: "button",
+            intent: "ghost",
+            size: "sm",
+            onClick: i,
+            startIcon: /* @__PURE__ */ s(De, { "aria-hidden": !0, className: "ds:size-4" }),
+            children: t("dataTable.filterChips.clearAll", "Clear all")
+          }
+        )
+      ]
+    }
+  );
+};
+We.displayName = "DataTable.Toolbar.FilterChips";
+const Qe = ({
+  field: t,
+  options: e,
+  label: a
+}) => {
+  const { t: n } = F(), { getApi: r } = $("DataTable.Toolbar.FacetFilter"), [o, l] = R(null);
+  function u(d) {
+    l(d);
+    const i = r();
+    if (i) {
+      if (d === null) {
+        i.destroyFilter(t);
+        return;
+      }
+      i.setColumnFilterModel(t, {
+        type: "equals",
+        filter: d
+      }), i.onFilterChanged();
+    }
+  }
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "group",
+      "aria-label": a ?? n("dataTable.facetFilter.label", "Filter"),
+      className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+      children: e.map((d) => {
+        const i = o === d.value;
+        return /* @__PURE__ */ s(
+          _,
+          {
+            type: "button",
+            size: "sm",
+            intent: i ? "primary" : "secondary",
+            "aria-pressed": i,
+            onClick: () => u(d.value),
+            children: d.label
+          },
+          String(d.value)
+        );
+      })
+    }
+  );
+};
+Qe.displayName = "DataTable.Toolbar.FacetFilter";
+const Ht = ["csv", "xlsx", "pdf"];
+async function Kt(t, e) {
+  if (!t) return;
+  const a = await import("./exceljs.min-DUJ-5CGx.js").then((y) => y.e), n = new a.Workbook(), r = n.addWorksheet("Sheet1"), l = (t.getColumns() ?? []).filter((y) => y.isVisible());
+  r.addRow(
+    l.map(
+      (y) => t.getDisplayNameForColumn(y, null) ?? y.getColId()
+    )
+  ), t.forEachNodeAfterFilterAndSort((y) => {
+    y.data && r.addRow(
+      l.map((x) => {
+        const f = t.getCellValue({
+          rowNode: y,
+          colKey: x,
+          useFormatter: !0
+        });
+        return f ?? "";
+      })
+    );
+  });
+  const u = K("--muted", [240, 240, 240]), d = K("--foreground", [30, 30, 30]), i = r.getRow(1), c = ([y, x, f]) => `${y.toString(16).padStart(2, "0")}${x.toString(16).padStart(2, "0")}${f.toString(16).padStart(2, "0")}`.toUpperCase();
+  i.eachCell((y) => {
+    y.font = { bold: !0, color: { argb: `FF${c(d)}` } }, y.fill = {
+      type: "pattern",
+      pattern: "solid",
+      fgColor: { argb: `FF${c(u)}` }
+    };
+  });
+  const p = await n.xlsx.writeBuffer(), v = new Blob([p], {
+    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+  }), g = URL.createObjectURL(v), b = document.createElement("a");
+  b.href = g, b.download = e.fileName, document.body.appendChild(b), b.click(), document.body.removeChild(b), URL.revokeObjectURL(g);
+}
+const Xe = Ne(null);
+function Wt() {
+  const t = Se(Xe);
+  if (!t)
+    throw new Error(
+      "DataTable.Toolbar.ExportMenu.Item must be rendered inside DataTable.Toolbar.ExportMenu."
+    );
+  return t;
+}
+const Je = ({ children: t, label: e }) => {
+  const { t: a } = F(), { getApi: n } = $("DataTable.Toolbar.ExportMenu"), r = I(() => ({ getApi: n }), [n]), o = t ?? Ht.map((l) => /* @__PURE__ */ s(ge, { format: l }, l));
+  return /* @__PURE__ */ s(Xe.Provider, { value: r, children: /* @__PURE__ */ E(Y.Root, { children: [
+    /* @__PURE__ */ s(Y.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+      B,
+      {
+        type: "button",
+        intent: "outline",
+        icon: /* @__PURE__ */ s(ne, { "aria-hidden": !0 }),
+        tooltip: e ?? a("dataTable.export.menu", "Export"),
+        "aria-label": e ?? a("dataTable.export.menu", "Export"),
+        "aria-haspopup": "menu"
+      }
+    ) }),
+    /* @__PURE__ */ s(Y.Content, { align: "end", sideOffset: 4, children: o })
+  ] }) });
+};
+Je.displayName = "DataTable.Toolbar.ExportMenu";
+function Qt(t, e) {
+  return e === "csv" ? t("dataTable.export.csv", "Export CSV") : e === "xlsx" ? t("dataTable.export.xlsx", "Export Excel") : e === "pdf" ? t("dataTable.export.pdf", "Export PDF") : t("dataTable.export.custom", "Export");
+}
+function Xt(t) {
+  return t === "csv" ? /* @__PURE__ */ s(ne, { "aria-hidden": !0, className: "ds:size-4" }) : t === "xlsx" ? /* @__PURE__ */ s(kt, { "aria-hidden": !0, className: "ds:size-4" }) : t === "pdf" ? /* @__PURE__ */ s(ke, { "aria-hidden": !0, className: "ds:size-4" }) : /* @__PURE__ */ s(ne, { "aria-hidden": !0, className: "ds:size-4" });
+}
+const ge = ({
+  format: t,
+  label: e,
+  onClick: a,
+  fileName: n
+}) => {
+  const { t: r } = F(), { getApi: o } = Wt(), l = M(() => {
+    const u = o();
+    if (t === "csv") {
+      u == null || u.exportDataAsCsv();
+      return;
+    }
+    if (t === "pdf") {
+      Ve(u, {
+        fileName: n ?? "data-table-export.pdf"
+      });
+      return;
+    }
+    if (t === "xlsx") {
+      Kt(u, {
+        fileName: n ?? "data-table-export.xlsx"
+      });
+      return;
+    }
+    a == null || a(u);
+  }, [t, n, a, o]);
+  return /* @__PURE__ */ s(Y.Item, { onSelect: l, children: /* @__PURE__ */ E("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    Xt(t),
+    /* @__PURE__ */ s("span", { children: e ?? Qt(r, t) })
+  ] }) });
+};
+ge.displayName = "DataTable.Toolbar.ExportMenu.Item";
+function Jt(t) {
+  return t ? (t.getColumns() ?? []).map((a) => a.getColDef().hide === void 0 && a.getColId().startsWith("ag-Grid-") ? null : {
+    colId: a.getColId(),
+    displayName: t.getDisplayNameForColumn(a, null) || a.getColId(),
+    visible: a.isVisible()
+  }).filter((a) => a !== null) : [];
+}
+const Ze = ({ label: t }) => {
+  const { t: e } = F(), { getApi: a } = $("DataTable.Toolbar.ColumnToggle"), [n, r] = R(!1), [o, l] = R([]), [u, d] = R(null), [i, c] = R(null);
+  P(() => {
+    n && l(Jt(a()));
+  }, [n, a]);
+  const p = M(
+    (b, y) => {
+      const x = a();
+      x && (x.setColumnsVisible([b], y), l(
+        (f) => f.map(
+          (m) => m.colId === b ? { ...m, visible: y } : m
+        )
+      ));
+    },
+    [a]
+  ), v = M(
+    (b, y) => {
+      if (b === y) return;
+      const x = a();
+      if (!x) return;
+      l((m) => {
+        const h = m.findIndex((D) => D.colId === b), C = m.findIndex((D) => D.colId === y);
+        if (h < 0 || C < 0) return m;
+        const S = [...m], [z] = S.splice(h, 1);
+        return S.splice(C, 0, z), S;
+      });
+      const f = o.findIndex((m) => m.colId === y);
+      f >= 0 && x.moveColumns([b], f);
+    },
+    [a, o]
+  ), g = t ?? e("dataTable.columnToggle");
+  return /* @__PURE__ */ E(Z.Root, { open: n, onOpenChange: r, children: [
+    /* @__PURE__ */ s(Z.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+      B,
+      {
+        type: "button",
+        intent: "outline",
+        icon: /* @__PURE__ */ s(_t, { "aria-hidden": !0 }),
+        "aria-label": g,
+        "aria-haspopup": "dialog"
+      }
+    ) }),
+    /* @__PURE__ */ E(Z.Content, { size: "sm", align: "end", children: [
+      /* @__PURE__ */ s(Z.Heading, { children: g }),
+      /* @__PURE__ */ s(
+        "ul",
+        {
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          "aria-label": g,
+          children: o.map((b) => {
+            const y = u === b.colId, x = i === b.colId && u !== b.colId;
+            return /* @__PURE__ */ E(
+              "li",
+              {
+                draggable: !0,
+                onDragStart: (f) => {
+                  d(b.colId), f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", b.colId);
+                },
+                onDragOver: (f) => {
+                  f.preventDefault(), f.dataTransfer.dropEffect = "move", c(b.colId);
+                },
+                onDragLeave: () => {
+                  c((f) => f === b.colId ? null : f);
+                },
+                onDrop: (f) => {
+                  f.preventDefault();
+                  const m = f.dataTransfer.getData("text/plain");
+                  m && v(m, b.colId), d(null), c(null);
+                },
+                onDragEnd: () => {
+                  d(null), c(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",
+                  y ? "ds:opacity-50" : "",
+                  x ? "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(Rt, { className: "ds:size-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ s(
+                    Re,
+                    {
+                      label: b.displayName,
+                      checked: b.visible,
+                      onCheckedChange: (f) => p(b.colId, f === !0)
+                    }
+                  )
+                ]
+              },
+              b.colId
+            );
+          })
+        }
+      )
+    ] })
+  ] });
+};
+Ze.displayName = "DataTable.Toolbar.ColumnToggle";
+const Ye = j(
+  ({ label: t, icon: e, onClick: a, variant: n = "default", size: r = "sm", ...o }, l) => {
+    const { t: u } = F(), { getApi: d, selectionCount: i } = $(
+      "DataTable.Toolbar.BulkAction"
+    );
+    return i === 0 ? null : /* @__PURE__ */ E(
+      _,
+      {
+        ref: l,
+        type: "button",
+        intent: n === "destructive" ? "destructive" : "secondary",
+        size: r,
+        startIcon: Gt(e),
+        onClick: () => a(d()),
+        "aria-label": `${t} (${u("dataTable.bulkAction", { count: i })})`,
+        ...o,
+        children: [
+          /* @__PURE__ */ s("span", { children: t }),
+          /* @__PURE__ */ s(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "ds:ms-[var(--spacing-xs)] ds:opacity-80",
+              children: u("dataTable.bulkAction", { count: i })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Ye.displayName = "DataTable.Toolbar.BulkAction";
+const Zt = Object.assign(Je, {
+  Item: ge
+}), te = Object.assign(je, {
+  FilterBar: $e,
+  Actions: qe,
+  /** @deprecated Use `Toolbar.ExportMenu` with a `csv` item. */
+  ExportCsv: Ge,
+  /** @deprecated Use `Toolbar.ExportMenu` with a `pdf` item. */
+  ExportPdf: Be,
+  Print: Ue,
+  ColumnToggle: Ze,
+  BulkAction: Ye,
+  QuickSearch: He,
+  Refresh: Ke,
+  FilterChips: We,
+  FacetFilter: Qe,
+  ExportMenu: Zt
+}), Yt = [
+  "contains",
+  "equals",
+  "startsWith",
+  "endsWith",
+  "notContains"
+];
+function ea(t) {
+  const e = new Intl.Collator(t, {
+    sensitivity: "base",
+    usage: "search"
+  });
+  function a(n, r) {
+    if (r.length === 0) return 0;
+    if (r.length > n.length) return -1;
+    for (let o = 0; o <= n.length - r.length; o += 1)
+      if (e.compare(n.slice(o, o + r.length), r) === 0)
+        return o;
+    return -1;
+  }
+  return {
+    equals: (n, r) => e.compare(n, r) === 0,
+    contains: (n, r) => a(n, r) !== -1,
+    startsWith: (n, r) => r.length <= n.length && e.compare(n.slice(0, r.length), r) === 0,
+    endsWith: (n, r) => r.length <= n.length && e.compare(
+      n.slice(n.length - r.length),
+      r
+    ) === 0
+  };
+}
+function ta(t) {
+  return t == null ? null : typeof t == "string" ? t : String(t);
+}
+function aa(t) {
+  const { model: e, onModelChange: a, getValue: n, placeholder: r, defaultOperator: o } = t, { t: l } = F("ui"), u = (e == null ? void 0 : e.type) ?? o ?? "contains", [d, i] = R(u), [c, p] = R((e == null ? void 0 : e.filter) ?? "");
+  P(() => {
+    i((e == null ? void 0 : e.type) ?? o ?? "contains"), p((e == null ? void 0 : e.filter) ?? "");
+  }, [e, o]);
+  const v = I(() => ea(Et.language), []);
+  J({
+    doesFilterPass: (f) => {
+      const m = e;
+      if (!m || m.filter === "") return !0;
+      const h = ta(n(f.node));
+      if (h === null) return !1;
+      switch (m.type) {
+        case "equals":
+          return v.equals(h, m.filter);
+        case "contains":
+          return v.contains(h, m.filter);
+        case "startsWith":
+          return v.startsWith(h, m.filter);
+        case "endsWith":
+          return v.endsWith(h, m.filter);
+        case "notContains":
+          return !v.contains(h, m.filter);
+        default:
+          return !0;
+      }
+    }
+  });
+  function g() {
+    if (c.trim() === "") {
+      a(null);
+      return;
+    }
+    a({ type: d, filter: c });
+  }
+  function b() {
+    p(""), i(o ?? "contains"), a(null);
+  }
+  const y = Yt.map(
+    (f) => ({
+      value: f,
+      label: l(`dataTable.textFilter.operators.${f}`)
+    })
+  ), x = r ?? l("dataTable.textFilter.placeholder");
+  return /* @__PURE__ */ E(
+    "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(
+          Ee,
+          {
+            size: "sm",
+            options: y,
+            value: d,
+            onValueChange: (f) => {
+              f !== "" && i(f);
+            },
+            "aria-label": l("dataTable.textFilter.operators.contains")
+          }
+        ),
+        /* @__PURE__ */ s(
+          fe,
+          {
+            size: "sm",
+            value: c,
+            onChange: (f) => p(f.target.value),
+            onKeyDown: (f) => {
+              f.key === "Enter" && (f.preventDefault(), g());
+            },
+            placeholder: x,
+            "aria-label": x,
+            startAdornment: /* @__PURE__ */ s(me, { "aria-hidden": "true", className: "ds:size-4" })
+          }
+        ),
+        /* @__PURE__ */ E("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(_, { intent: "ghost", size: "sm", onClick: b, type: "button", children: l("dataTable.textFilter.clear") }),
+          /* @__PURE__ */ s(_, { intent: "primary", size: "sm", onClick: g, type: "button", children: l("dataTable.textFilter.apply") })
+        ] })
+      ]
+    }
+  );
+}
+function na(t) {
+  var p, v;
+  const { model: e, onModelChange: a, column: n } = t, { t: r } = F("ui"), o = ((v = (p = n == null ? void 0 : n.getColDef) == null ? void 0 : p.call(n)) == null ? void 0 : v.filterParams) ?? {}, l = o.defaultOperator ?? "contains", u = o.placeholder ?? r("dataTable.textFilter.placeholder"), [d, i] = R((e == null ? void 0 : e.filter) ?? "");
+  P(() => {
+    i((e == null ? void 0 : e.filter) ?? "");
+  }, [e == null ? void 0 : e.filter]), P(() => {
+    if (d === ((e == null ? void 0 : e.filter) ?? "")) return;
+    const g = setTimeout(() => {
+      if (d === "") {
+        e && a(null);
+        return;
+      }
+      a({ type: l, filter: d });
+    }, 200);
+    return () => clearTimeout(g);
+  }, [d, l, e, a]);
+  function c() {
+    i(""), e && a(null);
+  }
+  return /* @__PURE__ */ s("div", { "data-component": "text-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(
+    fe,
+    {
+      size: "sm",
+      value: d,
+      onChange: (g) => i(g.target.value),
+      placeholder: u,
+      "aria-label": u,
+      startAdornment: /* @__PURE__ */ s(me, { "aria-hidden": "true", className: "ds:size-4" }),
+      endAdornment: d.length > 0 ? /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          "aria-label": r("dataTable.textFilter.clear"),
+          onClick: c,
+          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(De, { "aria-hidden": "true", className: "ds:size-4" })
+        }
+      ) : void 0
+    }
+  ) });
+}
+const ra = {
+  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: (t) => t.getSelection()
+    },
+    filter: {
+      type: "object",
+      descriptionKey: "ui.agent.dataTable.state.filter",
+      description: "Current ag-grid filter model, keyed by column id.",
+      read: (t) => t.getFilter()
+    },
+    sort: {
+      type: "Array<{ colId, sort }>",
+      descriptionKey: "ui.agent.dataTable.state.sort",
+      description: "Active sort, in priority order.",
+      read: (t) => t.getSort()
+    },
+    currentPage: {
+      type: "number",
+      descriptionKey: "ui.agent.dataTable.state.currentPage",
+      description: "Zero-indexed page number.",
+      read: (t) => t.getCurrentPage()
+    }
+  },
+  actions: {
+    select_rows: {
+      safety: "read",
+      argsType: "{ ids: string[] }",
+      descriptionKey: "ui.agent.dataTable.actions.selectRows",
+      description: "Replace the current selection with the given row ids.",
+      invoke: (t, e) => {
+        t.setSelection(e.ids);
+      }
+    },
+    select_range: {
+      safety: "read",
+      argsType: "{ fromId: string, toId: string }",
+      descriptionKey: "ui.agent.dataTable.actions.selectRange",
+      description: "Select every row between fromId and toId, inclusive, in current sort order.",
+      invoke: (t, e) => {
+        t.selectRange(e.fromId, e.toId);
+      }
+    },
+    clear_selection: {
+      safety: "read",
+      descriptionKey: "ui.agent.dataTable.actions.clearSelection",
+      description: "Deselect all rows.",
+      invoke: (t) => {
+        t.clearSelection();
+      }
+    },
+    apply_filter: {
+      safety: "read",
+      argsType: "{ model: Record<string, unknown> }",
+      descriptionKey: "ui.agent.dataTable.actions.applyFilter",
+      description: "Replace the filter model with the given object.",
+      invoke: (t, e) => {
+        t.setFilter(e.model);
+      }
+    },
+    sort_by: {
+      safety: "read",
+      argsType: "{ model: DataTableSortEntry[] }",
+      descriptionKey: "ui.agent.dataTable.actions.sortBy",
+      description: "Replace the active sort with the given list (priority order).",
+      invoke: (t, e) => {
+        t.setSort(e.model);
+      }
+    },
+    go_to_page: {
+      safety: "read",
+      argsType: "{ page: number }",
+      descriptionKey: "ui.agent.dataTable.actions.goToPage",
+      description: "Navigate to the given zero-indexed page.",
+      invoke: (t, e) => {
+        t.goToPage(e.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 row. Selection is performed via the curated handle, not by DOM mutation."
+    }
+  }
+};
+wt.registerModules([Ft]);
+const sa = Nt("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 oa() {
+  const { t } = F();
+  return I(
+    () => ({
+      // Filter strings
+      contains: t("dataTable.agGrid.contains"),
+      notContains: t("dataTable.agGrid.notContains"),
+      equals: t("dataTable.agGrid.equals"),
+      notEqual: t("dataTable.agGrid.notEqual"),
+      startsWith: t("dataTable.agGrid.startsWith"),
+      endsWith: t("dataTable.agGrid.endsWith"),
+      lessThan: t("dataTable.agGrid.lessThan"),
+      greaterThan: t("dataTable.agGrid.greaterThan"),
+      inRange: t("dataTable.agGrid.inRange"),
+      blank: t("dataTable.agGrid.blank"),
+      notBlank: t("dataTable.agGrid.notBlank"),
+      filterOoo: t("dataTable.agGrid.filterOoo"),
+      applyFilter: t("dataTable.agGrid.applyFilter"),
+      resetFilter: t("dataTable.agGrid.resetFilter"),
+      noRowsToShow: t("dataTable.agGrid.noRowsToShow"),
+      selectAll: t("dataTable.agGrid.selectAll"),
+      // Pagination
+      page: t("dataTable.page"),
+      of: t("dataTable.of"),
+      to: t("dataTable.to"),
+      nextPage: t("dataTable.nextPage"),
+      previousPage: t("dataTable.previousPage"),
+      firstPage: t("dataTable.firstPage"),
+      lastPage: t("dataTable.lastPage"),
+      pageSize: t("dataTable.pageSize")
+    }),
+    [t]
+  );
+}
+function la() {
+  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((t, e) => /* @__PURE__ */ s(
+        xt,
+        {
+          variant: "rectangular",
+          className: "ds:h-[var(--min-target-size)] ds:w-full"
+        },
+        e
+      ))
+    }
+  );
+}
+function ia() {
+  const { t } = F();
+  return /* @__PURE__ */ s(
+    Ct,
+    {
+      variant: "no-results",
+      size: "sm",
+      title: t("dataTable.noRows"),
+      description: t("dataTable.noRowsDescription")
+    }
+  );
+}
+function ca(t) {
+  try {
+    const e = localStorage.getItem(`data-table-col-state:${t}`);
+    return e ? JSON.parse(e) : null;
+  } catch {
+    return null;
+  }
+}
+function da(t, e) {
+  try {
+    localStorage.setItem(
+      `data-table-col-state:${t}`,
+      JSON.stringify(e.getColumnState())
+    );
+  } catch {
+  }
+}
+function ua(t, e) {
+  const {
+    columnDefs: a,
+    rowData: n,
+    rowSelection: r,
+    pagination: o = !1,
+    paginationPageSize: l = 25,
+    paginationPageSizeSelector: u = [10, 25, 50, 100],
+    gridId: d,
+    onSelectionChanged: i,
+    onSortChanged: c,
+    onFilterChanged: p,
+    noRowsOverlay: v,
+    loadingOverlay: g,
+    gridOptions: b,
+    density: y,
+    bordered: x,
+    heightClass: f = "ds:h-[500px]",
+    className: m,
+    getRowClass: h,
+    pinnedBottomRowData: C,
+    printMode: S = !1,
+    children: z
+  } = t, { t: D, i18n: q } = F(), k = X(null), [G, tt] = R(0), [se, oe] = R(""), at = oa(), le = I(
+    () => ({
+      getSelection: () => {
+        var w;
+        const T = (w = k.current) == null ? void 0 : w.api;
+        if (!T) return [];
+        const N = [];
+        for (const O of T.getSelectedNodes())
+          O.id != null && N.push(O.id);
+        return N;
+      },
+      setSelection: (T) => {
+        var O;
+        const N = (O = k.current) == null ? void 0 : O.api;
+        if (!N) return;
+        const w = new Set(T);
+        N.forEachNode((A) => {
+          A.id != null && A.setSelected(w.has(A.id));
+        });
+      },
+      selectRange: (T, N) => {
+        var be;
+        const w = (be = k.current) == null ? void 0 : be.api;
+        if (!w) return;
+        const O = [];
+        w.forEachNodeAfterFilterAndSort((U) => {
+          U.id != null && O.push(U.id);
+        });
+        const A = O.indexOf(T), L = O.indexOf(N);
+        if (A < 0 || L < 0) return;
+        const [V, ce] = A <= L ? [A, L] : [L, A], de = new Set(O.slice(V, ce + 1));
+        w.forEachNode((U) => {
+          U.id != null && U.setSelected(de.has(U.id));
+        });
+      },
+      clearSelection: () => {
+        var T, N;
+        (N = (T = k.current) == null ? void 0 : T.api) == null || N.deselectAll();
+      },
+      getFilter: () => {
+        var T, N;
+        return ((N = (T = k.current) == null ? void 0 : T.api) == null ? void 0 : N.getFilterModel()) ?? {};
+      },
+      setFilter: (T) => {
+        var N, w;
+        (w = (N = k.current) == null ? void 0 : N.api) == null || w.setFilterModel(T);
+      },
+      getSort: () => {
+        var N;
+        const T = (N = k.current) == null ? void 0 : N.api;
+        return T ? T.getColumnState().filter((w) => w.sort === "asc" || w.sort === "desc").map((w) => ({ colId: w.colId, sort: w.sort })) : [];
+      },
+      setSort: (T) => {
+        var O;
+        const N = (O = k.current) == null ? void 0 : O.api;
+        if (!N) return;
+        const w = N.getColumnState().map((A) => {
+          const L = T.find((V) => V.colId === A.colId);
+          return { ...A, sort: L ? L.sort : null };
+        });
+        N.applyColumnState({ state: w, defaultState: { sort: null } });
+      },
+      getCurrentPage: () => {
+        var T, N;
+        return ((N = (T = k.current) == null ? void 0 : T.api) == null ? void 0 : N.paginationGetCurrentPage()) ?? 0;
+      },
+      goToPage: (T) => {
+        var N, w;
+        (w = (N = k.current) == null ? void 0 : N.api) == null || w.paginationGoToPage(T);
+      },
+      getRawApi: () => {
+        var T;
+        return (T = k.current) == null ? void 0 : T.api;
+      }
+    }),
+    []
+  );
+  yt(e, () => le, [le]), It(ra, le, d);
+  const nt = q.dir() === "rtl", rt = n === void 0, st = I(
+    () => window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+    []
+  ), ot = I(
+    () => document.documentElement.classList.contains("theme-accessible"),
+    []
+  ) && y === "compact" ? "default" : y, lt = I(() => {
+    if (r)
+      return r === "single" ? { mode: "singleRow" } : {
+        mode: "multiRow",
+        headerCheckbox: !0,
+        checkboxes: !0
+      };
+  }, [r]), it = M(() => {
+    var N;
+    if (!d || !((N = k.current) != null && N.api)) return;
+    const T = ca(d);
+    T && k.current.api.applyColumnState({
+      state: T,
+      applyOrder: !0
+    });
+  }, [d]), ie = M(() => {
+    var T;
+    d && ((T = k.current) != null && T.api) && da(d, k.current.api);
+  }, [d]), ct = M(() => {
+    var w;
+    const T = (w = k.current) == null ? void 0 : w.api;
+    if (!T) return;
+    const N = T.getSelectedRows();
+    tt(N.length), i == null || i(N);
+  }, [i]), dt = M(
+    (T) => {
+      var w;
+      const N = (w = k.current) == null ? void 0 : w.api;
+      if (N) {
+        const A = N.getColumnState().find((L) => L.sort);
+        if (A) {
+          const L = A.colId, V = N.getColumnDef(L), ce = (V == null ? void 0 : V.headerName) ?? L, de = A.sort === "asc" ? "dataTable.sortAscending" : "dataTable.sortDescending";
+          oe(
+            D("dataTable.sortAnnounce", {
+              column: ce,
+              direction: D(de)
+            })
+          );
+        } else
+          oe("");
+      }
+      c == null || c(T);
+    },
+    [c, D]
+  ), ut = M(
+    (T) => {
+      p == null || p(T);
+    },
+    [p]
+  );
+  P(() => {
+    if (!se) return;
+    const T = setTimeout(() => oe(""), 3e3);
+    return () => clearTimeout(T);
+  }, [se]);
+  const ft = v ?? ia, pt = g ?? la, mt = M(
+    () => {
+      var T;
+      return (T = k.current) == null ? void 0 : T.api;
+    },
+    []
+  ), gt = M(() => {
+    typeof window < "u" && window.print();
+  }, []), bt = sa({
+    density: ot,
+    bordered: x,
+    className: m
+  }), ht = z ?? /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(te.Actions, { children: /* @__PURE__ */ s(te.ExportMenu, {}) }) }), vt = S ? !1 : o;
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)]",
+      "aria-busy": rt ? "true" : void 0,
+      "data-component": "data-table",
+      "data-component-id": d,
+      "data-print-mode": S ? "true" : void 0,
+      children: [
+        !S && /* @__PURE__ */ s(
+          Vt,
+          {
+            getApi: mt,
+            selectionCount: G,
+            onPrint: gt,
+            children: ht
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: [bt, S ? "" : f].join(" ").trim(),
+            children: /* @__PURE__ */ s(
+              St,
+              {
+                ref: k,
+                theme: "legacy",
+                columnDefs: a,
+                rowData: n,
+                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: aa,
+                  floatingFilterComponent: na,
+                  resizable: !0,
+                  floatingFilter: !0,
+                  // §13d — faint sort icon advertises which columns are
+                  // sortable. v33+ moved this from grid-level to defaultColDef.
+                  unSortIcon: !0,
+                  ...b == null ? void 0 : b.defaultColDef
+                },
+                rowSelection: lt,
+                pagination: vt,
+                paginationPageSize: l,
+                paginationPageSizeSelector: u,
+                paginationNumberFormatter: (T) => new Intl.NumberFormat(q.language).format(T.value),
+                animateRows: !st,
+                enableRtl: nt,
+                ensureDomOrder: !0,
+                enableCellSpan: !0,
+                enableCellTextSelection: !0,
+                copyHeadersToClipboard: !0,
+                accentedSort: !0,
+                multiSortKey: "ctrl",
+                suppressDragLeaveHidesColumns: !0,
+                suppressRowClickSelection: r ? !0 : void 0,
+                tooltipShowDelay: 500,
+                tooltipHideDelay: 5e3,
+                tooltipInteraction: !0,
+                stopEditingWhenCellsLoseFocus: !0,
+                maintainColumnOrder: !0,
+                undoRedoCellEditing: !0,
+                undoRedoCellEditingLimit: 20,
+                suppressCellFocus: !1,
+                rowBuffer: 10,
+                localeText: at,
+                noRowsOverlayComponent: ft,
+                loadingOverlayComponent: pt,
+                getRowClass: h,
+                pinnedBottomRowData: C,
+                domLayout: S ? "autoHeight" : void 0,
+                onGridReady: it,
+                onColumnMoved: ie,
+                onColumnResized: ie,
+                onColumnPinned: ie,
+                onSortChanged: dt,
+                onFilterChanged: ut,
+                onSelectionChanged: ct,
+                ...b
+              }
+            )
+          }
+        ),
+        !S && /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:justify-between type-body-sm ds:text-[color:var(--muted-foreground)]", children: G > 0 ? /* @__PURE__ */ s("span", { children: D("dataTable.selected", { count: G }) }) : /* @__PURE__ */ s("span", {}) }),
+        /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: se })
+      ]
+    }
+  );
+}
+const et = j(ua);
+et.displayName = "DataTable";
+const mn = Object.assign(et, {
+  Toolbar: te
+});
+function gn(t, e, a) {
+  return I(() => {
+    const n = {};
+    for (const r of e) {
+      let o = 0;
+      for (const l of t ?? []) {
+        const u = l[r], d = typeof u == "number" ? u : Number(u);
+        Number.isFinite(d) && (o += d);
+      }
+      n[r] = o;
+    }
+    return a != null && a.labelField && a.labelValue !== void 0 && (n[a.labelField] = a.labelValue), n;
+  }, [t, e, a == null ? void 0 : a.labelField, a == null ? void 0 : a.labelValue]);
+}
+function re(t) {
+  return t ? t.toISOString().slice(0, 10) : null;
+}
+function Q(t) {
+  if (!t) return;
+  const e = new Date(t);
+  return Number.isNaN(e.getTime()) ? void 0 : e;
+}
+function bn(t) {
+  const { model: e, onModelChange: a, getValue: n, doesRowPassOtherFilter: r } = t, o = {
+    from: Q(e == null ? void 0 : e.dateFrom),
+    to: Q(e == null ? void 0 : e.dateTo)
+  }, [l, u] = R(o);
+  J({
+    doesFilterPass: (i) => {
+      const c = n(i.node);
+      if (!c) return !1;
+      const p = c instanceof Date ? c : Q(String(c));
+      return !(!p || l.from && p < l.from || l.to && p > l.to);
+    }
+  });
+  function d(i) {
+    if (u(i), !i.from && !i.to) {
+      a(null);
+      return;
+    }
+    a({
+      type: "inRange",
+      dateFrom: re(i.from),
+      dateTo: re(i.to)
+    });
+  }
+  return /* @__PURE__ */ s("div", { className: "ds:p-[var(--spacing-sm)] ds:min-w-[280px]", children: /* @__PURE__ */ s(Ie, { value: l, onChange: d, size: "sm" }) });
+}
+function hn(t) {
+  const { model: e, onModelChange: a } = t, [n, r] = R({
+    from: Q(e == null ? void 0 : e.dateFrom),
+    to: Q(e == null ? void 0 : e.dateTo)
+  });
+  function o(l) {
+    if (r(l), !l.from && !l.to) {
+      a(null);
+      return;
+    }
+    a({
+      type: "inRange",
+      dateFrom: re(l.from),
+      dateTo: re(l.to)
+    });
+  }
+  return /* @__PURE__ */ s("div", { "data-component": "date-range-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(Ie, { value: n, onChange: o, size: "sm" }) });
+}
+function H(t) {
+  return typeof t == "number" ? `n:${t}` : `s:${t}`;
+}
+function vn(t) {
+  const { model: e, onModelChange: a, getValue: n, api: r, column: o, options: l, placeholder: u } = t, { t: d } = F("ui"), i = I(() => {
+    if (l && l.length > 0) return l;
+    if (!r || !o) return [];
+    const f = /* @__PURE__ */ new Map();
+    return r.forEachNode((m) => {
+      const h = n(m);
+      if (h == null) return;
+      const C = typeof h == "string" || typeof h == "number" ? h : String(h), S = H(C);
+      f.has(S) || f.set(S, { value: C, label: String(C) });
+    }), Array.from(f.values()).sort(
+      (m, h) => String(m.label).localeCompare(String(h.label))
+    );
+  }, [l, r, o, n]), c = I(() => {
+    const f = /* @__PURE__ */ new Set(), m = (e == null ? void 0 : e.values) ?? [];
+    for (const h of m) f.add(H(h));
+    return f;
+  }, [e]), [p, v] = R(c);
+  P(() => {
+    v(c);
+  }, [c]), J({
+    doesFilterPass: (f) => {
+      const m = e == null ? void 0 : e.values;
+      if (!m || m.length === 0) return !0;
+      const h = n(f.node);
+      if (h == null) return !1;
+      const C = typeof h == "string" || typeof h == "number" ? h : String(h), S = H(C);
+      return m.some((z) => H(z) === S);
+    }
+  });
+  function g(f) {
+    v((m) => {
+      const h = new Set(m);
+      return h.has(f) ? h.delete(f) : h.add(f), h;
+    });
+  }
+  function b() {
+    if (p.size === 0) {
+      a(null);
+      return;
+    }
+    const f = [];
+    for (const m of i)
+      p.has(H(m.value)) && f.push(m.value);
+    a({ type: "set", values: f });
+  }
+  function y() {
+    v(/* @__PURE__ */ new Set()), a(null);
+  }
+  const x = u ?? d("dataTable.selectFilter.all");
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      "data-component": "select-filter",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[200px] ds:max-w-[260px]",
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            role: "group",
+            "aria-label": x,
+            className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:max-h-[240px] ds:overflow-y-auto",
+            children: i.length === 0 ? /* @__PURE__ */ s("p", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:py-[var(--spacing-xs)]", children: d("dataTable.agGrid.noRowsToShow") }) : i.map((f) => {
+              const m = H(f.value);
+              return /* @__PURE__ */ s(
+                Re,
+                {
+                  size: "sm",
+                  label: f.label,
+                  checked: p.has(m),
+                  onCheckedChange: () => g(m)
+                },
+                m
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ E("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(_, { intent: "ghost", size: "sm", onClick: y, type: "button", children: d("dataTable.selectFilter.clear") }),
+          /* @__PURE__ */ s(_, { intent: "primary", size: "sm", onClick: b, type: "button", children: d("dataTable.selectFilter.apply") })
+        ] })
+      ]
+    }
+  );
+}
+function yn(t) {
+  var c, p;
+  const { model: e, onModelChange: a, column: n } = t, r = ((p = (c = n == null ? void 0 : n.getColDef) == null ? void 0 : c.call(n)) == null ? void 0 : p.filterParams) ?? {}, o = r.options ?? [], l = I(() => {
+    const v = /* @__PURE__ */ new Map();
+    for (const g of o) v.set(String(g.value), g.value);
+    return v;
+  }, [o]), u = I(
+    () => o.map((v) => ({
+      value: String(v.value),
+      label: v.label
+    })),
+    [o]
+  ), d = I(
+    () => ((e == null ? void 0 : e.values) ?? []).map((v) => String(v)),
+    [e]
+  );
+  function i(v) {
+    if (v.length === 0) {
+      a(null);
+      return;
+    }
+    const g = [];
+    for (const b of v) {
+      const y = l.get(b);
+      y !== void 0 && g.push(y);
+    }
+    a({ type: "set", values: g });
+  }
+  return /* @__PURE__ */ s("div", { "data-component": "select-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(
+    zt,
+    {
+      size: "sm",
+      options: u,
+      value: d,
+      onChange: i,
+      placeholder: r.placeholder,
+      allowClear: !0
+    }
+  ) });
+}
+function W(t) {
+  return t.trim().toLocaleLowerCase();
+}
+function Tn(t) {
+  const {
+    model: e,
+    onModelChange: a,
+    getValue: n,
+    api: r,
+    column: o,
+    options: l,
+    loadOptions: u,
+    placeholder: d
+  } = t, { t: i } = F("ui"), c = I(() => {
+    if (l && l.length > 0) return l;
+    if (!r || !o) return [];
+    const m = /* @__PURE__ */ new Map();
+    return r.forEachNode((h) => {
+      const C = n(h);
+      if (C == null) return;
+      const S = typeof C == "string" ? C : String(C);
+      m.has(S) || m.set(S, { value: S, label: S });
+    }), Array.from(m.values()).sort(
+      (h, C) => h.label.localeCompare(C.label)
+    );
+  }, [l, r, o, n]), p = I(() => async (m, h) => {
+    if (u)
+      return (await u(m, h)).map((D) => ({ value: D.value, label: D.label }));
+    const C = W(m);
+    return (C ? c.filter((z) => W(z.label).includes(C)) : c).slice(0, 50).map((z) => ({ value: z.value, label: z.label }));
+  }, [u, c]), [v, g] = R((e == null ? void 0 : e.value) ?? "");
+  P(() => {
+    g((e == null ? void 0 : e.value) ?? "");
+  }, [e == null ? void 0 : e.value]), J({
+    doesFilterPass: (m) => {
+      const h = e == null ? void 0 : e.value;
+      if (!h) return !0;
+      const C = n(m.node);
+      if (C == null) return !1;
+      const S = typeof C == "string" ? C : String(C);
+      return W(S) === W(h);
+    }
+  });
+  function b(m) {
+    g(m.label), a({ type: "equals", value: m.value });
+  }
+  function y(m) {
+    g(m), m === "" && e && a(null);
+  }
+  function x() {
+    g(""), a(null);
+  }
+  const f = d ?? i("dataTable.typeaheadFilter.placeholder");
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      "data-component": "typeahead-filter",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[240px]",
+      children: [
+        /* @__PURE__ */ s(
+          ze,
+          {
+            size: "sm",
+            value: v,
+            onChange: y,
+            onSelect: b,
+            loadOptions: p,
+            placeholder: f,
+            "aria-label": f
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:justify-end ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]", children: /* @__PURE__ */ s(_, { intent: "ghost", size: "sm", onClick: x, type: "button", children: i("dataTable.typeaheadFilter.clear") }) })
+      ]
+    }
+  );
+}
+function xn(t) {
+  var b, y;
+  const { model: e, onModelChange: a, column: n } = t, { t: r } = F("ui"), o = ((y = (b = n == null ? void 0 : n.getColDef) == null ? void 0 : b.call(n)) == null ? void 0 : y.filterParams) ?? {}, l = o.options ?? [], u = o.loadOptions, d = o.placeholder ?? r("dataTable.typeaheadFilter.placeholder"), i = I(() => async (x, f) => {
+    if (u)
+      return (await u(x, f)).map((S) => ({ value: S.value, label: S.label }));
+    const m = W(x);
+    return (m ? l.filter((C) => W(C.label).includes(m)) : l).slice(0, 50).map((C) => ({ value: C.value, label: C.label }));
+  }, [u, l]), [c, p] = R((e == null ? void 0 : e.value) ?? "");
+  P(() => {
+    p((e == null ? void 0 : e.value) ?? "");
+  }, [e == null ? void 0 : e.value]);
+  function v(x) {
+    p(x.label), a({ type: "equals", value: x.value });
+  }
+  function g(x) {
+    p(x), x === "" && e && a(null);
+  }
+  return /* @__PURE__ */ s("div", { "data-component": "typeahead-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(
+    ze,
+    {
+      size: "sm",
+      value: c,
+      onChange: g,
+      onSelect: v,
+      loadOptions: i,
+      placeholder: d,
+      "aria-label": d
+    }
+  ) });
+}
+const fa = [
+  "equals",
+  "notEqual",
+  "greaterThan",
+  "greaterThanOrEqual",
+  "lessThan",
+  "lessThanOrEqual",
+  "inRange",
+  "blank",
+  "notBlank"
+];
+function ve(t) {
+  return t !== "blank" && t !== "notBlank";
+}
+function ye(t) {
+  return t === "inRange";
+}
+function pa(t, e, a, n) {
+  if (t === "blank") return e === null;
+  if (t === "notBlank") return e !== null;
+  if (e === null) return !1;
+  if (a === null) return !0;
+  switch (t) {
+    case "equals":
+      return e === a;
+    case "notEqual":
+      return e !== a;
+    case "greaterThan":
+      return e > a;
+    case "greaterThanOrEqual":
+      return e >= a;
+    case "lessThan":
+      return e < a;
+    case "lessThanOrEqual":
+      return e <= a;
+    case "inRange": {
+      if (n === null) return e >= a;
+      const r = Math.min(a, n), o = Math.max(a, n);
+      return e >= r && e <= o;
+    }
+    default:
+      return !0;
+  }
+}
+function ma(t) {
+  if (t == null || t === "") return null;
+  const e = typeof t == "number" ? t : Number(t);
+  return Number.isNaN(e) ? null : e;
+}
+function Cn(t) {
+  const {
+    model: e,
+    onModelChange: a,
+    getValue: n,
+    defaultOperator: r,
+    min: o,
+    max: l,
+    step: u,
+    placeholder: d
+  } = t, { t: i } = F("ui"), c = (e == null ? void 0 : e.type) ?? r ?? "equals", [p, v] = R(c), [g, b] = R((e == null ? void 0 : e.filter) ?? null), [y, x] = R(
+    (e == null ? void 0 : e.filterTo) ?? null
+  );
+  P(() => {
+    if (e === null) {
+      v(r ?? "equals"), b(null), x(null);
+      return;
+    }
+    v(e.type), b(e.filter ?? null), x(e.filterTo ?? null);
+  }, [e, r]), J({
+    doesFilterPass: (D) => {
+      if (!e) return !0;
+      const q = ma(n(D.node));
+      return pa(
+        e.type,
+        q,
+        e.filter ?? null,
+        e.filterTo ?? null
+      );
+    }
+  });
+  const f = I(
+    () => fa.map((D) => ({
+      value: D,
+      label: i(`dataTable.numberFilter.operators.${D}`)
+    })),
+    [i]
+  ), m = d ?? i("dataTable.numberFilter.placeholder");
+  function h() {
+    if (!ve(p)) {
+      a({ type: p, filter: 0 });
+      return;
+    }
+    if (g === null) {
+      a(null);
+      return;
+    }
+    if (ye(p)) {
+      a({
+        type: p,
+        filter: g,
+        filterTo: y ?? void 0
+      });
+      return;
+    }
+    a({ type: p, filter: g });
+  }
+  function C() {
+    v(r ?? "equals"), b(null), x(null), a(null);
+  }
+  const S = ve(p), z = ye(p);
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      "data-component": "number-filter",
+      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)] ds:min-w-[240px]",
+      children: [
+        /* @__PURE__ */ s(
+          Ee,
+          {
+            size: "sm",
+            options: f,
+            value: p,
+            onValueChange: (D) => {
+              D !== "" && v(D);
+            },
+            "aria-label": i("dataTable.numberFilter.operators.equals")
+          }
+        ),
+        S && !z && /* @__PURE__ */ s(
+          ee,
+          {
+            size: "sm",
+            value: g,
+            onChange: b,
+            min: o,
+            max: l,
+            step: u,
+            placeholder: m,
+            "aria-label": m
+          }
+        ),
+        z && /* @__PURE__ */ E("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ s(
+            ee,
+            {
+              size: "sm",
+              value: g,
+              onChange: b,
+              min: o,
+              max: l,
+              step: u,
+              placeholder: i("dataTable.numberFilter.from"),
+              "aria-label": i("dataTable.numberFilter.from")
+            }
+          ),
+          /* @__PURE__ */ s(
+            ee,
+            {
+              size: "sm",
+              value: y,
+              onChange: x,
+              min: o,
+              max: l,
+              step: u,
+              placeholder: i("dataTable.numberFilter.to"),
+              "aria-label": i("dataTable.numberFilter.to")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ E("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(_, { intent: "ghost", size: "sm", onClick: C, type: "button", children: i("dataTable.numberFilter.clear") }),
+          /* @__PURE__ */ s(_, { intent: "primary", size: "sm", onClick: h, type: "button", children: i("dataTable.numberFilter.apply") })
+        ] })
+      ]
+    }
+  );
+}
+function Nn(t) {
+  var c, p;
+  const { model: e, onModelChange: a, column: n } = t, { t: r } = F("ui"), o = ((p = (c = n == null ? void 0 : n.getColDef) == null ? void 0 : c.call(n)) == null ? void 0 : p.filterParams) ?? {}, l = o.defaultOperator ?? "equals", u = o.placeholder ?? r("dataTable.numberFilter.placeholder"), [d, i] = R((e == null ? void 0 : e.filter) ?? null);
+  return P(() => {
+    i((e == null ? void 0 : e.filter) ?? null);
+  }, [e == null ? void 0 : e.filter]), P(() => {
+    if (d === ((e == null ? void 0 : e.filter) ?? null)) return;
+    const v = setTimeout(() => {
+      if (d === null || Number.isNaN(d)) {
+        a(null);
+        return;
+      }
+      a({ type: l, filter: d });
+    }, 200);
+    return () => clearTimeout(v);
+  }, [d, l]), /* @__PURE__ */ s("div", { "data-component": "number-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(
+    ee,
+    {
+      size: "sm",
+      value: d,
+      onChange: i,
+      min: o.min,
+      max: o.max,
+      step: o.step,
+      placeholder: u,
+      "aria-label": u
+    }
+  ) });
+}
+function Sn(t) {
+  const { value: e, variantMap: a } = t, n = (a == null ? void 0 : a[e]) ?? "neutral";
+  return /* @__PURE__ */ s(At, { variant: n, withDot: !0, size: "sm", children: String(e ?? "") });
+}
+function wn(t) {
+  const { value: e } = t;
+  return e ? /* @__PURE__ */ E("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s(Ae, { name: e.name, src: e.src, size: "sm" }),
+    /* @__PURE__ */ s("span", { children: e.name })
+  ] }) : null;
+}
+const ga = {
+  sm: "ds:size-8",
+  md: "ds:size-10",
+  lg: "ds:size-12"
+}, ba = {
+  square: "ds:rounded-none",
+  rounded: "ds:rounded-[var(--radius-md)]",
+  circle: "ds:rounded-[var(--radius-full)]"
+};
+function ue(t, e) {
+  if (!t || typeof t != "object") return;
+  const a = t[e];
+  return typeof a == "string" ? a : void 0;
+}
+const ha = /^(?:https?:|data:image\/)/i;
+function va(t) {
+  if (!t) return;
+  const e = t.trim();
+  if (e.length !== 0)
+    return ha.test(e) ? e : void 0;
+}
+function Fn(t) {
+  const {
+    data: e,
+    srcField: a,
+    altField: n,
+    fallbackField: r,
+    size: o = "md",
+    shape: l = "rounded"
+  } = t;
+  if (!e) return null;
+  const u = ue(e, a), d = va(u), i = n ? ue(e, n) ?? "" : "", c = r ? ue(e, r) : void 0;
+  return d ? /* @__PURE__ */ s(
+    "img",
+    {
+      src: d,
+      alt: i,
+      loading: "lazy",
+      decoding: "async",
+      className: ["ds:object-cover", ga[o], ba[l]].join(
+        " "
+      )
+    }
+  ) : c ? /* @__PURE__ */ s(Ae, { name: c, size: o }) : null;
+}
+function Rn(t) {
+  const { value: e, maxVisible: a = 3 } = t, { t: n } = F();
+  if (!Array.isArray(e) || e.length === 0) return null;
+  const r = e.slice(0, a), o = e.length - a;
+  return /* @__PURE__ */ E("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+    r.map((l) => /* @__PURE__ */ s(ae, { label: l, size: "sm" }, l)),
+    o > 0 && /* @__PURE__ */ s(Pt, { label: e.slice(a).join(", "), children: /* @__PURE__ */ s(
+      ae,
+      {
+        label: n("inputs.multiSelect.overflow", { count: o }),
+        size: "sm",
+        variant: "neutral",
+        fill: "outline"
+      }
+    ) })
+  ] });
+}
+const ya = {
+  date: { year: "numeric", month: "short", day: "numeric" },
+  time: { hour: "2-digit", minute: "2-digit" },
+  datetime: {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  }
+};
+function Dn(t) {
+  const { value: e, format: a = "date", options: n } = t;
+  return e == null || e === "" ? null : a === "relative" && !n ? /* @__PURE__ */ s(he, { value: e, shape: "bare" }) : /* @__PURE__ */ s(
+    he,
+    {
+      value: e,
+      format: "absolute",
+      shape: "bare",
+      absoluteFormat: n ?? ya[a === "relative" ? "date" : a]
+    }
+  );
+}
+function Ta(t) {
+  if (t == null || t === "") return null;
+  const e = typeof t == "number" ? t : Number(t);
+  return Number.isFinite(e) ? e : null;
+}
+function kn(t) {
+  const {
+    value: e,
+    currency: a = "EUR",
+    colorNegative: n,
+    strikethrough: r,
+    options: o
+  } = t, { i18n: l } = F(), u = Ta(e);
+  if (u === null) return null;
+  const d = l.language || "en", i = new Intl.NumberFormat(d, {
+    style: "currency",
+    currency: a,
+    ...o
+  }).format(u), c = ["ds:tabular-nums"];
+  return n && u < 0 && c.push("ds:text-[color:var(--destructive)]"), r && c.push("line-through"), /* @__PURE__ */ s("span", { className: c.join(" "), children: i });
+}
+function xa(t) {
+  if (!we(t)) return t;
+  const e = t, a = e.props.className ?? "", n = /\bsize-|\bw-|\bh-/.test(a) ? a : `${a} size-4`.trim();
+  return Fe(e, { className: n, size: e.props.size ?? 16 });
+}
+function Te(t, e) {
+  return typeof t == "function" ? t(e) : !!t;
+}
+function En(t) {
+  const { data: e, actions: a } = t;
+  return e ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: a.map((n, r) => {
+    if (Te(n.hidden, e)) return null;
+    const o = Te(n.disabled, e), l = o && n.disabledReason ? n.disabledReason : n.label, u = n.variant === "destructive";
+    return /* @__PURE__ */ s(
+      B,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: xa(n.icon),
+        tooltip: l,
+        "aria-label": n.label,
+        disabled: o,
+        onClick: (d) => {
+          d.stopPropagation(), n.onClick(e);
+        },
+        className: u ? "ds:text-[color:var(--destructive)] ds:hover:text-[color:var(--destructive-hover)]" : void 0
+      },
+      r
+    );
+  }) }) : null;
+}
+function xe(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function Ca(t) {
+  return /^(https?:\/\/|\/|#|mailto:|tel:)/i.test(t) ? t : "#";
+}
+function In(t) {
+  const { value: e, data: a, href: n, onClick: r, secondary: o } = t;
+  if (!a) return null;
+  const l = xe(n, a), u = xe(o, a), d = e == null || e === "" ? "" : String(e), i = [
+    "ds:text-[color:var(--primary)]",
+    "ds:hover:underline",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-[color:var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:rounded-[var(--radius-sm)]"
+  ].join(" "), c = (p) => {
+    r && (l || p.preventDefault(), p.stopPropagation(), r(a));
+  };
+  return /* @__PURE__ */ E("span", { className: "ds:flex ds:flex-col ds:leading-tight", children: [
+    l ? /* @__PURE__ */ s(
+      "a",
+      {
+        href: Ca(l),
+        onClick: c,
+        className: i,
+        children: d
+      }
+    ) : /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        onClick: c,
+        className: [
+          "ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start",
+          i
+        ].join(" "),
+        children: d
+      }
+    ),
+    u ? /* @__PURE__ */ s("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: u }) : null
+  ] });
+}
+function zn(t) {
+  const {
+    value: e,
+    data: a,
+    onToggle: n,
+    onError: r,
+    trueIcon: o,
+    falseIcon: l,
+    trueClass: u = "ds:text-[color:var(--success)]",
+    falseClass: d = "ds:text-[color:var(--muted-foreground)]",
+    label: i
+  } = t, { t: c } = F(), [p, v] = R(!1);
+  if (!a) return null;
+  const g = !!e, b = g ? o ?? /* @__PURE__ */ s(Ot, { "aria-hidden": !0, className: "ds:size-4" }) : l ?? /* @__PURE__ */ s(Mt, { "aria-hidden": !0, className: "ds:size-4" }), y = g ? u : d, x = i ?? c(g ? "inputs.switch.on" : "inputs.switch.off");
+  async function f(m) {
+    if (m.stopPropagation(), p || !a) return;
+    const C = n(a, !g);
+    if (C && typeof C.then == "function") {
+      v(!0);
+      try {
+        await C;
+      } catch (S) {
+        r == null || r(a, S);
+      } finally {
+        v(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": g,
+      "aria-busy": p,
+      "aria-label": x,
+      disabled: p,
+      onClick: f,
+      className: [
+        "ds:inline-flex ds:items-center ds:justify-center",
+        "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+        "ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]",
+        "ds:rounded-[var(--radius-sm)]",
+        "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+        "ds:focus-visible:outline-solid",
+        "ds:focus-visible:outline-[color:var(--ring)]",
+        "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+        "ds:disabled:opacity-50",
+        y
+      ].join(" "),
+      children: b
+    }
+  );
+}
+const Na = {
+  sm: "ds:size-[var(--icon-size-sm)]",
+  md: "ds:size-[var(--icon-size-md)]",
+  lg: "ds:size-[var(--icon-size-lg)]"
+};
+function Ce(t, e) {
+  if (!t || typeof t != "object") return;
+  const a = t[e];
+  return typeof a == "string" ? a : void 0;
+}
+const Sa = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, wa = /^rgba?\(\s*[\d.\s,%/]+\)$/i, Fa = /^hsla?\(\s*[\d.\s,%/]+\)$/i, Ra = /^var\(--[a-z0-9-]+(?:,\s*[^)]+)?\)$/i;
+function Da(t) {
+  if (!t) return;
+  const e = t.trim();
+  if (Sa.test(e) || wa.test(e) || Fa.test(e) || Ra.test(e))
+    return e;
+}
+function An(t) {
+  const { data: e, colorField: a, size: n = "md", labelField: r } = t, o = X(null), l = e ? Ce(e, a) : void 0, u = Da(l), d = e && r ? Ce(e, r) : void 0;
+  return Tt(() => {
+    const i = o.current;
+    i && (u ? i.style.setProperty("--data-table-dot-color", u) : i.style.removeProperty("--data-table-dot-color"));
+  }, [u]), u ? /* @__PURE__ */ E("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    /* @__PURE__ */ s(
+      "span",
+      {
+        ref: o,
+        "aria-hidden": "true",
+        className: [
+          "ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--data-table-dot-color)]",
+          "ds:border ds:border-[color:var(--border)]",
+          Na[n]
+        ].join(" ")
+      }
+    ),
+    d ? /* @__PURE__ */ s("span", { children: d }) : null
+  ] }) : null;
+}
+function ka(t, e) {
+  if (!t || typeof t != "object") return null;
+  const a = t[e], n = typeof a == "number" ? a : Number(a);
+  return Number.isFinite(n) ? n : null;
+}
+function Pn(t) {
+  const { data: e, lines: a, currency: n = "EUR", highlightNegative: r } = t, { i18n: o } = F();
+  if (!e) return null;
+  const l = o.language || "en", u = (i) => {
+    const c = ka(e, i.valueField);
+    if (c === null) return null;
+    let p;
+    switch (i.format ?? "number") {
+      case "currency":
+        p = new Intl.NumberFormat(l, {
+          style: "currency",
+          currency: n
+        }).format(c);
+        break;
+      case "percent":
+        p = new Intl.NumberFormat(l, {
+          style: "percent",
+          maximumFractionDigits: 1
+        }).format(c / 100);
+        break;
+      default:
+        p = new Intl.NumberFormat(l).format(c);
+    }
+    return {
+      label: i.label,
+      formatted: p,
+      negative: !!r && c < 0
+    };
+  }, d = a.map(u).filter(
+    (i) => i !== null
+  );
+  return d.length === 0 ? null : /* @__PURE__ */ s(
+    "div",
+    {
+      className: [
+        "ds:flex",
+        "ds:flex-wrap",
+        "ds:items-center",
+        "ds:gap-x-[var(--spacing-sm)]",
+        "ds:gap-y-0",
+        "type-meta",
+        "ds:leading-tight"
+      ].join(" "),
+      children: d.map((i, c) => /* @__PURE__ */ E(
+        "span",
+        {
+          className: "ds:inline-flex ds:items-baseline ds:gap-x-[var(--spacing-xs)]",
+          children: [
+            c > 0 ? /* @__PURE__ */ s(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:me-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]",
+                children: "·"
+              }
+            ) : null,
+            /* @__PURE__ */ s("span", { className: "ds:text-[color:var(--muted-foreground)]", children: i.label }),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: [
+                  "ds:tabular-nums",
+                  "ds:font-medium",
+                  i.negative ? "ds:text-[color:var(--destructive)]" : ""
+                ].filter(Boolean).join(" "),
+                children: i.formatted
+              }
+            )
+          ]
+        },
+        `${i.label}-${c}`
+      ))
+    }
+  );
+}
+function On(t) {
+  var i, c;
+  const { initialValue: e, onValueChange: a, stopEditing: n, column: r } = t, [o, l] = R(e ?? ""), u = X(null);
+  P(() => {
+    const p = u.current;
+    p && (p.focus(), p.select());
+  }, []);
+  const d = ((c = (i = r == null ? void 0 : r.getColDef) == null ? void 0 : i.call(r)) == null ? void 0 : c.headerName) ?? void 0;
+  return /* @__PURE__ */ s(
+    "input",
+    {
+      ref: u,
+      type: "text",
+      value: o,
+      "aria-label": d,
+      onChange: (p) => {
+        const v = p.target.value;
+        l(v), a(v);
+      },
+      onKeyDown: (p) => {
+        p.key === "Enter" && (p.preventDefault(), n());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none",
+        // Input surface chrome: rounded border + bg + focus halo.
+        Pe,
+        // Use the `md` height (`--min-target-size`) so the input
+        // auto-lifts to 48px under `.theme-accessible` to satisfy
+        // WCAG 2.5.5 target size.
+        Oe.md,
+        Me.sm,
+        Le.sm
+      ].join(" ")
+    }
+  );
+}
+function Mn(t) {
+  var y, x;
+  const {
+    initialValue: e,
+    onValueChange: a,
+    stopEditing: n,
+    column: r,
+    decimals: o = 2,
+    min: l,
+    max: u
+  } = t, { i18n: d } = F(), i = X(null), c = ((x = (y = r == null ? void 0 : r.getColDef) == null ? void 0 : y.call(r)) == null ? void 0 : x.headerName) ?? void 0, [p, v] = R(() => e == null || Number.isNaN(e) ? "" : String(e));
+  P(() => {
+    const f = i.current;
+    f && (f.focus(), f.select());
+  }, []);
+  function g(f) {
+    var q, k;
+    if (f.trim().length === 0) return null;
+    const m = d.language || "en", h = new Intl.NumberFormat(m).formatToParts(12345.6), C = ((q = h.find((G) => G.type === "group")) == null ? void 0 : q.value) ?? "", S = ((k = h.find((G) => G.type === "decimal")) == null ? void 0 : k.value) ?? ".", z = f.replace(new RegExp(`\\${C}`, "g"), "").replace(S, ".").replace(/[^\d.-]/g, ""), D = Number(z);
+    return Number.isFinite(D) ? D : null;
+  }
+  function b(f) {
+    const m = g(f);
+    if (m == null) {
+      a(null);
+      return;
+    }
+    let h = m;
+    typeof l == "number" && (h = Math.max(l, h)), typeof u == "number" && (h = Math.min(u, h));
+    const C = 10 ** o;
+    a(Math.round(h * C) / C);
+  }
+  return /* @__PURE__ */ s(
+    "input",
+    {
+      ref: i,
+      type: "text",
+      inputMode: "decimal",
+      value: p,
+      "aria-label": c,
+      onChange: (f) => {
+        const m = f.target.value;
+        v(m), b(m);
+      },
+      onKeyDown: (f) => {
+        f.key === "Enter" && (f.preventDefault(), n());
+      },
+      className: [
+        "ds:block ds:w-full ds:appearance-none ds:text-end ds:tabular-nums",
+        Pe,
+        // Use `md` height — see editable-text-cell-renderer for rationale.
+        Oe.md,
+        Me.sm,
+        Le.sm
+      ].join(" ")
+    }
+  );
+}
+export {
+  En as A,
+  Pn as B,
+  An as C,
+  mn as D,
+  Mn as E,
+  Fn as I,
+  In as L,
+  Cn as N,
+  vn as S,
+  Rn as T,
+  wn as U,
+  kn as a,
+  Dn as b,
+  bn as c,
+  hn as d,
+  On as e,
+  Nn as f,
+  yn as g,
+  Sn as h,
+  aa as i,
+  na as j,
+  zn as k,
+  te as l,
+  Vt as m,
+  Tn as n,
+  xn as o,
+  ra as p,
+  Ve as q,
+  gn as u
+};
+//# sourceMappingURL=editable-currency-cell-renderer-DJB5MxAI.js.map