@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/{balance-cell-renderer-BQwN51rT.js → balance-cell-renderer-BGyvZWjB.js}

@@ -1,24 +1,24 @@
 import { jsx as r, jsxs as w } from "react/jsx-runtime";
 import { useMemo as R, forwardRef as x, useState as G, useEffect as X, useCallback as C, createContext as _e, useContext as je, isValidElement as Q, cloneElement as Y, useRef as ee, useImperativeHandle as Le, useLayoutEffect as Me } from "react";
-import { S as $e } from "./skeleton-vbTWUntB.js";
-import { E as Ke } from "./empty-state-DiG7vYBM.js";
+import { S as $e } from "./skeleton-ClO1v5GE.js";
+import { E as Ke } from "./empty-state-DV96gCnp.js";
 import { c as Ve } from "./index-D2ZczOXr.js";
 import { useTranslation as T } from "react-i18next";
 import { AgGridReact as He } from "ag-grid-react";
 import { ModuleRegistry as qe, AllCommunityModule as We } from "ag-grid-community";
-import { B as Ue } from "./button-CXL8bA8G.js";
-import { I as P } from "./icon-button-C1vpylg3.js";
-import { P as E } from "./popover-D1woU9mP.js";
-import { C as Je } from "./checkbox-CfiZ0FZc.js";
+import { B as Ue } from "./button-DmiGFnNA.js";
+import { I as P } from "./icon-button-C482ii4y.js";
+import { P as E } from "./popover-CMr1pTPO.js";
+import { C as Je } from "./checkbox-DMzgtnqw.js";
 import { c as te } from "./createLucideIcon-CrFbzy84.js";
 import { P as Ze } from "./printer-CeVEWfQq.js";
 import { F as Xe } from "./file-text-DSNuv2B8.js";
 import { u as Qe } from "./registry-C9nwlNyL.js";
-import { B as Ye } from "./badge--CmSr7ok.js";
-import { A as et } from "./avatar-BsV7vRA6.js";
-import { T as q } from "./tag-BucAvfTX.js";
-import { T as tt } from "./tooltip-DF6WjD1r.js";
-import { T as W } from "./timestamp-BLM-jjdw.js";
+import { B as Ye } from "./badge-zDghajh8.js";
+import { A as et } from "./avatar-BAhxbDEu.js";
+import { T as q } from "./tag-CfSZZN2f.js";
+import { T as tt } from "./tooltip-Dp3u8jGz.js";
+import { T as W } from "./timestamp-DmSt92P1.js";
 import { S as at } from "./square-check-big-Jr-0202D.js";
 import { S as nt } from "./square-CZoGU14v.js";
 /**
@@ -37,11 +37,11 @@ const rt = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const it = [
+const st = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
-], st = te("download", it);
+], it = te("download", st);
 function lt(e) {
   if (!Q(e)) return e;
   const t = e, a = t.props.className ?? "", n = /\bsize-|\bw-|\bh-/.test(a) ? a : `${a} size-4`.trim();
@@ -91,8 +91,8 @@ const re = x(
     {
       ref: n,
       className: [
-        "flex flex-wrap items-center gap-[var(--spacing-sm)]",
-        "grow",
+        "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+        "ds:grow",
         e ?? ""
       ].join(" ").trim(),
       ...a,
@@ -107,8 +107,8 @@ const oe = x(
     {
       ref: n,
       className: [
-        "flex items-center gap-[var(--spacing-xs)]",
-        "ms-auto",
+        "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        "ds:ms-auto",
         e ?? ""
       ].join(" ").trim(),
       ...a,
@@ -117,11 +117,11 @@ const oe = x(
   )
 );
 oe.displayName = "DataTable.Toolbar.Actions";
-const ie = x(
+const se = x(
   ({ label: e, onExport: t, intent: a = "outline", ...n }, l) => {
     const { t: m } = T(), { getApi: u } = z("DataTable.Toolbar.ExportCsv"), c = C(() => {
-      const i = u();
-      i && (t ? t(i) : i.exportDataAsCsv());
+      const s = u();
+      s && (t ? t(s) : s.exportDataAsCsv());
     }, [u, t]);
     return /* @__PURE__ */ r(
       P,
@@ -129,7 +129,7 @@ const ie = x(
         ref: l,
         type: "button",
         intent: a,
-        icon: /* @__PURE__ */ r(st, { "aria-hidden": !0 }),
+        icon: /* @__PURE__ */ r(it, { "aria-hidden": !0 }),
         tooltip: e ?? m("dataTable.exportCsv"),
         onClick: c,
         ...n
@@ -137,8 +137,8 @@ const ie = x(
     );
   }
 );
-ie.displayName = "DataTable.Toolbar.ExportCsv";
-const se = x(
+se.displayName = "DataTable.Toolbar.ExportCsv";
+const ie = x(
   ({ label: e, onClick: t, intent: a = "outline", ...n }, l) => {
     const { t: m } = T(), { getApi: u } = z("DataTable.Toolbar.ExportPdf");
     return /* @__PURE__ */ r(
@@ -155,7 +155,7 @@ const se = x(
     );
   }
 );
-se.displayName = "DataTable.Toolbar.ExportPdf";
+ie.displayName = "DataTable.Toolbar.ExportPdf";
 const le = x(
   ({ label: e, intent: t = "outline", ...a }, n) => {
     const { t: l } = T(), { onPrint: m } = z("DataTable.Toolbar.Print");
@@ -194,7 +194,7 @@ const ce = ({ label: e }) => {
       ));
     },
     [a]
-  ), i = e ?? t("dataTable.columnToggle");
+  ), s = e ?? t("dataTable.columnToggle");
   return /* @__PURE__ */ w(E.Root, { open: n, onOpenChange: l, children: [
     /* @__PURE__ */ r(E.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
       P,
@@ -202,18 +202,17 @@ const ce = ({ label: e }) => {
         type: "button",
         intent: "outline",
         icon: /* @__PURE__ */ r(ot, { "aria-hidden": !0 }),
-        "aria-label": i,
+        "aria-label": s,
         "aria-haspopup": "dialog"
       }
     ) }),
     /* @__PURE__ */ w(E.Content, { size: "sm", align: "end", children: [
-      /* @__PURE__ */ r(E.Heading, { children: i }),
+      /* @__PURE__ */ r(E.Heading, { children: s }),
       /* @__PURE__ */ r(
         "ul",
         {
-          className: "flex flex-col gap-[var(--spacing-xs)]",
-          role: "group",
-          "aria-label": i,
+          className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          "aria-label": s,
           children: m.map((d) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(
             Je,
             {
@@ -230,7 +229,7 @@ const ce = ({ label: e }) => {
 ce.displayName = "DataTable.Toolbar.ColumnToggle";
 const de = x(
   ({ label: e, icon: t, onClick: a, variant: n = "default", size: l = "sm", ...m }, u) => {
-    const { t: c } = T(), { getApi: i, selectionCount: d } = z(
+    const { t: c } = T(), { getApi: s, selectionCount: d } = z(
       "DataTable.Toolbar.BulkAction"
     );
     return d === 0 ? null : /* @__PURE__ */ w(
@@ -241,7 +240,7 @@ const de = x(
         intent: n === "destructive" ? "destructive" : "secondary",
         size: l,
         startIcon: lt(t),
-        onClick: () => a(i()),
+        onClick: () => a(s()),
         "aria-label": `${e} (${c("dataTable.bulkAction", { count: d })})`,
         ...m,
         children: [
@@ -250,7 +249,7 @@ const de = x(
             "span",
             {
               "aria-hidden": "true",
-              className: "ms-[var(--spacing-xs)] opacity-80",
+              className: "ds:ms-[var(--spacing-xs)] ds:opacity-80",
               children: c("dataTable.bulkAction", { count: d })
             }
           )
@@ -263,8 +262,8 @@ de.displayName = "DataTable.Toolbar.BulkAction";
 const B = Object.assign(ne, {
   FilterBar: re,
   Actions: oe,
-  ExportCsv: ie,
-  ExportPdf: se,
+  ExportCsv: se,
+  ExportPdf: ie,
   Print: le,
   ColumnToggle: ce,
   BulkAction: de
@@ -377,7 +376,7 @@ const B = Object.assign(ne, {
   }
 };
 qe.registerModules([We]);
-const pt = Ve("ag-theme-alfadocs w-full", {
+const pt = Ve("ag-theme-alfadocs ds:w-full", {
   variants: {
     density: {
       default: "",
@@ -386,7 +385,7 @@ const pt = Ve("ag-theme-alfadocs w-full", {
     },
     bordered: {
       true: "",
-      false: "[--ag-borders:none]"
+      false: "ds:[--ag-borders:none]"
     }
   },
   defaultVariants: {
@@ -435,12 +434,12 @@ function gt() {
     {
       role: "status",
       "aria-live": "polite",
-      className: "flex w-full flex-col gap-[var(--spacing-sm)] p-[var(--spacing-md)]",
+      className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]",
       children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ r(
         $e,
         {
           variant: "rectangular",
-          className: "h-[var(--min-target-size)] w-full"
+          className: "ds:h-[var(--min-target-size)] ds:w-full"
         },
         t
       ))
@@ -484,7 +483,7 @@ function yt(e, t) {
     pagination: m = !1,
     paginationPageSize: u = 25,
     serverSideDatasource: c,
-    gridId: i,
+    gridId: s,
     onSelectionChanged: d,
     onSortChanged: f,
     onFilterChanged: y,
@@ -505,21 +504,21 @@ function yt(e, t) {
         var p;
         const o = (p = g.current) == null ? void 0 : p.api;
         if (!o) return [];
-        const s = [];
+        const i = [];
         for (const h of o.getSelectedNodes())
-          h.id != null && s.push(h.id);
-        return s;
+          h.id != null && i.push(h.id);
+        return i;
       },
       setSelection: (o) => {
         var h;
-        const s = (h = g.current) == null ? void 0 : h.api;
-        if (!s) return;
+        const i = (h = g.current) == null ? void 0 : h.api;
+        if (!i) return;
         const p = new Set(o);
-        s.forEachNode((b) => {
+        i.forEachNode((b) => {
           b.id != null && b.setSelected(p.has(b.id));
         });
       },
-      selectRange: (o, s) => {
+      selectRange: (o, i) => {
         var I;
         const p = (I = g.current) == null ? void 0 : I.api;
         if (!p) return;
@@ -527,7 +526,7 @@ function yt(e, t) {
         p.forEachNodeAfterFilterAndSort((A) => {
           A.id != null && h.push(A.id);
         });
-        const b = h.indexOf(o), v = h.indexOf(s);
+        const b = h.indexOf(o), v = h.indexOf(i);
         if (b < 0 || v < 0) return;
         const [N, K] = b <= v ? [b, v] : [v, b], V = new Set(h.slice(N, K + 1));
         p.forEachNode((A) => {
@@ -535,39 +534,39 @@ function yt(e, t) {
         });
       },
       clearSelection: () => {
-        var o, s;
-        (s = (o = g.current) == null ? void 0 : o.api) == null || s.deselectAll();
+        var o, i;
+        (i = (o = g.current) == null ? void 0 : o.api) == null || i.deselectAll();
       },
       getFilter: () => {
-        var o, s;
-        return ((s = (o = g.current) == null ? void 0 : o.api) == null ? void 0 : s.getFilterModel()) ?? {};
+        var o, i;
+        return ((i = (o = g.current) == null ? void 0 : o.api) == null ? void 0 : i.getFilterModel()) ?? {};
       },
       setFilter: (o) => {
-        var s, p;
-        (p = (s = g.current) == null ? void 0 : s.api) == null || p.setFilterModel(o);
+        var i, p;
+        (p = (i = g.current) == null ? void 0 : i.api) == null || p.setFilterModel(o);
       },
       getSort: () => {
-        var s;
-        const o = (s = g.current) == null ? void 0 : s.api;
+        var i;
+        const o = (i = g.current) == null ? void 0 : i.api;
         return o ? o.getColumnState().filter((p) => p.sort === "asc" || p.sort === "desc").map((p) => ({ colId: p.colId, sort: p.sort })) : [];
       },
       setSort: (o) => {
         var h;
-        const s = (h = g.current) == null ? void 0 : h.api;
-        if (!s) return;
-        const p = s.getColumnState().map((b) => {
+        const i = (h = g.current) == null ? void 0 : h.api;
+        if (!i) return;
+        const p = i.getColumnState().map((b) => {
           const v = o.find((N) => N.colId === b.colId);
           return { ...b, sort: v ? v.sort : null };
         });
-        s.applyColumnState({ state: p, defaultState: { sort: null } });
+        i.applyColumnState({ state: p, defaultState: { sort: null } });
       },
       getCurrentPage: () => {
-        var o, s;
-        return ((s = (o = g.current) == null ? void 0 : o.api) == null ? void 0 : s.paginationGetCurrentPage()) ?? 0;
+        var o, i;
+        return ((i = (o = g.current) == null ? void 0 : o.api) == null ? void 0 : i.paginationGetCurrentPage()) ?? 0;
       },
       goToPage: (o) => {
-        var s, p;
-        (p = (s = g.current) == null ? void 0 : s.api) == null || p.paginationGoToPage(o);
+        var i, p;
+        (p = (i = g.current) == null ? void 0 : i.api) == null || p.paginationGoToPage(o);
       },
       getRawApi: () => {
         var o;
@@ -576,7 +575,7 @@ function yt(e, t) {
     }),
     []
   );
-  Le(t, () => M, [M]), Qe(mt, M, i);
+  Le(t, () => M, [M]), Qe(mt, M, s);
   const Ce = ve.dir() === "rtl", we = n === void 0, xe = R(
     () => window.matchMedia("(prefers-reduced-motion: reduce)").matches,
     []
@@ -591,25 +590,25 @@ function yt(e, t) {
         checkboxes: !0
       };
   }, [l]), Re = c ? "serverSide" : "clientSide", ke = C(() => {
-    var s;
-    if (!i || !((s = g.current) != null && s.api)) return;
-    const o = ht(i);
+    var i;
+    if (!s || !((i = g.current) != null && i.api)) return;
+    const o = ht(s);
     o && g.current.api.applyColumnState({ state: o, applyOrder: !0 });
-  }, [i]), $ = C(() => {
+  }, [s]), $ = C(() => {
     var o;
-    i && ((o = g.current) != null && o.api) && vt(i, g.current.api);
-  }, [i]), Ae = C(() => {
+    s && ((o = g.current) != null && o.api) && vt(s, g.current.api);
+  }, [s]), Ae = C(() => {
     var p;
     const o = (p = g.current) == null ? void 0 : p.api;
     if (!o) return;
-    const s = o.getSelectedRows();
-    ye(s.length), d == null || d(s);
+    const i = o.getSelectedRows();
+    ye(i.length), d == null || d(i);
   }, [d]), De = C(
     (o) => {
       var p;
-      const s = (p = g.current) == null ? void 0 : p.api;
-      if (s) {
-        const b = s.getColumnState().find((v) => v.sort);
+      const i = (p = g.current) == null ? void 0 : p.api;
+      if (i) {
+        const b = i.getColumnState().find((v) => v.sort);
         if (b) {
           const v = b.colId, N = a.find(
             (I) => I.field === v || I.colId === v
@@ -653,10 +652,10 @@ function yt(e, t) {
   return /* @__PURE__ */ w(
     "div",
     {
-      className: "flex w-full flex-col gap-[var(--spacing-sm)]",
+      className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)]",
       "aria-busy": we ? "true" : void 0,
       "data-component": "data-table",
-      "data-component-id": i,
+      "data-component-id": s,
       "data-print-mode": k ? "true" : void 0,
       children: [
         !k && /* @__PURE__ */ r(
@@ -701,8 +700,8 @@ function yt(e, t) {
             ...O
           }
         ) }),
-        !k && /* @__PURE__ */ r("div", { className: "flex items-center justify-between type-body-sm text-[color:var(--muted-foreground)]", children: _ > 0 ? /* @__PURE__ */ r("span", { children: F("dataTable.selected", { count: _ }) }) : /* @__PURE__ */ r("span", {}) }),
-        /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "sr-only", children: j })
+        !k && /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-between type-body-sm ds:text-[color:var(--muted-foreground)]", children: _ > 0 ? /* @__PURE__ */ r("span", { children: F("dataTable.selected", { count: _ }) }) : /* @__PURE__ */ r("span", {}) }),
+        /* @__PURE__ */ r("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: j })
       ]
     }
   );
@@ -718,8 +717,8 @@ function aa(e, t, a) {
     for (const l of t) {
       let m = 0;
       for (const u of e ?? []) {
-        const c = u[l], i = typeof c == "number" ? c : Number(c);
-        Number.isFinite(i) && (m += i);
+        const c = u[l], s = typeof c == "number" ? c : Number(c);
+        Number.isFinite(s) && (m += s);
       }
       n[l] = m;
     }
@@ -732,7 +731,7 @@ function na(e) {
 }
 function ra(e) {
   const { value: t } = e;
-  return t ? /* @__PURE__ */ w("span", { className: "inline-flex items-center gap-[var(--spacing-sm)]", children: [
+  return t ? /* @__PURE__ */ w("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ r(et, { name: t.name, src: t.src, size: "sm" }),
     /* @__PURE__ */ r("span", { children: t.name })
   ] }) : null;
@@ -741,7 +740,7 @@ function oa(e) {
   const { value: t, maxVisible: a = 3 } = e, { t: n } = T();
   if (!Array.isArray(t) || t.length === 0) return null;
   const l = t.slice(0, a), m = t.length - a;
-  return /* @__PURE__ */ w("span", { className: "inline-flex flex-wrap items-center gap-[var(--spacing-xs)]", children: [
+  return /* @__PURE__ */ w("span", { className: "ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
     l.map((u) => /* @__PURE__ */ r(q, { label: u, size: "sm" }, u)),
     m > 0 && /* @__PURE__ */ r(tt, { label: t.slice(a).join(", "), children: /* @__PURE__ */ r(
       q,
@@ -765,7 +764,7 @@ const Tt = {
     minute: "2-digit"
   }
 };
-function ia(e) {
+function sa(e) {
   const { value: t, format: a = "date", options: n } = e;
   return t == null || t === "" ? null : a === "relative" && !n ? /* @__PURE__ */ r(W, { value: t, shape: "bare" }) : /* @__PURE__ */ r(
     W,
@@ -782,10 +781,10 @@ function Ct(e) {
   const t = typeof e == "number" ? e : Number(e);
   return Number.isFinite(t) ? t : null;
 }
-function sa(e) {
+function ia(e) {
   const { value: t, currency: a = "EUR", colorNegative: n, strikethrough: l, options: m } = e, { i18n: u } = T(), c = Ct(t);
   if (c === null) return null;
-  const i = u.language || "en", d = new Intl.NumberFormat(i, {
+  const s = u.language || "en", d = new Intl.NumberFormat(s, {
     style: "currency",
     currency: a,
     ...m
@@ -802,7 +801,7 @@ function U(e, t) {
 }
 function la(e) {
   const { data: t, actions: a } = e;
-  return t ? /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-[var(--spacing-xs)]", children: a.map((n, l) => {
+  return t ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: a.map((n, l) => {
     if (U(n.hidden, t)) return null;
     const m = U(n.disabled, t), u = m && n.disabledReason ? n.disabledReason : n.label, c = n.variant === "destructive";
     return /* @__PURE__ */ r(
@@ -814,10 +813,10 @@ function la(e) {
         tooltip: u,
         "aria-label": n.label,
         disabled: m,
-        onClick: (i) => {
-          i.stopPropagation(), n.onClick(t);
+        onClick: (s) => {
+          s.stopPropagation(), n.onClick(t);
         },
-        className: c ? "text-[color:var(--destructive)] hover:text-[color:var(--destructive-hover)]" : void 0
+        className: c ? "ds:text-[color:var(--destructive)] ds:hover:text-[color:var(--destructive-hover)]" : void 0
       },
       l
     );
@@ -832,7 +831,7 @@ function xt(e) {
 function ca(e) {
   const { value: t, data: a, href: n, onClick: l, secondary: m } = e;
   if (!a) return null;
-  const u = J(n, a), c = J(m, a), i = t == null || t === "" ? "" : String(t), d = [
+  const u = J(n, a), c = J(m, a), s = t == null || t === "" ? "" : String(t), d = [
     "text-[color:var(--primary)]",
     "hover:underline",
     "focus-visible:outline-[length:var(--focus-ring-width)]",
@@ -843,25 +842,25 @@ function ca(e) {
   ].join(" "), f = (y) => {
     l && (u || y.preventDefault(), y.stopPropagation(), l(a));
   };
-  return /* @__PURE__ */ w("span", { className: "flex flex-col leading-tight", children: [
+  return /* @__PURE__ */ w("span", { className: "ds:flex ds:flex-col ds:leading-tight", children: [
     u ? /* @__PURE__ */ r(
       "a",
       {
         href: xt(u),
         onClick: f,
         className: d,
-        children: i
+        children: s
       }
     ) : /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         onClick: f,
-        className: ["appearance-none bg-transparent p-0 text-start", d].join(" "),
-        children: i
+        className: ["ds:appearance-none ds:bg-transparent ds:p-0 ds:text-start", d].join(" "),
+        children: s
       }
     ),
-    c ? /* @__PURE__ */ r("span", { className: "type-meta text-[color:var(--muted-foreground)]", children: c }) : null
+    c ? /* @__PURE__ */ r("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: c }) : null
   ] });
 }
 function da(e) {
@@ -873,10 +872,10 @@ function da(e) {
     falseIcon: m,
     trueClass: u = "text-[color:var(--success)]",
     falseClass: c = "text-[color:var(--muted-foreground)]",
-    label: i
+    label: s
   } = e, { t: d } = T();
   if (!a) return null;
-  const f = !!t, y = f ? l ?? /* @__PURE__ */ r(at, { "aria-hidden": !0, className: "size-4" }) : m ?? /* @__PURE__ */ r(nt, { "aria-hidden": !0, className: "size-4" }), D = f ? u : c, S = i ?? d(f ? "inputs.switch.on" : "inputs.switch.off");
+  const f = !!t, y = f ? l ?? /* @__PURE__ */ r(at, { "aria-hidden": !0, className: "ds:size-4" }) : m ?? /* @__PURE__ */ r(nt, { "aria-hidden": !0, className: "ds:size-4" }), D = f ? u : c, S = s ?? d(f ? "inputs.switch.on" : "inputs.switch.off");
   return /* @__PURE__ */ r(
     "button",
     {
@@ -888,14 +887,14 @@ function da(e) {
         O.stopPropagation(), n(a, !f);
       },
       className: [
-        "inline-flex items-center justify-center",
-        "min-h-[var(--min-target-size)] min-w-[var(--min-target-size)]",
-        "appearance-none bg-transparent p-[var(--spacing-xs)]",
-        "rounded-[var(--radius-sm)]",
-        "focus-visible:outline-[length:var(--focus-ring-width)]",
-        "focus-visible:outline-solid",
-        "focus-visible:outline-[color:var(--ring)]",
-        "focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+        "ds:inline-flex ds:items-center ds:justify-center",
+        "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+        "ds:appearance-none ds:bg-transparent ds:p-[var(--spacing-xs)]",
+        "ds:rounded-[var(--radius-sm)]",
+        "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+        "ds:focus-visible:outline-solid",
+        "ds:focus-visible:outline-[color:var(--ring)]",
+        "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
         D
       ].join(" "),
       children: y
@@ -920,25 +919,25 @@ function Dt(e) {
     return t;
 }
 function ua(e) {
-  const { data: t, colorField: a, size: n = "md", labelField: l } = e, m = ee(null), u = t ? Z(t, a) : void 0, c = Dt(u), i = t && l ? Z(t, l) : void 0;
+  const { data: t, colorField: a, size: n = "md", labelField: l } = e, m = ee(null), u = t ? Z(t, a) : void 0, c = Dt(u), s = t && l ? Z(t, l) : void 0;
   return Me(() => {
     const d = m.current;
     d && (c ? d.style.setProperty("--data-table-dot-color", c) : d.style.removeProperty("--data-table-dot-color"));
-  }, [c]), c ? /* @__PURE__ */ w("span", { className: "inline-flex items-center gap-[var(--spacing-sm)]", children: [
+  }, [c]), c ? /* @__PURE__ */ w("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ r(
       "span",
       {
         ref: m,
         "aria-hidden": "true",
         className: [
-          "inline-block shrink-0 rounded-[var(--radius-full)]",
-          "bg-[var(--data-table-dot-color)]",
-          "border border-[color:var(--border)]",
+          "ds:inline-block ds:shrink-0 ds:rounded-[var(--radius-full)]",
+          "ds:bg-[var(--data-table-dot-color)]",
+          "ds:border ds:border-[color:var(--border)]",
           St[n]
         ].join(" ")
       }
     ),
-    i ? /* @__PURE__ */ r("span", { children: i }) : null
+    s ? /* @__PURE__ */ r("span", { children: s }) : null
   ] }) : null;
 }
 function It(e, t) {
@@ -950,29 +949,29 @@ function ma(e) {
   const { data: t, lines: a, currency: n = "EUR", highlightNegative: l } = e, { i18n: m } = T();
   if (!t) return null;
   const u = m.language || "en";
-  return /* @__PURE__ */ r("dl", { className: "grid grid-cols-[auto_1fr] gap-x-[var(--spacing-sm)] gap-y-0 type-meta leading-tight", children: a.map((c) => {
-    const i = It(t, c.valueField);
-    if (i === null) return null;
+  return /* @__PURE__ */ r("dl", { className: "ds:grid ds:grid-cols-[auto_1fr] ds:gap-x-[var(--spacing-sm)] ds:gap-y-0 type-meta ds:leading-tight", children: a.map((c) => {
+    const s = It(t, c.valueField);
+    if (s === null) return null;
     let d;
     switch (c.format ?? "number") {
       case "currency":
         d = new Intl.NumberFormat(u, {
           style: "currency",
           currency: n
-        }).format(i);
+        }).format(s);
         break;
       case "percent":
         d = new Intl.NumberFormat(u, {
           style: "percent",
           maximumFractionDigits: 1
-        }).format(i / 100);
+        }).format(s / 100);
         break;
       default:
-        d = new Intl.NumberFormat(u).format(i);
+        d = new Intl.NumberFormat(u).format(s);
     }
     const f = ["tabular-nums", "text-end", "font-medium"];
-    return l && i < 0 && f.push("text-[color:var(--destructive)]"), /* @__PURE__ */ w("div", { className: "contents", children: [
-      /* @__PURE__ */ r("dt", { className: "text-[color:var(--muted-foreground)]", children: c.label }),
+    return l && s < 0 && f.push("text-[color:var(--destructive)]"), /* @__PURE__ */ w("div", { className: "ds:contents", children: [
+      /* @__PURE__ */ r("dt", { className: "ds:text-[color:var(--muted-foreground)]", children: c.label }),
       /* @__PURE__ */ r("dd", { className: f.join(" "), children: d })
     ] }, c.valueField);
   }) });
@@ -986,12 +985,12 @@ export {
   na as S,
   oa as T,
   ra as U,
-  sa as a,
-  ia as b,
+  ia as a,
+  sa as b,
   da as c,
   B as d,
   ct as e,
   mt as f,
   aa as u
 };
-//# sourceMappingURL=balance-cell-renderer-BQwN51rT.js.map
+//# sourceMappingURL=balance-cell-renderer-BGyvZWjB.js.map