@skalar-saas/design-system 0.1.78 → 0.1.80

package/dist/index.mjs

@@ -351,7 +351,7 @@ const Er = S.memo(({
     c(null), N && a && a(w);
   }, [a]), g = Y((w, N) => {
     i && i(w, N);
-  }, [i]), b = Y((w) => {
+  }, [i]), v = Y((w) => {
     const N = ce(n, w);
     if (N)
       return {
@@ -364,10 +364,10 @@ const Er = S.memo(({
     onResize: h,
     onResizeEnd: p,
     onCloseZoneChange: g,
-    getPanelState: b,
+    getPanelState: v,
     minCentralWidth: s,
     containerRef: d
-  }), [n, m, h, p, g, b, s]), { leftPanels: v, rightPanels: x, mainContent: y } = _e(() => {
+  }), [n, m, h, p, g, v, s]), { leftPanels: b, rightPanels: x, mainContent: y } = _e(() => {
     const w = [], N = [];
     let M = null;
     return S.Children.forEach(t, (I) => {
@@ -396,7 +396,7 @@ const Er = S.memo(({
       "data-panel-layout": !0,
       "data-resizing": k,
       children: [
-        v,
+        b,
         y,
         x
       ]
@@ -432,7 +432,7 @@ const Dr = ({
       L ${h - 4} ${d - 4}
       Q ${h} ${d - 4}, ${h} ${d}
       L ${h} ${t}
-    `, b = m ? (h + p) / 2 : (p + h) / 2, C = t / 2;
+    `, v = m ? (h + p) / 2 : (p + h) / 2, C = t / 2;
   return /* @__PURE__ */ o(
     "div",
     {
@@ -466,7 +466,7 @@ const Dr = ({
           {
             className: "absolute flex flex-col gap-[2px] items-center",
             style: {
-              left: b,
+              left: v,
               top: C,
               transform: "translate(-50%, -50%)"
             },
@@ -488,13 +488,13 @@ const Dr = ({
   panelBg: a = "var(--surface-1)",
   className: s
 }) => {
-  const { panels: l, onResizeStart: u, onResize: c, onResizeEnd: d, onCloseZoneChange: m, getPanelState: h, minCentralWidth: p, containerRef: g } = Hr(), b = h(t), C = O(!1), v = O(!1), x = O(null), y = O(!1), k = O(0), w = O(!1), N = O(null), [M, I] = H(500), T = O({
+  const { panels: l, onResizeStart: u, onResize: c, onResizeEnd: d, onCloseZoneChange: m, getPanelState: h, minCentralWidth: p, containerRef: g } = Hr(), v = h(t), C = O(!1), b = O(!1), x = O(null), y = O(!1), k = O(0), w = O(!1), N = O(null), [M, I] = H(500), T = O({
     side: n,
     oppositeSideWidth: 0,
     minCentralWidth: p,
     externalPanelsWidth: 0,
     internalPanelsWidth: 0,
-    panelState: b
+    panelState: v
   }), $ = st(l[n === "left" ? "right" : "left"]), P = l[n], A = P.findIndex((G) => G.id === t), z = P.filter((G, q) => G.open ? n === "right" ? q > A : q < A : !1).reduce((G, q) => G + q.width, 0), Z = P.filter((G, q) => !G.open || G.id === t ? !1 : n === "right" ? q < A : q > A).reduce((G, q) => G + q.width, 0);
   T.current = {
     side: n,
@@ -502,12 +502,12 @@ const Dr = ({
     minCentralWidth: p,
     externalPanelsWidth: z,
     internalPanelsWidth: Z,
-    panelState: b
+    panelState: v
   };
   const W = O(c), L = O(d), E = O(m);
   W.current = c, L.current = d, E.current = m;
   const _ = Y((G) => {
-    C.current && (v.current = !0, !x.current && (x.current = requestAnimationFrame(() => {
+    C.current && (b.current = !0, !x.current && (x.current = requestAnimationFrame(() => {
       x.current = null;
       const q = g.current;
       if (!q) return;
@@ -525,8 +525,8 @@ const Dr = ({
   }, [t, g]), ne = Y(() => {
     if (!C.current) return;
     C.current = !1, document.body.style.userSelect = "", document.body.style.cursor = "";
-    const G = v.current && y.current, { panelState: q } = T.current;
-    !G && q && q.width < Pt(q.width) && W.current(t, Pt(q.width)), v.current = !1, y.current = !1, L.current(t, G), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", ne);
+    const G = b.current && y.current, { panelState: q } = T.current;
+    !G && q && q.width < Pt(q.width) && W.current(t, Pt(q.width)), b.current = !1, y.current = !1, L.current(t, G), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", ne);
   }, [t, _]), ue = Y(() => {
     C.current = !0, document.body.style.userSelect = "none", document.body.style.cursor = "col-resize";
     const { panelState: G } = T.current;
@@ -535,13 +535,13 @@ const Dr = ({
   if (U(() => () => {
     x.current && cancelAnimationFrame(x.current), document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", ne);
   }, [_, ne]), U(() => {
-    if (b?.open && !b?.exiting) {
+    if (v?.open && !v?.exiting) {
       const G = setTimeout(() => {
         w.current = !0;
       }, 150);
       return () => clearTimeout(G);
-    } else b?.open || (w.current = !1);
-  }, [b?.open, b?.exiting]), U(() => {
+    } else v?.open || (w.current = !1);
+  }, [v?.open, v?.exiting]), U(() => {
     const G = N.current;
     if (!G) return;
     const q = () => {
@@ -551,9 +551,9 @@ const Dr = ({
     q();
     const oe = new ResizeObserver(q);
     return oe.observe(G), () => oe.disconnect();
-  }, []), !b || !b.open && !b.exiting)
+  }, []), !v || !v.open && !v.exiting)
     return null;
-  const ae = n === "left" ? "right" : "left", le = () => b.exiting ? n === "left" ? "animate-panel-exit" : "animate-panel-exit-right" : w.current ? "" : n === "left" ? "animate-panel-enter" : "animate-panel-enter-right";
+  const ae = n === "left" ? "right" : "left", le = () => v.exiting ? n === "left" ? "animate-panel-exit" : "animate-panel-exit-right" : w.current ? "" : n === "left" ? "animate-panel-enter" : "animate-panel-enter-right";
   return /* @__PURE__ */ o(
     "div",
     {
@@ -561,14 +561,14 @@ const Dr = ({
       className: f(
         "h-full relative flex-shrink-0",
         "transition-[width] duration-100 ease-out",
-        b.isResizing && "transition-none",
+        v.isResizing && "transition-none",
         s
       ),
-      style: { width: `${b.width}%` },
+      style: { width: `${v.width}%` },
       "data-panel": t,
       "data-panel-side": n,
-      "data-in-close-zone": b.inCloseZone,
-      "data-exiting": b.exiting,
+      "data-in-close-zone": v.inCloseZone,
+      "data-exiting": v.exiting,
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -578,13 +578,13 @@ const Dr = ({
               "transition-opacity duration-100",
               le(),
               // Visual feedback: reduce opacity when in close zone
-              b.inCloseZone ? "opacity-50" : "opacity-100"
+              v.inCloseZone ? "opacity-50" : "opacity-100"
             ),
             style: { backgroundColor: a },
             children: r
           }
         ),
-        i && !b.exiting && /* @__PURE__ */ e(
+        i && !v.exiting && /* @__PURE__ */ e(
           "div",
           {
             className: f(
@@ -634,15 +634,15 @@ function Ar(t) {
 }
 function As(t) {
   const { config: n, persist: r = !1, persistKey: i = "panel-state" } = t, a = _e(() => {
-    const v = /* @__PURE__ */ new Map();
-    return n.forEach((x) => v.set(x.id, x)), v;
+    const b = /* @__PURE__ */ new Map();
+    return n.forEach((x) => b.set(x.id, x)), b;
   }, [n]), [s, l] = H(() => Tt(n, 1920)), [u, c] = H(!1);
   U(() => {
     if (r && typeof window < "u")
       try {
-        const v = localStorage.getItem(i);
-        if (v) {
-          const x = JSON.parse(v);
+        const b = localStorage.getItem(i);
+        if (b) {
+          const x = JSON.parse(b);
           Ar(x) && l(x);
         }
       } catch {
@@ -655,24 +655,24 @@ function As(t) {
       } catch {
       }
   }, [s, r, i, u]);
-  const d = Y((v) => {
+  const d = Y((b) => {
     l((x) => {
-      const y = ce(x, v);
+      const y = ce(x, b);
       if (!y) return x;
       const { side: k, panel: w } = y;
       if (w.open)
         return {
           ...x,
           [k]: x[k].map(
-            (E) => E.id === v ? { ...E, open: !1 } : E
+            (E) => E.id === b ? { ...E, open: !1 } : E
           )
         };
-      const N = k === "left" ? "right" : "left", M = a.get(v), I = typeof window < "u" ? window.innerWidth : 1920, T = M ? it(M.defaultWidth, I) : 20, V = x[N].filter((E) => E.open).reduce((E, _) => E + _.width, 0), $ = x[k].filter((E) => E.open && E.id !== v), P = $.reduce((E, _) => E + _.width, 0), A = 100 - V - Q.minCentralPercent;
+      const N = k === "left" ? "right" : "left", M = a.get(b), I = typeof window < "u" ? window.innerWidth : 1920, T = M ? it(M.defaultWidth, I) : 20, V = x[N].filter((E) => E.open).reduce((E, _) => E + _.width, 0), $ = x[k].filter((E) => E.open && E.id !== b), P = $.reduce((E, _) => E + _.width, 0), A = 100 - V - Q.minCentralPercent;
       if (P + T <= A)
         return {
           ...x,
           [k]: x[k].map(
-            (E) => E.id === v ? { ...E, open: !0, width: T } : E
+            (E) => E.id === b ? { ...E, open: !0, width: T } : E
           )
         };
       const z = $.length * Q.snapMinWidth, Z = A - z, W = Math.min(T, Math.max(Q.snapMinWidth, Z)), L = A - W;
@@ -681,7 +681,7 @@ function As(t) {
         return {
           ...x,
           [k]: x[k].map((_) => {
-            if (_.id === v)
+            if (_.id === b)
               return { ..._, open: !0, width: W };
             if (_.open) {
               const ne = Math.max(Q.snapMinWidth, _.width * E);
@@ -694,20 +694,20 @@ function As(t) {
       return {
         ...x,
         [k]: x[k].map(
-          (E) => E.id === v ? { ...E, open: !0, width: W } : E
+          (E) => E.id === b ? { ...E, open: !0, width: W } : E
         )
       };
     });
-  }, [a]), m = Y((v, x) => {
+  }, [a]), m = Y((b, x) => {
     l((y) => {
-      const k = ce(y, v);
+      const k = ce(y, b);
       if (!k) return y;
-      const { side: w, panel: N } = k, I = y[w === "left" ? "right" : "left"].filter((z) => z.open).reduce((z, Z) => z + Z.width, 0), T = y[w].filter((z) => z.open && z.id !== v), V = T.reduce((z, Z) => z + Z.width, 0), $ = 100 - I - Q.minCentralPercent, P = x + V;
+      const { side: w, panel: N } = k, I = y[w === "left" ? "right" : "left"].filter((z) => z.open).reduce((z, Z) => z + Z.width, 0), T = y[w].filter((z) => z.open && z.id !== b), V = T.reduce((z, Z) => z + Z.width, 0), $ = 100 - I - Q.minCentralPercent, P = x + V;
       if (P <= $)
         return {
           ...y,
           [w]: y[w].map(
-            (z) => z.id === v ? { ...z, width: x } : z
+            (z) => z.id === b ? { ...z, width: x } : z
           )
         };
       if (x > N.width && V > 0) {
@@ -719,7 +719,7 @@ function As(t) {
         return {
           ...y,
           [w]: y[w].map((E) => {
-            if (E.id === v)
+            if (E.id === b)
               return { ...E, width: W };
             if (E.open) {
               const _ = Math.max(Q.snapMinWidth, E.width * L);
@@ -732,20 +732,20 @@ function As(t) {
       return {
         ...y,
         [w]: y[w].map(
-          (z) => z.id === v ? { ...z, width: Math.min(x, $ - V) } : z
+          (z) => z.id === b ? { ...z, width: Math.min(x, $ - V) } : z
         )
       };
     });
-  }, []), h = Y((v) => {
+  }, []), h = Y((b) => {
     l((x) => {
-      const y = ce(x, v);
+      const y = ce(x, b);
       if (!y || y.panel.open) return x;
-      const { side: k } = y, w = k === "left" ? "right" : "left", N = a.get(v), M = typeof window < "u" ? window.innerWidth : 1920, I = N ? it(N.defaultWidth, M) : 20, T = x[w].filter((L) => L.open).reduce((L, E) => L + E.width, 0), V = x[k].filter((L) => L.open && L.id !== v), $ = V.reduce((L, E) => L + E.width, 0), P = 100 - T - Q.minCentralPercent;
+      const { side: k } = y, w = k === "left" ? "right" : "left", N = a.get(b), M = typeof window < "u" ? window.innerWidth : 1920, I = N ? it(N.defaultWidth, M) : 20, T = x[w].filter((L) => L.open).reduce((L, E) => L + E.width, 0), V = x[k].filter((L) => L.open && L.id !== b), $ = V.reduce((L, E) => L + E.width, 0), P = 100 - T - Q.minCentralPercent;
       if ($ + I <= P)
         return {
           ...x,
           [k]: x[k].map(
-            (L) => L.id === v ? { ...L, open: !0, width: I } : L
+            (L) => L.id === b ? { ...L, open: !0, width: I } : L
           )
         };
       const A = V.length * Q.snapMinWidth, z = P - A, Z = Math.min(I, Math.max(Q.snapMinWidth, z)), W = P - Z;
@@ -754,7 +754,7 @@ function As(t) {
         return {
           ...x,
           [k]: x[k].map((E) => {
-            if (E.id === v)
+            if (E.id === b)
               return { ...E, open: !0, width: Z };
             if (E.open) {
               const _ = Math.max(Q.snapMinWidth, E.width * L);
@@ -767,69 +767,69 @@ function As(t) {
       return {
         ...x,
         [k]: x[k].map(
-          (L) => L.id === v ? { ...L, open: !0, width: Z } : L
+          (L) => L.id === b ? { ...L, open: !0, width: Z } : L
         )
       };
     });
-  }, [a]), p = Y((v) => {
+  }, [a]), p = Y((b) => {
     l((x) => {
-      const y = ce(x, v);
+      const y = ce(x, b);
       if (!y || !y.panel.open) return x;
       const { side: k } = y;
       return {
         ...x,
         [k]: x[k].map(
-          (w) => w.id === v ? { ...w, open: !1, exiting: !1, inCloseZone: !1 } : w
+          (w) => w.id === b ? { ...w, open: !1, exiting: !1, inCloseZone: !1 } : w
         )
       };
     });
-  }, []), g = Y((v, x) => {
+  }, []), g = Y((b, x) => {
     l((y) => {
-      const k = ce(y, v);
+      const k = ce(y, b);
       if (!k) return y;
       const { side: w } = k;
       return {
         ...y,
         [w]: y[w].map(
-          (N) => N.id === v ? { ...N, inCloseZone: x } : N
+          (N) => N.id === b ? { ...N, inCloseZone: x } : N
         )
       };
     });
-  }, []), b = Y((v) => {
+  }, []), v = Y((b) => {
     l((x) => {
-      const y = ce(x, v);
+      const y = ce(x, b);
       if (!y) return x;
       const { side: k } = y;
       return {
         ...x,
         [k]: x[k].map(
-          (w) => w.id === v ? { ...w, exiting: !0, inCloseZone: !1 } : w
+          (w) => w.id === b ? { ...w, exiting: !0, inCloseZone: !1 } : w
         )
       };
     }), setTimeout(() => {
       l((x) => {
-        const y = ce(x, v);
+        const y = ce(x, b);
         if (!y) return x;
         const { side: k } = y;
         return {
           ...x,
           [k]: x[k].map(
-            (w) => w.id === v ? { ...w, open: !1, exiting: !1, width: Q.snapMinWidth } : w
+            (w) => w.id === b ? { ...w, open: !1, exiting: !1, width: Q.snapMinWidth } : w
           )
         };
       });
     }, Q.exitAnimationDuration);
   }, []), C = Y(() => {
-    const v = typeof window < "u" ? window.innerWidth : 1920;
-    l(Tt(n, v));
+    const b = typeof window < "u" ? window.innerWidth : 1920;
+    l(Tt(n, b));
   }, [n]);
   return U(() => {
-    const v = [
+    const b = [
       ...s.left.filter((y) => y.exiting),
       ...s.right.filter((y) => y.exiting)
     ];
-    if (v.length === 0) return;
-    const x = v.map((y) => setTimeout(() => {
+    if (b.length === 0) return;
+    const x = b.map((y) => setTimeout(() => {
       l((k) => {
         const w = ce(k, y.id);
         if (!w) return k;
@@ -853,7 +853,7 @@ function As(t) {
     closePanel: p,
     resetPanels: C,
     handleCloseZoneChange: g,
-    handlePanelClose: b
+    handlePanelClose: v
   };
 }
 const Fr = S.memo(({
@@ -880,7 +880,7 @@ const Fr = S.memo(({
       return () => clearTimeout(x);
     }
   }, [r, l, p, i]);
-  const b = r ? `calc(100% - ${a}px)` : "100%", C = s === "right" ? "animate-slideInRight" : "animate-slideInLeft", v = s === "right" ? "animate-slideOutRight" : "animate-slideOutLeft";
+  const v = r ? `calc(100% - ${a}px)` : "100%", C = s === "right" ? "animate-slideInRight" : "animate-slideInLeft", b = s === "right" ? "animate-slideOutRight" : "animate-slideOutLeft";
   return /* @__PURE__ */ e(
     "div",
     {
@@ -909,7 +909,7 @@ const Fr = S.memo(({
                 className: f(
                   "h-full",
                   d,
-                  m ? v : C
+                  m ? b : C
                 ),
                 children: n
               }
@@ -924,7 +924,7 @@ const Fr = S.memo(({
               c
             ),
             style: {
-              width: b,
+              width: v,
               transitionDuration: `${l}ms`
             },
             children: /* @__PURE__ */ e("div", { className: "relative flex-1 overflow-hidden", children: t })
@@ -945,7 +945,7 @@ const Fr = S.memo(({
                 className: f(
                   "h-full",
                   d,
-                  m ? v : C
+                  m ? b : C
                 ),
                 children: n
               }
@@ -2010,9 +2010,9 @@ const de = (t) => t !== void 0 && {
   toggledTrailingIcon: h,
   borderRadius: p,
   color: g,
-  loading: b = !1,
+  loading: v = !1,
   ...C
-}, v) => {
+}, b) => {
   const x = "group inline-flex items-center justify-center font-semibold rounded-6 transition-all duration-200 focus:outline-none disabled:cursor-not-allowed", y = "disabled:bg-surface-3 disabled:!text-disabled", k = {
     brand: {
       primary: "bg-brand-primary-main text-white-uniform hover:bg-brand-primary-accent-3 active:bg-brand-primary-accent-3 focus:ring focus:ring-low-em",
@@ -2061,7 +2061,7 @@ const de = (t) => t !== void 0 && {
     color: "currentColor"
   }) : null, z = k[t]?.[n] ?? k[t]?.primary ?? "", Z = F(f(
     x,
-    b && "relative",
+    v && "relative",
     z,
     N[r],
     p && `rounded-[${p}]`,
@@ -2074,7 +2074,7 @@ const de = (t) => t !== void 0 && {
     i === "only" && P && /* @__PURE__ */ e("span", { className: "group-disabled:!text-disabled", children: P }),
     (i === "trailing" || i === "both") && A && /* @__PURE__ */ e("span", { className: `group-disabled:!text-disabled ${T[r].trailing}`, children: A })
   ] });
-  return /* @__PURE__ */ e("button", { ref: v, className: Z, disabled: u || b, ...C, children: b ? /* @__PURE__ */ o(ee, { children: [
+  return /* @__PURE__ */ e("button", { ref: b, className: Z, disabled: u || v, ...C, children: v ? /* @__PURE__ */ o(ee, { children: [
     /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(
       "span",
       {
@@ -2494,7 +2494,7 @@ const xe = ({
     a
   );
   return /* @__PURE__ */ o("div", { className: h, ...s, children: [
-    l.map((g, b) => /* @__PURE__ */ e(
+    l.map((g, v) => /* @__PURE__ */ e(
       "div",
       {
         className: "relative rounded-full border-2 border-white",
@@ -2507,7 +2507,7 @@ const xe = ({
           }
         )
       },
-      b
+      v
     )),
     c && /* @__PURE__ */ o("div", { className: p, children: [
       "+",
@@ -2643,7 +2643,7 @@ const dl = ({
     }
   ), g = () => {
     m((x) => !x);
-  }, b = (x) => {
+  }, v = (x) => {
     x.disabled || (x.onClick(), m(!1));
   }, C = () => {
     m(!1);
@@ -2657,7 +2657,7 @@ const dl = ({
         document.removeEventListener("mousedown", x);
       };
   }, [d]);
-  const v = () => {
+  const b = () => {
     switch (u) {
       case "bottom-right":
         return "top-full right-0 mt-[6px]";
@@ -2707,14 +2707,14 @@ const dl = ({
     ),
     d && /* @__PURE__ */ e("div", { className: f(
       "absolute z-20 w-[150px] bg-white border border-gray-100 rounded-[16px] shadow-lg overflow-hidden",
-      v(),
+      b(),
       l
     ), children: /* @__PURE__ */ e("div", { children: i.map((x, y) => /* @__PURE__ */ o(S.Fragment, { children: [
       y > 0 && /* @__PURE__ */ e("div", { className: "border-t border-gray-100" }),
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => b(x),
+          onClick: () => v(x),
           disabled: x.disabled,
           className: f(
             "w-full text-left pl-5 py-3 transition-colors duration-150 group",
@@ -2882,7 +2882,7 @@ const dl = ({
   const p = {
     neutral: "text-med-wm hover:text-high-em hover:border-low-em",
     info: "text-info-main hover:text-info-wm hover:border-info-accent-3"
-  }, g = "text-disabled pointer-events-none", b = {
+  }, g = "text-disabled pointer-events-none", v = {
     xs: { text: "text-[10px]", leadingGap: "mr-[2px]", trailingGap: "ml-[2px]" },
     sm: { text: "text-[12px]", leadingGap: "mr-[2px]", trailingGap: "ml-[2px]" },
     md: { text: "text-[14px]", leadingGap: "mr-[4px]", trailingGap: "ml-[4px]" },
@@ -2892,7 +2892,7 @@ const dl = ({
     sm: 12,
     md: 16,
     lg: 20
-  }, v = s && i && S.isValidElement(i) ? S.cloneElement(i, {
+  }, b = s && i && S.isValidElement(i) ? S.cloneElement(i, {
     size: C[n],
     color: "currentColor"
   }) : null, x = l && a && S.isValidElement(a) ? S.cloneElement(a, {
@@ -2907,7 +2907,7 @@ const dl = ({
         !c && "border-b-2 border-transparent",
         !r && !c && p[t],
         !r && c && (t === "neutral" ? "text-high-em" : "text-info-accent-1"),
-        b[n].text,
+        v[n].text,
         {
           "w-full justify-between": u === "end"
         },
@@ -2920,9 +2920,9 @@ const dl = ({
       ...h,
       children: [
         /* @__PURE__ */ o("span", { className: "inline-flex items-center", children: [
-          v && /* @__PURE__ */ e("span", { className: b[n].leadingGap, children: v }),
+          b && /* @__PURE__ */ e("span", { className: v[n].leadingGap, children: b }),
           /* @__PURE__ */ e("span", { children: d }),
-          u === "inline" && /* @__PURE__ */ e("span", { className: b[n].trailingGap, children: x })
+          u === "inline" && /* @__PURE__ */ e("span", { className: v[n].trailingGap, children: x })
         ] }),
         u === "end" && /* @__PURE__ */ e("span", { className: "shrink-0", children: x })
       ]
@@ -3014,8 +3014,8 @@ const dl = ({
     className: l
   }, u) => {
     const [c, d] = H(s), m = r ?? c, h = r !== void 0, p = () => {
-      const b = !m;
-      h || d(b), i?.(b);
+      const v = !m;
+      h || d(v), i?.(v);
     }, g = F(
       f(
         "bg-surface-2 rounded-t-3 overflow-hidden",
@@ -3135,7 +3135,7 @@ const un = ({
     defaultCollapsed: l = !1,
     className: u
   }, c) => {
-    const p = n.length > 3 ? 150 : void 0, g = n.filter((y) => y.checked).length, b = n.length, C = b > 0 ? Math.round(g / b * 100) : 0, v = (y, k) => {
+    const p = n.length > 3 ? 150 : void 0, g = n.filter((y) => y.checked).length, v = n.length, C = v > 0 ? Math.round(g / v * 100) : 0, b = (y, k) => {
       r?.(y, k);
     };
     return /* @__PURE__ */ e(
@@ -3148,7 +3148,7 @@ const un = ({
             " ",
             g,
             "/",
-            b
+            v
           ] }),
           /* @__PURE__ */ e(un, { progress: C, variant: "none", className: "h-2" })
         ] }),
@@ -3170,7 +3170,7 @@ const un = ({
                     size: "medium",
                     checked: y.checked,
                     disabled: y.disabled,
-                    onChange: (w) => v(y.id, w.target.checked)
+                    onChange: (w) => b(y.id, w.target.checked)
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -3271,14 +3271,14 @@ const Ia = {
   const g = p ? S.cloneElement(p, {
     size: d.icon,
     color: "currentColor"
-  }) : null, b = (v) => {
-    v.stopPropagation(), a && a(v);
+  }) : null, v = (b) => {
+    b.stopPropagation(), a && a(b);
   }, C = () => {
-    const v = {
+    const b = {
       xs: { left: "pl-4", right: "pr-4", both: "px-4" },
       sm: { left: "pl-6", right: "pr-6", both: "px-6" }
     }, x = !!h, y = !!g;
-    return !x && !y ? v[n].both : !x && y ? v[n].left : x && !y ? v[n].right : "";
+    return !x && !y ? b[n].both : !x && y ? b[n].left : x && !y ? b[n].right : "";
   };
   return /* @__PURE__ */ o(
     "button",
@@ -3301,7 +3301,7 @@ const Ia = {
           {
             className: "ml-1 p-0.5 rounded-full",
             role: "button",
-            onClick: b,
+            onClick: v,
             children: g
           }
         )
@@ -3612,12 +3612,12 @@ const Ia = {
   className: l,
   ...u
 }) => {
-  const [c, d] = H("categories"), [m, h] = H(null), p = Ra[n], g = (v) => {
-    h(v), d("items"), r?.(v.id);
-  }, b = () => {
+  const [c, d] = H("categories"), [m, h] = H(null), p = Ra[n], g = (b) => {
+    h(b), d("items"), r?.(b.id);
+  }, v = () => {
     d("categories"), h(null);
-  }, C = (v) => {
-    m && i?.(m.id, v.id);
+  }, C = (b) => {
+    m && i?.(m.id, b.id);
   };
   return /* @__PURE__ */ o(
     "div",
@@ -3639,41 +3639,41 @@ const Ia = {
           {
             config: p,
             category: m,
-            onBack: b
+            onBack: v
           }
         ) : null,
         c === "categories" ? (
           // Categories view
-          t.map((v) => /* @__PURE__ */ e(
+          t.map((b) => /* @__PURE__ */ e(
             Vt,
             {
               variant: "type-1",
               size: n,
-              title: v.title,
-              leadingTag: v.leadingTag,
+              title: b.title,
+              leadingTag: b.leadingTag,
               trailingButton: {
                 icon: /* @__PURE__ */ e(Ue, {}),
-                onClick: () => g(v),
+                onClick: () => g(b),
                 variant: "neutral",
                 hierarchy: "secondary"
               },
-              onClick: () => g(v)
+              onClick: () => g(b)
             },
-            v.id
+            b.id
           ))
         ) : m ? (
           // Items view
-          m.items.map((v) => /* @__PURE__ */ e(
+          m.items.map((b) => /* @__PURE__ */ e(
             Vt,
             {
               variant: "type-2",
               size: n,
-              title: v.title,
-              tag: v.tag,
-              description: v.description,
-              onClick: () => C(v)
+              title: b.title,
+              tag: b.tag,
+              description: b.description,
+              onClick: () => C(b)
             },
-            v.id
+            b.id
           ))
         ) : null,
         /* @__PURE__ */ e(Ea, { config: p })
@@ -3927,14 +3927,14 @@ const Ia = {
   customBackground: h,
   placeholderColor: p,
   multiline: g,
-  customFontWeight: b,
+  customFontWeight: v,
   fontSize: C,
-  customFontSize: v,
+  customFontSize: b,
   hintIconVariant: x,
   onInputClick: y,
   ...k
 }, w) => {
-  const N = ja[t], M = Aa[n], I = m === "password", [T, V] = H(!1), $ = I && T ? "text" : m, P = v || C, A = {
+  const N = ja[t], M = Aa[n], I = m === "password", [T, V] = H(!1), $ = I && T ? "text" : m, P = b || C, A = {
     xs: "text-xs",
     sm: "text-sm",
     md: "text-base",
@@ -3943,13 +3943,13 @@ const Ia = {
   }, z = P && A[P] || void 0, Z = P && !A[P] ? { fontSize: P } : void 0, W = (ae) => {
     const le = ae.currentTarget;
     le.style.height = "auto", le.style.height = `${le.scrollHeight}px`, k.onChange && k.onChange(ae);
-  }, L = h, E = L ? /^[a-z]+-[a-z0-9-]+$/i.test(L) ? `var(--${L})` : L : void 0, _ = b || void 0, ne = (ae) => {
+  }, L = h, E = L ? /^[a-z]+-[a-z0-9-]+$/i.test(L) ? `var(--${L})` : L : void 0, _ = v || void 0, ne = (ae) => {
     y && (ae.preventDefault(), y());
   }, ue = F(f(
     "w-full bg-transparent text-placeholder focus:outline-none",
     !g && "h-full",
     g ? M.textareaPadding : M.inputPadding,
-    !b && "font-medium",
+    !v && "font-medium",
     !P && M.fontSize,
     // Apply size-specific font size if no custom font size
     N.placeholder,
@@ -4134,9 +4134,9 @@ const Fa = {
   customTitleColor: h,
   customBackgroundColor: p,
   customHoverColor: g,
-  customLeadingIconColor: b,
+  customLeadingIconColor: v,
   checked: C = !1,
-  indeterminate: v = !1,
+  indeterminate: b = !1,
   onCheckboxChange: x,
   leadingImageUrl: y,
   leadingImageAlt: k = "List item image",
@@ -4178,7 +4178,7 @@ const Fa = {
           {
             size: z.checkbox,
             checked: C,
-            indeterminate: v,
+            indeterminate: b,
             onChange: W,
             disabled: n
           }
@@ -4192,7 +4192,7 @@ const Fa = {
               alt: k
             }
           ) }),
-          a && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(j, { size: z.leadingIcon, color: n ? "var(--text-disabled)" : b || "var(--med-em)", children: w || /* @__PURE__ */ e(Qn, {}) }) }),
+          a && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(j, { size: z.leadingIcon, color: n ? "var(--text-disabled)" : v || "var(--med-em)", children: w || /* @__PURE__ */ e(Qn, {}) }) }),
           /* @__PURE__ */ o("div", { className: "flex flex-col gap-0 justify-start items-start min-w-0 shrink mr-8", children: [
             /* @__PURE__ */ e(
               "span",
@@ -4262,7 +4262,7 @@ const Fa = {
   className: c,
   ...d
 }) => {
-  const m = Za[i], h = !!u, p = S.useRef(null), [g, b] = S.useState({
+  const m = Za[i], h = !!u, p = S.useRef(null), [g, v] = S.useState({
     position: "fixed",
     visibility: "hidden",
     top: 0,
@@ -4271,13 +4271,13 @@ const Fa = {
   });
   S.useLayoutEffect(() => {
     if (!h) return;
-    const v = () => {
+    const b = () => {
       if (!u?.current || !p.current) return;
       const x = u.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), k = x.bottom + y.height + 8 > window.innerHeight ? x.top - y.height - 8 : x.bottom + 8, w = x.left + y.width > window.innerWidth ? x.right - y.width : x.left;
-      b({ position: "fixed", top: k, left: w, visibility: "visible", zIndex: 50 });
+      v({ position: "fixed", top: k, left: w, visibility: "visible", zIndex: 50 });
     };
-    return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
-      window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
+    return b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
   }, [u, h]);
   const C = /* @__PURE__ */ o(
@@ -4316,8 +4316,8 @@ const Fa = {
           ),
           /* @__PURE__ */ e("div", { className: "border-t border-surface-3" })
         ] }),
-        t.map((v, x) => {
-          const { id: y, showDividerAfter: k, onClick: w, onSelect: N, customBackgroundColor: M, customHoverColor: I, ...T } = v, V = y ? a.includes(y) : !1, $ = x === t.length - 1;
+        t.map((b, x) => {
+          const { id: y, showDividerAfter: k, onClick: w, onSelect: N, customBackgroundColor: M, customHoverColor: I, ...T } = b, V = y ? a.includes(y) : !1, $ = x === t.length - 1;
           return /* @__PURE__ */ o(S.Fragment, { children: [
             /* @__PURE__ */ e(
               ct,
@@ -4466,7 +4466,7 @@ const Fa = {
     l(p), a?.(p);
   }, d = (h, p) => p.length === 0 ? null : /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ e("div", { className: "px-8 py-8", children: /* @__PURE__ */ e("h3", { className: "text-xs font-semibold text-low-em", children: h }) }),
-    p.map((g, b) => /* @__PURE__ */ o(S.Fragment, { children: [
+    p.map((g, v) => /* @__PURE__ */ o(S.Fragment, { children: [
       /* @__PURE__ */ e(
         Oa,
         {
@@ -4477,7 +4477,7 @@ const Fa = {
           onClick: () => n?.(g)
         }
       ),
-      b < p.length - 1 && /* @__PURE__ */ e("div", { className: "border-b border-surface-2" })
+      v < p.length - 1 && /* @__PURE__ */ e("div", { className: "border-b border-surface-2" })
     ] }, g.id))
   ] }, h), m = u.today.length === 0 && u.last7Days.length === 0 && u.last30Days.length === 0 && u.last90Days.length === 0;
   return /* @__PURE__ */ o("div", { className: f("flex flex-col", i), children: [
@@ -4524,10 +4524,10 @@ const Fa = {
     const C = m.current?.querySelector("textarea");
     if (!C) return;
     C.style.height = "0px", C.style.overflow = "hidden";
-    const v = C.scrollHeight, x = Math.max(p, Math.min(v, g));
-    C.style.height = `${x}px`, C.style.overflow = v > g ? "auto" : "hidden";
+    const b = C.scrollHeight, x = Math.max(p, Math.min(b, g));
+    C.style.height = `${x}px`, C.style.overflow = b > g ? "auto" : "hidden";
   }, [t, p, g]);
-  const b = (C) => {
+  const v = (C) => {
     C.key === "Enter" && !C.shiftKey && (C.preventDefault(), r?.());
   };
   return /* @__PURE__ */ o(
@@ -4557,7 +4557,7 @@ const Fa = {
             placeholder: i,
             value: t,
             onChange: (C) => n?.(C.target.value),
-            onKeyDown: b,
+            onKeyDown: v,
             resize: "none",
             className: "[&_textarea]:!min-h-0"
           }
@@ -4749,9 +4749,9 @@ const Fa = {
   onSettingsClick: h,
   onCloseClick: p,
   containerWidth: g = 0,
-  historialItems: b = [],
+  historialItems: v = [],
   onHistorialItemClick: C,
-  historialSearchPlaceholder: v,
+  historialSearchPlaceholder: b,
   onHistorialSearchChange: x,
   showChatInput: y = !0,
   chatInputValue: k,
@@ -4790,9 +4790,9 @@ const Fa = {
         c === "historial" ? /* @__PURE__ */ e(
           Ga,
           {
-            items: b,
+            items: v,
             onItemClick: C,
-            searchPlaceholder: v,
+            searchPlaceholder: b,
             onSearchChange: x,
             className: "flex-1 overflow-y-auto"
           }
@@ -4894,11 +4894,11 @@ const Xa = {
       size: void 0
     };
     return S.cloneElement(V, P);
-  }, p = !!l && r !== "disabled", g = !!a && c, b = !!s && d, C = Xa[t], v = ei[r], x = ti(n, r), y = F(
+  }, p = !!l && r !== "disabled", g = !!a && c, v = !!s && d, C = Xa[t], b = ei[r], x = ti(n, r), y = F(
     // Base styles
     "inline-flex items-center border border-solid transition-all duration-150 rounded-full font-family-inter",
     // State styles
-    v,
+    b,
     // Size styles
     C.container,
     // State specific styles (Sobreescribe los estilos de theme y size)
@@ -4929,7 +4929,7 @@ const Xa = {
         width: `${w}px`,
         height: `${w}px`
       },
-      children: b ? h(s) : null
+      children: v ? h(s) : null
     }
   );
   return /* @__PURE__ */ o(
@@ -5089,9 +5089,9 @@ const Xa = {
   value: h,
   onChange: p,
   placeholder: g,
-  className: b,
+  className: v,
   placeholderColor: C,
-  inputTextColor: v,
+  inputTextColor: b,
   backgroundColor: x,
   chevronColor: y = "currentColor",
   optionActiveColor: k = "bg-primary-500",
@@ -5106,7 +5106,7 @@ const Xa = {
       "w-full flex-1 bg-transparent focus:outline-none",
       V.input,
       C,
-      v
+      b
     )
   ), Z = F(
     f(
@@ -5118,7 +5118,7 @@ const Xa = {
       x
     )
   );
-  return /* @__PURE__ */ o("div", { className: f("flex flex-col gap-1.5", b), children: [
+  return /* @__PURE__ */ o("div", { className: f("flex flex-col gap-1.5", v), children: [
     a && /* @__PURE__ */ e("label", { className: "font-medium text-sm text-gray-800", children: a }),
     /* @__PURE__ */ e(He, { value: h, onChange: p, disabled: l, children: /* @__PURE__ */ o("div", { className: "relative", children: [
       /* @__PURE__ */ o("div", { className: Z, children: [
@@ -5236,7 +5236,7 @@ const Xa = {
   onClick: p,
   state: g = "default"
 }) => {
-  const b = {
+  const v = {
     xs: "text-xs",
     sm: "text-sm",
     base: "text-base",
@@ -5248,12 +5248,12 @@ const Xa = {
     base: 18,
     lg: 20,
     xl: 24
-  }, v = {
+  }, b = {
     normal: "font-normal",
     medium: "font-medium",
     semibold: "font-semibold",
     bold: "font-bold"
-  }, x = b[d] || void 0, y = b[d] ? void 0 : d, k = l ?? C[d] ?? 20, w = !!p && g !== "disabled", N = F(
+  }, x = v[d] || void 0, y = v[d] ? void 0 : d, k = l ?? C[d] ?? 20, w = !!p && g !== "disabled", N = F(
     f(
       "flex border border-surface-3 w-full items-center px-6 h-14 text-left text-sm font-medium transition-colors rounded-xl",
       // State-specific styles
@@ -5270,7 +5270,7 @@ const Xa = {
     f(
       "flex-1 ml-6",
       x,
-      v[m],
+      b[m],
       g === "disabled" ? "text-disabled" : h || "text-med-em",
       c
     )
@@ -5387,9 +5387,9 @@ const oi = {
   id: h,
   customHeight: p,
   customRadius: g,
-  customPlaceholderColor: b,
+  customPlaceholderColor: v,
   customBackgroundColor: C,
-  leadingIcon: v,
+  leadingIcon: b,
   showLeadingIcon: x = !0,
   hintIconVariant: y,
   menuMinHeight: k
@@ -5436,7 +5436,7 @@ const oi = {
   }, ae = () => {
     if (g)
       return { borderRadius: g };
-  }, le = b?.startsWith("var(") ? { color: b } : void 0, G = b && !b.startsWith("var(") ? b : void 0, q = C && !C.startsWith("#") && !C.startsWith("rgb") ? C : void 0, oe = C && (C.startsWith("#") || C.startsWith("rgb")) ? { backgroundColor: C } : void 0;
+  }, le = v?.startsWith("var(") ? { color: v } : void 0, G = v && !v.startsWith("var(") ? v : void 0, q = C && !C.startsWith("#") && !C.startsWith("rgb") ? C : void 0, oe = C && (C.startsWith("#") || C.startsWith("rgb")) ? { backgroundColor: C } : void 0;
   return /* @__PURE__ */ o("div", { className: f("w-full flex flex-col gap-1.5", c), children: [
     i && /* @__PURE__ */ e(
       "label",
@@ -5477,7 +5477,7 @@ const oi = {
             x && /* @__PURE__ */ e("span", { className: f(
               "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3.5",
               l ? "text-disabled" : W ? w.selectedValue : w.placeholder
-            ), children: v ? S.isValidElement(v) ? S.cloneElement(v, { color: "currentColor" }) : v : /* @__PURE__ */ e(Qt, { size: N.icon, color: "currentColor" }) }),
+            ), children: b ? S.isValidElement(b) ? S.cloneElement(b, { color: "currentColor" }) : b : /* @__PURE__ */ e(Qt, { size: N.icon, color: "currentColor" }) }),
             /* @__PURE__ */ e("span", { className: f("flex-1 min-w-0 truncate", x ? "pl-[36px]" : "pl-3.5"), children: W ? /* @__PURE__ */ e("span", { className: f(
               N.selectText,
               l ? ke.selectedValue : w.selectedValue
@@ -5943,11 +5943,11 @@ const wl = ({
     centerFullHeight: h = !0,
     ...p
   } = t, g = S.Children.toArray(l).find(
-    (v) => S.isValidElement(v) && v.type === pn
-  ), b = S.Children.toArray(l).find(
-    (v) => S.isValidElement(v) && v.type === gn
+    (b) => S.isValidElement(b) && b.type === pn
+  ), v = S.Children.toArray(l).find(
+    (b) => S.isValidElement(b) && b.type === gn
   ), C = S.Children.toArray(l).find(
-    (v) => S.isValidElement(v) && v.type === xn
+    (b) => S.isValidElement(b) && b.type === xn
   );
   return /* @__PURE__ */ e(
     "header",
@@ -5979,7 +5979,7 @@ const wl = ({
             ]
           }
         ),
-        b && /* @__PURE__ */ e(
+        v && /* @__PURE__ */ e(
           "div",
           {
             className: J(
@@ -5988,7 +5988,7 @@ const wl = ({
               d !== void 0 ? "" : "flex-1"
             ),
             style: d !== void 0 ? { width: `${d}%` } : void 0,
-            children: b
+            children: v
           }
         ),
         /* @__PURE__ */ e(
@@ -6176,7 +6176,7 @@ const gi = {
   disabled: l = !1,
   initialPreviewUrl: u
 }) => {
-  const c = O(null), d = O(0), [m, h] = H(!1), [p, g] = H(u || null), [b, C] = H(!1), [v, x] = H(null), y = gi[n], k = xi[r], w = (z) => {
+  const c = O(null), d = O(0), [m, h] = H(!1), [p, g] = H(u || null), [v, C] = H(!1), [b, x] = H(null), y = gi[n], k = xi[r], w = (z) => {
     if (s && z.size > s) {
       const Z = (s / 1048576).toFixed(1);
       x(`File size must be less than ${Z}MB`);
@@ -6245,11 +6245,11 @@ const gi = {
                       alt: "Preview",
                       className: f(
                         "w-full h-full object-cover transition-all duration-200",
-                        b && "brightness-90"
+                        v && "brightness-90"
                       )
                     }
                   ),
-                  b && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center transition-all duration-200", children: /* @__PURE__ */ e(
+                  v && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center transition-all duration-200", children: /* @__PURE__ */ e(
                     R,
                     {
                       onClick: $,
@@ -6424,9 +6424,9 @@ const wi = K(
     id: h,
     name: p,
     autoComplete: g,
-    maxLength: b,
+    maxLength: v,
     required: C,
-    onBlur: v,
+    onBlur: b,
     onFocus: x,
     onInvalid: y,
     "aria-label": k = "Search",
@@ -6501,7 +6501,7 @@ const wi = K(
           onChange: _,
           onKeyDown: ne,
           onFocus: ue,
-          onBlur: v,
+          onBlur: b,
           onInvalid: y,
           variant: G,
           hint: a,
@@ -6512,7 +6512,7 @@ const wi = K(
           id: h,
           name: p,
           autoComplete: g,
-          maxLength: b,
+          maxLength: v,
           required: C,
           "aria-label": k,
           ...M
@@ -6608,7 +6608,7 @@ const kl = ({
 }) => {
   if (c)
     return t;
-  const b = d || m, C = {};
+  const v = d || m, C = {};
   return h && (C.backgroundColor = h), p && (C.color = p), g && (C.fontSize = g), /* @__PURE__ */ o(re.Root, { delayDuration: u, children: [
     /* @__PURE__ */ e(re.Trigger, { asChild: !0, children: t }),
     /* @__PURE__ */ e(re.Portal, { children: /* @__PURE__ */ o(
@@ -6632,9 +6632,9 @@ const kl = ({
         ),
         style: Object.keys(C).length > 0 ? C : void 0,
         children: [
-          /* @__PURE__ */ o("div", { className: f(b && "flex flex-col gap-8"), children: [
+          /* @__PURE__ */ o("div", { className: f(v && "flex flex-col gap-8"), children: [
             /* @__PURE__ */ e("div", { children: n }),
-            b && /* @__PURE__ */ o("div", { className: "flex gap-4 items-center w-full", children: [
+            v && /* @__PURE__ */ o("div", { className: "flex gap-4 items-center w-full", children: [
               d && /* @__PURE__ */ e(
                 R,
                 {
@@ -7008,7 +7008,7 @@ function Li({
             label: Si(a, i),
             placeholder: i,
             value: d,
-            onChange: (b) => m(b.target.value),
+            onChange: (v) => m(v.target.value),
             disabled: c,
             variant: "outlined",
             size: "md"
@@ -7061,9 +7061,9 @@ function zi({
   recommendedLabel: h = "Recommended",
   recommendedIcon: p,
   loading: g = !1,
-  ctaVariant: b = "neutral",
+  ctaVariant: v = "neutral",
   ctaHierarchy: C = "primary",
-  sectionColor: v = "bg-white",
+  sectionColor: b = "bg-white",
   sectionTextColor: x,
   className: y
 }) {
@@ -7080,7 +7080,7 @@ function zi({
       }
     ) }) }),
     /* @__PURE__ */ o("div", { className: "bg-surface-2 border border-surface-3 rounded-8 overflow-hidden w-full flex flex-col flex-1", children: [
-      /* @__PURE__ */ o("div", { className: f("flex items-start justify-between p-8 border-b border-surface-3", v), children: [
+      /* @__PURE__ */ o("div", { className: f("flex items-start justify-between p-8 border-b border-surface-3", b), children: [
         /* @__PURE__ */ e("span", { className: f("text-xl font-semibold", x ?? "text-high-em"), children: t }),
         /* @__PURE__ */ e("div", { className: "flex items-baseline gap-4", children: i ?? /* @__PURE__ */ o(ee, { children: [
           /* @__PURE__ */ e("span", { className: f("text-2xl font-bold leading-none", x ?? "text-high-em"), children: n }),
@@ -7090,12 +7090,12 @@ function zi({
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ o("div", { className: f("flex flex-col gap-8 p-8 border-b border-surface-3", v), children: [
+      /* @__PURE__ */ o("div", { className: f("flex flex-col gap-8 p-8 border-b border-surface-3", b), children: [
         /* @__PURE__ */ e("p", { className: f("text-sm leading-relaxed", x ?? "text-high-em"), children: a }),
         /* @__PURE__ */ e(
           R,
           {
-            variant: b,
+            variant: v,
             hierarchy: C,
             size: "md",
             className: "w-full",
@@ -7195,36 +7195,37 @@ const St = ({
   badgeStatus: r,
   badgeStatusState: i,
   onButtonAction: a,
-  stackLabel: s,
-  powerLabel: l,
-  calendarLabel: u,
-  link1Label: c,
-  link1Href: d,
-  link2Label: m,
-  link2Href: h,
-  link2Status: p,
-  onCardClick: g,
-  className: b,
-  ...C
-}, v) => {
-  const x = f(
+  actionButtonRef: s,
+  stackLabel: l,
+  powerLabel: u,
+  calendarLabel: c,
+  link1Label: d,
+  link1Href: m,
+  link2Label: h,
+  link2Href: p,
+  link2Status: g,
+  onCardClick: v,
+  className: C,
+  ...b
+}, x) => {
+  const y = f(
     "flex flex-col overflow-hidden transition-all duration-200 w-full min-w-0 p-4 gap-3 border rounded-2xl border-surface-3",
     "bg-white",
     "p-6 md:p-8 gap-6 md:gap-8"
-  ), y = F(f(
-    x,
-    b
+  ), k = F(f(
+    y,
+    C
   ));
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: v,
-      className: y,
-      ...C,
+      ref: x,
+      className: k,
+      ...b,
       children: [
         /* @__PURE__ */ o("div", { className: "flex-row flex justify-between", children: [
           /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ e(j, { className: "!rounded-4", size: "2xl", imageUrl: n }) }),
-          /* @__PURE__ */ e("div", { className: "flex w-fit", children: /* @__PURE__ */ e(R, { size: "sm", leadingIcon: /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(oa, {}) }), icons: "only", hierarchy: "secondary", variant: "neutral", onClick: a }) })
+          /* @__PURE__ */ e("div", { className: "flex w-fit", children: /* @__PURE__ */ e(R, { ref: s, size: "sm", leadingIcon: /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(oa, {}) }), icons: "only", hierarchy: "secondary", variant: "neutral", onClick: a }) })
         ] }),
         /* @__PURE__ */ o("div", { className: "flex-col flex justify-between gap-4", children: [
           /* @__PURE__ */ o("div", { className: "flex gap-5 items-center", children: [
@@ -7237,22 +7238,22 @@ const St = ({
             }[i], children: r }) })
           ] }),
           /* @__PURE__ */ o("div", { className: "flex flex-row gap-4", children: [
-            /* @__PURE__ */ e(fe, { label: s, labelSize: "sm", iconSize: "sm", gap: 4, icon: /* @__PURE__ */ e(ca, {}) }),
-            /* @__PURE__ */ e(fe, { label: l, labelSize: "sm", iconSize: "sm", gap: 4, icon: /* @__PURE__ */ e(da, {}) }),
-            /* @__PURE__ */ e(fe, { label: u, labelSize: "sm", iconSize: "sm", gap: 4, icon: /* @__PURE__ */ e(ha, {}) })
+            /* @__PURE__ */ e(fe, { label: l, labelSize: "sm", iconSize: "sm", gap: 4, icon: /* @__PURE__ */ e(ca, {}) }),
+            /* @__PURE__ */ e(fe, { label: u, labelSize: "sm", iconSize: "sm", gap: 4, icon: /* @__PURE__ */ e(da, {}) }),
+            /* @__PURE__ */ e(fe, { label: c, labelSize: "sm", iconSize: "sm", gap: 4, icon: /* @__PURE__ */ e(ha, {}) })
           ] })
         ] }),
         /* @__PURE__ */ e(X, { direction: "horizontal" }),
         /* @__PURE__ */ o("div", { className: "flex-row flex justify-between gap-8", children: [
           /* @__PURE__ */ o("div", { className: "flex w-1/2 flex-col gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-sm text-low-em", children: "Subdomain" }),
-            /* @__PURE__ */ e("div", { className: "flex-row flex center items-center gap-4", children: /* @__PURE__ */ e(ve, { href: d, className: "w-fit", variant: "neutral", children: c }) })
+            /* @__PURE__ */ e("div", { className: "flex-row flex center items-center gap-4", children: /* @__PURE__ */ e(ve, { href: m, className: "w-fit", variant: "neutral", children: d }) })
           ] }),
           /* @__PURE__ */ o("div", { className: "flex w-1/2 flex-col gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-sm text-low-em", children: "Database" }),
             /* @__PURE__ */ o("div", { className: "flex-row flex center items-center gap-4", children: [
-              /* @__PURE__ */ e(xe, { variant: "status", statusState: p, statusSize: "xs" }),
-              /* @__PURE__ */ e(ve, { href: h, trailingIcon: /* @__PURE__ */ e(la, {}), className: "w-fit", variant: "neutral", children: m })
+              /* @__PURE__ */ e(xe, { variant: "status", statusState: g, statusSize: "xs" }),
+              /* @__PURE__ */ e(ve, { href: p, trailingIcon: /* @__PURE__ */ e(la, {}), className: "w-fit", variant: "neutral", children: h })
             ] })
           ] })
         ] })
@@ -7366,7 +7367,7 @@ const jt = ({
   id: c,
   ...d
 }) => {
-  const m = Math.min(100, Math.max(0, t)), h = S.useId(), p = c || `progress-circle-${h}`, g = s ? `${p}-label` : void 0, b = nt[n], C = Ii[r], v = () => u || (s ? `Progreso: ${s}, ${m}% completado` : `Progreso: ${m}% completado`), x = b.size, y = (x - b.strokeWidth) / 2, k = 2 * Math.PI * y, w = k - m / 100 * k, N = () => i === "circle" ? nt[n].container : nt[n].halfCircle, M = () => /* @__PURE__ */ o(
+  const m = Math.min(100, Math.max(0, t)), h = S.useId(), p = c || `progress-circle-${h}`, g = s ? `${p}-label` : void 0, v = nt[n], C = Ii[r], b = () => u || (s ? `Progreso: ${s}, ${m}% completado` : `Progreso: ${m}% completado`), x = v.size, y = (x - v.strokeWidth) / 2, k = 2 * Math.PI * y, w = k - m / 100 * k, N = () => i === "circle" ? nt[n].container : nt[n].halfCircle, M = () => /* @__PURE__ */ o(
     "svg",
     {
       width: x,
@@ -7376,7 +7377,7 @@ const jt = ({
       "aria-valuenow": m,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
-      "aria-label": v(),
+      "aria-label": b(),
       "aria-labelledby": g,
       "aria-live": "polite",
       "aria-atomic": "true",
@@ -7388,7 +7389,7 @@ const jt = ({
             cy: x / 2,
             r: y,
             stroke: "currentColor",
-            strokeWidth: b.strokeWidth,
+            strokeWidth: v.strokeWidth,
             fill: "none",
             className: C.track,
             opacity: C.opacity
@@ -7401,7 +7402,7 @@ const jt = ({
             cy: x / 2,
             r: y,
             stroke: "currentColor",
-            strokeWidth: b.strokeWidth,
+            strokeWidth: v.strokeWidth,
             fill: "none",
             className: C.fill,
             strokeDasharray: k,
@@ -7415,7 +7416,7 @@ const jt = ({
       ]
     }
   ), I = () => {
-    const T = b.strokeWidth, V = x, $ = x / 2 + T, P = (x - b.strokeWidth) / 2, A = T / 2, z = $ - T / 2, Z = x - T / 2, W = $ - T / 2, L = Math.PI * P * 2, E = L - m / 100 * L;
+    const T = v.strokeWidth, V = x, $ = x / 2 + T, P = (x - v.strokeWidth) / 2, A = T / 2, z = $ - T / 2, Z = x - T / 2, W = $ - T / 2, L = Math.PI * P * 2, E = L - m / 100 * L;
     return /* @__PURE__ */ o(
       "svg",
       {
@@ -7429,7 +7430,7 @@ const jt = ({
         "aria-valuenow": m,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
-        "aria-label": v(),
+        "aria-label": b(),
         "aria-labelledby": g,
         "aria-live": "polite",
         "aria-atomic": "true",
@@ -7441,7 +7442,7 @@ const jt = ({
               fill: "none",
               strokeLinecap: "round",
               strokeLinejoin: "round",
-              strokeWidth: b.strokeWidth,
+              strokeWidth: v.strokeWidth,
               stroke: "currentColor",
               className: C.track,
               opacity: C.opacity
@@ -7454,7 +7455,7 @@ const jt = ({
               fill: "none",
               strokeLinecap: "round",
               strokeLinejoin: "round",
-              strokeWidth: b.strokeWidth,
+              strokeWidth: v.strokeWidth,
               stroke: "currentColor",
               className: C.fill,
               strokeDasharray: L,
@@ -7493,7 +7494,7 @@ const jt = ({
                 {
                   id: g,
                   className: f(
-                    b.labelFontSize,
+                    v.labelFontSize,
                     C.label
                   ),
                   children: s
@@ -7503,8 +7504,8 @@ const jt = ({
                 "span",
                 {
                   className: f(
-                    b.fontSize,
-                    b.lineHeight,
+                    v.fontSize,
+                    v.lineHeight,
                     C.progressLabel
                   ),
                   style: { fontFamily: "var(--font-space-grotesk)" },
@@ -7519,8 +7520,8 @@ const jt = ({
           {
             className: f(
               "absolute left-0 right-0 flex flex-col items-center justify-center",
-              s ? b.halfCircleLabelPosition : "top-1/2",
-              s && b.labelSpace
+              s ? v.halfCircleLabelPosition : "top-1/2",
+              s && v.labelSpace
             ),
             children: [
               s && /* @__PURE__ */ e(
@@ -7528,7 +7529,7 @@ const jt = ({
                 {
                   id: g,
                   className: f(
-                    b.labelFontSize,
+                    v.labelFontSize,
                     C.label
                   ),
                   children: s
@@ -7538,8 +7539,8 @@ const jt = ({
                 "span",
                 {
                   className: f(
-                    b.fontSize,
-                    b.lineHeight,
+                    v.fontSize,
+                    v.lineHeight,
                     C.progressLabel
                   ),
                   style: { fontFamily: "var(--font-space-grotesk)" },
@@ -7570,9 +7571,9 @@ const jt = ({
     typeof u == "boolean" && p(u);
   }, [u]);
   const g = () => {
-    const v = !h;
-    p(v), c && c(v);
-  }, b = S.useMemo(() => Array.from({ length: n }, (v, x) => {
+    const b = !h;
+    p(b), c && c(b);
+  }, v = S.useMemo(() => Array.from({ length: n }, (b, x) => {
     const y = x + 1;
     let k;
     return y < t ? k = 100 : k = 0, {
@@ -7620,10 +7621,10 @@ const jt = ({
                   animate: { opacity: 1 },
                   exit: { opacity: 0 },
                   transition: { duration: 0.2 },
-                  children: b.map((v, x) => /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e(
+                  children: v.map((b, x) => /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ e(
                     jt,
                     {
-                      progress: v.progress
+                      progress: b.progress
                     }
                   ) }, x))
                 },
@@ -7716,7 +7717,7 @@ const jt = ({
                 initial: { opacity: 0 },
                 animate: { opacity: 1 },
                 transition: { delay: 0.1, duration: 0.2 },
-                children: b.map((v, x) => {
+                children: v.map((b, x) => {
                   const k = x + 1 === t;
                   return /* @__PURE__ */ e(
                     ie.div,
@@ -7733,11 +7734,11 @@ const jt = ({
                         /* @__PURE__ */ e(
                           jt,
                           {
-                            progress: v.progress
+                            progress: b.progress
                           }
                         ),
-                        (v.progress !== 0 || k) && v.description && /* @__PURE__ */ e("div", { className: "text-sm text-[#2F343C] mt-3 font-semibold", children: v.description }),
-                        v.progress === 0 && !k && v.description && /* @__PURE__ */ e("div", { className: "text-sm text-[#5A606B] mt-3 font-semibold", children: v.description })
+                        (b.progress !== 0 || k) && b.description && /* @__PURE__ */ e("div", { className: "text-sm text-[#2F343C] mt-3 font-semibold", children: b.description }),
+                        b.progress === 0 && !k && b.description && /* @__PURE__ */ e("div", { className: "text-sm text-[#5A606B] mt-3 font-semibold", children: b.description })
                       ] })
                     },
                     x
@@ -7920,7 +7921,7 @@ const jt = ({
   }), [m, h] = S.useState(a.searchValue || ""), [p, g] = S.useState(() => ({
     pageIndex: (a.currentPage || 1) - 1,
     pageSize: a.itemsPerPage || 10
-  })), [b, C] = S.useState({});
+  })), [v, C] = S.useState({});
   S.useEffect(() => {
     if (a.sortBy && a.sortDirection) {
       const w = [{ id: a.sortBy, desc: a.sortDirection === "desc" }];
@@ -7941,7 +7942,7 @@ const jt = ({
       w !== p.pageIndex && g((N) => ({ ...N, pageIndex: w }));
     }
   }, [a.currentPage, p.pageIndex]);
-  const v = S.useMemo(() => {
+  const b = S.useMemo(() => {
     const w = t.map((N) => {
       const M = N.id === "__select" || N.type === "select", I = a.selectColumnSize ?? Vi, T = {
         id: N.id,
@@ -7977,9 +7978,9 @@ const jt = ({
     }), w;
   }, [t, a.selectable]), x = fr({
     data: n,
-    columns: v,
+    columns: b,
     state: {
-      columnSizing: b,
+      columnSizing: v,
       sorting: l,
       rowSelection: c,
       globalFilter: m,
@@ -8163,7 +8164,7 @@ const jt = ({
         ) })
       }
     );
-  const b = /* @__PURE__ */ o(
+  const v = /* @__PURE__ */ o(
     "th",
     {
       className: f(
@@ -8249,7 +8250,7 @@ const jt = ({
         )
       ]
     }
-  ) : b;
+  ) : v;
 }, Ft = ({ direction: t }) => t ? /* @__PURE__ */ e(
   Br,
   {
@@ -8422,7 +8423,7 @@ const jt = ({
     l.setPageIndex(w);
   }, p = (k) => {
     l.setPageSize(Number(k));
-  }, g = () => l.previousPage(), b = () => l.nextPage(), C = l.getFilteredRowModel().rows.length, { total: v } = ji(
+  }, g = () => l.previousPage(), v = () => l.nextPage(), C = l.getFilteredRowModel().rows.length, { total: b } = ji(
     u.pageIndex,
     u.pageSize,
     n,
@@ -8454,7 +8455,7 @@ const jt = ({
               menuSize: "sm"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "hidden lg:block text-med-em text-sm font-semibold", children: `/ ${String(v)}` })
+          /* @__PURE__ */ e("span", { className: "hidden lg:block text-med-em text-sm font-semibold", children: `/ ${String(b)}` })
         ] }),
         /* @__PURE__ */ o("div", { className: "flex flex-row items-center w-full lg:w-auto justify-between lg:justify-end gap-4", children: [
           /* @__PURE__ */ o("div", { className: "flex items-center gap-4", children: [
@@ -8495,7 +8496,7 @@ const jt = ({
             /* @__PURE__ */ e(
               R,
               {
-                onClick: b,
+                onClick: v,
                 disabled: !m,
                 variant: "brand",
                 hierarchy: "primary",
@@ -8559,7 +8560,7 @@ const jt = ({
             className: "w-full border border-gray-300 rounded px-2 py-1 text-sm",
             children: [
               /* @__PURE__ */ e("option", { value: "", children: "All" }),
-              r?.map((g, b) => /* @__PURE__ */ e("option", { value: String(g.value), children: g.label }, b))
+              r?.map((g, v) => /* @__PURE__ */ e("option", { value: String(g.value), children: g.label }, v))
             ]
           }
         );
@@ -8686,7 +8687,7 @@ const jt = ({
               ] })
             ] }) }),
             /* @__PURE__ */ e("div", { className: "max-h-60 overflow-y-auto", children: l.map((p) => {
-              const g = p.getIsVisible(), b = typeof p.columnDef.header == "string" ? p.columnDef.header : p.id;
+              const g = p.getIsVisible(), v = typeof p.columnDef.header == "string" ? p.columnDef.header : p.id;
               return /* @__PURE__ */ o(
                 "div",
                 {
@@ -8709,7 +8710,7 @@ const jt = ({
                           onClick: (C) => {
                             C.stopPropagation(), p.toggleVisibility();
                           },
-                          children: b
+                          children: v
                         }
                       )
                     ] }),
@@ -9153,8 +9154,8 @@ const qi = {
   tabPaddingX: p,
   tabListClassName: g
 }) => {
-  const b = t === "line-icons" || t === "only-icon" ? Bt.line : Bt[t], C = m ? b.list : b.list.replace(/border-b\s+border-surface-3/g, "").trim(), v = {};
-  h && (v.height = `${h}px`, v.alignItems = "flex-end");
+  const v = t === "line-icons" || t === "only-icon" ? Bt.line : Bt[t], C = m ? v.list : v.list.replace(/border-b\s+border-surface-3/g, "").trim(), b = {};
+  h && (b.height = `${h}px`, b.alignItems = "flex-end");
   const x = () => typeof l == "number" ? "" : l in rt ? rt[l] : rt.sm, y = typeof l == "number" ? { marginTop: `${l}px` } : {}, k = u ? {
     height: "100%",
     maxHeight: "100%",
@@ -9175,11 +9176,11 @@ const qi = {
           me.List,
           {
             className: f(C, g),
-            style: v,
+            style: b,
             children: n.map((N) => /* @__PURE__ */ e(
               me,
               {
-                className: ({ selected: M }) => f(b.tab, M ? b.selected : b.unselected),
+                className: ({ selected: M }) => f(v.tab, M ? v.selected : v.unselected),
                 style: {
                   ...s ? { paddingBottom: s } : {},
                   ...p !== void 0 ? { paddingLeft: `${p}px`, paddingRight: `${p}px` } : {}
@@ -9252,25 +9253,25 @@ const qi = {
   tabWidth: u,
   scrollDistance: c = 300
 }) => {
-  const d = O(null), [m, h] = H(!1), [p, g] = H(!1), b = () => {
+  const d = O(null), [m, h] = H(!1), [p, g] = H(!1), v = () => {
     if (!d.current) return;
     const { scrollLeft: x, scrollWidth: y, clientWidth: k } = d.current;
     h(x > 0), g(x < y - k - 1);
   };
   U(() => {
-    b();
+    v();
     const x = d.current;
     if (x) {
-      x.addEventListener("scroll", b);
-      const y = new ResizeObserver(b);
+      x.addEventListener("scroll", v);
+      const y = new ResizeObserver(v);
       return y.observe(x), () => {
-        x.removeEventListener("scroll", b), y.disconnect();
+        x.removeEventListener("scroll", v), y.disconnect();
       };
     }
   }, [t]);
   const C = () => {
     d.current && d.current.scrollBy({ left: -c, behavior: "smooth" });
-  }, v = () => {
+  }, b = () => {
     d.current && d.current.scrollBy({ left: c, behavior: "smooth" });
   };
   return /* @__PURE__ */ e("div", { className: f("w-full h-full", n), children: /* @__PURE__ */ e(me.Group, { className: "h-full w-full", selectedIndex: r, onChange: i, children: /* @__PURE__ */ o("div", { className: "relative flex items-center border-x border-surface-3 h-full w-full", children: [
@@ -9326,7 +9327,7 @@ const qi = {
       p && /* @__PURE__ */ e(
         "button",
         {
-          onClick: s || v,
+          onClick: s || b,
           className: "h-full hover:bg-surface-bg cursor-pointer  px-6 border-x border-surface-3",
           "aria-label": "Scroll right",
           children: /* @__PURE__ */ e(j, { className: "text-low-em", size: "xs", children: /* @__PURE__ */ e(Ue, {}) })
@@ -9383,7 +9384,7 @@ const es = {
   customBackground: d,
   ...m
 }) => {
-  const h = es[t], p = ts[n], g = c || void 0, b = d ? /^[a-z]+-[a-z0-9-]+$/i.test(d) ? `var(--${d})` : d : void 0, C = {
+  const h = es[t], p = ts[n], g = c || void 0, v = d ? /^[a-z]+-[a-z0-9-]+$/i.test(d) ? `var(--${d})` : d : void 0, C = {
     none: "resize-none",
     vertical: "resize-y",
     horizontal: "resize-x",
@@ -9400,7 +9401,7 @@ const es = {
           h.border,
           s && Le.wrapper
         ),
-        style: { backgroundColor: b },
+        style: { backgroundColor: v },
         children: /* @__PURE__ */ e(
           "textarea",
           {
@@ -9857,14 +9858,14 @@ const Zl = ({
   viewOptions: l = [],
   buttonGroupSize: u = "sm"
 }) => {
-  const [c, d] = H(""), [m, h] = H("list"), p = n !== void 0 ? n : c, g = a !== void 0 ? a : m, b = Y(
-    (v) => {
-      const x = v.target.value;
+  const [c, d] = H(""), [m, h] = H("list"), p = n !== void 0 ? n : c, g = a !== void 0 ? a : m, v = Y(
+    (b) => {
+      const x = b.target.value;
       r ? r(x) : d(x);
     },
     [r]
-  ), C = (v) => {
-    s ? s(v) : h(v);
+  ), C = (b) => {
+    s ? s(b) : h(b);
   };
   return /* @__PURE__ */ o("div", { className: `flex flex-col ${t}`, children: [
     /* @__PURE__ */ e(X, {}),
@@ -9875,7 +9876,7 @@ const Zl = ({
           type: "search",
           placeholder: i,
           value: p,
-          onChange: b,
+          onChange: v,
           trailingIcon: /* @__PURE__ */ e(Qe, { size: 16, color: "currentColor" })
         }
       ) }),
@@ -10008,42 +10009,42 @@ const Gl = ({
             t.email && /* @__PURE__ */ e("p", { className: "text-xs text-low-em mt-1", children: t.email })
           ] }),
           /* @__PURE__ */ e("div", { className: "py-3", children: n.map((p, g) => /* @__PURE__ */ o(S.Fragment, { children: [
-            p.map((b) => /* @__PURE__ */ o(
+            p.map((v) => /* @__PURE__ */ o(
               "button",
               {
-                onClick: () => m(b),
-                disabled: b.disabled || !!b.switch,
+                onClick: () => m(v),
+                disabled: v.disabled || !!v.switch,
                 className: f(
                   "w-full px-10 py-4 text-left text-sm flex items-center gap-3 transition-colors",
-                  !b.switch && "hover:bg-surface-1",
-                  b.destructive ? "text-danger-main" : "text-high-em",
-                  b.disabled && "opacity-50 cursor-not-allowed"
+                  !v.switch && "hover:bg-surface-1",
+                  v.destructive ? "text-danger-main" : "text-high-em",
+                  v.disabled && "opacity-50 cursor-not-allowed"
                 ),
                 children: [
-                  b.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0 flex items-center justify-center text-current", children: b.icon }),
-                  /* @__PURE__ */ e("span", { className: "flex-1 font-normal", children: b.label }),
-                  b.trailing && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: b.trailing }),
-                  !b.trailing && b.badge && /* @__PURE__ */ e(
+                  v.icon && /* @__PURE__ */ e("span", { className: "flex-shrink-0 flex items-center justify-center text-current", children: v.icon }),
+                  /* @__PURE__ */ e("span", { className: "flex-1 font-normal", children: v.label }),
+                  v.trailing && /* @__PURE__ */ e("span", { className: "flex-shrink-0", children: v.trailing }),
+                  !v.trailing && v.badge && /* @__PURE__ */ e(
                     xe,
                     {
-                      theme: b.badge.theme || "success",
+                      theme: v.badge.theme || "success",
                       size: "xs",
                       variant: "simple",
-                      children: b.badge.label
+                      children: v.badge.label
                     }
                   ),
-                  !b.trailing && b.switch && /* @__PURE__ */ e(
+                  !v.trailing && v.switch && /* @__PURE__ */ e(
                     ls,
                     {
                       size: "small",
-                      checked: b.switch.checked,
-                      onChange: (C) => h(b, C.target.checked),
+                      checked: v.switch.checked,
+                      onChange: (C) => h(v, C.target.checked),
                       onClick: (C) => C.stopPropagation()
                     }
                   )
                 ]
               },
-              b.id
+              v.id
             )),
             g < n.length - 1 && /* @__PURE__ */ e("div", { className: "my-3 border-t border-surface-3" })
           ] }, g)) })
@@ -10069,11 +10070,11 @@ const Gl = ({
   }, [t]);
   const p = m, g = (x) => {
     h(x), n && n(x);
-  }, b = () => {
+  }, v = () => {
     h(void 0), i && i();
   }, C = () => {
     a && a(p);
-  }, v = l === "range" ? {
+  }, b = l === "range" ? {
     mode: "range",
     selected: p,
     onSelect: g
@@ -10096,7 +10097,7 @@ const Gl = ({
         /* @__PURE__ */ e(
           mr,
           {
-            ...v,
+            ...b,
             disabled: r,
             numberOfMonths: s ? 2 : 1,
             showOutsideDays: !0,
@@ -10114,7 +10115,7 @@ const Gl = ({
               variant: "neutral",
               size: "sm",
               hierarchy: "secondary",
-              onClick: b,
+              onClick: v,
               disabled: r,
               children: c
             }
@@ -10149,12 +10150,12 @@ const Gl = ({
   labelInlineContent: h,
   contentGap: p = 2,
   classNameActions: g,
-  ...b
+  ...v
 }) => /* @__PURE__ */ o(
   "div",
   {
     className: f("flex flex-row gap-8 items-center", t),
-    ...b,
+    ...v,
     children: [
       n && /* @__PURE__ */ e(St, { type: s, variant: l, size: u, children: n }),
       /* @__PURE__ */ o("div", { className: f("flex flex-1 flex-col", de(p)), children: [
@@ -10514,10 +10515,10 @@ const Gl = ({
   footerVariant: h = "default",
   classNameHeader: p,
   classNameBody: g,
-  classNameFooter: b,
+  classNameFooter: v,
   ...C
 }) => {
-  const v = n || r || u || i, x = d || m, y = {
+  const b = n || r || u || i, x = d || m, y = {
     default: "border-surface-3 ",
     danger: "bg-danger-accent-1  border-danger-accent-3",
     warning: "bg-warning-accent-1 border-warning-accent-3",
@@ -10533,7 +10534,7 @@ const Gl = ({
       ),
       ...C,
       children: [
-        v && /* @__PURE__ */ o(
+        b && /* @__PURE__ */ o(
           "div",
           {
             className: F(
@@ -10555,7 +10556,7 @@ const Gl = ({
             ]
           }
         ),
-        c && /* @__PURE__ */ e("div", { className: F(f("p-8", v), g), children: c }),
+        c && /* @__PURE__ */ e("div", { className: F(f("p-8", b), g), children: c }),
         x && /* @__PURE__ */ o(
           "div",
           {
@@ -10563,10 +10564,10 @@ const Gl = ({
               f(
                 "flex flex-row gap-10 p-8 items-center rounded-b-8",
                 d && m ? "justify-between" : m ? "justify-end" : "justify-start",
-                (v || c) && "border-t",
+                (b || c) && "border-t",
                 y[h]
               ),
-              b
+              v
             ),
             children: [
               d && /* @__PURE__ */ e("div", { className: "text-sm text-low-em", children: d }),
@@ -10785,7 +10786,7 @@ const Gl = ({
   }, [n]);
   const g = (w) => {
     c(w), w === "add" && p(!h), r?.(w);
-  }, b = [
+  }, v = [
     {
       value: "grid",
       icon: /* @__PURE__ */ e(j, { size: 12, children: /* @__PURE__ */ e(Fn, {}) })
@@ -10803,7 +10804,7 @@ const Gl = ({
       value: "trash",
       icon: /* @__PURE__ */ e(j, { size: 12, children: /* @__PURE__ */ e(gt, {}) })
     }
-  ], v = (w) => {
+  ], b = (w) => {
     const N = k(w), M = Array.from({ length: N }).map((V, $) => ({
       id: `${Date.now()}-col-${$}`,
       widgets: []
@@ -10847,7 +10848,7 @@ const Gl = ({
           /* @__PURE__ */ e(
             be,
             {
-              options: b,
+              options: v,
               value: u,
               onChange: g,
               size: "xs",
@@ -10943,7 +10944,7 @@ const Gl = ({
                   showCheckbox: !1
                 }
               ],
-              onSelect: (w) => v(w)
+              onSelect: (w) => b(w)
             }
           )
         ] })
@@ -11001,7 +11002,7 @@ const Gl = ({
   onSettings: a,
   className: s
 }) => {
-  const [l, u] = H(""), [c, d] = H(""), [m, h] = H(""), [p, g] = H(""), [b, C] = H(!1), [v, x] = H(!1), y = t === "signup";
+  const [l, u] = H(""), [c, d] = H(""), [m, h] = H(""), [p, g] = H(""), [v, C] = H(!1), [b, x] = H(!1), y = t === "signup";
   return /* @__PURE__ */ e(
     Te,
     {
@@ -11064,13 +11065,13 @@ const Gl = ({
             /* @__PURE__ */ e(
               te,
               {
-                type: b ? "text" : "password",
+                type: v ? "text" : "password",
                 name: "password",
                 autoComplete: y ? "new-password" : "current-password",
                 value: m,
                 onChange: (w) => h(w.target.value),
                 placeholder: y ? "Nueva contraseña" : "Contraseña",
-                trailingIcon: /* @__PURE__ */ e(j, { children: b ? /* @__PURE__ */ e(
+                trailingIcon: /* @__PURE__ */ e(j, { children: v ? /* @__PURE__ */ e(
                   Pe,
                   {
                     onClick: () => C(!1),
@@ -11089,13 +11090,13 @@ const Gl = ({
             y && /* @__PURE__ */ e(
               te,
               {
-                type: v ? "text" : "password",
+                type: b ? "text" : "password",
                 name: "confirmPassword",
                 autoComplete: "new-password",
                 value: p,
                 onChange: (w) => g(w.target.value),
                 placeholder: "Confirmar contraseña",
-                trailingIcon: /* @__PURE__ */ e(j, { children: v ? /* @__PURE__ */ e(
+                trailingIcon: /* @__PURE__ */ e(j, { children: b ? /* @__PURE__ */ e(
                   Pe,
                   {
                     onClick: () => x(!1),
@@ -11137,8 +11138,8 @@ const Gl = ({
   onSettings: l,
   className: u
 }) => {
-  const [c, d] = H(""), m = (v) => {
-    v.preventDefault(), a?.(c);
+  const [c, d] = H(""), m = (b) => {
+    b.preventDefault(), a?.(c);
   }, h = r === "email";
   return /* @__PURE__ */ e(
     Te,
@@ -11169,7 +11170,7 @@ const Gl = ({
               {
                 type: h ? "email" : "text",
                 value: c,
-                onChange: (v) => d(v.target.value),
+                onChange: (b) => d(b.target.value),
                 placeholder: h ? "Correo" : "Código de verificación",
                 hint: h ? "Un código será enviado a tu correo" : "Ingresa el código enviado a tu correo",
                 required: !0
@@ -11570,7 +11571,7 @@ const gs = S.forwardRef(
     innerRef: m,
     style: h
   }, p) => {
-    const [g, b] = S.useState(!1), C = g && u;
+    const [g, v] = S.useState(!1), C = g && u;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -11582,8 +11583,8 @@ const gs = S.forwardRef(
             "div",
             {
               onClick: s,
-              onMouseEnter: () => b(!0),
-              onMouseLeave: () => b(!1),
+              onMouseEnter: () => v(!0),
+              onMouseLeave: () => v(!1),
               className: f(
                 "w-full text-left m-0 cursor-pointer overflow-hidden",
                 i ? "bg-surface-3" : "hover:bg-surface-1"
@@ -11759,7 +11760,7 @@ const bs = ({
 }) => {
   const [d, m] = H(""), h = t.filter(
     (C) => C.title.toLowerCase().includes(d.toLowerCase()) || C.description?.toLowerCase().includes(d.toLowerCase())
-  ), p = t.length, g = t.filter((C) => C.isVisible).length, b = (C) => {
+  ), p = t.length, g = t.filter((C) => C.isVisible).length, v = (C) => {
     s?.(C);
   };
   return /* @__PURE__ */ e(re.Provider, { delayDuration: 200, children: /* @__PURE__ */ o(
@@ -11811,7 +11812,7 @@ const bs = ({
               C.isSelected && "border border-surface-3",
               C.isVisible && "border border-surface-3"
             ),
-            onClick: () => b(C)
+            onClick: () => v(C)
           },
           C.id
         )) : /* @__PURE__ */ o("div", { className: "flex flex-col items-center justify-center p-10 text-center gap-10", children: [