@alfadocs/ui-kit 1.48.0 → 1.49.0

package/dist/_chunks/{data-table-DWOSxlsy.js → data-table-CrI3_bjH.js}

@@ -1,21 +1,21 @@
 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 { useMemo as j, forwardRef as B, useState as G, useCallback as D, useEffect as K, useRef as W, createContext as Ce, useContext as Re, isValidElement as At, cloneElement as Pt, useImperativeHandle as Ot } from "react";
 import { S as Mt } from "./skeleton-B1KTdJ4N.js";
 import { E as zt } from "./empty-state-DTBZ1ENT.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-B_426QN_.js";
+import { I as $t } from "./icon-button-group-B_426QN_.js";
 import { B as de } from "./button-18oBsI3n.js";
 import { I as oe } from "./icon-button-CY7GU_Se.js";
 import { P as me } from "./popover-Dvb40vPH.js";
-import { C as Bt } from "./checkbox-CZkipDn7.js";
+import { C as Wt } from "./checkbox-CZkipDn7.js";
 import { T as Se } from "./text-input-CUvCb6ST.js";
-import { T as We } from "./tag-B65tLWvD.js";
-import { D as he } from "./dropdown-menu-C8PaW3lR.js";
-import { X as $e } from "./x-B5YnXwCz.js";
-import { R as $t } from "./refresh-cw-DnI0cLFC.js";
+import { T as $e } from "./tag-B65tLWvD.js";
+import { D as be } from "./dropdown-menu-C8PaW3lR.js";
+import { X as Be } from "./x-B5YnXwCz.js";
+import { R as Bt } 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";
@@ -69,11 +69,11 @@ function ar({
   markColumnsUserTouched: a,
   children: i
 }) {
-  const d = j(
+  const l = j(
     () => ({ getApi: e, selectionCount: t, onPrint: n, markColumnsUserTouched: a }),
     [e, t, n, a]
   );
-  return /* @__PURE__ */ s(He.Provider, { value: d, children: i });
+  return /* @__PURE__ */ s(He.Provider, { value: l, children: i });
 }
 const nr = [
   "data-table-toolbar",
@@ -87,7 +87,7 @@ const nr = [
   // 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 = $(
+].join(" "), Ve = B(
   ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
     "div",
     {
@@ -100,7 +100,7 @@ const nr = [
   )
 );
 Ve.displayName = "DataTable.Toolbar";
-const Ue = $(
+const Ue = B(
   ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
     "div",
     {
@@ -120,7 +120,7 @@ const Ue = $(
   )
 );
 Ue.displayName = "DataTable.Toolbar.FilterBar";
-const Xe = $(
+const Xe = B(
   ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
     "div",
     {
@@ -136,12 +136,12 @@ const Xe = $(
   )
 );
 Xe.displayName = "DataTable.Toolbar.Actions";
-const Ee = $(
+const Ee = B(
   ({ label: e, onExport: t, intent: n = "outline", ...a }, i) => {
-    const { t: d } = A(), { getApi: g } = V("DataTable.Toolbar.ExportCsv"), h = D(() => {
-      const p = g();
-      p && (t ? t(p) : p.exportDataAsCsv());
-    }, [g, t]);
+    const { t: l } = A(), { getApi: m } = V("DataTable.Toolbar.ExportCsv"), u = D(() => {
+      const f = m();
+      f && (t ? t(f) : f.exportDataAsCsv());
+    }, [m, t]);
     return /* @__PURE__ */ s(
       oe,
       {
@@ -149,8 +149,8 @@ const Ee = $(
         type: "button",
         intent: n,
         icon: /* @__PURE__ */ s(ye, { "aria-hidden": !0 }),
-        tooltip: e ?? d("dataTable.exportCsv"),
-        onClick: h,
+        tooltip: e ?? l("dataTable.exportCsv"),
+        onClick: u,
         ...a
       }
     );
@@ -171,28 +171,28 @@ async function Qe(e, t) {
   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()), g = [
-    d.map((C) => e.getDisplayNameForColumn(C, null) ?? "")
-  ], h = [];
+  ]), l = (e.getColumns() ?? []).filter((C) => C.isVisible()), m = [
+    l.map((C) => e.getDisplayNameForColumn(C, null) ?? "")
+  ], u = [];
   e.forEachNodeAfterFilterAndSort((C) => {
     if (!C.data) return;
-    const c = d.map((f) => {
-      const w = e.getCellValue({
+    const c = l.map((g) => {
+      const T = e.getCellValue({
         rowNode: C,
-        colKey: f,
+        colKey: g,
         useFormatter: !0
       });
-      return w == null ? "" : String(w);
+      return T == null ? "" : String(T);
     });
-    h.push(c);
+    u.push(c);
   });
-  const p = ae("--muted", [240, 240, 240]), m = ae("--foreground", [30, 30, 30]), u = ae("--card-foreground", [30, 30, 30]), b = ae("--card", [250, 250, 250]), S = new n({ orientation: "landscape" });
+  const f = ae("--muted", [240, 240, 240]), b = ae("--foreground", [30, 30, 30]), p = ae("--card-foreground", [30, 30, 30]), h = ae("--card", [250, 250, 250]), S = new n({ orientation: "landscape" });
   a(S, {
-    head: g,
-    body: h,
-    headStyles: { fillColor: p, textColor: m },
-    bodyStyles: { textColor: u },
-    alternateRowStyles: { fillColor: b },
+    head: m,
+    body: u,
+    headStyles: { fillColor: f, textColor: b },
+    bodyStyles: { textColor: p },
+    alternateRowStyles: { fillColor: h },
     styles: {
       font: "helvetica",
       fontSize: 10,
@@ -200,36 +200,36 @@ async function Qe(e, t) {
     }
   }), S.save(t.fileName);
 }
-const De = $(
-  ({ label: e, onClick: t, fileName: n, intent: a = "outline", ...i }, d) => {
-    const { t: g } = A(), { getApi: h } = V("DataTable.Toolbar.ExportPdf"), p = D(() => {
-      const m = h();
+const De = B(
+  ({ label: e, onClick: t, fileName: n, intent: a = "outline", ...i }, l) => {
+    const { t: m } = A(), { getApi: u } = V("DataTable.Toolbar.ExportPdf"), f = D(() => {
+      const b = u();
       if (t) {
-        t(m);
+        t(b);
         return;
       }
-      Qe(m, {
+      Qe(b, {
         fileName: n ?? "data-table-export.pdf"
       });
-    }, [h, t, n]);
+    }, [u, t, n]);
     return /* @__PURE__ */ s(
       oe,
       {
-        ref: d,
+        ref: l,
         type: "button",
         intent: a,
         icon: /* @__PURE__ */ s(Ke, { "aria-hidden": !0 }),
-        tooltip: e ?? g("dataTable.exportPdf"),
-        onClick: p,
+        tooltip: e ?? m("dataTable.exportPdf"),
+        onClick: f,
         ...i
       }
     );
   }
 );
 De.displayName = "DataTable.Toolbar.ExportPdf";
-const Ne = $(
+const Fe = B(
   ({ label: e, intent: t = "outline", ...n }, a) => {
-    const { t: i } = A(), { onPrint: d } = V("DataTable.Toolbar.Print");
+    const { t: i } = A(), { onPrint: l } = V("DataTable.Toolbar.Print");
     return /* @__PURE__ */ s(
       oe,
       {
@@ -238,20 +238,20 @@ const Ne = $(
         intent: t,
         icon: /* @__PURE__ */ s(Vt, { "aria-hidden": !0 }),
         tooltip: e ?? i("dataTable.print"),
-        onClick: d,
+        onClick: l,
         ...n
       }
     );
   }
 );
-Ne.displayName = "DataTable.Toolbar.Print";
+Fe.displayName = "DataTable.Toolbar.Print";
 const Je = ({ placeholder: e, debounceMs: t = 150 }) => {
-  const { t: n } = A(), { getApi: a } = V("DataTable.Toolbar.QuickSearch"), [i, d] = G(""), g = B(void 0);
-  return K(() => (g.current && window.clearTimeout(g.current), g.current = window.setTimeout(() => {
-    const h = a();
-    h && h.setGridOption("quickFilterText", i);
+  const { t: n } = A(), { getApi: a } = V("DataTable.Toolbar.QuickSearch"), [i, l] = G(""), m = W(void 0);
+  return K(() => (m.current && window.clearTimeout(m.current), m.current = window.setTimeout(() => {
+    const u = a();
+    u && u.setGridOption("quickFilterText", i);
   }, t), () => {
-    g.current && window.clearTimeout(g.current);
+    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
@@ -265,86 +265,87 @@ const Je = ({ placeholder: e, debounceMs: t = 150 }) => {
       type: "search",
       size: "sm",
       value: i,
-      onChange: (h) => d(h.target.value),
+      onChange: (u) => l(u.target.value),
       placeholder: e ?? n("dataTable.quickSearch.placeholder", "Search…"),
       startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": !0, className: "ds:size-4" }),
       clearable: !0,
-      onClear: () => d(""),
+      onClear: () => l(""),
       "aria-label": n("dataTable.quickSearch.label", "Quick search")
     }
   ) });
 };
 Je.displayName = "DataTable.Toolbar.QuickSearch";
-const Fe = $(
+const Ne = B(
   ({ onRefresh: e, label: t, intent: n = "outline", ...a }, i) => {
-    const { t: d } = A();
+    const { t: l } = A();
     return /* @__PURE__ */ s(
       oe,
       {
         ref: i,
         type: "button",
         intent: n,
-        icon: /* @__PURE__ */ s($t, { "aria-hidden": !0 }),
-        tooltip: t ?? d("dataTable.refresh", "Refresh"),
+        icon: /* @__PURE__ */ s(Bt, { "aria-hidden": !0 }),
+        tooltip: t ?? l("dataTable.refresh", "Refresh"),
         onClick: e,
         ...a
       }
     );
   }
 );
-Fe.displayName = "DataTable.Toolbar.Refresh";
+Ne.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 n = e, a = typeof n.type == "string" ? n.type : "", i = (u) => t(
+    `dataTable.agGrid.${u}`,
+    t(`dataTable.numberFilter.operators.${u}`, u)
+  );
+  if (a === "blank" || a === "notBlank") return i(a);
+  const l = typeof n.filter == "string" || typeof n.filter == "number", m = typeof n.filterTo == "string" || typeof n.filterTo == "number";
+  return a === "inRange" && (l || m) ? l && m ? `${n.filter} – ${n.filterTo}` : l ? `${t("dataTable.numberFilter.from", "From")} ${n.filter}` : `${t("dataTable.numberFilter.to", "To")} ${n.filterTo}` : l ? a ? `${i(a)} ${n.filter}` : String(n.filter) : 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(""), g = D(() => {
-    const u = t();
-    if (!u) {
-      a([]), d("");
+  const { t: e } = A("ui"), { getApi: t } = V("DataTable.Toolbar.FilterChips"), [n, a] = G([]), [i, l] = G(""), m = D(() => {
+    const p = t();
+    if (!p) {
+      a([]), l("");
       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;
+    const h = p.getFilterModel() ?? {}, S = p.getColumns() ?? [], C = [];
+    for (const g of Object.keys(h)) {
+      const T = S.find((R) => R.getColId() === g), w = p.getDisplayNameForColumn(T, null) ?? g;
       C.push({
-        colId: f,
-        headerName: T,
-        text: or(b[f], e)
+        colId: g,
+        headerName: w,
+        text: or(h[g], e)
       });
     }
     a(C);
-    const c = u.getGridOption("quickFilterText");
-    d(typeof c == "string" ? c : "");
+    const c = p.getGridOption("quickFilterText");
+    l(typeof c == "string" ? c : "");
   }, [t, e]);
   if (K(() => {
-    let u;
-    const b = (c) => g(), S = (c) => {
-      c.addEventListener("filterChanged", b), g(), u = () => c.removeEventListener("filterChanged", b);
+    let p;
+    const h = (c) => m(), S = (c) => {
+      c.addEventListener("filterChanged", h), m(), p = () => c.removeEventListener("filterChanged", h);
     }, C = t();
     if (C)
       S(C);
     else {
       const c = window.setInterval(() => {
-        const f = t();
-        f && (window.clearInterval(c), S(f));
+        const g = t();
+        g && (window.clearInterval(c), S(g));
       }, 50);
-      u = () => window.clearInterval(c);
+      p = () => window.clearInterval(c);
     }
-    return () => u == null ? void 0 : u();
-  }, [t, g]), n.length + (i ? 1 : 0) === 0) return null;
-  function p(u) {
-    const b = t();
-    b && (b.setColumnFilterModel(u, null), b.onFilterChanged());
+    return () => p == null ? void 0 : p();
+  }, [t, m]), n.length + (i ? 1 : 0) === 0) return null;
+  function f(p) {
+    const h = t();
+    h && (h.setColumnFilterModel(p, null), h.onFilterChanged());
   }
-  function m() {
-    const u = t();
-    u && (u.setFilterModel(null), u.setGridOption("quickFilterText", ""), d(""));
+  function b() {
+    const p = t();
+    p && (p.setFilterModel(null), p.setGridOption("quickFilterText", ""), l(""));
   }
   return /* @__PURE__ */ L(
     "div",
@@ -354,28 +355,28 @@ const Ze = () => {
       className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
       children: [
         i && /* @__PURE__ */ s(
-          We,
+          $e,
           {
             label: `${e("dataTable.quickSearch.label", "Quick search")}: ${i}`,
             size: "sm",
             variant: "brand",
             fill: "solid",
             onRemove: () => {
-              const u = t();
-              u == null || u.setGridOption("quickFilterText", ""), d("");
+              const p = t();
+              p == null || p.setGridOption("quickFilterText", ""), l("");
             }
           }
         ),
-        n.map((u) => /* @__PURE__ */ s(
-          We,
+        n.map((p) => /* @__PURE__ */ s(
+          $e,
           {
-            label: u.text ? `${u.headerName}: ${u.text}` : u.headerName,
+            label: p.text ? `${p.headerName}: ${p.text}` : p.headerName,
             size: "sm",
             variant: "brand",
             fill: "solid",
-            onRemove: () => p(u.colId)
+            onRemove: () => f(p.colId)
           },
-          u.colId
+          p.colId
         )),
         /* @__PURE__ */ s(
           de,
@@ -383,8 +384,8 @@ const Ze = () => {
             type: "button",
             intent: "ghost",
             size: "sm",
-            onClick: m,
-            startIcon: /* @__PURE__ */ s($e, { "aria-hidden": !0, className: "ds:size-4" }),
+            onClick: b,
+            startIcon: /* @__PURE__ */ s(Be, { "aria-hidden": !0, className: "ds:size-4" }),
             children: e("dataTable.filterChips.clearAll", "Clear all")
           }
         )
@@ -398,19 +399,19 @@ const Ye = ({
   options: t,
   label: n
 }) => {
-  const { t: a } = A(), { getApi: i } = V("DataTable.Toolbar.FacetFilter"), [d, g] = G(null);
-  function h(p) {
-    g(p);
-    const m = i();
-    if (m) {
-      if (p === null) {
-        m.setColumnFilterModel(e, null), m.onFilterChanged();
+  const { t: a } = A(), { getApi: i } = V("DataTable.Toolbar.FacetFilter"), [l, m] = G(null);
+  function u(f) {
+    m(f);
+    const b = i();
+    if (b) {
+      if (f === null) {
+        b.setColumnFilterModel(e, null), b.onFilterChanged();
         return;
       }
-      m.setColumnFilterModel(e, {
+      b.setColumnFilterModel(e, {
         type: "equals",
-        filter: p
-      }), m.onFilterChanged();
+        filter: f
+      }), b.onFilterChanged();
     }
   }
   return /* @__PURE__ */ s(
@@ -419,19 +420,19 @@ const Ye = ({
       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 m = d === p.value;
+      children: t.map((f) => {
+        const b = l === f.value;
         return /* @__PURE__ */ s(
           de,
           {
             type: "button",
             size: "sm",
-            intent: m ? "primary" : "secondary",
-            "aria-pressed": m,
-            onClick: () => h(p.value),
-            children: p.label
+            intent: b ? "primary" : "secondary",
+            "aria-pressed": b,
+            onClick: () => u(f.value),
+            children: f.label
           },
-          String(p.value)
+          String(f.value)
         );
       })
     }
@@ -441,32 +442,32 @@ 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"), g = (e.getColumns() ?? []).filter((f) => f.isVisible());
+  const n = await import("./exceljs.min-D2MHbJsF.js").then((g) => g.e), a = new n.Workbook(), i = a.addWorksheet("Sheet1"), m = (e.getColumns() ?? []).filter((g) => g.isVisible());
   i.addRow(
-    g.map(
-      (f) => e.getDisplayNameForColumn(f, null) ?? f.getColId()
+    m.map(
+      (g) => e.getDisplayNameForColumn(g, null) ?? g.getColId()
     )
-  ), e.forEachNodeAfterFilterAndSort((f) => {
-    f.data && i.addRow(
-      g.map((w) => {
-        const T = e.getCellValue({
-          rowNode: f,
-          colKey: w,
+  ), e.forEachNodeAfterFilterAndSort((g) => {
+    g.data && i.addRow(
+      m.map((T) => {
+        const w = e.getCellValue({
+          rowNode: g,
+          colKey: T,
           useFormatter: !0
         });
-        return T ?? "";
+        return w ?? "";
       })
     );
   });
-  const h = ae("--muted", [240, 240, 240]), p = ae("--foreground", [30, 30, 30]), m = 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();
-  m.eachCell((f) => {
-    f.font = { bold: !0, color: { argb: `FF${u(p)}` } }, f.fill = {
+  const u = ae("--muted", [240, 240, 240]), f = ae("--foreground", [30, 30, 30]), b = i.getRow(1), p = ([g, T, w]) => `${g.toString(16).padStart(2, "0")}${T.toString(16).padStart(2, "0")}${w.toString(16).padStart(2, "0")}`.toUpperCase();
+  b.eachCell((g) => {
+    g.font = { bold: !0, color: { argb: `FF${p(f)}` } }, g.fill = {
       type: "pattern",
       pattern: "solid",
-      fgColor: { argb: `FF${u(h)}` }
+      fgColor: { argb: `FF${p(u)}` }
     };
   });
-  const b = await a.xlsx.writeBuffer(), S = new Blob([b], {
+  const h = await a.xlsx.writeBuffer(), S = new Blob([h], {
     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);
@@ -480,24 +481,24 @@ function lr() {
     );
   return e;
 }
-const ke = $(
+const ke = B(
   ({ children: e, label: t, intent: n = "outline", ...a }, i) => {
-    const { t: d } = A(), { getApi: g } = V("DataTable.Toolbar.ExportMenu"), h = j(() => ({ getApi: g }), [g]), p = e ?? ir.map((m) => /* @__PURE__ */ s(Ae, { format: m }, m));
-    return /* @__PURE__ */ s(et.Provider, { value: h, children: /* @__PURE__ */ L(he.Root, { children: [
-      /* @__PURE__ */ s(he.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
+    const { t: l } = A(), { getApi: m } = V("DataTable.Toolbar.ExportMenu"), u = j(() => ({ getApi: m }), [m]), f = e ?? ir.map((b) => /* @__PURE__ */ s(Ae, { format: b }, b));
+    return /* @__PURE__ */ s(et.Provider, { value: u, children: /* @__PURE__ */ L(be.Root, { children: [
+      /* @__PURE__ */ s(be.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"),
+          tooltip: t ?? l("dataTable.export.menu", "Export"),
+          "aria-label": t ?? l("dataTable.export.menu", "Export"),
           "aria-haspopup": "menu",
           ...a
         }
       ) }),
-      /* @__PURE__ */ s(he.Content, { align: "end", sideOffset: 4, children: p })
+      /* @__PURE__ */ s(be.Content, { align: "end", sideOffset: 4, children: f })
     ] }) });
   }
 );
@@ -514,27 +515,27 @@ const Ae = ({
   onClick: n,
   fileName: a
 }) => {
-  const { t: i } = A(), { getApi: d } = lr(), g = D(() => {
-    const h = d();
+  const { t: i } = A(), { getApi: l } = lr(), m = D(() => {
+    const u = l();
     if (e === "csv") {
-      h == null || h.exportDataAsCsv();
+      u == null || u.exportDataAsCsv();
       return;
     }
     if (e === "pdf") {
-      Qe(h, {
+      Qe(u, {
         fileName: a ?? "data-table-export.pdf"
       });
       return;
     }
     if (e === "xlsx") {
-      sr(h, {
+      sr(u, {
         fileName: a ?? "data-table-export.xlsx"
       });
       return;
     }
-    n == null || n(h);
-  }, [e, a, n, d]);
-  return /* @__PURE__ */ s(he.Item, { onSelect: g, children: /* @__PURE__ */ L("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    n == null || n(u);
+  }, [e, a, n, l]);
+  return /* @__PURE__ */ s(be.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) })
   ] }) });
@@ -551,28 +552,28 @@ function ur(e) {
     visible: a.isVisible()
   }).filter((a) => a !== null);
 }
-const Pe = $(
-  function({ label: t, icon: n, footer: a, header: i, intent: d = "outline", ...g }, h) {
-    const { t: p } = A(), { getApi: m, markColumnsUserTouched: u } = V(
+const Pe = B(
+  function({ label: t, icon: n, footer: a, header: i, intent: l = "outline", ...m }, u) {
+    const { t: f } = A(), { getApi: b, markColumnsUserTouched: p } = V(
       "DataTable.Toolbar.ColumnToggle"
-    ), [b, S] = G(!1), [C, c] = G([]), [f, w] = G(null), [T, R] = G(null);
+    ), [h, S] = G(!1), [C, c] = G([]), [g, T] = G(null), [w, R] = G(null);
     K(() => {
-      b && c(ur(m()));
-    }, [b, m]);
+      h && c(ur(b()));
+    }, [h, b]);
     const I = D(
       (v, O) => {
-        const M = m();
-        M && (M.setColumnsVisible([v], O), u == null || u([v]), c(
-          (F) => F.map(
-            (N) => N.colId === v ? { ...N, visible: O } : N
+        const M = b();
+        M && (M.setColumnsVisible([v], O), p == null || p([v]), c(
+          (N) => N.map(
+            (F) => F.colId === v ? { ...F, visible: O } : F
           )
         ));
       },
-      [m, u]
+      [b, p]
     ), ee = D(
       (v, O) => {
         if (v === O) return;
-        const M = m();
+        const M = b();
         if (!M) return;
         c((z) => {
           const E = z.findIndex((Q) => Q.colId === v), ie = z.findIndex((Q) => Q.colId === O);
@@ -580,26 +581,26 @@ const Pe = $(
           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 N = M.getAllGridColumns(), F = N.find((z) => z.getColId() === v), q = N.find((z) => z.getColId() === O);
+        if (!F || !q) return;
+        F.getPinned() !== q.getPinned() && M.setColumnsPinned([v], q.getPinned() ?? null);
         const U = M.getAllGridColumns().findIndex((z) => z.getColId() === O);
         U >= 0 && M.moveColumns([v], U);
       },
-      [m]
-    ), _ = t ?? p("dataTable.columnToggle");
-    return /* @__PURE__ */ L(me.Root, { open: b, onOpenChange: S, children: [
+      [b]
+    ), _ = t ?? f("dataTable.columnToggle");
+    return /* @__PURE__ */ L(me.Root, { open: h, onOpenChange: S, children: [
       /* @__PURE__ */ s(me.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
         oe,
         {
-          ref: h,
+          ref: u,
           type: "button",
-          intent: d,
+          intent: l,
           icon: n ?? /* @__PURE__ */ s(tr, { "aria-hidden": !0 }),
           tooltip: _,
           "aria-label": _,
           "aria-haspopup": "dialog",
-          ...g
+          ...m
         }
       ) }),
       /* @__PURE__ */ L(
@@ -617,29 +618,29 @@ const Pe = $(
                 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;
+                  const O = g === v.colId, M = w === v.colId && g !== v.colId;
                   return /* @__PURE__ */ L(
                     "li",
                     {
                       draggable: !0,
-                      onDragStart: (F) => {
-                        w(v.colId), F.dataTransfer.effectAllowed = "move", F.dataTransfer.setData("text/plain", v.colId);
+                      onDragStart: (N) => {
+                        T(v.colId), N.dataTransfer.effectAllowed = "move", N.dataTransfer.setData("text/plain", v.colId);
                       },
-                      onDragOver: (F) => {
-                        F.preventDefault(), F.dataTransfer.dropEffect = "move", R(v.colId);
+                      onDragOver: (N) => {
+                        N.preventDefault(), N.dataTransfer.dropEffect = "move", R(v.colId);
                       },
                       onDragLeave: () => {
                         R(
-                          (F) => F === v.colId ? null : F
+                          (N) => N === v.colId ? null : N
                         );
                       },
-                      onDrop: (F) => {
-                        F.preventDefault();
-                        const N = F.dataTransfer.getData("text/plain");
-                        N && ee(N, v.colId), w(null), R(null);
+                      onDrop: (N) => {
+                        N.preventDefault();
+                        const F = N.dataTransfer.getData("text/plain");
+                        F && ee(F, v.colId), T(null), R(null);
                       },
                       onDragEnd: () => {
-                        w(null), R(null);
+                        T(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",
@@ -656,11 +657,11 @@ const Pe = $(
                           }
                         ),
                         /* @__PURE__ */ s(
-                          Bt,
+                          Wt,
                           {
                             label: v.displayName,
                             checked: v.visible,
-                            onCheckedChange: (F) => I(v.colId, F === !0)
+                            onCheckedChange: (N) => I(v.colId, N === !0)
                           }
                         )
                       ]
@@ -678,22 +679,22 @@ const Pe = $(
   }
 );
 Pe.displayName = "DataTable.Toolbar.ColumnToggle";
-const tt = $(
-  ({ label: e, icon: t, onClick: n, variant: a = "default", size: i = "sm", ...d }, g) => {
-    const { t: h } = A(), { getApi: p, selectionCount: m } = V(
+const tt = B(
+  ({ label: e, icon: t, onClick: n, variant: a = "default", size: i = "sm", ...l }, m) => {
+    const { t: u } = A(), { getApi: f, selectionCount: b } = V(
       "DataTable.Toolbar.BulkAction"
     );
-    return m === 0 ? null : /* @__PURE__ */ L(
+    return b === 0 ? null : /* @__PURE__ */ L(
       de,
       {
-        ref: g,
+        ref: m,
         type: "button",
         intent: a === "destructive" ? "destructive" : "secondary",
         size: i,
         startIcon: rr(t),
-        onClick: () => n(p()),
-        "aria-label": `${e} (${h("dataTable.bulkAction", { count: m })})`,
-        ...d,
+        onClick: () => n(f()),
+        "aria-label": `${e} (${u("dataTable.bulkAction", { count: b })})`,
+        ...l,
         children: [
           /* @__PURE__ */ s("span", { children: e }),
           /* @__PURE__ */ s(
@@ -701,7 +702,7 @@ const tt = $(
             {
               "aria-hidden": "true",
               className: "ds:ms-[var(--spacing-xs)] ds:opacity-80",
-              children: h("dataTable.bulkAction", { count: m })
+              children: u("dataTable.bulkAction", { count: b })
             }
           )
         ]
@@ -713,26 +714,26 @@ tt.displayName = "DataTable.Toolbar.BulkAction";
 for (const e of [
   Ee,
   De,
-  Ne,
   Fe,
+  Ne,
   ke,
   Pe
 ])
   e.rendersIconButton = !0;
 const pr = Object.assign(ke, {
   Item: Ae
-}), be = Object.assign(Ve, {
+}), he = 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,
+  Print: Fe,
   ColumnToggle: Pe,
   BulkAction: tt,
   QuickSearch: Je,
-  Refresh: Fe,
+  Refresh: Ne,
   FilterChips: Ze,
   FacetFilter: Ye,
   ExportMenu: pr
@@ -751,9 +752,9 @@ function mr(e) {
   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;
+    for (let l = 0; l <= a.length - i.length; l += 1)
+      if (t.compare(a.slice(l, l + i.length), i) === 0)
+        return l;
     return -1;
   }
   return {
@@ -769,17 +770,17 @@ function mr(e) {
 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: g } = A("ui"), h = (t == null ? void 0 : t.type) ?? d ?? "contains", [p, m] = G(h), [u, b] = G((t == null ? void 0 : t.filter) ?? "");
+function br(e) {
+  const { model: t, onModelChange: n, getValue: a, placeholder: i, defaultOperator: l } = e, { t: m } = A("ui"), u = (t == null ? void 0 : t.type) ?? l ?? "contains", [f, b] = G(u), [p, h] = G((t == null ? void 0 : t.filter) ?? "");
   K(() => {
-    m((t == null ? void 0 : t.type) ?? d ?? "contains"), b((t == null ? void 0 : t.filter) ?? "");
-  }, [t, d]);
+    b((t == null ? void 0 : t.type) ?? l ?? "contains"), h((t == null ? void 0 : t.filter) ?? "");
+  }, [t, l]);
   const S = j(() => mr(Xt.language), []);
   _t({
-    doesFilterPass: (T) => {
+    doesFilterPass: (w) => {
       const R = t;
       if (!R || R.filter === "") return !0;
-      const I = gr(a(T.node));
+      const I = gr(a(w.node));
       if (I === null) return !1;
       switch (R.type) {
         case "equals":
@@ -798,21 +799,21 @@ function hr(e) {
     }
   });
   function C() {
-    if (u.trim() === "") {
+    if (p.trim() === "") {
       n(null);
       return;
     }
-    n({ type: p, filter: u });
+    n({ type: f, filter: p });
   }
   function c() {
-    b(""), m(d ?? "contains"), n(null);
+    h(""), b(l ?? "contains"), n(null);
   }
-  const f = fr.map(
-    (T) => ({
-      value: T,
-      label: g(`dataTable.textFilter.operators.${T}`)
+  const g = fr.map(
+    (w) => ({
+      value: w,
+      label: m(`dataTable.textFilter.operators.${w}`)
     })
-  ), w = i ?? g("dataTable.textFilter.placeholder");
+  ), T = i ?? m("dataTable.textFilter.placeholder");
   return /* @__PURE__ */ L(
     "div",
     {
@@ -823,78 +824,78 @@ function hr(e) {
           Qt,
           {
             size: "sm",
-            options: f,
-            value: p,
-            onValueChange: (T) => {
-              T !== "" && m(T);
+            options: g,
+            value: f,
+            onValueChange: (w) => {
+              w !== "" && b(w);
             },
-            "aria-label": g("dataTable.textFilter.operators.contains")
+            "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());
+            value: p,
+            onChange: (w) => h(w.target.value),
+            onKeyDown: (w) => {
+              w.key === "Enter" && (w.preventDefault(), C());
             },
-            placeholder: w,
-            "aria-label": w,
+            placeholder: T,
+            "aria-label": T,
             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: g("dataTable.textFilter.clear") }),
-          /* @__PURE__ */ s(de, { intent: "primary", size: "sm", onClick: C, type: "button", children: g("dataTable.textFilter.apply") })
+          /* @__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) ?? {}, g = d.defaultOperator ?? "contains", h = d.placeholder ?? i("dataTable.textFilter.placeholder"), [p, m] = G((t == null ? void 0 : t.filter) ?? "");
+function hr(e) {
+  var h, S;
+  const { model: t, onModelChange: n, column: a } = e, { t: i } = A("ui"), l = ((S = (h = a == null ? void 0 : a.getColDef) == null ? void 0 : h.call(a)) == null ? void 0 : S.filterParams) ?? {}, m = l.defaultOperator ?? "contains", u = l.placeholder ?? i("dataTable.textFilter.placeholder"), [f, b] = G((t == null ? void 0 : t.filter) ?? "");
   K(() => {
-    m((t == null ? void 0 : t.filter) ?? "");
+    b((t == null ? void 0 : t.filter) ?? "");
   }, [t == null ? void 0 : t.filter]), K(() => {
-    if (p === ((t == null ? void 0 : t.filter) ?? "")) return;
+    if (f === ((t == null ? void 0 : t.filter) ?? "")) return;
     const C = setTimeout(() => {
-      if (p === "") {
+      if (f === "") {
         t && n(null);
         return;
       }
-      n({ type: g, filter: p });
+      n({ type: m, filter: f });
     }, 200);
     return () => clearTimeout(C);
-  }, [p, g, t, n]);
-  function u() {
-    m(""), t && n(null);
+  }, [f, m, t, n]);
+  function p() {
+    b(""), 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) => m(C.target.value),
-      placeholder: h,
-      "aria-label": h,
+      value: f,
+      onChange: (C) => b(C.target.value),
+      placeholder: u,
+      "aria-label": u,
       startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": "true", className: "ds:size-4" }),
-      endAdornment: p.length > 0 ? /* @__PURE__ */ s(
+      endAdornment: f.length > 0 ? /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           "aria-label": i("dataTable.textFilter.clear"),
-          onClick: u,
+          onClick: p,
           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" })
+          children: /* @__PURE__ */ s(Be, { "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]';
+const yr = /* @__PURE__ */ new Set(["presentation", "none"]), We = '[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");
@@ -904,18 +905,18 @@ function xr(e, t = !0) {
     const n = e.current;
     if (!t || !n || typeof MutationObserver > "u") return;
     (() => {
-      for (const d of n.querySelectorAll(Be)) ge(d);
+      for (const l of n.querySelectorAll(We)) ge(l);
     })();
-    const i = new MutationObserver((d) => {
-      for (const g of d)
-        if (g.type === "attributes")
-          ge(g.target);
+    const i = new MutationObserver((l) => {
+      for (const m of l)
+        if (m.type === "attributes")
+          ge(m.target);
         else
-          for (const h of g.addedNodes)
-            if (h instanceof Element) {
-              ge(h);
-              for (const p of h.querySelectorAll(Be))
-                ge(p);
+          for (const u of m.addedNodes)
+            if (u instanceof Element) {
+              ge(u);
+              for (const f of u.querySelectorAll(We))
+                ge(f);
             }
     });
     return i.observe(n, {
@@ -926,8 +927,8 @@ function xr(e, t = !0) {
     }), () => 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) {
+const ne = "__dsDetailOf", Tr = "ds-data-table-expanded-row", rt = "::detail", wr = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+function $(e) {
   return typeof e == "object" && e !== null && typeof e[ne] == "string";
 }
 function vr(e) {
@@ -946,37 +947,37 @@ function Rr(e) {
   var c;
   const t = Re(
     at
-  ), { t: n } = A(), a = B(null), { data: i, node: d, api: g } = e, h = W(i), p = t == null ? void 0 : t.heights, m = d.id, u = B(t);
-  if (u.current = t, K(() => {
-    const f = a.current;
-    if (!f || !h || !p || m == null) return;
-    let w = p.get(m) ?? 0;
-    const T = () => {
-      const I = Math.ceil(f.getBoundingClientRect().height);
-      I <= 0 || I === w || (w = I, p.set(m, I), d.setRowHeight(I), g.onRowHeightChanged());
+  ), { t: n } = A(), a = W(null), { data: i, node: l, api: m } = e, u = $(i), f = t == null ? void 0 : t.heights, b = l.id, p = W(t);
+  if (p.current = t, K(() => {
+    const g = a.current;
+    if (!g || !u || !f || b == null) return;
+    let T = f.get(b) ?? 0;
+    const w = () => {
+      const I = Math.ceil(g.getBoundingClientRect().height);
+      I <= 0 || I === T || (T = I, f.set(b, I), l.setRowHeight(I), m.onRowHeightChanged());
     };
-    T();
-    const R = new ResizeObserver(T);
-    return R.observe(f), () => R.disconnect();
-  }, [g, m, p, h, d]), K(() => {
-    const f = a.current, w = f == null ? void 0 : f.parentElement;
-    if (!f || !w || !h) return;
-    const T = (R) => {
+    w();
+    const R = new ResizeObserver(w);
+    return R.observe(g), () => R.disconnect();
+  }, [m, b, f, u, l]), K(() => {
+    const g = a.current, T = g == null ? void 0 : g.parentElement;
+    if (!g || !T || !u) return;
+    const w = (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()));
+      R.target !== T || R.defaultPrevented || (R.key === "Escape" ? (R.stopPropagation(), (ee = (I = p.current) == null ? void 0 : I.onExpandedRowChange) == null || ee.call(I, null)) : R.key === "Enter" && (R.preventDefault(), (g.querySelector(wr) ?? g).focus()));
     };
-    return w.addEventListener("keydown", T), () => w.removeEventListener("keydown", T);
-  }, [h]), !h) {
-    const f = t == null ? void 0 : t.fallbackRenderer;
-    return f ? /* @__PURE__ */ s(f, { ...e }) : null;
+    return T.addEventListener("keydown", w), () => T.removeEventListener("keydown", w);
+  }, [u]), !u) {
+    const g = t == null ? void 0 : t.fallbackRenderer;
+    return g ? /* @__PURE__ */ s(g, { ...e }) : null;
   }
-  const b = i[ne];
+  const h = i[ne];
   let S;
-  if (t != null && t.expanded && t.expanded.id === b)
+  if (t != null && t.expanded && t.expanded.id === h)
     S = t.expanded.row;
   else {
-    const { [ne]: f, ...w } = i;
-    S = w;
+    const { [ne]: g, ...T } = i;
+    S = T;
   }
   return /* @__PURE__ */ L(
     "div",
@@ -985,11 +986,11 @@ function Rr(e) {
       role: "gridcell",
       tabIndex: -1,
       "data-component": "data-table-expanded-row",
-      "data-expanded-row-of": b,
+      "data-expanded-row-of": h,
       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));
+      onKeyDown: (g) => {
+        var T;
+        g.key !== "Escape" || g.defaultPrevented || (g.stopPropagation(), (T = t == null ? void 0 : t.onExpandedRowChange) == null || T.call(t, null));
       },
       children: [
         /* @__PURE__ */ s("span", { className: "ds:sr-only", children: n("dataTable.expandedRow") }),
@@ -1266,7 +1267,7 @@ function Dr() {
     }
   );
 }
-function Nr() {
+function Fr() {
   const { t: e } = A();
   return /* @__PURE__ */ s(
     zt,
@@ -1278,7 +1279,7 @@ function Nr() {
     }
   );
 }
-function Fr(e) {
+function Nr(e) {
   return e.map(({ pinned: t, ...n }) => n);
 }
 function kr(e) {
@@ -1297,8 +1298,8 @@ function Ar(e, t) {
     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") : []
+      state: i.dir === t ? i.state : Nr(i.state),
+      touched: Array.isArray(i.touched) ? i.touched.filter((l) => typeof l == "string") : []
     };
   } catch {
     return null;
@@ -1332,19 +1333,19 @@ function Mr(e, t) {
     columnDefs: n,
     rowData: a,
     rowSelection: i,
-    pagination: d = !1,
-    paginationPageSize: g = 25,
-    paginationPageSizeSelector: h = [10, 25, 50, 100],
-    gridId: p,
-    onSelectionChanged: m,
-    onSortChanged: u,
-    onFilterChanged: b,
+    pagination: l = !1,
+    paginationPageSize: m = 25,
+    paginationPageSizeSelector: u = [10, 25, 50, 100],
+    gridId: f,
+    onSelectionChanged: b,
+    onSortChanged: p,
+    onFilterChanged: h,
     noRowsOverlay: S,
     loadingOverlay: C,
     gridOptions: c,
-    density: f,
-    bordered: w,
-    heightClass: T = "ds:h-[500px]",
+    density: g,
+    bordered: T,
+    heightClass: w = "ds:h-[500px]",
     className: R,
     getRowClass: I,
     pinnedBottomRowData: ee,
@@ -1352,48 +1353,48 @@ function Mr(e, t) {
     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)
+    children: N
+  } = e, F = v !== void 0 || O !== void 0, q = c == null ? void 0 : c.getRowId;
+  if (F && !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);
+  const { t: U, i18n: z } = A(), E = W(null), ie = W(null);
   xr(ie);
-  const [X, xe] = G(0), [Q, we] = G(""), ot = Er(), Oe = B(v);
+  const [X, xe] = G(0), [Q, Te] = G(""), ot = Er(), Oe = W(v);
   Oe.current = v;
-  const Te = j(
+  const we = j(
     () => ({
       getSelection: () => {
-        var l;
-        const r = (l = E.current) == null ? void 0 : l.api;
+        var d;
+        const r = (d = E.current) == null ? void 0 : d.api;
         if (!r) return [];
         const o = [];
         for (const y of r.getSelectedNodes())
-          y.id != null && !W(y.data) && o.push(y.id);
+          y.id != null && !$(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);
+        const d = new Set(r);
         o.forEachNode((x) => {
-          x.id != null && x.setSelected(l.has(x.id));
+          x.id != null && x.setSelected(d.has(x.id));
         });
       },
       selectRange: (r, o) => {
         var qe;
-        const l = (qe = E.current) == null ? void 0 : qe.api;
-        if (!l) return;
+        const d = (qe = E.current) == null ? void 0 : qe.api;
+        if (!d) return;
         const y = [];
-        l.forEachNodeAfterFilterAndSort((Y) => {
-          Y.id != null && !W(Y.data) && y.push(Y.id);
+        d.forEachNodeAfterFilterAndSort((Y) => {
+          Y.id != null && !$(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) => {
+        d.forEachNode((Y) => {
           Y.id != null && Y.setSelected(Z.has(Y.id));
         });
       },
@@ -1406,31 +1407,31 @@ function Mr(e, t) {
         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);
+        var o, d;
+        (d = (o = E.current) == null ? void 0 : o.api) == null || d.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 })) : [];
+        return r ? r.getColumnState().filter((d) => d.sort === "asc" || d.sort === "desc").map((d) => ({ colId: d.colId, sort: d.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 d = 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 } });
+        o.applyColumnState({ state: d, 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);
+        var o, d;
+        (d = (o = E.current) == null ? void 0 : o.api) == null || d.paginationGoToPage(r);
       },
       getExpandedRowId: () => Oe.current ?? null,
       getUserTouchedColumns: () => [...te.current],
@@ -1441,14 +1442,14 @@ function Mr(e, t) {
       }
     }),
     []
-  ), ce = B(/* @__PURE__ */ new Map()), te = B(/* @__PURE__ */ new Set()), Me = B(
+  ), ce = W(/* @__PURE__ */ new Map()), te = W(/* @__PURE__ */ new Set()), Me = W(
     () => {
     }
   );
-  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(() => {
+  Ot(t, () => we, [we]), Jt(Sr, we, f);
+  const ze = z.dir() === "rtl", it = a === void 0, st = Zt(), { resolvedTheme: Ge } = Yt(), lt = (Ge === "light-accessible" || Ge === "dark-accessible") && g === "compact" ? "default" : g, dt = j(() => {
     if (!i) return;
-    const r = (o) => !W(o.data);
+    const r = (o) => !$(o.data);
     return i === "single" ? {
       mode: "singleRow",
       enableClickSelection: !1,
@@ -1461,35 +1462,35 @@ function Mr(e, t) {
       isRowSelectable: r
     };
   }, [i]), ue = ze ? "rtl" : "ltr", H = D(
-    (r, o, l) => {
+    (r, o, d) => {
       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];
+        for (const P of d) k[P] = x[P];
         ce.current.set(x.colId, k);
       }
     },
     []
   ), se = D(
     (r) => {
-      p && Pr(p, r, ue, te.current);
+      f && Pr(f, r, ue, te.current);
     },
-    [p, ue]
+    [f, ue]
   ), _e = D(
     (r) => {
-      var l;
+      var d;
       for (const y of r) te.current.add(y);
-      const o = (l = E.current) == null ? void 0 : l.api;
+      const o = (d = E.current) == null ? void 0 : d.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;
+    var d;
+    if (!((d = E.current) != null && d.api)) return;
+    const r = E.current.api, o = f ? Ar(f, ue) : null;
     if (o) {
       for (const y of o.touched) te.current.add(y);
       r.applyColumnState({
@@ -1497,11 +1498,11 @@ function Mr(e, t) {
         applyOrder: !0
       }), H(r, o.touched, ["hide"]);
     }
-  }, [p, ue, H]), ut = D(
+  }, [f, ue, H]), ut = D(
     (r) => {
-      var l;
+      var d;
       if (r.source !== "gridOptionsChanged") return;
-      const o = (l = E.current) == null ? void 0 : l.api;
+      const o = (d = E.current) == null ? void 0 : d.api;
       !o || ce.current.size === 0 || o.applyColumnState({
         state: [...ce.current].map(([y, x]) => ({
           colId: y,
@@ -1515,10 +1516,10 @@ function Mr(e, t) {
       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());
+      const d = (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(
+          const x = d.filter(
             (k) => te.current.has(k)
           );
           x.length > 0 && (H(o, x, ["hide"]), se(o));
@@ -1526,17 +1527,17 @@ function Mr(e, t) {
         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"]);
+        for (const x of d) te.current.add(x);
+        H(o, d, ["hide"]);
+      } else "pinned" in r ? H(o, d, ["pinned"]) : "flexColumns" in r && H(o, d, ["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);
+    return delete r.defaultColDef, F && (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;
+  }, [F, c]), je = W(/* @__PURE__ */ new Map()), le = W(c);
   le.current = c;
   const Le = D(
     (r) => {
@@ -1550,10 +1551,10 @@ function Mr(e, t) {
     },
     [q, c == null ? void 0 : c.context]
   ), J = j(() => {
-    if (!N || v == null || !a) return null;
+    if (!F || 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(() => {
+  }, [F, v, Le, a]), ft = j(() => {
     if (!J || !a) return a;
     const r = a.indexOf(J.row), o = Cr(J.row, J.id);
     return [
@@ -1562,60 +1563,60 @@ function Mr(e, t) {
       ...a.slice(r + 1)
     ];
   }, [J, a]), mt = D(
-    (r) => W(r.data) ? vr(r.data[ne]) : q(r),
+    (r) => $(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);
+      var o, d;
+      return $(r.rowNode.data) || (((d = (o = le.current) == null ? void 0 : o.isFullWidthRow) == null ? void 0 : d.call(o, r)) ?? !1);
     },
     []
-  ), ht = D(
+  ), bt = 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);
+      var o, d;
+      return $(r.data) ? je.current.get(r.node.id ?? "") : (d = (o = le.current) == null ? void 0 : o.getRowHeight) == null ? void 0 : d.call(o, r);
     },
     []
-  ), bt = D(
+  ), ht = 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);
+      const { nodes: o } = r, d = o.findIndex((Z) => $(Z.data));
+      if (d < 0) return;
+      const [y] = o.splice(d, 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));
+      var o, d;
+      return $(r.data) ? Tr : ((d = (o = le.current) == null ? void 0 : o.getRowClass) == null ? void 0 : d.call(o, r)) ?? (I == null ? void 0 : I(r));
     },
     [I]
   ), fe = D(
-    (r) => W(r.node.data),
+    (r) => $(r.node.data),
     []
   ), xt = j(() => {
-    if (!N) return;
+    if (!F) 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);
+        var d;
+        return fe(o) || (((d = r == null ? void 0 : r.shouldRowBeSkipped) == null ? void 0 : d.call(r, o)) ?? !1);
       }
     };
-  }, [N, c == null ? void 0 : c.defaultCsvExportParams, fe]), wt = j(() => {
-    if (!N) return;
+  }, [F, c == null ? void 0 : c.defaultCsvExportParams, fe]), Tt = j(() => {
+    if (!F) 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);
+        var d;
+        return fe(o) || (((d = r == null ? void 0 : r.shouldRowBeSkipped) == null ? void 0 : d.call(r, o)) ?? !1);
       }
     };
-  }, [N, c == null ? void 0 : c.defaultExcelExportParams, fe]), ve = c == null ? void 0 : c.fullWidthCellRenderer, Tt = j(
+  }, [F, c == null ? void 0 : c.defaultExcelExportParams, fe]), ve = c == null ? void 0 : c.fullWidthCellRenderer, wt = j(
     () => ({
       renderExpandedRow: O,
       onExpandedRowChange: M,
@@ -1630,43 +1631,43 @@ function Mr(e, t) {
       O
     ]
   ), vt = D(() => {
-    var l;
-    const r = (l = E.current) == null ? void 0 : l.api;
+    var d;
+    const r = (d = E.current) == null ? void 0 : d.api;
     if (!r) return;
-    const o = r.getSelectedRows().filter((y) => !W(y));
-    xe(o.length), m == null || m(o);
-  }, [m]), Ct = D(
+    const o = r.getSelectedRows().filter((y) => !$(y));
+    xe(o.length), b == null || b(o);
+  }, [b]), Ct = D(
     (r) => {
-      var l;
-      const o = (l = E.current) == null ? void 0 : l.api;
+      var d;
+      const o = (d = E.current) == null ? void 0 : d.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(
+          Te(
             U("dataTable.sortAnnounce", {
               column: re,
               direction: U(Z)
             })
           );
         } else
-          we("");
+          Te("");
       }
-      u == null || u(r);
+      p == null || p(r);
     },
-    [u, U]
+    [p, U]
   ), Rt = D(
     (r) => {
-      b == null || b(r);
+      h == null || h(r);
     },
-    [b]
+    [h]
   );
   K(() => {
     if (!Q) return;
-    const r = setTimeout(() => we(""), 3e3);
+    const r = setTimeout(() => Te(""), 3e3);
     return () => clearTimeout(r);
   }, [Q]);
-  const St = S ?? Nr, It = C ?? Dr, Et = D(
+  const St = S ?? Fr, It = C ?? Dr, Et = D(
     () => {
       var r;
       return (r = E.current) == null ? void 0 : r.api;
@@ -1674,30 +1675,30 @@ function Mr(e, t) {
     []
   ), Dt = D(() => {
     typeof window < "u" && window.print();
-  }, []), Nt = Ir({
+  }, []), Ft = Ir({
     density: lt,
-    bordered: w,
+    bordered: T,
     className: R
-  }), Ft = F ?? /* @__PURE__ */ s("div", { className: "data-table-toolbar ds:flex ds:justify-end", children: /* @__PURE__ */ L(
-    Wt,
+  }), Nt = N ?? /* @__PURE__ */ s("div", { className: "data-table-toolbar ds:flex ds:justify-end", children: /* @__PURE__ */ L(
+    $t,
     {
       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, {})
+        /* @__PURE__ */ s(he.ExportMenu, {}),
+        /* @__PURE__ */ s(he.Print, {}),
+        /* @__PURE__ */ s(he.ColumnToggle, {})
       ]
     }
-  ) }), kt = _ ? !1 : d;
+  ) }), kt = _ ? !1 : l;
   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-component-id": f,
       "data-print-mode": _ ? "true" : void 0,
       children: [
         !_ && /* @__PURE__ */ s(
@@ -1707,18 +1708,18 @@ function Mr(e, t) {
             selectionCount: X,
             onPrint: Dt,
             markColumnsUserTouched: _e,
-            children: Ft
+            children: Nt
           }
         ),
         /* @__PURE__ */ s(
           "div",
           {
             ref: ie,
-            className: [Nt, _ ? "" : T].join(" ").trim(),
+            className: [Ft, _ ? "" : w].join(" ").trim(),
             children: /* @__PURE__ */ s(
               at.Provider,
               {
-                value: Tt,
+                value: wt,
                 children: /* @__PURE__ */ s(
                   jt,
                   {
@@ -1733,8 +1734,8 @@ function Mr(e, t) {
                       // 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,
+                      filter: br,
+                      floatingFilterComponent: hr,
                       resizable: !0,
                       floatingFilter: !0,
                       // §13d — faint sort icon advertises which columns are
@@ -1744,8 +1745,8 @@ function Mr(e, t) {
                     },
                     rowSelection: dt,
                     pagination: kt,
-                    paginationPageSize: g,
-                    paginationPageSizeSelector: h,
+                    paginationPageSize: m,
+                    paginationPageSizeSelector: u,
                     paginationNumberFormatter: (r) => new Intl.NumberFormat(z.language).format(r.value),
                     animateRows: !st,
                     enableRtl: ze,
@@ -1768,7 +1769,7 @@ function Mr(e, t) {
                     localeText: ot,
                     noRowsOverlayComponent: St,
                     loadingOverlayComponent: It,
-                    getRowClass: N ? yt : I,
+                    getRowClass: F ? yt : I,
                     pinnedBottomRowData: ee,
                     domLayout: _ ? "autoHeight" : void 0,
                     onGridReady: ct,
@@ -1781,14 +1782,14 @@ function Mr(e, t) {
                     onFilterChanged: Rt,
                     onSelectionChanged: vt,
                     ...pt,
-                    ...N ? {
+                    ...F ? {
                       getRowId: mt,
                       isFullWidthRow: gt,
                       fullWidthCellRenderer: Rr,
-                      getRowHeight: ht,
-                      postSortRows: bt,
+                      getRowHeight: bt,
+                      postSortRows: ht,
                       defaultCsvExportParams: xt,
-                      defaultExcelExportParams: wt
+                      defaultExcelExportParams: Tt
                     } : {}
                   }
                 )
@@ -1802,22 +1803,22 @@ function Mr(e, t) {
     }
   );
 }
-const nt = $(Mr);
+const nt = B(Mr);
 nt.displayName = "DataTable";
 const ma = Object.assign(nt, {
-  Toolbar: be
+  Toolbar: he
 });
 export {
   ma as D,
-  wr as E,
-  hr as T,
-  br as a,
-  be as b,
+  Tr as E,
+  br as T,
+  hr as a,
+  he as b,
   ar as c,
   Sr as d,
   Qe as e,
   vr as f,
   fa as g,
-  W as i
+  $ as i
 };
-//# sourceMappingURL=data-table-DWOSxlsy.js.map
+//# sourceMappingURL=data-table-CrI3_bjH.js.map