@alfadocs/ui-kit-debug 1.20.0 → 1.21.0

package/dist/_chunks/{data-table-D7nA8OGL.js → data-table-Bw3i0753.js}

@@ -50,8 +50,8 @@ const er = [
 ], tr = Kt("columns-3-cog", er);
 function rr(e) {
   if (!At(e)) return e;
-  const t = e, n = t.props.className ?? "", a = /\bsize-|\bw-|\bh-/.test(n) ? n : `${n} ds:size-4`.trim();
-  return Pt(t, { className: a, size: t.props.size ?? 16 });
+  const t = e, a = t.props.className ?? "", n = /\bsize-|\bw-|\bh-/.test(a) ? a : `${a} ds:size-4`.trim();
+  return Pt(t, { className: n, size: t.props.size ?? 16 });
 }
 const He = Ce(null);
 function V(e) {
@@ -62,20 +62,20 @@ function V(e) {
     );
   return t;
 }
-function ar({
+function nr({
   getApi: e,
   selectionCount: t,
-  onPrint: n,
-  markColumnsUserTouched: a,
+  onPrint: a,
+  markColumnsUserTouched: n,
   children: i
 }) {
   const d = j(
-    () => ({ getApi: e, selectionCount: t, onPrint: n, markColumnsUserTouched: a }),
-    [e, t, n, a]
+    () => ({ getApi: e, selectionCount: t, onPrint: a, markColumnsUserTouched: n }),
+    [e, t, a, n]
   );
   return /* @__PURE__ */ s(He.Provider, { value: d, children: i });
 }
-const nr = [
+const ar = [
   "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
@@ -88,23 +88,23 @@ const nr = [
   // matching the header-tools layout the Patients / Care Plan List
   // patterns established (the old bg-card + border + shadow bar is gone).
 ].join(" "), Ve = $(
-  ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
+  ({ className: e, children: t, ...a }, n) => /* @__PURE__ */ s(
     "div",
     {
-      ref: a,
+      ref: n,
       role: "toolbar",
-      className: [nr, e ?? ""].join(" ").trim(),
-      ...n,
+      className: [ar, e ?? ""].join(" ").trim(),
+      ...a,
       children: t
     }
   )
 );
 Ve.displayName = "DataTable.Toolbar";
 const Ue = $(
-  ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
+  ({ className: e, children: t, ...a }, n) => /* @__PURE__ */ s(
     "div",
     {
-      ref: a,
+      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
@@ -114,66 +114,66 @@ const Ue = $(
         "ds:grow ds:min-w-0",
         e ?? ""
       ].join(" ").trim(),
-      ...n,
+      ...a,
       children: t
     }
   )
 );
 Ue.displayName = "DataTable.Toolbar.FilterBar";
 const Xe = $(
-  ({ className: e, children: t, ...n }, a) => /* @__PURE__ */ s(
+  ({ className: e, children: t, ...a }, n) => /* @__PURE__ */ s(
     "div",
     {
-      ref: a,
+      ref: n,
       className: [
         "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
         "ds:ms-auto",
         e ?? ""
       ].join(" ").trim(),
-      ...n,
+      ...a,
       children: t
     }
   )
 );
 Xe.displayName = "DataTable.Toolbar.Actions";
 const Ee = $(
-  ({ label: e, onExport: t, intent: n = "outline", ...a }, i) => {
-    const { t: d } = A(), { getApi: m } = V("DataTable.Toolbar.ExportCsv"), g = D(() => {
-      const p = m();
+  ({ label: e, onExport: t, intent: a = "outline", ...n }, i) => {
+    const { t: d } = A(), { getApi: g } = V("DataTable.Toolbar.ExportCsv"), h = D(() => {
+      const p = g();
       p && (t ? t(p) : p.exportDataAsCsv());
-    }, [m, t]);
+    }, [g, t]);
     return /* @__PURE__ */ s(
       oe,
       {
         ref: i,
         type: "button",
-        intent: n,
+        intent: a,
         icon: /* @__PURE__ */ s(ye, { "aria-hidden": !0 }),
         tooltip: e ?? d("dataTable.exportCsv"),
-        onClick: g,
-        ...a
+        onClick: h,
+        ...n
       }
     );
   }
 );
 Ee.displayName = "DataTable.Toolbar.ExportCsv";
-function ae(e, t = [30, 30, 30]) {
+function ne(e, t = [30, 30, 30]) {
   if (typeof document > "u") return t;
-  const n = document.createElement("span");
-  n.style.color = `hsl(var(${e}))`, n.style.position = "absolute", n.style.visibility = "hidden", document.body.appendChild(n);
-  const a = getComputedStyle(n).color;
-  document.body.removeChild(n);
-  const i = a.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/i);
+  const a = document.createElement("span");
+  a.style.color = `hsl(var(${e}))`, a.style.position = "absolute", a.style.visibility = "hidden", document.body.appendChild(a);
+  const n = getComputedStyle(a).color;
+  document.body.removeChild(a);
+  const i = n.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/i);
   return i ? [Number(i[1]), Number(i[2]), Number(i[3])] : t;
 }
 async function Qe(e, t) {
   if (!e) return;
-  const [{ jsPDF: n }, { default: a }] = await Promise.all([
+  const [{ jsPDF: a }, { default: n }] = await Promise.all([
     import("./jspdf.es.min-DaapWjR1.js").then((C) => C.j),
     import("./jspdf.plugin.autotable-CSiDNyPn.js")
-  ]), d = (e.getColumns() ?? []).filter((C) => C.isVisible()), m = [
+  ]), d = (e.getColumns() ?? []).filter((C) => C.isVisible()), g = [
     d.map((C) => e.getDisplayNameForColumn(C, null) ?? "")
-  ], g = [];
+  ], h = [];
   e.forEachNodeAfterFilterAndSort((C) => {
     if (!C.data) return;
     const c = d.map((f) => {
@@ -184,13 +184,13 @@ async function Qe(e, t) {
       });
       return w == null ? "" : String(w);
     });
-    g.push(c);
+    h.push(c);
   });
-  const p = ae("--muted", [240, 240, 240]), h = ae("--foreground", [30, 30, 30]), u = ae("--card-foreground", [30, 30, 30]), b = ae("--card", [250, 250, 250]), S = new n({ orientation: "landscape" });
-  a(S, {
-    head: m,
-    body: g,
-    headStyles: { fillColor: p, textColor: h },
+  const p = ne("--muted", [240, 240, 240]), m = ne("--foreground", [30, 30, 30]), u = ne("--card-foreground", [30, 30, 30]), b = ne("--card", [250, 250, 250]), S = new a({ orientation: "landscape" });
+  n(S, {
+    head: g,
+    body: h,
+    headStyles: { fillColor: p, textColor: m },
     bodyStyles: { textColor: u },
     alternateRowStyles: { fillColor: b },
     styles: {
@@ -201,25 +201,25 @@ async function Qe(e, t) {
   }), S.save(t.fileName);
 }
 const De = $(
-  ({ label: e, onClick: t, fileName: n, intent: a = "outline", ...i }, d) => {
-    const { t: m } = A(), { getApi: g } = V("DataTable.Toolbar.ExportPdf"), p = D(() => {
-      const h = g();
+  ({ label: e, onClick: t, fileName: a, intent: n = "outline", ...i }, d) => {
+    const { t: g } = A(), { getApi: h } = V("DataTable.Toolbar.ExportPdf"), p = D(() => {
+      const m = h();
       if (t) {
-        t(h);
+        t(m);
         return;
       }
-      Qe(h, {
-        fileName: n ?? "data-table-export.pdf"
+      Qe(m, {
+        fileName: a ?? "data-table-export.pdf"
       });
-    }, [g, t, n]);
+    }, [h, t, a]);
     return /* @__PURE__ */ s(
       oe,
       {
         ref: d,
         type: "button",
-        intent: a,
+        intent: n,
         icon: /* @__PURE__ */ s(Ke, { "aria-hidden": !0 }),
-        tooltip: e ?? m("dataTable.exportPdf"),
+        tooltip: e ?? g("dataTable.exportPdf"),
         onClick: p,
         ...i
       }
@@ -228,31 +228,31 @@ const De = $(
 );
 De.displayName = "DataTable.Toolbar.ExportPdf";
 const Ne = $(
-  ({ label: e, intent: t = "outline", ...n }, a) => {
+  ({ label: e, intent: t = "outline", ...a }, n) => {
     const { t: i } = A(), { onPrint: d } = V("DataTable.Toolbar.Print");
     return /* @__PURE__ */ s(
       oe,
       {
-        ref: a,
+        ref: n,
         type: "button",
         intent: t,
         icon: /* @__PURE__ */ s(Vt, { "aria-hidden": !0 }),
         tooltip: e ?? i("dataTable.print"),
         onClick: d,
-        ...n
+        ...a
       }
     );
   }
 );
 Ne.displayName = "DataTable.Toolbar.Print";
 const Je = ({ placeholder: e, debounceMs: t = 150 }) => {
-  const { t: n } = A(), { getApi: a } = V("DataTable.Toolbar.QuickSearch"), [i, d] = G(""), m = B(void 0);
-  return K(() => (m.current && window.clearTimeout(m.current), m.current = window.setTimeout(() => {
-    const g = a();
-    g && g.setGridOption("quickFilterText", i);
+  const { t: a } = A(), { getApi: n } = 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 = n();
+    h && h.setGridOption("quickFilterText", i);
   }, t), () => {
-    m.current && window.clearTimeout(m.current);
-  }), [i, t, a]), // Slot wrapper caps the search at a sensible legible width on desktop —
+    g.current && window.clearTimeout(g.current);
+  }), [i, t, 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
@@ -265,29 +265,29 @@ const Je = ({ placeholder: e, debounceMs: t = 150 }) => {
       type: "search",
       size: "sm",
       value: i,
-      onChange: (g) => d(g.target.value),
-      placeholder: e ?? n("dataTable.quickSearch.placeholder", "Search…"),
+      onChange: (h) => d(h.target.value),
+      placeholder: e ?? a("dataTable.quickSearch.placeholder", "Search…"),
       startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": !0, className: "ds:size-4" }),
       clearable: !0,
       onClear: () => d(""),
-      "aria-label": n("dataTable.quickSearch.label", "Quick search")
+      "aria-label": a("dataTable.quickSearch.label", "Quick search")
     }
   ) });
 };
 Je.displayName = "DataTable.Toolbar.QuickSearch";
 const Fe = $(
-  ({ onRefresh: e, label: t, intent: n = "outline", ...a }, i) => {
+  ({ onRefresh: e, label: t, intent: a = "outline", ...n }, i) => {
     const { t: d } = A();
     return /* @__PURE__ */ s(
       oe,
       {
         ref: i,
         type: "button",
-        intent: n,
+        intent: a,
         icon: /* @__PURE__ */ s($t, { "aria-hidden": !0 }),
         tooltip: t ?? d("dataTable.refresh", "Refresh"),
         onClick: e,
-        ...a
+        ...n
       }
     );
   }
@@ -295,18 +295,18 @@ const Fe = $(
 Fe.displayName = "DataTable.Toolbar.Refresh";
 function or(e, t) {
   if (!e || typeof e != "object") return "";
-  const n = e;
-  if (typeof n.filter == "string" || typeof n.filter == "number") {
-    const a = typeof n.type == "string" ? n.type : "", i = typeof n.filterTo == "string" || typeof n.filterTo == "number" ? String(n.filterTo) : "";
-    return a === "inRange" && i ? `${n.filter} – ${i}` : a ? `${t(`dataTable.agGrid.${a}`, a)} ${n.filter}` : String(n.filter);
+  const a = e;
+  if (typeof a.filter == "string" || typeof a.filter == "number") {
+    const n = typeof a.type == "string" ? a.type : "", i = typeof a.filterTo == "string" || typeof a.filterTo == "number" ? String(a.filterTo) : "";
+    return n === "inRange" && i ? `${a.filter} – ${i}` : n ? `${t(`dataTable.agGrid.${n}`, n)} ${a.filter}` : String(a.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(", ") : "";
+  return typeof a.dateFrom == "string" ? typeof a.dateTo == "string" && a.dateTo ? `${a.dateFrom} – ${a.dateTo}` : String(a.dateFrom) : Array.isArray(a.values) ? a.values.map(String).join(", ") : "";
 }
 const Ze = () => {
-  const { t: e } = A(), { getApi: t } = V("DataTable.Toolbar.FilterChips"), [n, a] = G([]), [i, d] = G(""), m = D(() => {
+  const { t: e } = A(), { getApi: t } = V("DataTable.Toolbar.FilterChips"), [a, n] = G([]), [i, d] = G(""), g = D(() => {
     const u = t();
     if (!u) {
-      a([]), d("");
+      n([]), d("");
       return;
     }
     const b = u.getFilterModel() ?? {}, S = u.getColumns() ?? [], C = [];
@@ -318,14 +318,14 @@ const Ze = () => {
         text: or(b[f], e)
       });
     }
-    a(C);
+    n(C);
     const c = u.getGridOption("quickFilterText");
     d(typeof c == "string" ? c : "");
   }, [t, e]);
   if (K(() => {
     let u;
-    const b = (c) => m(), S = (c) => {
-      c.addEventListener("filterChanged", b), m(), u = () => c.removeEventListener("filterChanged", b);
+    const b = (c) => g(), S = (c) => {
+      c.addEventListener("filterChanged", b), g(), u = () => c.removeEventListener("filterChanged", b);
     }, C = t();
     if (C)
       S(C);
@@ -337,12 +337,12 @@ const Ze = () => {
       u = () => window.clearInterval(c);
     }
     return () => u == null ? void 0 : u();
-  }, [t, m]), n.length + (i ? 1 : 0) === 0) return null;
+  }, [t, g]), a.length + (i ? 1 : 0) === 0) return null;
   function p(u) {
     const b = t();
-    b && b.destroyFilter(u);
+    b && (b.setColumnFilterModel(u, null), b.onFilterChanged());
   }
-  function h() {
+  function m() {
     const u = t();
     u && (u.setFilterModel(null), u.setGridOption("quickFilterText", ""), d(""));
   }
@@ -365,7 +365,7 @@ const Ze = () => {
             }
           }
         ),
-        n.map((u) => /* @__PURE__ */ s(
+        a.map((u) => /* @__PURE__ */ s(
           We,
           {
             label: u.text ? `${u.headerName}: ${u.text}` : u.headerName,
@@ -381,7 +381,7 @@ const Ze = () => {
             type: "button",
             intent: "ghost",
             size: "sm",
-            onClick: h,
+            onClick: m,
             startIcon: /* @__PURE__ */ s($e, { "aria-hidden": !0, className: "ds:size-4" }),
             children: e("dataTable.filterChips.clearAll", "Clear all")
           }
@@ -394,39 +394,39 @@ Ze.displayName = "DataTable.Toolbar.FilterChips";
 const Ye = ({
   field: e,
   options: t,
-  label: n
+  label: a
 }) => {
-  const { t: a } = A(), { getApi: i } = V("DataTable.Toolbar.FacetFilter"), [d, m] = G(null);
-  function g(p) {
-    m(p);
-    const h = i();
-    if (h) {
+  const { t: n } = A(), { getApi: i } = V("DataTable.Toolbar.FacetFilter"), [d, g] = G(null);
+  function h(p) {
+    g(p);
+    const m = i();
+    if (m) {
       if (p === null) {
-        h.destroyFilter(e);
+        m.setColumnFilterModel(e, null), m.onFilterChanged();
         return;
       }
-      h.setColumnFilterModel(e, {
+      m.setColumnFilterModel(e, {
         type: "equals",
         filter: p
-      }), h.onFilterChanged();
+      }), m.onFilterChanged();
     }
   }
   return /* @__PURE__ */ s(
     "div",
     {
       role: "group",
-      "aria-label": n ?? a("dataTable.facetFilter.label", "Filter"),
+      "aria-label": a ?? n("dataTable.facetFilter.label", "Filter"),
       className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
       children: t.map((p) => {
-        const h = d === p.value;
+        const m = d === p.value;
         return /* @__PURE__ */ s(
           de,
           {
             type: "button",
             size: "sm",
-            intent: h ? "primary" : "secondary",
-            "aria-pressed": h,
-            onClick: () => g(p.value),
+            intent: m ? "primary" : "secondary",
+            "aria-pressed": m,
+            onClick: () => h(p.value),
             children: p.label
           },
           String(p.value)
@@ -439,14 +439,14 @@ Ye.displayName = "DataTable.Toolbar.FacetFilter";
 const ir = ["csv", "xlsx", "pdf"];
 async function sr(e, t) {
   if (!e) return;
-  const n = await import("./exceljs.min-D2MHbJsF.js").then((f) => f.e), a = new n.Workbook(), i = a.addWorksheet("Sheet1"), m = (e.getColumns() ?? []).filter((f) => f.isVisible());
+  const a = await import("./exceljs.min-D2MHbJsF.js").then((f) => f.e), n = new a.Workbook(), i = n.addWorksheet("Sheet1"), g = (e.getColumns() ?? []).filter((f) => f.isVisible());
   i.addRow(
-    m.map(
+    g.map(
       (f) => e.getDisplayNameForColumn(f, null) ?? f.getColId()
     )
   ), e.forEachNodeAfterFilterAndSort((f) => {
     f.data && i.addRow(
-      m.map((w) => {
+      g.map((w) => {
         const T = e.getCellValue({
           rowNode: f,
           colKey: w,
@@ -456,15 +456,15 @@ async function sr(e, t) {
       })
     );
   });
-  const g = ae("--muted", [240, 240, 240]), p = ae("--foreground", [30, 30, 30]), h = i.getRow(1), u = ([f, w, T]) => `${f.toString(16).padStart(2, "0")}${w.toString(16).padStart(2, "0")}${T.toString(16).padStart(2, "0")}`.toUpperCase();
-  h.eachCell((f) => {
+  const h = ne("--muted", [240, 240, 240]), p = ne("--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 = {
       type: "pattern",
       pattern: "solid",
-      fgColor: { argb: `FF${u(g)}` }
+      fgColor: { argb: `FF${u(h)}` }
     };
   });
-  const b = await a.xlsx.writeBuffer(), S = new Blob([b], {
+  const b = await n.xlsx.writeBuffer(), S = new Blob([b], {
     type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
   }), C = URL.createObjectURL(S), c = document.createElement("a");
   c.href = C, c.download = t.fileName, document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(C);
@@ -479,20 +479,20 @@ function lr() {
   return e;
 }
 const ke = $(
-  ({ children: e, label: t, intent: n = "outline", ...a }, i) => {
-    const { t: d } = A(), { getApi: m } = V("DataTable.Toolbar.ExportMenu"), g = j(() => ({ getApi: m }), [m]), p = e ?? ir.map((h) => /* @__PURE__ */ s(Ae, { format: h }, h));
-    return /* @__PURE__ */ s(et.Provider, { value: g, children: /* @__PURE__ */ L(he.Root, { children: [
+  ({ children: e, label: t, intent: a = "outline", ...n }, 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(
         oe,
         {
           ref: i,
           type: "button",
-          intent: n,
+          intent: a,
           icon: /* @__PURE__ */ s(ye, { "aria-hidden": !0 }),
           tooltip: t ?? d("dataTable.export.menu", "Export"),
           "aria-label": t ?? d("dataTable.export.menu", "Export"),
           "aria-haspopup": "menu",
-          ...a
+          ...n
         }
       ) }),
       /* @__PURE__ */ s(he.Content, { align: "end", sideOffset: 4, children: p })
@@ -509,30 +509,30 @@ function cr(e) {
 const Ae = ({
   format: e,
   label: t,
-  onClick: n,
-  fileName: a
+  onClick: a,
+  fileName: n
 }) => {
-  const { t: i } = A(), { getApi: d } = lr(), m = D(() => {
-    const g = d();
+  const { t: i } = A(), { getApi: d } = lr(), g = D(() => {
+    const h = d();
     if (e === "csv") {
-      g == null || g.exportDataAsCsv();
+      h == null || h.exportDataAsCsv();
       return;
     }
     if (e === "pdf") {
-      Qe(g, {
-        fileName: a ?? "data-table-export.pdf"
+      Qe(h, {
+        fileName: n ?? "data-table-export.pdf"
       });
       return;
     }
     if (e === "xlsx") {
-      sr(g, {
-        fileName: a ?? "data-table-export.xlsx"
+      sr(h, {
+        fileName: n ?? "data-table-export.xlsx"
       });
       return;
     }
-    n == null || n(g);
-  }, [e, a, n, d]);
-  return /* @__PURE__ */ s(he.Item, { onSelect: m, children: /* @__PURE__ */ L("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+    a == null || a(h);
+  }, [e, n, a, 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: [
     cr(e),
     /* @__PURE__ */ s("span", { children: t ?? dr(i, e) })
   ] }) });
@@ -540,37 +540,37 @@ const Ae = ({
 Ae.displayName = "DataTable.Toolbar.ExportMenu.Item";
 function ur(e) {
   if (!e) return [];
-  const t = (a) => a.getPinned() === "left" ? 0 : a.getPinned() === "right" ? 2 : 1;
+  const t = (n) => n.getPinned() === "left" ? 0 : n.getPinned() === "right" ? 2 : 1;
   return [...e.getAllGridColumns() ?? []].sort(
-    (a, i) => t(a) - t(i)
-  ).map((a) => a.getColDef().hide === void 0 && a.getColId().startsWith("ag-Grid-") ? null : {
-    colId: a.getColId(),
-    displayName: e.getDisplayNameForColumn(a, null) || a.getColId(),
-    visible: a.isVisible()
-  }).filter((a) => a !== null);
+    (n, i) => t(n) - t(i)
+  ).map((n) => n.getColDef().hide === void 0 && n.getColId().startsWith("ag-Grid-") ? null : {
+    colId: n.getColId(),
+    displayName: e.getDisplayNameForColumn(n, null) || n.getColId(),
+    visible: n.isVisible()
+  }).filter((n) => n !== null);
 }
 const Pe = $(
-  function({ label: t, icon: n, footer: a, header: i, intent: d = "outline", ...m }, g) {
-    const { t: p } = A(), { getApi: h, markColumnsUserTouched: u } = V(
+  function({ label: t, icon: a, footer: n, header: i, intent: d = "outline", ...g }, h) {
+    const { t: p } = A(), { getApi: m, markColumnsUserTouched: u } = V(
       "DataTable.Toolbar.ColumnToggle"
     ), [b, S] = G(!1), [C, c] = G([]), [f, w] = G(null), [T, R] = G(null);
     K(() => {
-      b && c(ur(h()));
-    }, [b, h]);
+      b && c(ur(m()));
+    }, [b, m]);
     const I = D(
       (v, O) => {
-        const M = h();
+        const M = m();
         M && (M.setColumnsVisible([v], O), u == null || u([v]), c(
           (F) => F.map(
             (N) => N.colId === v ? { ...N, visible: O } : N
           )
         ));
       },
-      [h, u]
+      [m, u]
     ), ee = D(
       (v, O) => {
         if (v === O) return;
-        const M = h();
+        const M = m();
         if (!M) return;
         c((z) => {
           const E = z.findIndex((Q) => Q.colId === v), ie = z.findIndex((Q) => Q.colId === O);
@@ -584,20 +584,20 @@ const Pe = $(
         const U = M.getAllGridColumns().findIndex((z) => z.getColId() === O);
         U >= 0 && M.moveColumns([v], U);
       },
-      [h]
+      [m]
     ), _ = t ?? p("dataTable.columnToggle");
     return /* @__PURE__ */ L(me.Root, { open: b, onOpenChange: S, children: [
       /* @__PURE__ */ s(me.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
         oe,
         {
-          ref: g,
+          ref: h,
           type: "button",
           intent: d,
-          icon: n ?? /* @__PURE__ */ s(tr, { "aria-hidden": !0 }),
+          icon: a ?? /* @__PURE__ */ s(tr, { "aria-hidden": !0 }),
           tooltip: _,
           "aria-label": _,
           "aria-haspopup": "dialog",
-          ...m
+          ...g
         }
       ) }),
       /* @__PURE__ */ L(
@@ -668,7 +668,7 @@ const Pe = $(
                 })
               }
             ),
-            a ? /* @__PURE__ */ s("div", { className: "ds:mt-[var(--spacing-xs)] ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-sm)]", children: a }) : null
+            n ? /* @__PURE__ */ s("div", { className: "ds:mt-[var(--spacing-xs)] ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-sm)]", children: n }) : null
           ]
         }
       )
@@ -677,20 +677,20 @@ const Pe = $(
 );
 Pe.displayName = "DataTable.Toolbar.ColumnToggle";
 const tt = $(
-  ({ label: e, icon: t, onClick: n, variant: a = "default", size: i = "sm", ...d }, m) => {
-    const { t: g } = A(), { getApi: p, selectionCount: h } = V(
+  ({ label: e, icon: t, onClick: a, variant: n = "default", size: i = "sm", ...d }, g) => {
+    const { t: h } = A(), { getApi: p, selectionCount: m } = V(
       "DataTable.Toolbar.BulkAction"
     );
-    return h === 0 ? null : /* @__PURE__ */ L(
+    return m === 0 ? null : /* @__PURE__ */ L(
       de,
       {
-        ref: m,
+        ref: g,
         type: "button",
-        intent: a === "destructive" ? "destructive" : "secondary",
+        intent: n === "destructive" ? "destructive" : "secondary",
         size: i,
         startIcon: rr(t),
-        onClick: () => n(p()),
-        "aria-label": `${e} (${g("dataTable.bulkAction", { count: h })})`,
+        onClick: () => a(p()),
+        "aria-label": `${e} (${h("dataTable.bulkAction", { count: m })})`,
         ...d,
         children: [
           /* @__PURE__ */ s("span", { children: e }),
@@ -699,7 +699,7 @@ const tt = $(
             {
               "aria-hidden": "true",
               className: "ds:ms-[var(--spacing-xs)] ds:opacity-80",
-              children: g("dataTable.bulkAction", { count: h })
+              children: h("dataTable.bulkAction", { count: m })
             }
           )
         ]
@@ -746,20 +746,20 @@ function mr(e) {
     sensitivity: "base",
     usage: "search"
   });
-  function n(a, i) {
+  function a(n, 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)
+    if (i.length > n.length) return -1;
+    for (let d = 0; d <= n.length - i.length; d += 1)
+      if (t.compare(n.slice(d, d + i.length), i) === 0)
         return d;
     return -1;
   }
   return {
-    equals: (a, i) => t.compare(a, i) === 0,
-    contains: (a, i) => n(a, i) !== -1,
-    startsWith: (a, i) => i.length <= a.length && t.compare(a.slice(0, i.length), i) === 0,
-    endsWith: (a, i) => i.length <= a.length && t.compare(
-      a.slice(a.length - i.length),
+    equals: (n, i) => t.compare(n, i) === 0,
+    contains: (n, i) => a(n, i) !== -1,
+    startsWith: (n, i) => i.length <= n.length && t.compare(n.slice(0, i.length), i) === 0,
+    endsWith: (n, i) => i.length <= n.length && t.compare(
+      n.slice(n.length - i.length),
       i
     ) === 0
   };
@@ -768,16 +768,16 @@ function gr(e) {
   return e == null ? null : typeof e == "string" ? e : String(e);
 }
 function hr(e) {
-  const { model: t, onModelChange: n, getValue: a, placeholder: i, defaultOperator: d } = e, { t: m } = A("ui"), g = (t == null ? void 0 : t.type) ?? d ?? "contains", [p, h] = G(g), [u, b] = G((t == null ? void 0 : t.filter) ?? "");
+  const { model: t, onModelChange: a, getValue: n, 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) ?? "");
   K(() => {
-    h((t == null ? void 0 : t.type) ?? d ?? "contains"), b((t == null ? void 0 : t.filter) ?? "");
+    m((t == null ? void 0 : t.type) ?? d ?? "contains"), b((t == null ? void 0 : t.filter) ?? "");
   }, [t, d]);
   const S = j(() => mr(Xt.language), []);
   _t({
     doesFilterPass: (T) => {
       const R = t;
       if (!R || R.filter === "") return !0;
-      const I = gr(a(T.node));
+      const I = gr(n(T.node));
       if (I === null) return !1;
       switch (R.type) {
         case "equals":
@@ -797,20 +797,20 @@ function hr(e) {
   });
   function C() {
     if (u.trim() === "") {
-      n(null);
+      a(null);
       return;
     }
-    n({ type: p, filter: u });
+    a({ type: p, filter: u });
   }
   function c() {
-    b(""), h(d ?? "contains"), n(null);
+    b(""), m(d ?? "contains"), a(null);
   }
   const f = fr.map(
     (T) => ({
       value: T,
-      label: m(`dataTable.textFilter.operators.${T}`)
+      label: g(`dataTable.textFilter.operators.${T}`)
     })
-  ), w = i ?? m("dataTable.textFilter.placeholder");
+  ), w = i ?? g("dataTable.textFilter.placeholder");
   return /* @__PURE__ */ L(
     "div",
     {
@@ -824,9 +824,9 @@ function hr(e) {
             options: f,
             value: p,
             onValueChange: (T) => {
-              T !== "" && h(T);
+              T !== "" && m(T);
             },
-            "aria-label": m("dataTable.textFilter.operators.contains")
+            "aria-label": g("dataTable.textFilter.operators.contains")
           }
         ),
         /* @__PURE__ */ s(
@@ -844,8 +844,8 @@ function hr(e) {
           }
         ),
         /* @__PURE__ */ L("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]", children: [
-          /* @__PURE__ */ s(de, { intent: "ghost", size: "sm", onClick: c, type: "button", children: m("dataTable.textFilter.clear") }),
-          /* @__PURE__ */ s(de, { intent: "primary", size: "sm", onClick: C, type: "button", children: m("dataTable.textFilter.apply") })
+          /* @__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") })
         ] })
       ]
     }
@@ -853,31 +853,31 @@ function hr(e) {
 }
 function br(e) {
   var b, S;
-  const { model: t, onModelChange: n, column: a } = e, { t: i } = A("ui"), d = ((S = (b = a == null ? void 0 : a.getColDef) == null ? void 0 : b.call(a)) == null ? void 0 : S.filterParams) ?? {}, m = d.defaultOperator ?? "contains", g = d.placeholder ?? i("dataTable.textFilter.placeholder"), [p, h] = G((t == null ? void 0 : t.filter) ?? "");
+  const { model: t, onModelChange: a, column: n } = e, { t: i } = A("ui"), d = ((S = (b = n == null ? void 0 : n.getColDef) == null ? void 0 : b.call(n)) == 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) ?? "");
   K(() => {
-    h((t == null ? void 0 : t.filter) ?? "");
+    m((t == null ? void 0 : t.filter) ?? "");
   }, [t == null ? void 0 : t.filter]), K(() => {
     if (p === ((t == null ? void 0 : t.filter) ?? "")) return;
     const C = setTimeout(() => {
       if (p === "") {
-        t && n(null);
+        t && a(null);
         return;
       }
-      n({ type: m, filter: p });
+      a({ type: g, filter: p });
     }, 200);
     return () => clearTimeout(C);
-  }, [p, m, t, n]);
+  }, [p, g, t, a]);
   function u() {
-    h(""), t && n(null);
+    m(""), t && a(null);
   }
   return /* @__PURE__ */ s("div", { "data-component": "text-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(
     Se,
     {
       size: "sm",
       value: p,
-      onChange: (C) => h(C.target.value),
-      placeholder: g,
-      "aria-label": g,
+      onChange: (C) => m(C.target.value),
+      placeholder: h,
+      "aria-label": h,
       startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": "true", className: "ds:size-4" }),
       endAdornment: p.length > 0 ? /* @__PURE__ */ s(
         "button",
@@ -899,24 +899,24 @@ function ge(e) {
 }
 function xr(e, t = !0) {
   K(() => {
-    const n = e.current;
-    if (!t || !n || typeof MutationObserver > "u") return;
+    const a = e.current;
+    if (!t || !a || typeof MutationObserver > "u") return;
     (() => {
-      for (const d of n.querySelectorAll(Be)) ge(d);
+      for (const d of a.querySelectorAll(Be)) ge(d);
     })();
     const i = new MutationObserver((d) => {
-      for (const m of d)
-        if (m.type === "attributes")
-          ge(m.target);
+      for (const g of d)
+        if (g.type === "attributes")
+          ge(g.target);
         else
-          for (const g of m.addedNodes)
-            if (g instanceof Element) {
-              ge(g);
-              for (const p of g.querySelectorAll(Be))
+          for (const h of g.addedNodes)
+            if (h instanceof Element) {
+              ge(h);
+              for (const p of h.querySelectorAll(Be))
                 ge(p);
             }
     });
-    return i.observe(n, {
+    return i.observe(a, {
       subtree: !0,
       childList: !0,
       attributes: !0,
@@ -924,62 +924,62 @@ 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"])';
+const ae = "__dsDetailOf", wr = "ds-data-table-expanded-row", rt = "::detail", Tr = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 function W(e) {
-  return typeof e == "object" && e !== null && typeof e[ne] == "string";
+  return typeof e == "object" && e !== null && typeof e[ae] == "string";
 }
 function vr(e) {
   return `${e}${rt}`;
 }
-function fa(e) {
+function mn(e) {
   return e.endsWith(rt);
 }
 function Cr(e, t) {
-  return { ...e, [ne]: t };
+  return { ...e, [ae]: t };
 }
-const at = Ce(
+const nt = Ce(
   null
 );
 function Rr(e) {
   var c;
   const t = Re(
-    at
-  ), { t: n } = A(), a = B(null), { data: i, node: d, api: m } = e, g = W(i), p = t == null ? void 0 : t.heights, h = d.id, u = B(t);
+    nt
+  ), { t: a } = A(), n = 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 || !g || !p || h == null) return;
-    let w = p.get(h) ?? 0;
+    const f = n.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(h, I), d.setRowHeight(I), m.onRowHeightChanged());
+      I <= 0 || I === w || (w = I, p.set(m, I), d.setRowHeight(I), g.onRowHeightChanged());
     };
     T();
     const R = new ResizeObserver(T);
     return R.observe(f), () => R.disconnect();
-  }, [m, h, p, g, d]), K(() => {
-    const f = a.current, w = f == null ? void 0 : f.parentElement;
-    if (!f || !w || !g) return;
+  }, [g, m, p, h, d]), K(() => {
+    const f = n.current, w = f == null ? void 0 : f.parentElement;
+    if (!f || !w || !h) return;
     const T = (R) => {
       var I, ee;
       R.target !== w || R.defaultPrevented || (R.key === "Escape" ? (R.stopPropagation(), (ee = (I = u.current) == null ? void 0 : I.onExpandedRowChange) == null || ee.call(I, null)) : R.key === "Enter" && (R.preventDefault(), (f.querySelector(Tr) ?? f).focus()));
     };
     return w.addEventListener("keydown", T), () => w.removeEventListener("keydown", T);
-  }, [g]), !g) {
+  }, [h]), !h) {
     const f = t == null ? void 0 : t.fallbackRenderer;
     return f ? /* @__PURE__ */ s(f, { ...e }) : null;
   }
-  const b = i[ne];
+  const b = i[ae];
   let S;
   if (t != null && t.expanded && t.expanded.id === b)
     S = t.expanded.row;
   else {
-    const { [ne]: f, ...w } = i;
+    const { [ae]: f, ...w } = i;
     S = w;
   }
   return /* @__PURE__ */ L(
     "div",
     {
-      ref: a,
+      ref: n,
       role: "gridcell",
       tabIndex: -1,
       "data-component": "data-table-expanded-row",
@@ -990,7 +990,7 @@ function Rr(e) {
         f.key !== "Escape" || f.defaultPrevented || (f.stopPropagation(), (w = t == null ? void 0 : t.onExpandedRowChange) == null || w.call(t, null));
       },
       children: [
-        /* @__PURE__ */ s("span", { className: "ds:sr-only", children: n("dataTable.expandedRow") }),
+        /* @__PURE__ */ s("span", { className: "ds:sr-only", children: a("dataTable.expandedRow") }),
         (c = t == null ? void 0 : t.renderExpandedRow) == null ? void 0 : c.call(t, S)
       ]
     }
@@ -1277,23 +1277,23 @@ function Nr() {
   );
 }
 function Fr(e) {
-  return e.map(({ pinned: t, ...n }) => n);
+  return e.map(({ pinned: t, ...a }) => a);
 }
 function kr(e) {
-  return e.map(({ hide: t, pinned: n, ...a }) => a);
+  return e.map(({ hide: t, pinned: a, ...n }) => n);
 }
 function Ar(e, t) {
   try {
-    const n = localStorage.getItem(`data-table-col-state:${e}`);
-    if (!n) return null;
-    const a = JSON.parse(n);
-    if (Array.isArray(a))
+    const a = localStorage.getItem(`data-table-col-state:${e}`);
+    if (!a) return null;
+    const n = JSON.parse(a);
+    if (Array.isArray(n))
       return {
-        state: kr(a),
+        state: kr(n),
         touched: []
       };
-    if (typeof a != "object" || a === null) return null;
-    const i = a;
+    if (typeof n != "object" || n === null) return null;
+    const i = n;
     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") : []
@@ -1302,13 +1302,13 @@ function Ar(e, t) {
     return null;
   }
 }
-function Pr(e, t, n, a) {
+function Pr(e, t, a, n) {
   try {
     const i = {
       v: 2,
-      dir: n,
+      dir: a,
       state: t.getColumnState(),
-      touched: [...a]
+      touched: [...n]
     };
     localStorage.setItem(
       `data-table-col-state:${e}`,
@@ -1327,14 +1327,14 @@ const Or = /* @__PURE__ */ new Set([
 ]);
 function Mr(e, t) {
   const {
-    columnDefs: n,
-    rowData: a,
+    columnDefs: a,
+    rowData: n,
     rowSelection: i,
     pagination: d = !1,
-    paginationPageSize: m = 25,
-    paginationPageSizeSelector: g = [10, 25, 50, 100],
+    paginationPageSize: g = 25,
+    paginationPageSizeSelector: h = [10, 25, 50, 100],
     gridId: p,
-    onSelectionChanged: h,
+    onSelectionChanged: m,
     onSortChanged: u,
     onFilterChanged: b,
     noRowsOverlay: S,
@@ -1444,13 +1444,18 @@ function Mr(e, t) {
     }
   );
   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(() => {
+  const ze = z.dir() === "rtl", it = n === void 0, st = Zt(), { resolvedTheme: Ge } = Yt(), lt = (Ge === "light-accessible" || Ge === "dark-accessible") && f === "compact" ? "default" : f, dt = j(() => {
     if (!i) return;
     const r = (o) => !W(o.data);
-    return i === "single" ? { mode: "singleRow", isRowSelectable: r } : {
+    return i === "single" ? {
+      mode: "singleRow",
+      enableClickSelection: !1,
+      isRowSelectable: r
+    } : {
       mode: "multiRow",
       headerCheckbox: !0,
       checkboxes: !0,
+      enableClickSelection: !1,
       isRowSelectable: r
     };
   }, [i]), ue = ze ? "rtl" : "ltr", H = D(
@@ -1543,19 +1548,19 @@ function Mr(e, t) {
     },
     [q, c == null ? void 0 : c.context]
   ), J = j(() => {
-    if (!N || v == null || !a) return null;
-    const r = a.find((o) => Le(o) === v);
+    if (!N || v == null || !n) return null;
+    const r = n.find((o) => Le(o) === v);
     return r === void 0 ? null : { id: v, row: r };
-  }, [N, v, Le, a]), ft = j(() => {
-    if (!J || !a) return a;
-    const r = a.indexOf(J.row), o = Cr(J.row, J.id);
+  }, [N, v, Le, n]), ft = j(() => {
+    if (!J || !n) return n;
+    const r = n.indexOf(J.row), o = Cr(J.row, J.id);
     return [
-      ...a.slice(0, r + 1),
+      ...n.slice(0, r + 1),
       o,
-      ...a.slice(r + 1)
+      ...n.slice(r + 1)
     ];
-  }, [J, a]), mt = D(
-    (r) => W(r.data) ? vr(r.data[ne]) : q(r),
+  }, [J, n]), mt = D(
+    (r) => W(r.data) ? vr(r.data[ae]) : q(r),
     [q]
   ), gt = D(
     (r) => {
@@ -1575,7 +1580,7 @@ function Mr(e, t) {
       (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 [y] = o.splice(l, 1), x = y.data[ae], k = o.findIndex((Z) => Z.id === x);
       o.splice(k < 0 ? o.length : k + 1, 0, y);
     },
     []
@@ -1627,8 +1632,8 @@ function Mr(e, t) {
     const r = (l = E.current) == null ? void 0 : l.api;
     if (!r) return;
     const o = r.getSelectedRows().filter((y) => !W(y));
-    xe(o.length), h == null || h(o);
-  }, [h]), Ct = D(
+    xe(o.length), m == null || m(o);
+  }, [m]), Ct = D(
     (r) => {
       var l;
       const o = (l = E.current) == null ? void 0 : l.api;
@@ -1694,7 +1699,7 @@ function Mr(e, t) {
       "data-print-mode": _ ? "true" : void 0,
       children: [
         !_ && /* @__PURE__ */ s(
-          ar,
+          nr,
           {
             getApi: Et,
             selectionCount: X,
@@ -1709,7 +1714,7 @@ function Mr(e, t) {
             ref: ie,
             className: [Nt, _ ? "" : T].join(" ").trim(),
             children: /* @__PURE__ */ s(
-              at.Provider,
+              nt.Provider,
               {
                 value: Tt,
                 children: /* @__PURE__ */ s(
@@ -1717,7 +1722,7 @@ function Mr(e, t) {
                   {
                     ref: E,
                     theme: "legacy",
-                    columnDefs: n,
+                    columnDefs: a,
                     rowData: ft,
                     defaultColDef: {
                       sortable: !0,
@@ -1737,8 +1742,8 @@ function Mr(e, t) {
                     },
                     rowSelection: dt,
                     pagination: kt,
-                    paginationPageSize: m,
-                    paginationPageSizeSelector: g,
+                    paginationPageSize: g,
+                    paginationPageSizeSelector: h,
                     paginationNumberFormatter: (r) => new Intl.NumberFormat(z.language).format(r.value),
                     animateRows: !st,
                     enableRtl: ze,
@@ -1749,7 +1754,6 @@ function Mr(e, t) {
                     accentedSort: !0,
                     multiSortKey: "ctrl",
                     suppressDragLeaveHidesColumns: !0,
-                    suppressRowClickSelection: i ? !0 : void 0,
                     tooltipShowDelay: 500,
                     tooltipHideDelay: 5e3,
                     tooltipInteraction: !0,
@@ -1796,22 +1800,22 @@ function Mr(e, t) {
     }
   );
 }
-const nt = $(Mr);
-nt.displayName = "DataTable";
-const ma = Object.assign(nt, {
+const at = $(Mr);
+at.displayName = "DataTable";
+const gn = Object.assign(at, {
   Toolbar: be
 });
 export {
-  ma as D,
+  gn as D,
   wr as E,
   hr as T,
   br as a,
   be as b,
-  ar as c,
+  nr as c,
   Sr as d,
   Qe as e,
   vr as f,
-  fa as g,
+  mn as g,
   W as i
 };
-//# sourceMappingURL=data-table-D7nA8OGL.js.map
+//# sourceMappingURL=data-table-Bw3i0753.js.map