@snowpact/react-tanstack-query-table 1.7.2 → 1.7.4

package/dist/index.d.ts

@@ -24,11 +24,11 @@ declare interface ActionCellProps<T, K> {
 export declare type BaseAction = {
     icon: IconComponent;
     label: string;
-    className?: string;
     display?: 'button' | 'dropdown';
     hidden?: boolean;
     disabled?: boolean;
     showLabel?: boolean;
+    className?: string;
 };
 
 /**
@@ -359,7 +359,7 @@ export declare interface SortButtonProps {
     column: Column<any, any>;
 }
 
-export declare type TableAction<T, K = unknown> = ClickAction<T> | LinkAction<T> | EndpointAction<T, K> | ((item: T) => ClickAction<T>) | ((item: T) => LinkAction<T>) | ((item: T) => EndpointAction<T, K>);
+export declare type TableAction<T, K = unknown> = ClickAction<T> | LinkAction<T> | EndpointAction<T, K> | ((item: T) => ClickAction<T> | LinkAction<T> | EndpointAction<T, K>);
 
 /** Tooltip component rendered via portal */
 export declare function Tooltip({ label, x, y }: TooltipState): ReactPortal;

package/dist/index.js

@@ -48,7 +48,7 @@ const le = ({ children: e, ...t }) => /* @__PURE__ */ p(
   /* @__PURE__ */ p("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
   /* @__PURE__ */ p("circle", { cx: "12", cy: "12", r: "3" })
 ] }), Ws = Wn;
-function X(...e) {
+function q(...e) {
   const t = [], n = (o) => {
     if (o) {
       if (typeof o == "string")
@@ -800,7 +800,7 @@ const ta = (e, t, n, o) => {
       onMouseLeave: o,
       disabled: r,
       title: s,
-      className: X("snow-btn", i),
+      className: q("snow-btn", i),
       ...c,
       children: e
     }
@@ -834,7 +834,7 @@ function jt(...e) {
       };
   };
 }
-function Z(...e) {
+function X(...e) {
   return d.useCallback(jt(...e), e);
 }
 function Ze(e, t = []) {
@@ -1020,14 +1020,14 @@ function Un(e) {
   a.displayName = t;
   const s = e + "CollectionSlot", c = /* @__PURE__ */ gt(s), u = Ke.forwardRef(
     (m, v) => {
-      const { scope: b, children: C } = m, y = i(s, b), S = Z(v, y.collectionRef);
+      const { scope: b, children: C } = m, y = i(s, b), S = X(v, y.collectionRef);
       return /* @__PURE__ */ p(c, { ref: S, children: C });
     }
   );
   u.displayName = s;
   const l = e + "CollectionItemSlot", f = "data-radix-collection-item", h = /* @__PURE__ */ gt(l), g = Ke.forwardRef(
     (m, v) => {
-      const { scope: b, children: C, ...y } = m, S = Ke.useRef(null), R = Z(v, S), A = i(l, b);
+      const { scope: b, children: C, ...y } = m, S = Ke.useRef(null), R = X(v, S), A = i(l, b);
       return Ke.useEffect(() => (A.itemMap.set(S, { ref: S, ...y }), () => void A.itemMap.delete(S))), /* @__PURE__ */ p(h, { [f]: "", ref: R, children: C });
     }
   );
@@ -1086,7 +1086,7 @@ var va = "DismissableLayer", Pn = "dismissableLayer.update", wa = "dismissableLa
       onInteractOutside: a,
       onDismiss: s,
       ...c
-    } = e, u = d.useContext(tr), [l, f] = d.useState(null), h = (l == null ? void 0 : l.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = d.useState({}), w = Z(t, (E) => f(E)), m = Array.from(u.layers), [v] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), b = m.indexOf(v), C = l ? m.indexOf(l) : -1, y = u.layersWithOutsidePointerEventsDisabled.size > 0, S = C >= b, R = Sa((E) => {
+    } = e, u = d.useContext(tr), [l, f] = d.useState(null), h = (l == null ? void 0 : l.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = d.useState({}), w = X(t, (E) => f(E)), m = Array.from(u.layers), [v] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), b = m.indexOf(v), C = l ? m.indexOf(l) : -1, y = u.layersWithOutsidePointerEventsDisabled.size > 0, S = C >= b, R = Sa((E) => {
       const x = E.target, I = [...u.branches].some((T) => T.contains(x));
       !S || I || (r == null || r(E), a == null || a(E), E.defaultPrevented || s == null || s());
     }, h), A = xa((E) => {
@@ -1126,7 +1126,7 @@ var va = "DismissableLayer", Pn = "dismissableLayer.update", wa = "dismissableLa
 );
 Hn.displayName = va;
 var ba = "DismissableLayerBranch", Ca = d.forwardRef((e, t) => {
-  const n = d.useContext(tr), o = d.useRef(null), r = Z(t, o);
+  const n = d.useContext(tr), o = d.useRef(null), r = X(t, o);
   return d.useEffect(() => {
     const i = o.current;
     if (i)
@@ -1208,7 +1208,7 @@ var mn = "focusScope.autoFocusOnMount", gn = "focusScope.autoFocusOnUnmount", Eo
     onMountAutoFocus: r,
     onUnmountAutoFocus: i,
     ...a
-  } = e, [s, c] = d.useState(null), u = Me(r), l = Me(i), f = d.useRef(null), h = Z(t, (m) => c(m)), g = d.useRef({
+  } = e, [s, c] = d.useState(null), u = Me(r), l = Me(i), f = d.useRef(null), h = X(t, (m) => c(m)), g = d.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -2694,7 +2694,7 @@ var qn = "Popper", [vr, Qt] = Ze(qn), [zc, wr] = vr(qn), yr = (e) => {
 yr.displayName = qn;
 var br = "PopperAnchor", Cr = d.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = e, i = wr(br, n), a = d.useRef(null), s = Z(t, a), c = d.useRef(null);
+    const { __scopePopper: n, virtualRef: o, ...r } = e, i = wr(br, n), a = d.useRef(null), s = X(t, a), c = d.useRef(null);
     return d.useEffect(() => {
       const u = c.current;
       c.current = (o == null ? void 0 : o.current) || a.current, u !== c.current && i.onAnchorChange(c.current);
@@ -2720,7 +2720,7 @@ var Jn = "PopperContent", [jc, Yc] = vr(Jn), Sr = d.forwardRef(
       updatePositionStrategy: g = "optimized",
       onPlaced: w,
       ...m
-    } = e, v = wr(Jn, n), [b, C] = d.useState(null), y = Z(t, (se) => C(se)), [S, R] = d.useState(null), A = Gc(S), E = (A == null ? void 0 : A.width) ?? 0, x = (A == null ? void 0 : A.height) ?? 0, I = o + (i !== "center" ? "-" + i : ""), T = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, D = Array.isArray(u) ? u : [u], L = D.length > 0, $ = {
+    } = e, v = wr(Jn, n), [b, C] = d.useState(null), y = X(t, (se) => C(se)), [S, R] = d.useState(null), A = Gc(S), E = (A == null ? void 0 : A.width) ?? 0, x = (A == null ? void 0 : A.height) ?? 0, I = o + (i !== "center" ? "-" + i : ""), T = typeof l == "number" ? l : { top: 0, right: 0, bottom: 0, left: 0, ...l }, D = Array.isArray(u) ? u : [u], L = D.length > 0, $ = {
       padding: T,
       boundary: D.filter(Zc),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -2897,7 +2897,7 @@ function Qc(e, t) {
   return d.useReducer((n, o) => t[n][o] ?? n, e);
 }
 var at = (e) => {
-  const { present: t, children: n } = e, o = el(t), r = typeof n == "function" ? n({ present: o.isPresent }) : d.Children.only(n), i = Z(o.ref, tl(r));
+  const { present: t, children: n } = e, o = el(t), r = typeof n == "function" ? n({ present: o.isPresent }) : d.Children.only(n), i = X(o.ref, tl(r));
   return typeof n == "function" || o.isPresent ? d.cloneElement(r, { ref: i }) : null;
 };
 at.displayName = "Presence";
@@ -2977,7 +2977,7 @@ var al = d.forwardRef((e, t) => {
     onEntryFocus: u,
     preventScrollOnEntryFocus: l = !1,
     ...f
-  } = e, h = d.useRef(null), g = Z(t, h), w = Yt(i), [m, v] = mt({
+  } = e, h = d.useRef(null), g = X(t, h), w = Yt(i), [m, v] = mt({
     prop: a,
     defaultProp: s ?? null,
     onChange: c,
@@ -3708,7 +3708,7 @@ var ve = "MenuContent", [au, oo] = qe(ve), Jr = d.forwardRef(
   }
 ), cu = d.forwardRef(
   (e, t) => {
-    const n = Je(ve, e.__scopeMenu), o = d.useRef(null), r = Z(t, o);
+    const n = Je(ve, e.__scopeMenu), o = d.useRef(null), r = X(t, o);
     return d.useEffect(() => {
       const i = o.current;
       if (i) return $r(i);
@@ -3759,7 +3759,7 @@ var ve = "MenuContent", [au, oo] = qe(ve), Jr = d.forwardRef(
       onDismiss: g,
       disableOutsideScroll: w,
       ...m
-    } = e, v = Je(ve, n), b = Et(ve, n), C = nn(n), y = Yr(n), S = tu(n), [R, A] = d.useState(null), E = d.useRef(null), x = Z(t, E, v.onContentChange), I = d.useRef(0), T = d.useRef(""), D = d.useRef(0), L = d.useRef(null), $ = d.useRef("right"), F = d.useRef(0), G = w ? eo : d.Fragment, O = w ? { as: uu, allowPinchZoom: !0 } : void 0, B = (P) => {
+    } = e, v = Je(ve, n), b = Et(ve, n), C = nn(n), y = Yr(n), S = tu(n), [R, A] = d.useState(null), E = d.useRef(null), x = X(t, E, v.onContentChange), I = d.useRef(0), T = d.useRef(""), D = d.useRef(0), L = d.useRef(null), $ = d.useRef("right"), F = d.useRef(0), G = w ? eo : d.Fragment, O = w ? { as: uu, allowPinchZoom: !0 } : void 0, B = (P) => {
       var M, W;
       const j = T.current + P, J = S().filter((K) => !K.disabled), oe = document.activeElement, we = (M = J.find((K) => K.ref.current === oe)) == null ? void 0 : M.textValue, de = J.map((K) => K.textValue), ye = Su(de, j, we), ie = (W = J.find((K) => K.textValue === ye)) == null ? void 0 : W.ref.current;
       (function K(H) {
@@ -3896,7 +3896,7 @@ var fu = "MenuLabel", Qr = d.forwardRef(
 Qr.displayName = fu;
 var Ut = "MenuItem", Ko = "menu.itemSelect", on = d.forwardRef(
   (e, t) => {
-    const { disabled: n = !1, onSelect: o, ...r } = e, i = d.useRef(null), a = Et(Ut, e.__scopeMenu), s = oo(Ut, e.__scopeMenu), c = Z(t, i), u = d.useRef(!1), l = () => {
+    const { disabled: n = !1, onSelect: o, ...r } = e, i = d.useRef(null), a = Et(Ut, e.__scopeMenu), s = oo(Ut, e.__scopeMenu), c = X(t, i), u = d.useRef(!1), l = () => {
       const f = i.current;
       if (!n && f) {
         const h = new CustomEvent(Ko, { bubbles: !0, cancelable: !0 });
@@ -3929,7 +3929,7 @@ var Ut = "MenuItem", Ko = "menu.itemSelect", on = d.forwardRef(
 on.displayName = Ut;
 var ei = d.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, disabled: o = !1, textValue: r, ...i } = e, a = oo(Ut, n), s = Yr(n), c = d.useRef(null), u = Z(t, c), [l, f] = d.useState(!1), [h, g] = d.useState("");
+    const { __scopeMenu: n, disabled: o = !1, textValue: r, ...i } = e, a = oo(Ut, n), s = Yr(n), c = d.useRef(null), u = X(t, c), [l, f] = d.useState(!1), [h, g] = d.useState("");
     return d.useEffect(() => {
       const w = c.current;
       w && g((w.textContent ?? "").trim());
@@ -4139,7 +4139,7 @@ var yu = "MenuSub", [Gf, ui] = qe(yu), ft = "MenuSubTrigger", di = d.forwardRef(
 di.displayName = ft;
 var fi = "MenuSubContent", pi = d.forwardRef(
   (e, t) => {
-    const n = Zr(ve, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, i = Je(ve, e.__scopeMenu), a = Et(ve, e.__scopeMenu), s = ui(fi, e.__scopeMenu), c = d.useRef(null), u = Z(t, c);
+    const n = Zr(ve, e.__scopeMenu), { forceMount: o = n.forceMount, ...r } = e, i = Je(ve, e.__scopeMenu), a = Et(ve, e.__scopeMenu), s = ui(fi, e.__scopeMenu), c = d.useRef(null), u = X(t, c);
     return /* @__PURE__ */ p(yt.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ p(at, { present: o || i.open, children: /* @__PURE__ */ p(yt.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ p(
       ro,
       {
@@ -4405,7 +4405,7 @@ function vd({ align: e = "end", sideOffset: t = 4, className: n, children: o })
     {
       align: e,
       sideOffset: t,
-      className: X("snow-dropdown-content", n),
+      className: q("snow-dropdown-content", n),
       children: o
     }
   ) });
@@ -4417,7 +4417,7 @@ function wd({ onClick: e, disabled: t, className: n, asChild: o, children: r })
       onClick: e,
       disabled: t,
       asChild: o,
-      className: X("snow-dropdown-item", n),
+      className: q("snow-dropdown-item", n),
       children: r
     }
   );
@@ -4428,7 +4428,7 @@ function yd({ checked: e, onCheckedChange: t, className: n, children: o }) {
     {
       checked: e,
       onCheckedChange: t,
-      className: X("snow-dropdown-checkbox-item", n),
+      className: q("snow-dropdown-checkbox-item", n),
       children: [
         /* @__PURE__ */ p("span", { className: "snow-dropdown-checkbox-indicator", children: /* @__PURE__ */ p(pd, { children: /* @__PURE__ */ p(Yo, { className: "snow-size-4" }) }) }),
         o
@@ -4554,7 +4554,7 @@ function Pd({ table: e }) {
   ] });
 }
 function Td({ className: e }) {
-  return /* @__PURE__ */ p("div", { className: X("snow-skeleton", e) });
+  return /* @__PURE__ */ p("div", { className: q("snow-skeleton", e) });
 }
 function Go(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
@@ -4678,7 +4678,7 @@ var _d = [" ", "Enter", "ArrowUp", "ArrowDown"], Od = [" ", "Enter"], Ye = "Sele
 Ii.displayName = Ye;
 var Mi = "SelectTrigger", Ni = d.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: o = !1, ...r } = e, i = cn(n), a = Ve(Mi, n), s = a.disabled || o, c = Z(t, a.onTriggerChange), u = an(n), l = d.useRef("touch"), [f, h, g] = qi((m) => {
+    const { __scopeSelect: n, disabled: o = !1, ...r } = e, i = cn(n), a = Ve(Mi, n), s = a.disabled || o, c = X(t, a.onTriggerChange), u = an(n), l = d.useRef("touch"), [f, h, g] = qi((m) => {
       const v = u().filter((y) => !y.disabled), b = v.find((y) => y.value === a.value), C = Ji(v, m, b);
       C !== void 0 && a.onValueChange(C.value);
     }), w = (m) => {
@@ -4722,7 +4722,7 @@ var Mi = "SelectTrigger", Ni = d.forwardRef(
 Ni.displayName = Mi;
 var _i = "SelectValue", Oi = d.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, children: i, placeholder: a = "", ...s } = e, c = Ve(_i, n), { onValueNodeHasChildrenChange: u } = c, l = i !== void 0, f = Z(t, c.onValueNodeChange);
+    const { __scopeSelect: n, className: o, style: r, children: i, placeholder: a = "", ...s } = e, c = Ve(_i, n), { onValueNodeHasChildrenChange: u } = c, l = i !== void 0, f = X(t, c.onValueNodeChange);
     return re(() => {
       u(l);
     }, [u, l]), /* @__PURE__ */ p(
@@ -4784,7 +4784,7 @@ var be = 10, [Li, Be] = lt(Xe), Bd = "SelectContentImpl", Wd = /* @__PURE__ */ g
       avoidCollisions: v,
       //
       ...b
-    } = e, C = Ve(Xe, n), [y, S] = d.useState(null), [R, A] = d.useState(null), E = Z(t, (M) => S(M)), [x, I] = d.useState(null), [T, D] = d.useState(
+    } = e, C = Ve(Xe, n), [y, S] = d.useState(null), [R, A] = d.useState(null), E = X(t, (M) => S(M)), [x, I] = d.useState(null), [T, D] = d.useState(
       null
     ), L = an(n), [$, F] = d.useState(!1), G = d.useRef(!1);
     d.useEffect(() => {
@@ -4934,7 +4934,7 @@ var be = 10, [Li, Be] = lt(Xe), Bd = "SelectContentImpl", Wd = /* @__PURE__ */ g
 );
 $i.displayName = Bd;
 var Ud = "SelectItemAlignedPosition", Vi = d.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: o, ...r } = e, i = Ve(Xe, n), a = Be(Xe, n), [s, c] = d.useState(null), [u, l] = d.useState(null), f = Z(t, (E) => l(E)), h = an(n), g = d.useRef(!1), w = d.useRef(!0), { viewport: m, selectedItem: v, selectedItemText: b, focusSelectedItem: C } = a, y = d.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: o, ...r } = e, i = Ve(Xe, n), a = Be(Xe, n), [s, c] = d.useState(null), [u, l] = d.useState(null), f = X(t, (E) => l(E)), h = an(n), g = d.useRef(!1), w = d.useRef(!0), { viewport: m, selectedItem: v, selectedItemText: b, focusSelectedItem: C } = a, y = d.useCallback(() => {
     if (i.trigger && i.valueNode && s && u && m && v && b) {
       const E = i.trigger.getBoundingClientRect(), x = u.getBoundingClientRect(), I = i.valueNode.getBoundingClientRect(), T = b.getBoundingClientRect();
       if (i.dir !== "rtl") {
@@ -5069,7 +5069,7 @@ var Hd = "SelectPopperPosition", Fn = d.forwardRef((e, t) => {
 Fn.displayName = Hd;
 var [Kd, co] = lt(Xe, {}), Ln = "SelectViewport", Bi = d.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, nonce: o, ...r } = e, i = Be(Ln, n), a = co(Ln, n), s = Z(t, i.onViewportChange), c = d.useRef(0);
+    const { __scopeSelect: n, nonce: o, ...r } = e, i = Be(Ln, n), a = co(Ln, n), s = X(t, i.onViewportChange), c = d.useRef(0);
     return /* @__PURE__ */ k(Gt, { children: [
       /* @__PURE__ */ p(
         "style",
@@ -5142,7 +5142,7 @@ var Kt = "SelectItem", [Xd, Hi] = lt(Kt), Ki = d.forwardRef(
       disabled: r = !1,
       textValue: i,
       ...a
-    } = e, s = Ve(Kt, n), c = Be(Kt, n), u = s.value === o, [l, f] = d.useState(i ?? ""), [h, g] = d.useState(!1), w = Z(
+    } = e, s = Ve(Kt, n), c = Be(Kt, n), u = s.value === o, [l, f] = d.useState(i ?? ""), [h, g] = d.useState(!1), w = X(
       t,
       (C) => {
         var y;
@@ -5220,7 +5220,7 @@ var Kt = "SelectItem", [Xd, Hi] = lt(Kt), Ki = d.forwardRef(
 Ki.displayName = Kt;
 var pt = "SelectItemText", Gi = d.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, ...i } = e, a = Ve(pt, n), s = Be(pt, n), c = Hi(pt, n), u = Ld(pt, n), [l, f] = d.useState(null), h = Z(
+    const { __scopeSelect: n, className: o, style: r, ...i } = e, a = Ve(pt, n), s = Be(pt, n), c = Hi(pt, n), u = Ld(pt, n), [l, f] = d.useState(null), h = X(
       t,
       (b) => f(b),
       c.onItemTextChange,
@@ -5247,7 +5247,7 @@ var zi = "SelectItemIndicator", ji = d.forwardRef(
 );
 ji.displayName = zi;
 var $n = "SelectScrollUpButton", Zd = d.forwardRef((e, t) => {
-  const n = Be($n, e.__scopeSelect), o = co($n, e.__scopeSelect), [r, i] = d.useState(!1), a = Z(t, o.onScrollButtonChange);
+  const n = Be($n, e.__scopeSelect), o = co($n, e.__scopeSelect), [r, i] = d.useState(!1), a = X(t, o.onScrollButtonChange);
   return re(() => {
     if (n.viewport && n.isPositioned) {
       let s = function() {
@@ -5271,7 +5271,7 @@ var $n = "SelectScrollUpButton", Zd = d.forwardRef((e, t) => {
 });
 Zd.displayName = $n;
 var Vn = "SelectScrollDownButton", qd = d.forwardRef((e, t) => {
-  const n = Be(Vn, e.__scopeSelect), o = co(Vn, e.__scopeSelect), [r, i] = d.useState(!1), a = Z(t, o.onScrollButtonChange);
+  const n = Be(Vn, e.__scopeSelect), o = co(Vn, e.__scopeSelect), [r, i] = d.useState(!1), a = X(t, o.onScrollButtonChange);
   return re(() => {
     if (n.viewport && n.isPositioned) {
       let s = function() {
@@ -5337,7 +5337,7 @@ var Bn = "SelectArrow", ef = d.forwardRef(
 ef.displayName = Bn;
 var tf = "SelectBubbleInput", Xi = d.forwardRef(
   ({ __scopeSelect: e, value: t, ...n }, o) => {
-    const r = d.useRef(null), i = Z(o, r), a = Id(t);
+    const r = d.useRef(null), i = X(o, r), a = Id(t);
     return d.useEffect(() => {
       const s = r.current;
       if (!s) return;
@@ -5395,7 +5395,7 @@ function hf({ value: e, onValueChange: t, children: n }) {
   return /* @__PURE__ */ p(of, { value: e, onValueChange: t, children: n });
 }
 function mf({ className: e, children: t }) {
-  return /* @__PURE__ */ k(rf, { className: X("snow-select-trigger", e), children: [
+  return /* @__PURE__ */ k(rf, { className: q("snow-select-trigger", e), children: [
     t,
     /* @__PURE__ */ p(af, { asChild: !0, children: /* @__PURE__ */ p(Ws, { className: "snow-select-icon" }) })
   ] });
@@ -5644,7 +5644,7 @@ function Pf({ value: e, onValueChange: t, children: n }) {
   return /* @__PURE__ */ p(Ef, { value: e, onValueChange: t, children: n });
 }
 function Tf({ children: e, className: t }) {
-  return /* @__PURE__ */ p(Rf, { className: X("snow-tabs-list", t), children: e });
+  return /* @__PURE__ */ p(Rf, { className: q("snow-tabs-list", t), children: e });
 }
 function If({ value: e, children: t }) {
   return /* @__PURE__ */ p(Af, { value: e, className: "snow-tabs-trigger", children: t });
@@ -5672,7 +5672,7 @@ const uo = jo(
       onChange: t,
       onKeyDown: n,
       placeholder: o,
-      className: X("snow-input", a && "snow-state-active", r),
+      className: q("snow-input", a && "snow-state-active", r),
       ...s
     }
   )
@@ -5702,7 +5702,7 @@ function _f({ value: e = "", onDebouncedChange: t, placeholder: n }) {
         isActive: i
       }
     ),
-    /* @__PURE__ */ p("span", { className: "snow-searchbar-icon", children: /* @__PURE__ */ p(Xo, { className: X(i ? "snow-state-active-text" : "snow-text-muted-foreground") }) })
+    /* @__PURE__ */ p("span", { className: "snow-searchbar-icon", children: /* @__PURE__ */ p(Xo, { className: q(i ? "snow-state-active-text" : "snow-text-muted-foreground") }) })
   ] }) });
 }
 function Of({
@@ -5729,9 +5729,9 @@ function Of({
   if (e.options.length === 0) return null;
   const f = () => a === 0 ? e.label : a === 1 ? s[0] : a === 2 ? s.join(", ") : `${s.slice(0, 2).join(", ")} +${a - 2}`;
   return /* @__PURE__ */ k(te.Root, { children: [
-    /* @__PURE__ */ p(te.Trigger, { asChild: !0, children: /* @__PURE__ */ k(Pe, { className: X("snow-filter-btn snow-w-full snow-justify-between", a > 0 && "snow-state-active"), children: [
+    /* @__PURE__ */ p(te.Trigger, { asChild: !0, children: /* @__PURE__ */ k(Pe, { className: q("snow-filter-btn snow-w-full snow-justify-between", a > 0 && "snow-state-active"), children: [
       /* @__PURE__ */ k("div", { className: "snow-filter-btn-content", children: [
-        e.multipleSelection ? /* @__PURE__ */ p(Ls, { className: X("snow-size-4 snow-shrink-0", a > 0 && "snow-state-active-text") }) : /* @__PURE__ */ p(Fs, { className: X("snow-size-4 snow-shrink-0", a > 0 && "snow-state-active-text") }),
+        e.multipleSelection ? /* @__PURE__ */ p(Ls, { className: q("snow-size-4 snow-shrink-0", a > 0 && "snow-state-active-text") }) : /* @__PURE__ */ p(Fs, { className: q("snow-size-4 snow-shrink-0", a > 0 && "snow-state-active-text") }),
         /* @__PURE__ */ p("span", { className: "snow-truncate", children: f() })
       ] }),
       /* @__PURE__ */ p(Wn, { className: "snow-size-3\\\\.5 snow-opacity-50 snow-shrink-0" })
@@ -5829,9 +5829,9 @@ function cs({
   ht(() => {
     W((Y) => Y.pageIndex === 0 ? Y : { ...Y, pageIndex: 0 });
   }, [m, dn, W]);
-  const ne = r === "server", us = s !== void 0 ? Math.ceil(s / M.pageSize) : void 0, ds = !ne || s !== void 0, fn = Se(() => Object.entries(V).map(([Y, Q]) => ({ id: Y, value: Q })), [V]), fs = Ce((Y, Q, q) => {
+  const ne = r === "server", us = s !== void 0 ? Math.ceil(s / M.pageSize) : void 0, ds = !ne || s !== void 0, fn = Se(() => Object.entries(V).map(([Y, Q]) => ({ id: Y, value: Q })), [V]), fs = Ce((Y, Q, Z) => {
     const ge = Y.getValue(Q);
-    return q.includes(String(ge));
+    return Z.includes(String(ge));
   }, []), Oe = Rs({
     data: e,
     columns: t,
@@ -5863,8 +5863,8 @@ function cs({
       globalFilterFn: l ? ta : void 0
     } : {}
   }), ps = (Y, Q) => {
-    const q = String(Y), ge = { ...V };
-    Q.length === 0 ? delete ge[q] : ge[q] = Q, z(ge);
+    const Z = String(Y), ge = { ...V };
+    Q.length === 0 ? delete ge[Z] : ge[Z] = Q, z(ge);
   }, hs = l || I || f && f.length > 0 || A, ms = Se(() => ne ? e.length : Oe.getRowModel().rows.length, [ne, e.length, Oe, K, fn]), gs = Se(() => ne && s !== void 0 ? s : Oe.getFilteredRowModel().rows.length, [ne, s, Oe, e.length, K, fn]);
   return /* @__PURE__ */ k("div", { className: "snow-table-container snow-table-root", "data-testid": "datatable", children: [
     o && !n && /* @__PURE__ */ p("div", { className: "snow-table-loading-overlay" }),
@@ -5910,23 +5910,23 @@ function cs({
     /* @__PURE__ */ p(
       "div",
       {
-        className: X(
+        className: q(
           "snow-table-wrapper",
           $ && "snow-responsive-container"
         ),
         children: /* @__PURE__ */ k("table", { className: "snow-table", "data-testid": "datatable-table", children: [
-          /* @__PURE__ */ p("thead", { className: X("snow-table-header", $ && "snow-responsive-thead"), children: Oe.getHeaderGroups().map((Y) => /* @__PURE__ */ p("tr", { children: Y.headers.map((Q) => {
+          /* @__PURE__ */ p("thead", { className: q("snow-table-header", $ && "snow-responsive-thead"), children: Oe.getHeaderGroups().map((Y) => /* @__PURE__ */ p("tr", { children: Y.headers.map((Q) => {
             var ge;
-            const q = (ge = Q.column.columnDef) == null ? void 0 : ge.meta;
+            const Z = (ge = Q.column.columnDef) == null ? void 0 : ge.meta;
             return /* @__PURE__ */ p(
               "th",
               {
-                className: X("snow-table-header-cell", y && "snow-cursor-pointer"),
+                className: q("snow-table-header-cell", y && "snow-cursor-pointer"),
                 onClick: Q.column.getToggleSortingHandler(),
                 style: {
-                  "--snow-col-width": q == null ? void 0 : q.width,
-                  "--snow-col-min-width": q == null ? void 0 : q.minWidth,
-                  "--snow-col-max-width": q == null ? void 0 : q.maxWidth
+                  "--snow-col-width": Z == null ? void 0 : Z.width,
+                  "--snow-col-min-width": Z == null ? void 0 : Z.minWidth,
+                  "--snow-col-max-width": Z == null ? void 0 : Z.maxWidth
                 },
                 children: Q.isPlaceholder ? null : /* @__PURE__ */ k("span", { className: "snow-table-header-cell-content", children: [
                   /* @__PURE__ */ p("h3", { children: ho(Q.column.columnDef.header, Q.getContext()) }),
@@ -5936,16 +5936,16 @@ function cs({
               Q.id
             );
           }) }, Y.id)) }),
-          n ? /* @__PURE__ */ p("tbody", { className: "snow-divide-y snow-divide-border", "data-testid": "datatable-loading", children: Array.from({ length: M.pageSize > 10 ? 10 : M.pageSize }).map((Y, Q) => /* @__PURE__ */ p("tr", { className: X({ "snow-table-row-alternate": Q % 2 === 1 }), children: t.map((q, ge) => /* @__PURE__ */ p("td", { className: "snow-table-cell", children: /* @__PURE__ */ p(Td, { className: "snow-h-4 snow-w-full" }) }, `skeleton-table-${ge}`)) }, Q)) }) : ms > 0 ? /* @__PURE__ */ p(
+          n ? /* @__PURE__ */ p("tbody", { className: "snow-divide-y snow-divide-border", "data-testid": "datatable-loading", children: Array.from({ length: M.pageSize > 10 ? 10 : M.pageSize }).map((Y, Q) => /* @__PURE__ */ p("tr", { className: q({ "snow-table-row-alternate": Q % 2 === 1 }), children: t.map((Z, ge) => /* @__PURE__ */ p("td", { className: "snow-table-cell", children: /* @__PURE__ */ p(Td, { className: "snow-h-4 snow-w-full" }) }, `skeleton-table-${ge}`)) }, Q)) }) : ms > 0 ? /* @__PURE__ */ p(
             "tbody",
             {
-              className: X("snow-divide-y snow-divide-border", $ && "snow-responsive-tbody"),
+              className: q("snow-divide-y snow-divide-border", $ && "snow-responsive-tbody"),
               "data-testid": "datatable-body",
               children: Oe.getRowModel().rows.map((Y, Q) => /* @__PURE__ */ p(
                 "tr",
                 {
                   "data-testid": `datatable-row-${Y.id}`,
-                  className: X(
+                  className: q(
                     "snow-table-row snow-transition-all snow-duration-300 snow-ease-in-out",
                     {
                       "snow-table-row-alternate": Q % 2 === 1,
@@ -5953,18 +5953,18 @@ function cs({
                     },
                     $ && "snow-responsive-row"
                   ),
-                  children: Y.getVisibleCells().map((q, ge) => {
+                  children: Y.getVisibleCells().map((Z, ge) => {
                     var po;
-                    const vs = typeof q.column.columnDef.header == "string" ? q.column.columnDef.header : q.column.id, ws = ge === Y.getVisibleCells().length - 1, ee = (po = q.column.columnDef) == null ? void 0 : po.meta;
+                    const vs = typeof Z.column.columnDef.header == "string" ? Z.column.columnDef.header : Z.column.id, ws = ge === Y.getVisibleCells().length - 1, ee = (po = Z.column.columnDef) == null ? void 0 : po.meta;
                     return /* @__PURE__ */ k(
                       "td",
                       {
                         onClick: () => E && !(ee != null && ee.disableColumnClick) && E(Y.original),
-                        className: X(
+                        className: q(
                           E && !(ee != null && ee.disableColumnClick) && "snow-cursor-pointer",
                           (ee == null ? void 0 : ee.center) && "snow-align-middle snow-text-center",
                           (ee == null ? void 0 : ee.maxWidth) !== void 0 && "snow-cell-truncate",
-                          $ ? X("snow-responsive-cell", ws && "snow-responsive-cell-last") : "snow-table-cell"
+                          $ ? q("snow-responsive-cell", ws && "snow-responsive-cell-last") : "snow-table-cell"
                         ),
                         style: {
                           "--snow-col-width": ee == null ? void 0 : ee.width,
@@ -5973,10 +5973,10 @@ function cs({
                         },
                         children: [
                           $ && /* @__PURE__ */ p("span", { className: "snow-responsive-cell-label", children: vs }),
-                          /* @__PURE__ */ p("span", { className: X($ && "snow-responsive-cell-content"), children: ho(q.column.columnDef.cell, q.getContext()) })
+                          /* @__PURE__ */ p("span", { className: q($ && "snow-responsive-cell-content"), children: ho(Z.column.columnDef.cell, Z.getContext()) })
                         ]
                       },
-                      q.id
+                      Z.id
                     );
                   })
                 },
@@ -6055,7 +6055,7 @@ function Lf({ item: e, actions: t, onAction: n }) {
                 to: g,
                 target: h.external ? "_blank" : void 0,
                 rel: h.external ? "noopener noreferrer" : void 0,
-                className: X("snow-action-link", l.showLabel ? "snow-px-3" : "snow-w-8"),
+                className: q("snow-action-link", l.showLabel ? "snow-px-3" : "snow-w-8", l.className),
                 disabled: l.disabled,
                 children: [
                   /* @__PURE__ */ p(f, { className: "snow-size-4" }),
@@ -6070,7 +6070,7 @@ function Lf({ item: e, actions: t, onAction: n }) {
       return /* @__PURE__ */ k(
         Pe,
         {
-          className: X("snow-action-btn", l.showLabel ? "" : "snow-btn-icon", l.className),
+          className: q("snow-action-btn", l.showLabel ? "" : "snow-btn-icon", l.className),
           onClick: () => s(l),
           disabled: l.disabled,
           onMouseEnter: (h) => r.show(l.label, h.currentTarget),
@@ -6097,7 +6097,7 @@ function Lf({ item: e, actions: t, onAction: n }) {
               rel: h.external ? "noopener noreferrer" : void 0,
               className: l.className,
               children: [
-                /* @__PURE__ */ p(f, { className: X("snow-mr-2 snow-size-4", l.className) }),
+                /* @__PURE__ */ p(f, { className: "snow-mr-2 snow-size-4" }),
                 l.label
               ]
             }
@@ -6110,7 +6110,7 @@ function Lf({ item: e, actions: t, onAction: n }) {
             disabled: l.disabled,
             className: l.className,
             children: [
-              /* @__PURE__ */ p(f, { className: X("snow-mr-2 snow-size-4", l.className) }),
+              /* @__PURE__ */ p(f, { className: "snow-mr-2 snow-size-4" }),
               l.label
             ]
           },