@turtleclub/ui 0.7.0-beta.2 → 0.7.0-beta.3

package/dist/index.js

@@ -321,7 +321,7 @@ function $P(e) {
 }
 const FP = (e) => {
   var t, n, r, o, i, a, s, l, c;
-  const { invert: d, toast: f, unstyled: p, interacting: m, setHeights: v, visibleToasts: g, heights: y, index: b, toasts: w, expanded: x, removeToast: C, defaultRichColors: S, closeButton: T, style: P, cancelButtonStyle: E, actionButtonStyle: A, className: O = "", descriptionClassName: I = "", duration: Y, position: j, gap: F, expandByDefault: G, classNames: D, icons: z, closeButtonAriaLabel: N = "Close toast" } = e, [V, ne] = M.useState(null), [ue, k] = M.useState(null), [L, q] = M.useState(!1), [H, ee] = M.useState(!1), [$, Z] = M.useState(!1), [J, se] = M.useState(!1), [W, K] = M.useState(!1), [ge, te] = M.useState(0), [je, X] = M.useState(0), de = M.useRef(f.duration || Y || Yh), Te = M.useRef(null), ze = M.useRef(null), Ss = b === 0, ir = b + 1 <= g, De = f.type, tn = f.dismissible !== !1, _s = f.className || "", Rs = f.descriptionClassName || "", Xr = M.useMemo(() => y.findIndex((pe) => pe.toastId === f.id) || 0, [
+  const { invert: d, toast: f, unstyled: p, interacting: m, setHeights: v, visibleToasts: g, heights: y, index: b, toasts: w, expanded: x, removeToast: C, defaultRichColors: S, closeButton: T, style: P, cancelButtonStyle: E, actionButtonStyle: A, className: O = "", descriptionClassName: I = "", duration: Y, position: j, gap: F, expandByDefault: W, classNames: D, icons: z, closeButtonAriaLabel: N = "Close toast" } = e, [V, ne] = M.useState(null), [ue, k] = M.useState(null), [L, q] = M.useState(!1), [H, ee] = M.useState(!1), [$, Z] = M.useState(!1), [J, se] = M.useState(!1), [G, K] = M.useState(!1), [ge, te] = M.useState(0), [je, X] = M.useState(0), de = M.useRef(f.duration || Y || Yh), Te = M.useRef(null), ze = M.useRef(null), Ss = b === 0, ir = b + 1 <= g, De = f.type, tn = f.dismissible !== !1, _s = f.className || "", Rs = f.descriptionClassName || "", Xr = M.useMemo(() => y.findIndex((pe) => pe.toastId === f.id) || 0, [
     y,
     f.id
   ]), Zr = M.useMemo(() => {
@@ -450,7 +450,7 @@ const FP = (e) => {
     "data-styled": !(f.jsx || f.unstyled || p),
     "data-mounted": L,
     "data-promise": !!f.promise,
-    "data-swiped": W,
+    "data-swiped": G,
     "data-removed": H,
     "data-visible": ir,
     "data-y-position": An,
@@ -463,14 +463,14 @@ const FP = (e) => {
     "data-invert": tP,
     "data-swipe-out": J,
     "data-swipe-direction": ue,
-    "data-expanded": !!(x || G && L),
+    "data-expanded": !!(x || W && L),
     "data-testid": f.testId,
     style: {
       "--index": b,
       "--toasts-before": b,
       "--z-index": w.length - b,
       "--offset": `${H ? ge : me.current}px`,
-      "--initial-height": G ? "auto" : `${je}px`,
+      "--initial-height": W ? "auto" : `${je}px`,
       ...P,
       ...f.style
     },
@@ -609,7 +609,7 @@ const BP = /* @__PURE__ */ M.forwardRef(function(t, n) {
   ].concat(E.filter((L) => L.position).map((L) => L.position)))), [
     E,
     i
-  ]), [O, I] = M.useState([]), [Y, j] = M.useState(!1), [F, G] = M.useState(!1), [D, z] = M.useState(p !== "system" ? p : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), N = M.useRef(null), V = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), ne = M.useRef(null), ue = M.useRef(!1), k = M.useCallback((L) => {
+  ]), [O, I] = M.useState([]), [Y, j] = M.useState(!1), [F, W] = M.useState(!1), [D, z] = M.useState(p !== "system" ? p : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), N = M.useRef(null), V = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), ne = M.useRef(null), ue = M.useRef(!1), k = M.useCallback((L) => {
     P((q) => {
       var H;
       return (H = q.find((ee) => ee.id === L.id)) != null && H.delete || Ye.dismiss(L.id), q.filter(({ id: ee }) => ee !== L.id);
@@ -736,11 +736,11 @@ const BP = /* @__PURE__ */ M.forwardRef(function(t, n) {
       },
       onDragEnd: () => j(!1),
       onPointerDown: (Z) => {
-        Z.target instanceof HTMLElement && Z.target.dataset.dismissible === "false" || G(!0);
+        Z.target instanceof HTMLElement && Z.target.dataset.dismissible === "false" || W(!0);
       },
-      onPointerUp: () => G(!1)
+      onPointerUp: () => W(!1)
     }, E.filter((Z) => !Z.position && q === 0 || Z.position === L).map((Z, J) => {
-      var se, W;
+      var se, G;
       return /* @__PURE__ */ M.createElement(FP, {
         key: Z.id,
         icons: C,
@@ -752,7 +752,7 @@ const BP = /* @__PURE__ */ M.forwardRef(function(t, n) {
         descriptionClassName: b?.descriptionClassName,
         invert: o,
         visibleToasts: y,
-        closeButton: (W = b?.closeButton) != null ? W : l,
+        closeButton: (G = b?.closeButton) != null ? G : l,
         interacting: F,
         position: L,
         style: b?.style,
@@ -1466,7 +1466,7 @@ const rE = (e, t) => {
     "left-bottom"
   ], S = () => [...C(), oe, re], T = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", "contain", "none"], E = () => [oe, re, l], A = () => [ar, "full", "auto", ...E()], O = () => [rn, "none", "subgrid", oe, re], I = () => ["auto", {
     span: ["full", rn, oe, re]
-  }, rn, oe, re], Y = () => [rn, "auto", oe, re], j = () => ["auto", "min", "max", "fr", oe, re], F = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...E()], z = () => [ar, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, oe, re], V = () => [...C(), nm, tm, {
+  }, rn, oe, re], Y = () => [rn, "auto", oe, re], j = () => ["auto", "min", "max", "fr", oe, re], F = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...E()], z = () => [ar, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, oe, re], V = () => [...C(), nm, tm, {
     position: [oe, re]
   }], ne = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -1487,7 +1487,7 @@ const rE = (e, t) => {
     v,
     oe,
     re
-  ], J = () => ["none", he, oe, re], se = () => ["none", he, oe, re], W = () => [he, oe, re], K = () => [ar, "full", ...E()];
+  ], J = () => ["none", he, oe, re], se = () => ["none", he, oe, re], G = () => [he, oe, re], K = () => [ar, "full", ...E()];
   return {
     cacheSize: 500,
     theme: {
@@ -1897,14 +1897,14 @@ const rE = (e, t) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...G(), "normal"]
+        "justify-items": [...W(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...G()]
+        "justify-self": ["auto", ...W()]
       }],
       /**
        * Align Content
@@ -1918,7 +1918,7 @@ const rE = (e, t) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...G(), {
+        items: [...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1927,7 +1927,7 @@ const rE = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...G(), {
+        self: ["auto", ...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1943,14 +1943,14 @@ const rE = (e, t) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...G(), "baseline"]
+        "place-items": [...W(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...G()]
+        "place-self": ["auto", ...W()]
       }],
       // Spacing
       /**
@@ -3495,21 +3495,21 @@ const rE = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: W()
+        skew: G()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": W()
+        "skew-x": G()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": W()
+        "skew-y": G()
       }],
       /**
        * Transform
@@ -4069,10 +4069,10 @@ var QE = h.forwardRef((e, t) => {
             if (E.target === E.currentTarget && A && !b) {
               const O = new CustomEvent(Ns, KE);
               if (E.currentTarget.dispatchEvent(O), !O.defaultPrevented) {
-                const I = C().filter((D) => D.focusable), Y = I.find((D) => D.active), j = I.find((D) => D.id === g), G = [Y, j, ...I].filter(
+                const I = C().filter((D) => D.focusable), Y = I.find((D) => D.active), j = I.find((D) => D.id === g), W = [Y, j, ...I].filter(
                   Boolean
                 ).map((D) => D.ref.current);
-                y1(G, d);
+                y1(W, d);
               }
             }
             S.current = !1;
@@ -5597,12 +5597,12 @@ const ET = (e) => ({
     }, m = Yf(o), v = Kf(m), g = await a.getDimensions(c), y = m === "y", b = y ? "top" : "left", w = y ? "bottom" : "right", x = y ? "clientHeight" : "clientWidth", C = i.reference[v] + i.reference[m] - p[m] - i.floating[v], S = p[m] - i.reference[m], T = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(c));
     let P = T ? T[x] : 0;
     (!P || !await (a.isElement == null ? void 0 : a.isElement(T))) && (P = s.floating[x] || i.floating[v]);
-    const E = C / 2 - S / 2, A = P / 2 - g[v] / 2 - 1, O = hn(f[b], A), I = hn(f[w], A), Y = O, j = P - g[v] - I, F = P / 2 - g[v] / 2 + E, G = Pd(Y, F, j), D = !l.arrow && Br(o) != null && F !== G && i.reference[v] / 2 - (F < Y ? O : I) - g[v] / 2 < 0, z = D ? F < Y ? F - Y : F - j : 0;
+    const E = C / 2 - S / 2, A = P / 2 - g[v] / 2 - 1, O = hn(f[b], A), I = hn(f[w], A), Y = O, j = P - g[v] - I, F = P / 2 - g[v] / 2 + E, W = Pd(Y, F, j), D = !l.arrow && Br(o) != null && F !== W && i.reference[v] / 2 - (F < Y ? O : I) - g[v] / 2 < 0, z = D ? F < Y ? F - Y : F - j : 0;
     return {
       [m]: p[m] + z,
       data: {
-        [m]: G,
-        centerOffset: F - G - z,
+        [m]: W,
+        centerOffset: F - W - z,
         ...D && {
           alignmentOffset: z
         }
@@ -5647,8 +5647,8 @@ const ET = (e) => ({
         overflows: A
       }], !A.every((F) => F <= 0)) {
         var I, Y;
-        const F = (((I = i.flip) == null ? void 0 : I.index) || 0) + 1, G = P[F];
-        if (G && (!(f === "alignment" ? w !== Dt(G) : !1) || // We leave the current main axis only if every placement on that axis
+        const F = (((I = i.flip) == null ? void 0 : I.index) || 0) + 1, W = P[F];
+        if (W && (!(f === "alignment" ? w !== Dt(W) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         O.every((N) => Dt(N.placement) === w ? N.overflows[0] > 0 : !0)))
           return {
@@ -5657,7 +5657,7 @@ const ET = (e) => ({
               overflows: O
             },
             reset: {
-              placement: G
+              placement: W
             }
           };
         let D = (Y = O.filter((z) => z.overflows[0] <= 0).sort((z, N) => z.overflows[1] - N.overflows[1])[0]) == null ? void 0 : Y.placement;
@@ -6543,7 +6543,7 @@ function gA(e) {
       j();
     }
   }, [C, S, j, O, A]);
-  const G = h.useMemo(() => ({
+  const W = h.useMemo(() => ({
     reference: T,
     floating: P,
     setReference: w,
@@ -6575,10 +6575,10 @@ function gA(e) {
   return h.useMemo(() => ({
     ...d,
     update: j,
-    refs: G,
+    refs: W,
     elements: D,
     floatingStyles: z
-  }), [d, j, G, D, z]);
+  }), [d, j, W, D, z]);
 }
 const vA = (e) => {
   function t(n) {
@@ -6676,7 +6676,7 @@ var ep = "PopperContent", [TA, AA] = tw(ep), aw = h.forwardRef(
       boundary: I.filter(MA),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: Y
-    }, { refs: F, floatingStyles: G, placement: D, isPositioned: z, middlewareData: N } = gA({
+    }, { refs: F, floatingStyles: W, placement: D, isPositioned: z, middlewareData: N } = gA({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: A,
@@ -6698,8 +6698,8 @@ var ep = "PopperContent", [TA, AA] = tw(ep), aw = h.forwardRef(
         CA({
           ...j,
           apply: ({ elements: $, rects: Z, availableWidth: J, availableHeight: se }) => {
-            const { width: W, height: K } = Z.reference, ge = $.floating.style;
-            ge.setProperty("--radix-popper-available-width", `${J}px`), ge.setProperty("--radix-popper-available-height", `${se}px`), ge.setProperty("--radix-popper-anchor-width", `${W}px`), ge.setProperty("--radix-popper-anchor-height", `${K}px`);
+            const { width: G, height: K } = Z.reference, ge = $.floating.style;
+            ge.setProperty("--radix-popper-available-width", `${J}px`), ge.setProperty("--radix-popper-available-height", `${se}px`), ge.setProperty("--radix-popper-anchor-width", `${G}px`), ge.setProperty("--radix-popper-anchor-height", `${K}px`);
           }
         }),
         C && _A({ element: C, padding: s }),
@@ -6719,8 +6719,8 @@ var ep = "PopperContent", [TA, AA] = tw(ep), aw = h.forwardRef(
         ref: F.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...G,
-          transform: z ? G.transform : "translate(0, -200%)",
+          ...W,
+          transform: z ? W.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: H,
@@ -11162,10 +11162,10 @@ function JI(e) {
         Zd(N) && Zd(V) ? ne = !Xx(N, V) : ne = N !== V, ne ? N != null ? F(z) : p.add(z) : N !== void 0 && p.has(z) ? F(z) : w.protectedKeys[z] = !0;
       }
       w.prevProp = x, w.prevResolvedValues = I, w.isActive && (m = { ...m, ...I }), r && e.blockInitialAnimation && (E = !1);
-      const G = T && P;
-      E && (!G || A) && f.push(...O.map((z) => {
+      const W = T && P;
+      E && (!W || A) && f.push(...O.map((z) => {
         const N = { type: b };
-        if (typeof z == "string" && r && !G && e.manuallyAnimateOnMount && e.parent) {
+        if (typeof z == "string" && r && !W && e.manuallyAnimateOnMount && e.parent) {
           const { parent: V } = e, ne = wr(V, z);
           if (V.enteringChildren && ne) {
             const { delayChildren: ue } = ne.transition || {};
@@ -13629,7 +13629,7 @@ function rk() {
         }
       }
     }
-    var T = a, P = i, E = e, A = l, O = n, I = p, Y = f, j = t, F = o, G = r, D = c, z = d, N = !1, V = !1;
+    var T = a, P = i, E = e, A = l, O = n, I = p, Y = f, j = t, F = o, W = r, D = c, z = d, N = !1, V = !1;
     function ne(te) {
       return N || (N = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -13663,7 +13663,7 @@ function rk() {
     function se(te) {
       return S(te) === o;
     }
-    function W(te) {
+    function G(te) {
       return S(te) === r;
     }
     function K(te) {
@@ -13672,7 +13672,7 @@ function rk() {
     function ge(te) {
       return S(te) === d;
     }
-    ye.ContextConsumer = T, ye.ContextProvider = P, ye.Element = E, ye.ForwardRef = A, ye.Fragment = O, ye.Lazy = I, ye.Memo = Y, ye.Portal = j, ye.Profiler = F, ye.StrictMode = G, ye.Suspense = D, ye.SuspenseList = z, ye.isAsyncMode = ne, ye.isConcurrentMode = ue, ye.isContextConsumer = k, ye.isContextProvider = L, ye.isElement = q, ye.isForwardRef = H, ye.isFragment = ee, ye.isLazy = $, ye.isMemo = Z, ye.isPortal = J, ye.isProfiler = se, ye.isStrictMode = W, ye.isSuspense = K, ye.isSuspenseList = ge, ye.isValidElementType = C, ye.typeOf = S;
+    ye.ContextConsumer = T, ye.ContextProvider = P, ye.Element = E, ye.ForwardRef = A, ye.Fragment = O, ye.Lazy = I, ye.Memo = Y, ye.Portal = j, ye.Profiler = F, ye.StrictMode = W, ye.Suspense = D, ye.SuspenseList = z, ye.isAsyncMode = ne, ye.isConcurrentMode = ue, ye.isContextConsumer = k, ye.isContextProvider = L, ye.isElement = q, ye.isForwardRef = H, ye.isFragment = ee, ye.isLazy = $, ye.isMemo = Z, ye.isPortal = J, ye.isProfiler = se, ye.isStrictMode = G, ye.isSuspense = K, ye.isSuspenseList = ge, ye.isValidElementType = C, ye.typeOf = S;
   })()), ye;
 }
 var jv;
@@ -14927,9 +14927,9 @@ function wD() {
         var F = A & a;
         if (j || (j = i), T.size != P.size && !F)
           return !1;
-        var G = Y.get(T);
-        if (G)
-          return G == P;
+        var W = Y.get(T);
+        if (W)
+          return W == P;
         A |= s, Y.set(T, P);
         var D = r(j(T), j(P), A, O, I, Y);
         return Y.delete(T), D;
@@ -15309,8 +15309,8 @@ function jD() {
     if (!(b & l)) {
       var Y = A && m.call(g, "__wrapped__"), j = O && m.call(y, "__wrapped__");
       if (Y || j) {
-        var F = Y ? g.value() : g, G = j ? y.value() : y;
-        return C || (C = new e()), x(F, G, b, w, C);
+        var F = Y ? g.value() : g, W = j ? y.value() : y;
+        return C || (C = new e()), x(F, W, b, w, C);
       }
     }
     return I ? (C || (C = new e()), r(g, y, b, w, x, C)) : !1;
@@ -16291,7 +16291,7 @@ var e6 = function(t) {
       var Y = {
         padding: 0,
         margin: 0
-      }, j = (p ? q9(d, p) : d).map(function(F, G) {
+      }, j = (p ? q9(d, p) : d).map(function(F, W) {
         if (F.type === "none")
           return null;
         var D = Ku({
@@ -16301,7 +16301,7 @@ var e6 = function(t) {
           color: F.color || "#000"
         }, s), z = F.formatter || f || Q9, N = F.value, V = F.name, ne = N, ue = V;
         if (z && ne != null && ue != null) {
-          var k = z(N, V, F, G, d);
+          var k = z(N, V, F, W, d);
           if (Array.isArray(k)) {
             var L = U9(k, 2);
             ne = L[0], ue = L[1];
@@ -16312,7 +16312,7 @@ var e6 = function(t) {
           // eslint-disable-next-line react/no-array-index-key
           /* @__PURE__ */ M.createElement("li", {
             className: "recharts-tooltip-item",
-            key: "tooltip-item-".concat(G),
+            key: "tooltip-item-".concat(W),
             style: D
           }, ra(ue) ? /* @__PURE__ */ M.createElement("span", {
             className: "recharts-tooltip-item-name"
@@ -16879,19 +16879,19 @@ function I6() {
       throw new TypeError(r);
     l = n(l) || 0, e(c) && (b = !!c.leading, w = "maxWait" in c, p = w ? o(n(c.maxWait) || 0, l) : p, x = "trailing" in c ? !!c.trailing : x);
     function C(j) {
-      var F = d, G = f;
-      return d = f = void 0, y = j, m = s.apply(G, F), m;
+      var F = d, W = f;
+      return d = f = void 0, y = j, m = s.apply(W, F), m;
     }
     function S(j) {
       return y = j, v = setTimeout(E, l), b ? C(j) : m;
     }
     function T(j) {
-      var F = j - g, G = j - y, D = l - F;
-      return w ? i(D, p - G) : D;
+      var F = j - g, W = j - y, D = l - F;
+      return w ? i(D, p - W) : D;
     }
     function P(j) {
-      var F = j - g, G = j - y;
-      return g === void 0 || F >= l || F < 0 || w && G >= p;
+      var F = j - g, W = j - y;
+      return g === void 0 || F >= l || F < 0 || w && W >= p;
     }
     function E() {
       var j = t();
@@ -17045,9 +17045,9 @@ var q6 = /* @__PURE__ */ xa(function(e, t) {
     containerWidth: o.width,
     containerHeight: o.height
   }), E = V6(P, 2), A = E[0], O = E[1], I = Ct(function(j, F) {
-    O(function(G) {
+    O(function(W) {
       var D = Math.round(j), z = Math.round(F);
-      return G.containerWidth === D && G.containerHeight === z ? G : {
+      return W.containerWidth === D && W.containerHeight === z ? W : {
         containerWidth: D,
         containerHeight: z
       };
@@ -17062,7 +17062,7 @@ var q6 = /* @__PURE__ */ xa(function(e, t) {
       trailing: !0,
       leading: !1
     }));
-    var F = new ResizeObserver(j), G = S.current.getBoundingClientRect(), D = G.width, z = G.height;
+    var F = new ResizeObserver(j), W = S.current.getBoundingClientRect(), D = W.width, z = W.height;
     return I(D, z), F.observe(S.current), function() {
       F.disconnect();
     };
@@ -17073,22 +17073,22 @@ var q6 = /* @__PURE__ */ xa(function(e, t) {
       return null;
     Di(mi(a) || mi(l), `The width(%s) and height(%s) are both fixed numbers,
        maybe you don't need to use a ResponsiveContainer.`, a, l), Di(!n || n > 0, "The aspect(%s) must be greater than zero.", n);
-    var G = mi(a) ? j : a, D = mi(l) ? F : l;
-    n && n > 0 && (G ? D = G / n : D && (G = D * n), p && D > p && (D = p)), Di(G > 0 || D > 0, `The width(%s) and height(%s) of chart should be greater than 0,
+    var W = mi(a) ? j : a, D = mi(l) ? F : l;
+    n && n > 0 && (W ? D = W / n : D && (W = D * n), p && D > p && (D = p)), Di(W > 0 || D > 0, `The width(%s) and height(%s) of chart should be greater than 0,
        please check the style of container, or the props width(%s) and height(%s),
        or add a minWidth(%s) or minHeight(%s) or use aspect(%s) to control the
-       height and width.`, G, D, a, l, d, f, n);
+       height and width.`, W, D, a, l, d, f, n);
     var z = !Array.isArray(m) && hk(m.type).endsWith("Chart");
     return M.Children.map(m, function(N) {
       return /* @__PURE__ */ M.isValidElement(N) ? /* @__PURE__ */ cP(N, yi({
-        width: G,
+        width: W,
         height: D
       }, z ? {
         style: yi({
           height: "100%",
           width: "100%",
           maxHeight: D,
-          maxWidth: G
+          maxWidth: W
         }, N.props.style)
       } : {})) : N;
     });
@@ -18037,7 +18037,7 @@ var H8 = [" ", "Enter", "ArrowUp", "ArrowDown"], q8 = [" ", "Enter"], qn = "Sele
     defaultProp: s,
     onChange: l,
     caller: qn
-  }), I = h.useRef(null), Y = y ? v || !!y.closest("form") : !0, [j, F] = h.useState(/* @__PURE__ */ new Set()), G = Array.from(j).map((D) => D.props.value).join(";");
+  }), I = h.useRef(null), Y = y ? v || !!y.closest("form") : !0, [j, F] = h.useState(/* @__PURE__ */ new Set()), W = Array.from(j).map((D) => D.props.value).join(";");
   return /* @__PURE__ */ u(zr, { ...g, children: /* @__PURE__ */ _(
     G8,
     {
@@ -18091,7 +18091,7 @@ var H8 = [" ", "Enter", "ArrowUp", "ArrowDown"], q8 = [" ", "Enter"], qn = "Sele
               Array.from(j)
             ]
           },
-          G
+          W
         ) : null
       ]
     }
@@ -18208,15 +18208,15 @@ var wt = 10, [bS, Pn] = Kr(Un), Z8 = "SelectContentImpl", J8 = /* @__PURE__ */ j
       ...b
     } = e, w = Rn(Un, n), [x, C] = h.useState(null), [S, T] = h.useState(null), P = ae(t, ($) => C($)), [E, A] = h.useState(null), [O, I] = h.useState(
       null
-    ), Y = ns(n), [j, F] = h.useState(!1), G = h.useRef(!1);
+    ), Y = ns(n), [j, F] = h.useState(!1), W = h.useRef(!1);
     h.useEffect(() => {
       if (x) return Qa(x);
     }, [x]), Ja();
     const D = h.useCallback(
       ($) => {
-        const [Z, ...J] = Y().map((K) => K.ref.current), [se] = J.slice(-1), W = document.activeElement;
+        const [Z, ...J] = Y().map((K) => K.ref.current), [se] = J.slice(-1), G = document.activeElement;
         for (const K of $)
-          if (K === W || (K?.scrollIntoView({ block: "nearest" }), K === Z && S && (S.scrollTop = 0), K === se && S && (S.scrollTop = S.scrollHeight), K?.focus(), document.activeElement !== W)) return;
+          if (K === G || (K?.scrollIntoView({ block: "nearest" }), K === Z && S && (S.scrollTop = 0), K === se && S && (S.scrollTop = S.scrollHeight), K?.focus(), document.activeElement !== G)) return;
       },
       [Y, S]
     ), z = h.useCallback(
@@ -18249,17 +18249,17 @@ var wt = 10, [bS, Pn] = Kr(Un), Z8 = "SelectContentImpl", J8 = /* @__PURE__ */ j
       };
     }, [N]);
     const [ne, ue] = FS(($) => {
-      const Z = Y().filter((W) => !W.disabled), J = Z.find((W) => W.ref.current === document.activeElement), se = VS(Z, $, J);
+      const Z = Y().filter((G) => !G.disabled), J = Z.find((G) => G.ref.current === document.activeElement), se = VS(Z, $, J);
       se && setTimeout(() => se.ref.current.focus());
     }), k = h.useCallback(
       ($, Z, J) => {
-        const se = !G.current && !J;
-        (w.value !== void 0 && w.value === Z || se) && (A($), se && (G.current = !0));
+        const se = !W.current && !J;
+        (w.value !== void 0 && w.value === Z || se) && (A($), se && (W.current = !0));
       },
       [w.value]
     ), L = h.useCallback(() => x?.focus(), [x]), q = h.useCallback(
       ($, Z, J) => {
-        const se = !G.current && !J;
+        const se = !W.current && !J;
         (w.value !== void 0 && w.value === Z || se) && I($);
       },
       [w.value]
@@ -18334,9 +18334,9 @@ var wt = 10, [bS, Pn] = Kr(Un), Z8 = "SelectContentImpl", J8 = /* @__PURE__ */ j
                     onKeyDown: B(b.onKeyDown, ($) => {
                       const Z = $.ctrlKey || $.altKey || $.metaKey;
                       if ($.key === "Tab" && $.preventDefault(), !Z && $.key.length === 1 && ue($.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes($.key)) {
-                        let se = Y().filter((W) => !W.disabled).map((W) => W.ref.current);
+                        let se = Y().filter((G) => !G.disabled).map((G) => G.ref.current);
                         if (["ArrowUp", "End"].includes($.key) && (se = se.slice().reverse()), ["ArrowUp", "ArrowDown"].includes($.key)) {
-                          const W = $.target, K = se.indexOf(W);
+                          const G = $.target, K = se.indexOf(G);
                           se = se.slice(K + 1);
                         }
                         setTimeout(() => D(se)), $.preventDefault();
@@ -18358,7 +18358,7 @@ var Q8 = "SelectItemAlignedPosition", xS = h.forwardRef((e, t) => {
     if (i.trigger && i.valueNode && s && c && g && y && b) {
       const P = i.trigger.getBoundingClientRect(), E = c.getBoundingClientRect(), A = i.valueNode.getBoundingClientRect(), O = b.getBoundingClientRect();
       if (i.dir !== "rtl") {
-        const W = O.left - E.left, K = A.left - W, ge = P.left - K, te = P.width + ge, je = Math.max(te, E.width), X = window.innerWidth - wt, de = Ao(K, [
+        const G = O.left - E.left, K = A.left - G, ge = P.left - K, te = P.width + ge, je = Math.max(te, E.width), X = window.innerWidth - wt, de = Ao(K, [
           wt,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -18369,29 +18369,29 @@ var Q8 = "SelectItemAlignedPosition", xS = h.forwardRef((e, t) => {
         ]);
         s.style.minWidth = te + "px", s.style.left = de + "px";
       } else {
-        const W = E.right - O.right, K = window.innerWidth - A.right - W, ge = window.innerWidth - P.right - K, te = P.width + ge, je = Math.max(te, E.width), X = window.innerWidth - wt, de = Ao(K, [
+        const G = E.right - O.right, K = window.innerWidth - A.right - G, ge = window.innerWidth - P.right - K, te = P.width + ge, je = Math.max(te, E.width), X = window.innerWidth - wt, de = Ao(K, [
           wt,
           Math.max(wt, X - je)
         ]);
         s.style.minWidth = te + "px", s.style.right = de + "px";
       }
-      const I = p(), Y = window.innerHeight - wt * 2, j = g.scrollHeight, F = window.getComputedStyle(c), G = parseInt(F.borderTopWidth, 10), D = parseInt(F.paddingTop, 10), z = parseInt(F.borderBottomWidth, 10), N = parseInt(F.paddingBottom, 10), V = G + D + j + N + z, ne = Math.min(y.offsetHeight * 5, V), ue = window.getComputedStyle(g), k = parseInt(ue.paddingTop, 10), L = parseInt(ue.paddingBottom, 10), q = P.top + P.height / 2 - wt, H = Y - q, ee = y.offsetHeight / 2, $ = y.offsetTop + ee, Z = G + D + $, J = V - Z;
+      const I = p(), Y = window.innerHeight - wt * 2, j = g.scrollHeight, F = window.getComputedStyle(c), W = parseInt(F.borderTopWidth, 10), D = parseInt(F.paddingTop, 10), z = parseInt(F.borderBottomWidth, 10), N = parseInt(F.paddingBottom, 10), V = W + D + j + N + z, ne = Math.min(y.offsetHeight * 5, V), ue = window.getComputedStyle(g), k = parseInt(ue.paddingTop, 10), L = parseInt(ue.paddingBottom, 10), q = P.top + P.height / 2 - wt, H = Y - q, ee = y.offsetHeight / 2, $ = y.offsetTop + ee, Z = W + D + $, J = V - Z;
       if (Z <= q) {
-        const W = I.length > 0 && y === I[I.length - 1].ref.current;
+        const G = I.length > 0 && y === I[I.length - 1].ref.current;
         s.style.bottom = "0px";
         const K = c.clientHeight - g.offsetTop - g.offsetHeight, ge = Math.max(
           H,
           ee + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (W ? L : 0) + K + z
+          (G ? L : 0) + K + z
         ), te = Z + ge;
         s.style.height = te + "px";
       } else {
-        const W = I.length > 0 && y === I[0].ref.current;
+        const G = I.length > 0 && y === I[0].ref.current;
         s.style.top = "0px";
         const ge = Math.max(
           q,
-          G + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (W ? k : 0) + ee
+          W + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (G ? k : 0) + ee
         ) + J;
         s.style.height = ge + "px", g.scrollTop = Z - q + g.offsetTop;
       }
@@ -20753,7 +20753,7 @@ var pt = "MenuContent", [v7, uh] = nr(pt), w_ = h.forwardRef(
       onDismiss: m,
       disableOutsideScroll: v,
       ...g
-    } = e, y = En(pt, n), b = Yo(pt, n), w = Ko(n), x = m_(n), C = f7(n), [S, T] = h.useState(null), P = h.useRef(null), E = ae(t, P, y.onContentChange), A = h.useRef(0), O = h.useRef(""), I = h.useRef(0), Y = h.useRef(null), j = h.useRef("right"), F = h.useRef(0), G = v ? Uo : h.Fragment, D = v ? { as: w7, allowPinchZoom: !0 } : void 0, z = (V) => {
+    } = e, y = En(pt, n), b = Yo(pt, n), w = Ko(n), x = m_(n), C = f7(n), [S, T] = h.useState(null), P = h.useRef(null), E = ae(t, P, y.onContentChange), A = h.useRef(0), O = h.useRef(""), I = h.useRef(0), Y = h.useRef(null), j = h.useRef("right"), F = h.useRef(0), W = v ? Uo : h.Fragment, D = v ? { as: w7, allowPinchZoom: !0 } : void 0, z = (V) => {
       const ne = O.current + V, ue = C().filter(($) => !$.disabled), k = document.activeElement, L = ue.find(($) => $.ref.current === k)?.textValue, q = ue.map(($) => $.textValue), H = I7(q, ne, L), ee = ue.find(($) => $.textValue === H)?.ref.current;
       (function $(Z) {
         O.current = Z, window.clearTimeout(A.current), Z !== "" && (A.current = window.setTimeout(() => $(""), 1e3));
@@ -20788,7 +20788,7 @@ var pt = "MenuContent", [v7, uh] = nr(pt), w_ = h.forwardRef(
         onPointerGraceIntentChange: h.useCallback((V) => {
           Y.current = V;
         }, []),
-        children: /* @__PURE__ */ u(G, { ...D, children: /* @__PURE__ */ u(
+        children: /* @__PURE__ */ u(W, { ...D, children: /* @__PURE__ */ u(
           qo,
           {
             asChild: !0,
@@ -22730,7 +22730,7 @@ var x2 = ["PageUp", "PageDown"], C2 = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
       C[b.current] !== I && p(C);
     }
     function O(I, Y, { commit: j } = { commit: !1 }) {
-      const F = xF(i), G = CF(Math.round((I - r) / i) * i + r, F), D = Ao(G, [r, o]);
+      const F = xF(i), W = CF(Math.round((I - r) / i) * i + r, F), D = Ao(W, [r, o]);
       S((z = []) => {
         const N = mF(z, D, Y);
         if (wF(N, l * i)) {
@@ -22774,7 +22774,7 @@ var x2 = ["PageUp", "PageDown"], C2 = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arr
             onEndKeyDown: () => !s && O(o, C.length - 1, { commit: !0 }),
             onStepKeyDown: ({ event: I, direction: Y }) => {
               if (!s) {
-                const G = x2.includes(I.key) || I.shiftKey && C2.includes(I.key) ? 10 : 1, D = b.current, z = C[D], N = i * G * Y;
+                const W = x2.includes(I.key) || I.shiftKey && C2.includes(I.key) ? 10 : 1, D = b.current, z = C[D], N = i * W * Y;
                 O(z + N, D, { commit: !0 });
               }
             }
@@ -23996,7 +23996,7 @@ var to = '[cmdk-group=""]', ud = '[cmdk-group-items=""]', CV = '[cmdk-group-head
       }), L.push([H, $]);
     });
     let q = S.current;
-    G().sort((H, ee) => {
+    W().sort((H, ee) => {
       var $, Z;
       let J = H.getAttribute("id"), se = ee.getAttribute("id");
       return (($ = k.get(se)) != null ? $ : 0) - ((Z = k.get(J)) != null ? Z : 0);
@@ -24010,7 +24010,7 @@ var to = '[cmdk-group=""]', ud = '[cmdk-group-items=""]', CV = '[cmdk-group-head
     });
   }
   function I() {
-    let k = G().find((q) => q.getAttribute("aria-disabled") !== "true"), L = k?.getAttribute(ur);
+    let k = W().find((q) => q.getAttribute("aria-disabled") !== "true"), L = k?.getAttribute(ur);
     P.setState("value", L || void 0);
   }
   function Y() {
@@ -24040,17 +24040,17 @@ var to = '[cmdk-group=""]', ud = '[cmdk-group-items=""]', CV = '[cmdk-group-head
     var k;
     return (k = S.current) == null ? void 0 : k.querySelector(`${sR}[aria-selected="true"]`);
   }
-  function G() {
+  function W() {
     var k;
     return Array.from(((k = S.current) == null ? void 0 : k.querySelectorAll(Eb)) || []);
   }
   function D(k) {
-    let L = G()[k];
+    let L = W()[k];
     L && P.setState("value", L.getAttribute(ur));
   }
   function z(k) {
     var L;
-    let q = F(), H = G(), ee = H.findIndex((Z) => Z === q), $ = H[ee + k];
+    let q = F(), H = W(), ee = H.findIndex((Z) => Z === q), $ = H[ee + k];
     (L = s.current) != null && L.loop && ($ = ee + k < 0 ? H[H.length - 1] : ee + k === H.length ? H[0] : H[ee + k]), $ && P.setState("value", $.getAttribute(ur));
   }
   function N(k) {
@@ -24058,7 +24058,7 @@ var to = '[cmdk-group=""]', ud = '[cmdk-group-items=""]', CV = '[cmdk-group-head
     for (; q && !H; ) q = k > 0 ? IV(q, to) : OV(q, to), H = q?.querySelector(Eb);
     H ? P.setState("value", H.getAttribute(ur)) : z(k);
   }
-  let V = () => D(G().length - 1), ne = (k) => {
+  let V = () => D(W().length - 1), ne = (k) => {
     k.preventDefault(), k.metaKey ? V() : k.altKey ? N(1) : z(1);
   }, ue = (k) => {
     k.preventDefault(), k.metaKey ? D(0) : k.altKey ? N(-1) : z(-1);
@@ -24401,7 +24401,7 @@ const FV = h.forwardRef(
     closeOnSelect: S = !1,
     ...T
   }, P) => {
-    const [E, A] = h.useState(n), [O, I] = h.useState(!1), [Y, j] = h.useState(!1), [F, G] = h.useState(""), [D, z] = h.useState(""), [N, V] = h.useState(""), ne = h.useRef(E.length), ue = h.useRef(O), k = h.useRef(F), L = h.useCallback(
+    const [E, A] = h.useState(n), [O, I] = h.useState(!1), [Y, j] = h.useState(!1), [F, W] = h.useState(""), [D, z] = h.useState(""), [N, V] = h.useState(""), ne = h.useRef(E.length), ue = h.useRef(O), k = h.useRef(F), L = h.useCallback(
       (U, ie = "polite") => {
         ie === "assertive" ? (V(U), setTimeout(() => V(""), 100)) : (z(U), setTimeout(() => z(""), 100));
       },
@@ -24416,13 +24416,13 @@ const FV = h.forwardRef(
         return me.every((be, An) => be === Ae[An]);
       },
       []
-    ), W = h.useCallback(() => {
-      A(n), I(!1), G(""), t(n);
+    ), G = h.useCallback(() => {
+      A(n), I(!1), W(""), t(n);
     }, [n, t]), K = h.useRef(null);
     h.useImperativeHandle(
       P,
       () => ({
-        reset: W,
+        reset: G,
         getSelectedValues: () => E,
         setSelectedValues: (U) => {
           A(U), t(U);
@@ -24440,7 +24440,7 @@ const FV = h.forwardRef(
           }
         }
       }),
-      [W, E, t]
+      [G, E, t]
     );
     const [ge, te] = h.useState("desktop");
     h.useEffect(() => {
@@ -24547,7 +24547,7 @@ const FV = h.forwardRef(
       width: p ? "auto" : "100%"
     };
     return h.useEffect(() => {
-      O || G("");
+      O || W("");
     }, [O]), h.useEffect(() => {
       const U = E.length, ie = de(), me = ie.filter((Ae) => !Ae.disabled).length;
       if (U !== ne.current) {
@@ -24786,7 +24786,7 @@ const FV = h.forwardRef(
                       placeholder: "Search options...",
                       onKeyDown: Ss,
                       value: F,
-                      onValueChange: G,
+                      onValueChange: W,
                       "aria-label": "Search through available options",
                       "aria-describedby": `${q}-search-help`
                     }
@@ -24983,7 +24983,7 @@ const VV = (e, t) => {
     maxWidth: y,
     closeOnSelect: b = !1,
     ...w
-  } = e, [x, C] = h.useState(o), [S, T] = h.useState(!1), [P, E] = h.useState(!1), [A, O] = h.useState(""), [I, Y] = h.useState(""), [j, F] = h.useState(""), G = h.useRef(S), D = h.useRef(A), z = (X) => {
+  } = e, [x, C] = h.useState(o), [S, T] = h.useState(!1), [P, E] = h.useState(!1), [A, O] = h.useState(""), [I, Y] = h.useState(""), [j, F] = h.useState(""), W = h.useRef(S), D = h.useRef(A), z = (X) => {
     m || se(X)?.disabled || (C(X), r(X), b && T(!1));
   }, N = h.useCallback(
     (X, de = "polite") => {
@@ -25059,7 +25059,7 @@ const VV = (e, t) => {
       ), de;
     },
     [J]
-  ), W = h.useMemo(() => !c || !A ? n : n.length === 0 ? [] : n.filter(
+  ), G = h.useMemo(() => !c || !A ? n : n.length === 0 ? [] : n.filter(
     (X) => X.label.toLowerCase().includes(A.toLowerCase()) || String(X.value).toLowerCase().includes(A.toLowerCase())
   ), [n, A, c]), K = () => {
     m || (C(""), r(""));
@@ -25074,9 +25074,9 @@ const VV = (e, t) => {
     S || O("");
   }, [S]), h.useEffect(() => {
     const X = J(), de = X.filter((Te) => !Te.disabled).length;
-    if (S !== G.current && (N(
+    if (S !== W.current && (N(
       S ? `Dropdown opened. ${de} options available. Use arrow keys to navigate.` : "Dropdown closed."
-    ), G.current = S), A !== D.current && A !== void 0) {
+    ), W.current = S), A !== D.current && A !== void 0) {
       if (A && S) {
         const Te = X.filter(
           (ze) => ze.label.toLowerCase().includes(A.toLowerCase()) || String(ze.value).toLowerCase().includes(A.toLowerCase())
@@ -25223,7 +25223,7 @@ const VV = (e, t) => {
                     children: [
                       /* @__PURE__ */ u(gR, { children: d || "No results found." }),
                       " ",
-                      /* @__PURE__ */ u(lo, { children: W.map((X) => {
+                      /* @__PURE__ */ u(lo, { children: G.map((X) => {
                         const de = x === X.value;
                         return /* @__PURE__ */ _(
                           fr,
@@ -30167,13 +30167,13 @@ function Eq({
 }) {
   const [I, Y] = M.useState(
     d ?? {}
-  ), [j, F] = M.useState({}), [G, D] = M.useState({}), [z, N] = M.useState(""), [V, ne] = M.useState(c), [ue, k] = M.useState({
+  ), [j, F] = M.useState({}), [W, D] = M.useState({}), [z, N] = M.useState(""), [V, ne] = M.useState(c), [ue, k] = M.useState({
     pageIndex: 0,
     pageSize: 10
-  }), L = P ?? z, q = S ?? V, H = A ?? ue, ee = (W) => {
-    E ? E(W) : N(W);
-  }, $ = (W) => {
-    const K = typeof W == "function" ? W(q) : W;
+  }), L = P ?? z, q = S ?? V, H = A ?? ue, ee = (G) => {
+    E ? E(G) : N(G);
+  }, $ = (G) => {
+    const K = typeof G == "function" ? G(q) : G;
     T ? T(K) : ne(K);
   }, J = Gj({
     data: t,
@@ -30182,7 +30182,7 @@ function Eq({
       fuzzy: rz
     },
     state: {
-      expanded: G,
+      expanded: W,
       rowSelection: j,
       sorting: q,
       globalFilter: L,
@@ -30194,8 +30194,8 @@ function Eq({
     onSortingChange: $,
     // onColumnFiltersChange: setColumnFilters,
     onGlobalFilterChange: ee,
-    onPaginationChange: (W) => {
-      const K = typeof W == "function" ? W(H) : W;
+    onPaginationChange: (G) => {
+      const K = typeof G == "function" ? G(H) : G;
       O ? O(K) : k(K);
     },
     onExpandedChange: D,
@@ -30218,7 +30218,7 @@ function Eq({
     // debugHeaders: true,
     // debugColumns: false,
   }), se = Ge(
-    () => J.getHeaderGroups().map((W) => W.headers).flat(),
+    () => J.getHeaderGroups().map((G) => G.headers).flat(),
     [J]
   );
   return /* @__PURE__ */ _("div", { className: "space-y-3", children: [
@@ -30230,8 +30230,8 @@ function Eq({
         {
           headers: se,
           currentSort: q.length > 0 ? q[0] : null,
-          onSortChange: (W, K) => {
-            $([{ id: W, desc: K }]);
+          onSortChange: (G, K) => {
+            $([{ id: G, desc: K }]);
           },
           onClearSort: () => $([])
         }
@@ -30241,7 +30241,7 @@ function Eq({
         {
           id: "search-bar",
           value: L ?? "",
-          onChange: (W) => ee(String(W)),
+          onChange: (G) => ee(String(G)),
           placeholder: "Search..."
         }
       )
@@ -30268,29 +30268,29 @@ function Eq({
               // "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
               p.className
             ),
-            children: J.getRowModel().rows.map((W) => /* @__PURE__ */ u("div", { onClick: () => g?.(W.original), children: /* @__PURE__ */ _(
+            children: J.getRowModel().rows.map((G) => /* @__PURE__ */ u("div", { onClick: () => g?.(G.original), children: /* @__PURE__ */ _(
               ht,
               {
                 className: R(
                   "max-w-none",
                   g ? "hover:bg-neutral-alpha-5 cursor-pointer" : ""
                 ),
-                "data-state": W.getIsSelected() && "selected",
+                "data-state": G.getIsSelected() && "selected",
                 variant: "border",
                 children: [
                   /* @__PURE__ */ _(v5, { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ u(y5, { className: "line-clamp-1 grow text-base", children: W.getVisibleCells().filter(
+                    /* @__PURE__ */ u(y5, { className: "line-clamp-1 grow text-base", children: G.getVisibleCells().filter(
                       (K) => K.column.id === p.headerSlot
                     )?.map((K) => /* @__PURE__ */ u(Bi, { children: ln(
                       K.column.columnDef.cell,
                       K.getContext()
                     ) }, K.id)) }),
-                    W.getVisibleCells().filter((K) => K.column.id === p?.rightSlot)?.map((K) => /* @__PURE__ */ u("div", { className: "text-lg", children: ln(
+                    G.getVisibleCells().filter((K) => K.column.id === p?.rightSlot)?.map((K) => /* @__PURE__ */ u("div", { className: "text-lg", children: ln(
                       K.column.columnDef.cell,
                       K.getContext()
                     ) }, K.id))
                   ] }),
-                  /* @__PURE__ */ u(k1, { className: "flex flex-wrap justify-between", children: W.getVisibleCells().filter(
+                  /* @__PURE__ */ u(k1, { className: "flex flex-wrap justify-between", children: G.getVisibleCells().filter(
                     (K) => K.column.id !== p.headerSlot && K.column.id !== p.rightSlot && // @ts-expect-error I know that column id by defintion is keyof TData
                     !p.excludeColumns?.includes(K.column.id)
                   ).map((K) => /* @__PURE__ */ u(
@@ -30310,28 +30310,40 @@ function Eq({
                     },
                     K.id
                   )) }),
-                  W.getIsExpanded() && l({ row: W })
+                  G.getIsExpanded() && l({ row: G })
                 ]
               }
-            ) }, W.id))
+            ) }, G.id))
           }
         ) : /* @__PURE__ */ _(e7, { children: [
-          /* @__PURE__ */ u(t7, { children: /* @__PURE__ */ u(_f, { children: se.map((W) => /* @__PURE__ */ u(r7, { children: /* @__PURE__ */ u(Wj, { header: W }) }, W.id)) }) }),
-          /* @__PURE__ */ u(n7, { children: n ? /* @__PURE__ */ u(iz, { headers: se.map((W) => W.id) }) : J.getRowModel().rows.map((W) => /* @__PURE__ */ _(Bi, { children: [
+          /* @__PURE__ */ u(t7, { children: /* @__PURE__ */ u(_f, { children: se.map((G) => /* @__PURE__ */ u(
+            r7,
+            {
+              style: {
+                width: G.column.columnDef.size,
+                minWidth: G.column.columnDef.minSize,
+                maxWidth: G.column.columnDef.maxSize
+              },
+              className: G.column.columnDef.meta?.className,
+              children: /* @__PURE__ */ u(Wj, { header: G })
+            },
+            G.id
+          )) }) }),
+          /* @__PURE__ */ u(n7, { children: n ? /* @__PURE__ */ u(iz, { headers: se.map((G) => G.id) }) : J.getRowModel().rows.map((G) => /* @__PURE__ */ _(Bi, { children: [
             /* @__PURE__ */ u(
               _f,
               {
-                onClick: () => g?.(W.original),
-                "data-state": W.getIsSelected() && "selected",
+                onClick: () => g?.(G.original),
+                "data-state": G.getIsSelected() && "selected",
                 className: g ? "hover:bg-neutral-alpha-5 cursor-pointer" : "",
-                children: W.getVisibleCells().map((K) => /* @__PURE__ */ u(o_, { children: ln(
+                children: G.getVisibleCells().map((K) => /* @__PURE__ */ u(o_, { children: ln(
                   K.column.columnDef.cell,
                   K.getContext()
                 ) }, K.id))
               }
             ),
-            W.getIsExpanded() && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", { colSpan: W.getVisibleCells().length, children: l({ row: W }) }) })
-          ] }, W.id)) })
+            G.getIsExpanded() && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", { colSpan: G.getVisibleCells().length, children: l({ row: G }) }) })
+          ] }, G.id)) })
         ] }) : m ?? /* @__PURE__ */ u("div", { className: "bg-neutral-alpha-2 m-12 flex h-48 items-center justify-center rounded-lg shadow", children: "No results available." })
       }
     ),
@@ -30343,18 +30355,18 @@ function Eq({
           className: J.getCanPreviousPage() ? "cursor-pointer" : "pointer-events-none opacity-50"
         }
       ) }),
-      Array.from({ length: J.getPageCount() }, (W, K) => K).map(
-        (W) => {
-          const K = J.getState().pagination.pageIndex, ge = J.getPageCount(), te = W === 0 || W === ge - 1 || W >= K - 1 && W <= K + 1, je = W === K - 2 && K > 2, X = W === K + 2 && K < ge - 3;
-          return je || X ? /* @__PURE__ */ u(Si, { children: /* @__PURE__ */ u(LB, {}) }, W) : te ? /* @__PURE__ */ u(Si, { children: /* @__PURE__ */ u(
+      Array.from({ length: J.getPageCount() }, (G, K) => K).map(
+        (G) => {
+          const K = J.getState().pagination.pageIndex, ge = J.getPageCount(), te = G === 0 || G === ge - 1 || G >= K - 1 && G <= K + 1, je = G === K - 2 && K > 2, X = G === K + 2 && K < ge - 3;
+          return je || X ? /* @__PURE__ */ u(Si, { children: /* @__PURE__ */ u(LB, {}) }, G) : te ? /* @__PURE__ */ u(Si, { children: /* @__PURE__ */ u(
             Lh,
             {
-              onClick: () => J.setPageIndex(W),
-              isActive: K === W,
+              onClick: () => J.setPageIndex(G),
+              isActive: K === G,
               className: "cursor-pointer",
-              children: W + 1
+              children: G + 1
             }
-          ) }, W) : null;
+          ) }, G) : null;
         }
       ),
       /* @__PURE__ */ u(Si, { children: /* @__PURE__ */ u(