tcce-design-system 0.1.13 → 0.3.15

package/dist/tcce-design-system-components.js

@@ -1,5 +1,5 @@
 import * as Un from "react";
-import b, { useDebugValue as ro, createElement as Zs, useRef as he, useContext as ce, createContext as vt, useLayoutEffect as Bc, useEffect as Ee, useId as Xe, useInsertionEffect as qs, useMemo as Fe, useCallback as Wn, Children as Oc, isValidElement as jc, useState as ze, Fragment as Js, forwardRef as _e, Component as Fc } from "react";
+import v, { useDebugValue as ro, createElement as Zs, useRef as he, useContext as ce, createContext as vt, useLayoutEffect as Bc, useEffect as Ee, useId as Xe, useInsertionEffect as qs, useMemo as Fe, useCallback as Wn, Children as Oc, isValidElement as jc, useState as ze, Fragment as Js, forwardRef as _e, Component as Fc } from "react";
 import { jsx as p, Fragment as ni, jsxs as M } from "react/jsx-runtime";
 import zc, { createPortal as _c } from "react-dom";
 import { useField as Hc } from "formik";
@@ -191,7 +191,7 @@ function ou(e) {
   return eu(Dn("", null, null, null, [""], e = Qc(e), 0, [0], e));
 }
 function Dn(e, t, n, r, i, s, o, a, c) {
-  for (var u = 0, d = 0, l = o, h = 0, f = 0, m = 0, y = 1, v = 1, g = 1, w = 0, x = "", E = i, C = s, S = r, k = x; v; )
+  for (var u = 0, d = 0, l = o, h = 0, f = 0, m = 0, y = 1, b = 1, g = 1, w = 0, x = "", E = i, C = s, S = r, k = x; b; )
     switch (m = w, w = Ne()) {
       // (
       case 40:
@@ -238,7 +238,7 @@ function Dn(e, t, n, r, i, s, o, a, c) {
           // \0 }
           case 0:
           case 125:
-            v = 0;
+            b = 0;
           // ;
           case 59 + d:
             g == -1 && (k = L(k, /\f/g, "")), f > 0 && Oe(k) - l && Zt(f > 32 ? so(k + ";", r, n, l - 1, c) : so(L(k, " ", "") + ";", r, n, l - 2, c), c);
@@ -297,9 +297,9 @@ function Dn(e, t, n, r, i, s, o, a, c) {
   return s;
 }
 function oo(e, t, n, r, i, s, o, a, c, u, d, l) {
-  for (var h = i - 1, f = i === 0 ? s : [""], m = ra(f), y = 0, v = 0, g = 0; y < r; ++y)
-    for (var w = 0, x = Rt(e, h + 1, h = ta(v = o[y])), E = e; w < m; ++w)
-      (E = na(v > 0 ? f[w] + " " + x : L(x, /&\f/g, f[w]))) && (c[g++] = E);
+  for (var h = i - 1, f = i === 0 ? s : [""], m = ra(f), y = 0, b = 0, g = 0; y < r; ++y)
+    for (var w = 0, x = Rt(e, h + 1, h = ta(b = o[y])), E = e; w < m; ++w)
+      (E = na(b > 0 ? f[w] + " " + x : L(x, /&\f/g, f[w]))) && (c[g++] = E);
   return Gn(e, t, n, i === 0 ? Kn : a, c, u, d, l);
 }
 function su(e, t, n, r) {
@@ -881,10 +881,10 @@ var pa = function(e) {
           if (h === void 0) return "continue";
           var f = s.names.get(h), m = o.getGroup(l);
           if (f === void 0 || !f.size || m.length === 0) return "continue";
-          var y = "".concat(yt, ".g").concat(l, '[id="').concat(h, '"]'), v = "";
+          var y = "".concat(yt, ".g").concat(l, '[id="').concat(h, '"]'), b = "";
           f !== void 0 && f.forEach(function(g) {
-            g.length > 0 && (v += "".concat(g, ","));
-          }), c += "".concat(m).concat(y, '{content:"').concat(v, '"}').concat(oi);
+            g.length > 0 && (b += "".concat(g, ","));
+          }), c += "".concat(m).concat(y, '{content:"').concat(b, '"}').concat(oi);
         }, d = 0; d < a; d++) u(d);
         return c;
       })(i);
@@ -938,7 +938,7 @@ function Hu(e) {
   }), o.prefix && d.push(uu), d.push(au);
   var l = function(h, f, m, y) {
     f === void 0 && (f = ""), m === void 0 && (m = ""), y === void 0 && (y = "&"), t = y, n = f, r = new RegExp("\\".concat(n, "\\b"), "g");
-    var v = h.replace(_u, ""), g = ou(m || f ? "".concat(m, " ").concat(f, " { ").concat(v, " }") : v);
+    var b = h.replace(_u, ""), g = ou(m || f ? "".concat(m, " ").concat(f, " { ").concat(b, " }") : b);
     o.namespace && (g = ya(g, o.namespace));
     var w = [];
     return Ln(g, lu(d.concat(cu(function(x) {
@@ -949,9 +949,9 @@ function Hu(e) {
     return f.name || zt(15), lt(h, f.name);
   }, la).toString() : "", l;
 }
-var Uu = new ga(), Mr = Hu(), va = b.createContext({ shouldForwardProp: void 0, styleSheet: Uu, stylis: Mr });
+var Uu = new ga(), Mr = Hu(), va = v.createContext({ shouldForwardProp: void 0, styleSheet: Uu, stylis: Mr });
 va.Consumer;
-b.createContext(void 0);
+v.createContext(void 0);
 function yo() {
   return ce(va);
 }
@@ -1041,7 +1041,7 @@ var Yu = ca(Zn), Gu = (function() {
     }
     return i;
   }, e;
-})(), wa = b.createContext(void 0);
+})(), wa = v.createContext(void 0);
 wa.Consumer;
 var cr = {}, xo = /* @__PURE__ */ new Set();
 function Xu(e, t, n) {
@@ -1056,16 +1056,16 @@ function Xu(e, t, n) {
   if (r && i.shouldForwardProp) {
     var y = i.shouldForwardProp;
     if (t.shouldForwardProp) {
-      var v = t.shouldForwardProp;
+      var b = t.shouldForwardProp;
       m = function(E, C) {
-        return y(E, C) && v(E, C);
+        return y(E, C) && b(E, C);
       };
     } else m = y;
   }
   var g = new Gu(n, h, r ? i.componentStyle : void 0);
   function w(E, C) {
     return (function(S, k, A) {
-      var V = S.attrs, z = S.componentStyle, D = S.defaultProps, K = S.foldedComponentIds, U = S.styledComponentId, Te = S.target, te = b.useContext(wa), O = yo(), R = S.shouldForwardProp || O.shouldForwardProp;
+      var V = S.attrs, z = S.componentStyle, D = S.defaultProps, K = S.foldedComponentIds, U = S.styledComponentId, Te = S.target, te = v.useContext(wa), O = yo(), R = S.shouldForwardProp || O.shouldForwardProp;
       process.env.NODE_ENV !== "production" && ro(U);
       var F = mu(k, te, D) || Nt, I = (function(Y, se, Me) {
         for (var H, ye = be(be({}, se), { className: void 0, theme: Me }), qe = 0; qe < Y.length; qe += 1) {
@@ -1085,7 +1085,7 @@ function Xu(e, t, n) {
     })(x, E, C);
   }
   w.displayName = l;
-  var x = b.forwardRef(w);
+  var x = v.forwardRef(w);
   return x.attrs = f, x.componentStyle = g, x.displayName = l, x.shouldForwardProp = m, x.foldedComponentIds = r ? ct(i.foldedComponentIds, i.styledComponentId) : "", x.styledComponentId = h, x.target = r ? i.target : e, Object.defineProperty(x, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(E) {
@@ -1533,12 +1533,12 @@ function ja(e, t) {
   }, s = () => n = !0, o = Sn.reduce((x, E) => (x[E] = sd(s), x), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: l, preRender: h, render: f, postRender: m } = o, y = () => {
     const x = Ge.useManualTiming ? i.timestamp : performance.now();
     n = !1, Ge.useManualTiming || (i.delta = r ? 1e3 / 60 : Math.max(Math.min(x - i.timestamp, ad), 1)), i.timestamp = x, i.isProcessing = !0, a.process(i), c.process(i), u.process(i), d.process(i), l.process(i), h.process(i), f.process(i), m.process(i), i.isProcessing = !1, n && t && (r = !1, e(y));
-  }, v = () => {
+  }, b = () => {
     n = !0, r = !0, i.isProcessing || e(y);
   };
   return { schedule: Sn.reduce((x, E) => {
     const C = o[E];
-    return x[E] = (S, k = !1, A = !1) => (n || v(), C.schedule(S, k, A)), x;
+    return x[E] = (S, k = !1, A = !1) => (n || b(), C.schedule(S, k, A)), x;
   }, {}), cancel: (x) => {
     for (let E = 0; E < Sn.length; E++)
       o[Sn[E]].cancel(x);
@@ -1895,22 +1895,22 @@ function zn(e = J.visualDuration, t = J.bounce) {
   const s = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: s }, { stiffness: c, damping: u, mass: d, duration: l, velocity: h, isResolvedFromDuration: f } = Fd({
     ...n,
     velocity: -/* @__PURE__ */ Ae(n.velocity || 0)
-  }), m = h || 0, y = u / (2 * Math.sqrt(c * d)), v = o - s, g = /* @__PURE__ */ Ae(Math.sqrt(c / d)), w = Math.abs(v) < 5;
+  }), m = h || 0, y = u / (2 * Math.sqrt(c * d)), b = o - s, g = /* @__PURE__ */ Ae(Math.sqrt(c / d)), w = Math.abs(b) < 5;
   r || (r = w ? J.restSpeed.granular : J.restSpeed.default), i || (i = w ? J.restDelta.granular : J.restDelta.default);
   let x;
   if (y < 1) {
     const C = Lr(g, y);
     x = (S) => {
       const k = Math.exp(-y * g * S);
-      return o - k * ((m + y * g * v) / C * Math.sin(C * S) + v * Math.cos(C * S));
+      return o - k * ((m + y * g * b) / C * Math.sin(C * S) + b * Math.cos(C * S));
     };
   } else if (y === 1)
-    x = (C) => o - Math.exp(-g * C) * (v + (m + g * v) * C);
+    x = (C) => o - Math.exp(-g * C) * (b + (m + g * b) * C);
   else {
     const C = g * Math.sqrt(y * y - 1);
     x = (S) => {
       const k = Math.exp(-y * g * S), A = Math.min(C * S, 300);
-      return o - k * ((m + y * g * v) * Math.sinh(A) + C * v * Math.cosh(A)) / C;
+      return o - k * ((m + y * g * b) * Math.sinh(A) + C * b * Math.cosh(A)) / C;
     };
   }
   const E = {
@@ -1946,8 +1946,8 @@ function Br({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
     value: l
   }, f = (A) => a !== void 0 && A < a || c !== void 0 && A > c, m = (A) => a === void 0 ? c : c === void 0 || Math.abs(a - A) < Math.abs(c - A) ? a : c;
   let y = n * t;
-  const v = l + y, g = o === void 0 ? v : o(v);
-  g !== v && (y = g - l);
+  const b = l + y, g = o === void 0 ? b : o(b);
+  g !== b && (y = g - l);
   const w = (A) => -y * Math.exp(-A / r), x = (A) => g + w(A), E = (A) => {
     const V = w(A), z = x(A);
     h.done = Math.abs(V) <= u, h.value = h.done ? g : z;
@@ -2109,7 +2109,7 @@ class Ei extends Pi {
     const { generator: r, totalDuration: i, mixKeyframes: s, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return r.next(0);
-    const { delay: u = 0, keyframes: d, repeat: l, repeatType: h, repeatDelay: f, type: m, onUpdate: y, finalKeyframe: v } = this.options;
+    const { delay: u = 0, keyframes: d, repeat: l, repeatType: h, repeatDelay: f, type: m, onUpdate: y, finalKeyframe: b } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - i / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const g = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), w = this.playbackSpeed >= 0 ? g < 0 : g > i;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
@@ -2124,7 +2124,7 @@ class Ei extends Pi {
     let { done: S } = C;
     !w && c !== null && (S = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const k = this.holdTime === null && (this.state === "finished" || this.state === "running" && S);
-    return k && m !== Br && (C.value = ki(d, this.options, v, this.speed)), y && y(C.value), k && this.finish(), C;
+    return k && m !== Br && (C.value = ki(d, this.options, b, this.speed)), y && y(C.value), k && this.finish(), C;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -2604,7 +2604,7 @@ class Sh extends Pi {
       element: d,
       ...l
     }, f = d?.KeyframeResolver || Ai;
-    this.keyframeResolver = new f(a, (m, y, v) => this.onKeyframesResolved(m, y, h, !v), c, u, d), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new f(a, (m, y, b) => this.onKeyframesResolved(m, y, h, !b), c, u, d), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(t, n, r, i) {
     this.keyframeResolver = void 0;
@@ -3269,8 +3269,8 @@ function qh({ children: e, isPresent: t, anchorX: n, root: r }) {
     s.current.dataset.motionPopId = i;
     const y = document.createElement("style");
     a && (y.nonce = a);
-    const v = r ?? document.head;
-    return v.appendChild(y), y.sheet && y.sheet.insertRule(`
+    const b = r ?? document.head;
+    return b.appendChild(y), y.sheet && y.sheet.insertRule(`
           [data-motion-pop-id="${i}"] {
             position: absolute !important;
             width: ${u}px !important;
@@ -3279,7 +3279,7 @@ function qh({ children: e, isPresent: t, anchorX: n, root: r }) {
             top: ${l}px !important;
           }
         `), () => {
-      v.contains(y) && v.removeChild(y);
+      b.contains(y) && b.removeChild(y);
     };
   }, [t]), p(Zh, { isPresent: t, childRef: s, sizeRef: o, children: Un.cloneElement(e, { ref: c }) });
 }
@@ -3328,7 +3328,7 @@ function Ko(e) {
   }), t;
 }
 const fn = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: i = !0, mode: s = "sync", propagate: o = !1, anchorX: a = "left", root: c }) => {
-  const [u, d] = pl(o), l = Fe(() => Ko(e), [e]), h = o && !u ? [] : l.map(Cn), f = he(!0), m = he(l), y = ui(() => /* @__PURE__ */ new Map()), [v, g] = ze(l), [w, x] = ze(l);
+  const [u, d] = pl(o), l = Fe(() => Ko(e), [e]), h = o && !u ? [] : l.map(Cn), f = he(!0), m = he(l), y = ui(() => /* @__PURE__ */ new Map()), [b, g] = ze(l), [w, x] = ze(l);
   Ca(() => {
     f.current = !1, m.current = l;
     for (let S = 0; S < w.length; S++) {
@@ -3337,7 +3337,7 @@ const fn = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presen
     }
   }, [w, h.length, h.join("-")]);
   const E = [];
-  if (l !== v) {
+  if (l !== b) {
     let S = [...l];
     for (let k = 0; k < w.length; k++) {
       const A = w[k], V = Cn(A);
@@ -3703,7 +3703,7 @@ function wf(e, t, n, r) {
     for (let f = 0; f < h.length; f++) {
       const m = ji(e, h[f]);
       if (m) {
-        const { transitionEnd: y, transition: v, ...g } = m;
+        const { transitionEnd: y, transition: b, ...g } = m;
         for (const w in g) {
           let x = g[w];
           if (Array.isArray(x)) {
@@ -4437,8 +4437,8 @@ function Ol(e, t, { delay: n = 0, transitionOverride: r, type: i } = {}) {
       }
     }
     qr(e, d), l.start(_i(d, l, h, e.shouldReduceMotion && il.has(d) ? { type: !1 } : f, e, y));
-    const v = l.animation;
-    v && c.push(v);
+    const b = l.animation;
+    b && c.push(b);
   }
   return o && Promise.all(c).then(() => {
     q.update(() => {
@@ -4535,9 +4535,9 @@ function dm(e) {
   function o(c) {
     const { props: u } = e, d = zl(e.parent) || {}, l = [], h = /* @__PURE__ */ new Set();
     let f = {}, m = 1 / 0;
-    for (let v = 0; v < cm; v++) {
-      const g = lm[v], w = n[g], x = u[g] !== void 0 ? u[g] : d[g], E = an(x), C = g === c ? w.isActive : null;
-      C === !1 && (m = v);
+    for (let b = 0; b < cm; b++) {
+      const g = lm[b], w = n[g], x = u[g] !== void 0 ? u[g] : d[g], E = an(x), C = g === c ? w.isActive : null;
+      C === !1 && (m = b);
       let S = x === d[g] && x !== u[g] && E;
       if (S && r && e.manuallyAnimateOnMount && (S = !1), w.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
       !w.isActive && C === null || // If we didn't and don't have any defined prop for this animation type
@@ -4547,7 +4547,7 @@ function dm(e) {
       const k = hm(w.prevProp, x);
       let A = k || // If we're making this variant active, we want to always make it active
       g === c && w.isActive && !S && E || // If we removed a higher-priority variant (i is in reverse order)
-      v > m && E, V = !1;
+      b > m && E, V = !1;
       const z = Array.isArray(x) ? x : [x];
       let D = z.reduce(i(g), {});
       C === !1 && (D = {});
@@ -4584,15 +4584,15 @@ function dm(e) {
       }));
     }
     if (h.size) {
-      const v = {};
+      const b = {};
       if (typeof u.initial != "boolean") {
         const g = $t(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        g && g.transition && (v.transition = g.transition);
+        g && g.transition && (b.transition = g.transition);
       }
       h.forEach((g) => {
         const w = e.getBaseTarget(g), x = e.getValue(g);
-        x && (x.liveStyle = !0), v[g] = w ?? null;
-      }), l.push({ animation: v });
+        x && (x.liveStyle = !0), b[g] = w ?? null;
+      }), l.push({ animation: b });
     }
     let y = !!l.length;
     return r && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (y = !1), r = !1, y ? t(l) : Promise.resolve();
@@ -4759,16 +4759,16 @@ class Wl {
       const h = br(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, m = Cm(h.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!f && !m)
         return;
-      const { point: y } = h, { timestamp: v } = de;
-      this.history.push({ ...y, timestamp: v });
+      const { point: y } = h, { timestamp: b } = de;
+      this.history.push({ ...y, timestamp: b });
       const { onStart: g, onMove: w } = this.handlers;
       f || (g && g(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, h);
     }, this.handlePointerMove = (h, f) => {
       this.lastMoveEvent = h, this.lastMoveEventInfo = vr(f, this.transformPagePoint), q.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, f) => {
       this.end();
-      const { onEnd: m, onSessionEnd: y, resumeAnimation: v } = this.handlers;
-      if (this.dragSnapToOrigin && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: m, onSessionEnd: y, resumeAnimation: b } = this.handlers;
+      if (this.dragSnapToOrigin && b && b(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
       const g = br(h.type === "pointercancel" ? this.lastMoveEventInfo : vr(f, this.transformPagePoint), this.history);
       this.startEvent && m && m(h, g), y && y(h, g);
@@ -4902,11 +4902,11 @@ class Im {
         }
         this.originPoint[g] = w;
       }), y && q.postRender(() => y(l, h)), qr(this.visualElement, "transform");
-      const { animationState: v } = this.visualElement;
-      v && v.setActive("whileDrag", !0);
+      const { animationState: b } = this.visualElement;
+      b && b.setActive("whileDrag", !0);
     }, a = (l, h) => {
       this.latestPointerEvent = l, this.latestPanInfo = h;
-      const { dragPropagation: f, dragDirectionLock: m, onDirectionLock: y, onDrag: v } = this.getProps();
+      const { dragPropagation: f, dragDirectionLock: m, onDirectionLock: y, onDrag: b } = this.getProps();
       if (!f && !this.openDragLock)
         return;
       const { offset: g } = h;
@@ -4914,7 +4914,7 @@ class Im {
         this.currentDirection = Nm(g), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
-      this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), v && v(l, h);
+      this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), b && b(l, h);
     }, c = (l, h) => {
       this.latestPointerEvent = l, this.latestPanInfo = h, this.stop(l, h), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, u = () => Pe((l) => this.getAnimationState(l) === "paused" && this.getAxisMotionValue(l).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
@@ -5478,13 +5478,13 @@ function Ql({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || pp, { onLayoutAnimationStart: y, onLayoutAnimationComplete: v } = u.getProps(), g = !this.targetLayout || !ql(this.targetLayout, f), w = !l && h;
+        const m = this.options.transition || u.getDefaultTransition() || pp, { onLayoutAnimationStart: y, onLayoutAnimationComplete: b } = u.getProps(), g = !this.targetLayout || !ql(this.targetLayout, f), w = !l && h;
         if (this.options.layoutRoot || this.resumeFrom || w || l && (g || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const x = {
             ...Di(m, "layout"),
             onPlay: y,
-            onComplete: v
+            onComplete: b
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x), this.setAnimationOrigin(d, w);
         } else
@@ -5735,7 +5735,7 @@ function Ql({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(o, a = !1) {
       const c = this.snapshot, u = c ? c.latestValues : {}, d = { ...this.latestValues }, l = Dt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = ee(), f = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, y = f !== m, v = this.getStack(), g = !v || v.members.length <= 1, w = !!(y && !g && this.options.crossfade === !0 && !this.path.some(mp));
+      const h = ee(), f = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, y = f !== m, b = this.getStack(), g = !b || b.members.length <= 1, w = !!(y && !g && this.options.crossfade === !0 && !this.path.some(mp));
       this.animationProgress = 0;
       let x;
       this.mixTargetDelta = (E) => {
@@ -5859,11 +5859,11 @@ function Ql({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       for (const m in ln) {
         if (d[m] === void 0)
           continue;
-        const { correct: y, applyTo: v, isCSSVariable: g } = ln[m], w = l === "none" ? d[m] : y(d[m], u);
-        if (v) {
-          const x = v.length;
+        const { correct: y, applyTo: b, isCSSVariable: g } = ln[m], w = l === "none" ? d[m] : y(d[m], u);
+        if (b) {
+          const x = b.length;
           for (let E = 0; E < x; E++)
-            o[v[E]] = w;
+            o[b[E]] = w;
         } else
           g ? this.options.visualElement.renderState.vars[m] = w : o[m] = w;
       }
@@ -6453,58 +6453,58 @@ const Gp = (e) => {
     default:
       return null;
   }
-}, Xp = Array(12).fill(0), Zp = ({ visible: e, className: t }) => /* @__PURE__ */ b.createElement("div", {
+}, Xp = Array(12).fill(0), Zp = ({ visible: e, className: t }) => /* @__PURE__ */ v.createElement("div", {
   className: [
     "sonner-loading-wrapper",
     t
   ].filter(Boolean).join(" "),
   "data-visible": e
-}, /* @__PURE__ */ b.createElement("div", {
+}, /* @__PURE__ */ v.createElement("div", {
   className: "sonner-spinner"
-}, Xp.map((n, r) => /* @__PURE__ */ b.createElement("div", {
+}, Xp.map((n, r) => /* @__PURE__ */ v.createElement("div", {
   className: "sonner-loading-bar",
   key: `spinner-bar-${r}`
-})))), qp = /* @__PURE__ */ b.createElement("svg", {
+})))), qp = /* @__PURE__ */ v.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ v.createElement("path", {
   fillRule: "evenodd",
   d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",
   clipRule: "evenodd"
-})), Jp = /* @__PURE__ */ b.createElement("svg", {
+})), Jp = /* @__PURE__ */ v.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ v.createElement("path", {
   fillRule: "evenodd",
   d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",
   clipRule: "evenodd"
-})), Qp = /* @__PURE__ */ b.createElement("svg", {
+})), Qp = /* @__PURE__ */ v.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ v.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",
   clipRule: "evenodd"
-})), eg = /* @__PURE__ */ b.createElement("svg", {
+})), eg = /* @__PURE__ */ v.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 20 20",
   fill: "currentColor",
   height: "20",
   width: "20"
-}, /* @__PURE__ */ b.createElement("path", {
+}, /* @__PURE__ */ v.createElement("path", {
   fillRule: "evenodd",
   d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",
   clipRule: "evenodd"
-})), tg = /* @__PURE__ */ b.createElement("svg", {
+})), tg = /* @__PURE__ */ v.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   width: "12",
   height: "12",
@@ -6514,19 +6514,19 @@ const Gp = (e) => {
   strokeWidth: "1.5",
   strokeLinecap: "round",
   strokeLinejoin: "round"
-}, /* @__PURE__ */ b.createElement("line", {
+}, /* @__PURE__ */ v.createElement("line", {
   x1: "18",
   y1: "6",
   x2: "6",
   y2: "18"
-}), /* @__PURE__ */ b.createElement("line", {
+}), /* @__PURE__ */ v.createElement("line", {
   x1: "6",
   y1: "6",
   x2: "18",
   y2: "18"
 })), ng = () => {
-  const [e, t] = b.useState(document.hidden);
-  return b.useEffect(() => {
+  const [e, t] = v.useState(document.hidden);
+  return v.useEffect(() => {
     const n = () => {
       t(document.hidden);
     };
@@ -6614,7 +6614,7 @@ class rg {
         if (o = [
           "resolve",
           u
-        ], b.isValidElement(u))
+        ], v.isValidElement(u))
           s = !1, this.create({
             id: r,
             type: "default",
@@ -6622,7 +6622,7 @@ class rg {
           });
         else if (og(u) && !u.ok) {
           s = !1;
-          const l = typeof n.error == "function" ? await n.error(`HTTP error! status: ${u.status}`) : n.error, h = typeof n.description == "function" ? await n.description(`HTTP error! status: ${u.status}`) : n.description, m = typeof l == "object" && !b.isValidElement(l) ? l : {
+          const l = typeof n.error == "function" ? await n.error(`HTTP error! status: ${u.status}`) : n.error, h = typeof n.description == "function" ? await n.description(`HTTP error! status: ${u.status}`) : n.description, m = typeof l == "object" && !v.isValidElement(l) ? l : {
             message: l
           };
           this.create({
@@ -6633,7 +6633,7 @@ class rg {
           });
         } else if (u instanceof Error) {
           s = !1;
-          const l = typeof n.error == "function" ? await n.error(u) : n.error, h = typeof n.description == "function" ? await n.description(u) : n.description, m = typeof l == "object" && !b.isValidElement(l) ? l : {
+          const l = typeof n.error == "function" ? await n.error(u) : n.error, h = typeof n.description == "function" ? await n.description(u) : n.description, m = typeof l == "object" && !v.isValidElement(l) ? l : {
             message: l
           };
           this.create({
@@ -6644,7 +6644,7 @@ class rg {
           });
         } else if (n.success !== void 0) {
           s = !1;
-          const l = typeof n.success == "function" ? await n.success(u) : n.success, h = typeof n.description == "function" ? await n.description(u) : n.description, m = typeof l == "object" && !b.isValidElement(l) ? l : {
+          const l = typeof n.success == "function" ? await n.success(u) : n.success, h = typeof n.description == "function" ? await n.description(u) : n.description, m = typeof l == "object" && !v.isValidElement(l) ? l : {
             message: l
           };
           this.create({
@@ -6660,7 +6660,7 @@ class rg {
           u
         ], n.error !== void 0) {
           s = !1;
-          const d = typeof n.error == "function" ? await n.error(u) : n.error, l = typeof n.description == "function" ? await n.description(u) : n.description, f = typeof d == "object" && !b.isValidElement(d) ? d : {
+          const d = typeof n.error == "function" ? await n.error(u) : n.error, l = typeof n.description == "function" ? await n.description(u) : n.description, f = typeof d == "object" && !v.isValidElement(d) ? d : {
             message: d
           };
           this.create({
@@ -6723,32 +6723,32 @@ function gg(e) {
 }
 const yg = (e) => {
   var t, n, r, i, s, o, a, c, u;
-  const { invert: d, toast: l, unstyled: h, interacting: f, setHeights: m, visibleToasts: y, heights: v, index: g, toasts: w, expanded: x, removeToast: E, defaultRichColors: C, closeButton: S, style: k, cancelButtonStyle: A, actionButtonStyle: V, className: z = "", descriptionClassName: D = "", duration: K, position: U, gap: Te, expandByDefault: te, classNames: O, icons: R, closeButtonAriaLabel: F = "Close toast" } = e, [I, j] = b.useState(null), [ne, re] = b.useState(null), [B, X] = b.useState(!1), [Y, se] = b.useState(!1), [Me, H] = b.useState(!1), [ye, qe] = b.useState(!1), [He, pe] = b.useState(!1), [kc, rr] = b.useState(0), [Pc, Gi] = b.useState(0), Gt = b.useRef(l.duration || K || Fs), Xi = b.useRef(null), Ue = b.useRef(null), Ec = g === 0, Ac = g + 1 <= y, we = l.type, xt = l.dismissible !== !1, Dc = l.className || "", $c = l.descriptionClassName || "", pn = b.useMemo(() => v.findIndex((N) => N.toastId === l.id) || 0, [
-    v,
+  const { invert: d, toast: l, unstyled: h, interacting: f, setHeights: m, visibleToasts: y, heights: b, index: g, toasts: w, expanded: x, removeToast: E, defaultRichColors: C, closeButton: S, style: k, cancelButtonStyle: A, actionButtonStyle: V, className: z = "", descriptionClassName: D = "", duration: K, position: U, gap: Te, expandByDefault: te, classNames: O, icons: R, closeButtonAriaLabel: F = "Close toast" } = e, [I, j] = v.useState(null), [ne, re] = v.useState(null), [B, X] = v.useState(!1), [Y, se] = v.useState(!1), [Me, H] = v.useState(!1), [ye, qe] = v.useState(!1), [He, pe] = v.useState(!1), [kc, rr] = v.useState(0), [Pc, Gi] = v.useState(0), Gt = v.useRef(l.duration || K || Fs), Xi = v.useRef(null), Ue = v.useRef(null), Ec = g === 0, Ac = g + 1 <= y, we = l.type, xt = l.dismissible !== !1, Dc = l.className || "", $c = l.descriptionClassName || "", pn = v.useMemo(() => b.findIndex((N) => N.toastId === l.id) || 0, [
+    b,
     l.id
-  ]), Mc = b.useMemo(() => {
+  ]), Mc = v.useMemo(() => {
     var N;
     return (N = l.closeButton) != null ? N : S;
   }, [
     l.closeButton,
     S
-  ]), Zi = b.useMemo(() => l.duration || K || Fs, [
+  ]), Zi = v.useMemo(() => l.duration || K || Fs, [
     l.duration,
     K
-  ]), ir = b.useRef(0), wt = b.useRef(0), qi = b.useRef(0), St = b.useRef(null), [Vc, Rc] = U.split("-"), Ji = b.useMemo(() => v.reduce((N, ae, fe) => fe >= pn ? N : N + ae.height, 0), [
-    v,
+  ]), ir = v.useRef(0), wt = v.useRef(0), qi = v.useRef(0), St = v.useRef(null), [Vc, Rc] = U.split("-"), Ji = v.useMemo(() => b.reduce((N, ae, fe) => fe >= pn ? N : N + ae.height, 0), [
+    b,
     pn
   ]), Qi = ng(), Ic = l.invert || d, or = we === "loading";
-  wt.current = b.useMemo(() => pn * Te + Ji, [
+  wt.current = v.useMemo(() => pn * Te + Ji, [
     pn,
     Ji
-  ]), b.useEffect(() => {
+  ]), v.useEffect(() => {
     Gt.current = Zi;
   }, [
     Zi
-  ]), b.useEffect(() => {
+  ]), v.useEffect(() => {
     X(!0);
-  }, []), b.useEffect(() => {
+  }, []), v.useEffect(() => {
     const N = Ue.current;
     if (N) {
       const ae = N.getBoundingClientRect().height;
@@ -6764,7 +6764,7 @@ const yg = (e) => {
   }, [
     m,
     l.id
-  ]), b.useLayoutEffect(() => {
+  ]), v.useLayoutEffect(() => {
     if (!B) return;
     const N = Ue.current, ae = N.style.height;
     N.style.height = "auto";
@@ -6790,7 +6790,7 @@ const yg = (e) => {
     l.action,
     l.cancel
   ]);
-  const Je = b.useCallback(() => {
+  const Je = v.useCallback(() => {
     se(!0), rr(wt.current), m((N) => N.filter((ae) => ae.toastId !== l.id)), setTimeout(() => {
       E(l);
     }, pg);
@@ -6800,7 +6800,7 @@ const yg = (e) => {
     m,
     wt
   ]);
-  b.useEffect(() => {
+  v.useEffect(() => {
     if (l.promise && we === "loading" || l.duration === 1 / 0 || l.type === "loading") return;
     let N;
     return x || f || Qi ? (() => {
@@ -6821,7 +6821,7 @@ const yg = (e) => {
     we,
     Qi,
     Je
-  ]), b.useEffect(() => {
+  ]), v.useEffect(() => {
     l.delete && (Je(), l.onDismiss == null || l.onDismiss.call(l, l));
   }, [
     Je,
@@ -6831,19 +6831,19 @@ const yg = (e) => {
     var N;
     if (R?.loading) {
       var ae;
-      return /* @__PURE__ */ b.createElement("div", {
+      return /* @__PURE__ */ v.createElement("div", {
         className: Be(O?.loader, l == null || (ae = l.classNames) == null ? void 0 : ae.loader, "sonner-loader"),
         "data-visible": we === "loading"
       }, R.loading);
     }
-    return /* @__PURE__ */ b.createElement(Zp, {
+    return /* @__PURE__ */ v.createElement(Zp, {
       className: Be(O?.loader, l == null || (N = l.classNames) == null ? void 0 : N.loader),
       visible: we === "loading"
     });
   }
   const Lc = l.icon || R?.[we] || Gp(we);
   var eo, to;
-  return /* @__PURE__ */ b.createElement("li", {
+  return /* @__PURE__ */ v.createElement("li", {
     tabIndex: 0,
     ref: Ue,
     className: Be(z, Dc, O?.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, O?.default, O?.[we], l == null || (n = l.classNames) == null ? void 0 : n[we]),
@@ -6928,7 +6928,7 @@ const yg = (e) => {
         }
       (Math.abs(Re.x) > 0 || Math.abs(Re.y) > 0) && pe(!0), (fe = Ue.current) == null || fe.style.setProperty("--swipe-amount-x", `${Re.x}px`), (Se = Ue.current) == null || Se.style.setProperty("--swipe-amount-y", `${Re.y}px`);
     }
-  }, Mc && !l.jsx && we !== "loading" ? /* @__PURE__ */ b.createElement("button", {
+  }, Mc && !l.jsx && we !== "loading" ? /* @__PURE__ */ v.createElement("button", {
     "aria-label": F,
     "data-disabled": or,
     "data-close-button": !0,
@@ -6937,19 +6937,19 @@ const yg = (e) => {
       Je(), l.onDismiss == null || l.onDismiss.call(l, l);
     },
     className: Be(O?.closeButton, l == null || (r = l.classNames) == null ? void 0 : r.closeButton)
-  }, (to = R?.close) != null ? to : tg) : null, (we || l.icon || l.promise) && l.icon !== null && (R?.[we] !== null || l.icon) ? /* @__PURE__ */ b.createElement("div", {
+  }, (to = R?.close) != null ? to : tg) : null, (we || l.icon || l.promise) && l.icon !== null && (R?.[we] !== null || l.icon) ? /* @__PURE__ */ v.createElement("div", {
     "data-icon": "",
     className: Be(O?.icon, l == null || (i = l.classNames) == null ? void 0 : i.icon)
-  }, l.promise || l.type === "loading" && !l.icon ? l.icon || Nc() : null, l.type !== "loading" ? Lc : null) : null, /* @__PURE__ */ b.createElement("div", {
+  }, l.promise || l.type === "loading" && !l.icon ? l.icon || Nc() : null, l.type !== "loading" ? Lc : null) : null, /* @__PURE__ */ v.createElement("div", {
     "data-content": "",
     className: Be(O?.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
-  }, /* @__PURE__ */ b.createElement("div", {
+  }, /* @__PURE__ */ v.createElement("div", {
     "data-title": "",
     className: Be(O?.title, l == null || (o = l.classNames) == null ? void 0 : o.title)
-  }, l.jsx ? l.jsx : typeof l.title == "function" ? l.title() : l.title), l.description ? /* @__PURE__ */ b.createElement("div", {
+  }, l.jsx ? l.jsx : typeof l.title == "function" ? l.title() : l.title), l.description ? /* @__PURE__ */ v.createElement("div", {
     "data-description": "",
     className: Be(D, $c, O?.description, l == null || (a = l.classNames) == null ? void 0 : a.description)
-  }, typeof l.description == "function" ? l.description() : l.description) : null), /* @__PURE__ */ b.isValidElement(l.cancel) ? l.cancel : l.cancel && Pn(l.cancel) ? /* @__PURE__ */ b.createElement("button", {
+  }, typeof l.description == "function" ? l.description() : l.description) : null), /* @__PURE__ */ v.isValidElement(l.cancel) ? l.cancel : l.cancel && Pn(l.cancel) ? /* @__PURE__ */ v.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
     style: l.cancelButtonStyle || A,
@@ -6957,7 +6957,7 @@ const yg = (e) => {
       Pn(l.cancel) && xt && (l.cancel.onClick == null || l.cancel.onClick.call(l.cancel, N), Je());
     },
     className: Be(O?.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
-  }, l.cancel.label) : null, /* @__PURE__ */ b.isValidElement(l.action) ? l.action : l.action && Pn(l.action) ? /* @__PURE__ */ b.createElement("button", {
+  }, l.cancel.label) : null, /* @__PURE__ */ v.isValidElement(l.action) ? l.action : l.action && Pn(l.action) ? /* @__PURE__ */ v.createElement("button", {
     "data-button": !0,
     "data-action": !0,
     style: l.actionButtonStyle || V,
@@ -6999,25 +6999,25 @@ function vg(e, t) {
     }) : c(a);
   }), n;
 }
-const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
+const bg = /* @__PURE__ */ v.forwardRef(function(t, n) {
   const { id: r, invert: i, position: s = "bottom-right", hotkey: o = [
     "altKey",
     "KeyT"
-  ], expand: a, closeButton: c, className: u, offset: d, mobileOffset: l, theme: h = "light", richColors: f, duration: m, style: y, visibleToasts: v = cg, toastOptions: g, dir: w = zs(), gap: x = fg, icons: E, containerAriaLabel: C = "Notifications" } = t, [S, k] = b.useState([]), A = b.useMemo(() => r ? S.filter((B) => B.toasterId === r) : S.filter((B) => !B.toasterId), [
+  ], expand: a, closeButton: c, className: u, offset: d, mobileOffset: l, theme: h = "light", richColors: f, duration: m, style: y, visibleToasts: b = cg, toastOptions: g, dir: w = zs(), gap: x = fg, icons: E, containerAriaLabel: C = "Notifications" } = t, [S, k] = v.useState([]), A = v.useMemo(() => r ? S.filter((B) => B.toasterId === r) : S.filter((B) => !B.toasterId), [
     S,
     r
-  ]), V = b.useMemo(() => Array.from(new Set([
+  ]), V = v.useMemo(() => Array.from(new Set([
     s
   ].concat(A.filter((B) => B.position).map((B) => B.position)))), [
     A,
     s
-  ]), [z, D] = b.useState([]), [K, U] = b.useState(!1), [Te, te] = b.useState(!1), [O, R] = b.useState(h !== "system" ? h : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), F = b.useRef(null), I = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), j = b.useRef(null), ne = b.useRef(!1), re = b.useCallback((B) => {
+  ]), [z, D] = v.useState([]), [K, U] = v.useState(!1), [Te, te] = v.useState(!1), [O, R] = v.useState(h !== "system" ? h : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), F = v.useRef(null), I = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), j = v.useRef(null), ne = v.useRef(!1), re = v.useCallback((B) => {
     k((X) => {
       var Y;
       return (Y = X.find((se) => se.id === B.id)) != null && Y.delete || ve.dismiss(B.id), X.filter(({ id: se }) => se !== B.id);
     });
   }, []);
-  return b.useEffect(() => ve.subscribe((B) => {
+  return v.useEffect(() => ve.subscribe((B) => {
     if (B.dismiss) {
       requestAnimationFrame(() => {
         k((X) => X.map((Y) => Y.id === B.id ? {
@@ -7047,7 +7047,7 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
     });
   }), [
     S
-  ]), b.useEffect(() => {
+  ]), v.useEffect(() => {
     if (h !== "system") {
       R(h);
       return;
@@ -7069,11 +7069,11 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
     }
   }, [
     h
-  ]), b.useEffect(() => {
+  ]), v.useEffect(() => {
     S.length <= 1 && U(!1);
   }, [
     S
-  ]), b.useEffect(() => {
+  ]), v.useEffect(() => {
     const B = (X) => {
       var Y;
       if (o.every((H) => X[H] || X.code === H)) {
@@ -7085,7 +7085,7 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
     return document.addEventListener("keydown", B), () => document.removeEventListener("keydown", B);
   }, [
     o
-  ]), b.useEffect(() => {
+  ]), v.useEffect(() => {
     if (F.current)
       return () => {
         j.current && (j.current.focus({
@@ -7095,7 +7095,7 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
   }, [
     F.current
   ]), // Remove item from normal navigation flow, only available via hotkey
-  /* @__PURE__ */ b.createElement("section", {
+  /* @__PURE__ */ v.createElement("section", {
     ref: n,
     "aria-label": `${C} ${I}`,
     tabIndex: -1,
@@ -7106,7 +7106,7 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
   }, V.map((B, X) => {
     var Y;
     const [se, Me] = B.split("-");
-    return A.length ? /* @__PURE__ */ b.createElement("ol", {
+    return A.length ? /* @__PURE__ */ v.createElement("ol", {
       key: B,
       dir: w === "auto" ? zs() : w,
       tabIndex: -1,
@@ -7143,7 +7143,7 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
       onPointerUp: () => te(!1)
     }, A.filter((H) => !H.position && X === 0 || H.position === B).map((H, ye) => {
       var qe, He;
-      return /* @__PURE__ */ b.createElement(yg, {
+      return /* @__PURE__ */ v.createElement(yg, {
         key: H.id,
         icons: E,
         index: ye,
@@ -7153,7 +7153,7 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
         className: g?.className,
         descriptionClassName: g?.descriptionClassName,
         invert: i,
-        visibleToasts: v,
+        visibleToasts: b,
         closeButton: (He = g?.closeButton) != null ? He : c,
         interacting: Te,
         position: B,
@@ -7731,7 +7731,7 @@ const bg = /* @__PURE__ */ b.forwardRef(function(t, n) {
   )
 );
 rc.displayName = "BaseInput";
-const Og = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" })), jg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" })), Fg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })), zg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z" })), _g = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" })), Hg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z" })), Ug = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" })), Wg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z" })), Kg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" })), Hs = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z" })), Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z" })), Gg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z" })), Us = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z" })), Xg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => b.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, b.createElement("path", { d: "M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" })), Zg = T.div`
+const Og = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z" })), jg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" })), Fg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })), zg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z" })), _g = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" })), Hg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z" })), Ug = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z" })), Wg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z" })), Kg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M5 22C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V6H18V4H6V20H18V18H20V21C20 21.5523 19.5523 22 19 22H5ZM18 16V13H11V11H18V8L23 12L18 16Z" })), Hs = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z" })), Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z" })), Gg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z" })), Us = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z" })), Xg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) => v.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", width: t, height: t, fill: e, ...r, className: "remixicon " + (n || "") }, v.createElement("path", { d: "M20 22H18V20C18 18.3431 16.6569 17 15 17H9C7.34315 17 6 18.3431 6 20V22H4V20C4 17.2386 6.23858 15 9 15H15C17.7614 15 20 17.2386 20 20V22ZM12 13C8.68629 13 6 10.3137 6 7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7C18 10.3137 15.3137 13 12 13ZM12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" })), Zg = T.div`
     ${Kt}
     ${({ $size: e }) => nr[e ?? "md"]}
     ${({ $hasError: e }) => e && Yt}
@@ -7919,11 +7919,11 @@ const Og = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
     optionsClassName: l,
     optionClassName: h
   }, f) => {
-    const m = he(null), y = he(null), v = he(null), g = he(null), w = Xe(), [x, E] = ze(!1), [C, S] = ze(-1), k = r.find((D) => D.value === a);
+    const m = he(null), y = he(null), b = he(null), g = he(null), w = Xe(), [x, E] = ze(!1), [C, S] = ze(-1), k = r.find((D) => D.value === a);
     Ee(() => {
       x && y.current && (y.current.focus(), S(i0(a, r)));
     }, [x, r, a]), Ee(() => {
-      r0(v, C);
+      r0(b, C);
     }, [C]), Ee(() => {
       if (!x) return;
       const D = (K) => {
@@ -8016,7 +8016,7 @@ const Og = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
             ease: [0.4, 0, 0.2, 1]
           },
           onKeyDown: z,
-          children: /* @__PURE__ */ p(c0, { ref: v, className: l, children: r.map((D, K) => {
+          children: /* @__PURE__ */ p(c0, { ref: b, className: l, children: r.map((D, K) => {
             const U = K === C;
             return /* @__PURE__ */ p(
               u0,
@@ -8108,8 +8108,8 @@ const h0 = T.textarea`
         if (i) {
           const f = h.target;
           f.style.height = "auto";
-          const m = f.scrollHeight, y = s * 24, v = o ? o * 24 : m;
-          m > v ? (f.style.height = `${v}px`, f.style.overflowY = "scroll") : (f.style.height = `${Math.max(m, y)}px`, f.style.overflowY = "hidden");
+          const m = f.scrollHeight, y = s * 24, b = o ? o * 24 : m;
+          m > b ? (f.style.height = `${b}px`, f.style.overflowY = "scroll") : (f.style.height = `${Math.max(m, y)}px`, f.style.overflowY = "hidden");
         }
         c?.(h);
       },
@@ -8207,15 +8207,15 @@ const m0 = T.div`
     ...a
   }, c) => {
     const u = Xe(), d = a.id ?? u, l = !!n, { size: h, ...f } = a, m = he(null), y = Wn(
-      (v) => {
-        if (m.current = v, !!c)
+      (b) => {
+        if (m.current = b, !!c)
           if (typeof c == "function")
             try {
-              c(v);
+              c(b);
             } catch {
             }
           else
-            c.current = v;
+            c.current = b;
       },
       [c]
     );
@@ -8467,17 +8467,17 @@ const D0 = (e, t, n, r, i, s, o = "text", a, c) => {
   if (!u) return;
   const d = s ?? i.length, l = [...n];
   for (let y = 0; y < u.length; y++) {
-    const v = t + y;
-    if (v >= d) break;
+    const b = t + y;
+    if (b >= d) break;
     const g = u[y];
-    o === "number" && !/^\d$/.test(g) || (l[v] = g);
+    o === "number" && !/^\d$/.test(g) || (l[b] = g);
   }
   r(l), a?.(l.join(""));
   const h = l.findIndex((y) => y === ""), f = h !== -1 ? Math.min(Math.max(h, t), d - 1) : d - 1;
   i[f].current?.focus();
   const m = l.join("");
   l.every((y) => y !== "") && l.length >= d && c?.(m);
-}, V0 = (e) => Array(e).fill(null).map(() => b.createRef()), y1 = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), R0 = T.div`
+}, V0 = (e) => Array(e).fill(null).map(() => v.createRef()), y1 = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), R0 = T.div`
     display: flex;
     gap: 8px;
     align-items: center;
@@ -8708,7 +8708,7 @@ const Ws = T.div`
   className: f,
   inputClassName: m,
   labelClassName: y,
-  messageErrorClassName: v,
+  messageErrorClassName: b,
   leftIcon: g,
   rightIcon: w,
   iconSize: x,
@@ -8919,7 +8919,7 @@ const Ws = T.div`
       {
         id: `${te}-error`,
         size: i,
-        className: v,
+        className: b,
         children: Te
       }
     )
@@ -8936,7 +8936,7 @@ const Ws = T.div`
       }
     ),
     F,
-    U && /* @__PURE__ */ p(_s, { id: `${te}-error`, size: i, className: v, children: Te })
+    U && /* @__PURE__ */ p(_s, { id: `${te}-error`, size: i, className: b, children: Te })
   ] });
 }, z0 = {
   initial: { opacity: 0, scale: 0.95 },
@@ -9070,21 +9070,21 @@ const Ws = T.div`
   ariaLabelledBy: d,
   ariaDescribedBy: l
 }) => {
-  const h = he(null), f = he(null), m = (v) => {
-    i && v.target === v.currentTarget && t();
+  const h = he(null), f = he(null), m = (b) => {
+    i && b.target === b.currentTarget && t();
   };
   Ee(() => {
-    const v = (g) => {
+    const b = (g) => {
       c && g.key === "Escape" && t();
     };
-    return e ? (document.addEventListener("keydown", v), document.body.style.overflow = "hidden") : document.body.style.overflow = "", () => {
-      document.removeEventListener("keydown", v), document.body.style.overflow = "";
+    return e ? (document.addEventListener("keydown", b), document.body.style.overflow = "hidden") : document.body.style.overflow = "", () => {
+      document.removeEventListener("keydown", b), document.body.style.overflow = "";
     };
   }, [e, t, c]), Ee(() => {
     if (!e) return;
     f.current = document.activeElement;
-    const v = h.current, g = () => {
-      v && (v.hasAttribute("tabindex") || v.setAttribute("tabindex", "-1"), v.focus());
+    const b = h.current, g = () => {
+      b && (b.hasAttribute("tabindex") || b.setAttribute("tabindex", "-1"), b.focus());
     }, w = window.setTimeout(g, 0);
     function x(C) {
       const S = [
@@ -9105,10 +9105,10 @@ const Ws = T.div`
       );
     }
     const E = (C) => {
-      if (C.key !== "Tab" || !v) return;
-      const S = x(v);
+      if (C.key !== "Tab" || !b) return;
+      const S = x(b);
       if (S.length === 0) {
-        C.preventDefault(), v.focus();
+        C.preventDefault(), b.focus();
         return;
       }
       const k = S[0], A = S[S.length - 1], V = document.activeElement;
@@ -9126,7 +9126,7 @@ const Ws = T.div`
       $size: o,
       $fullScreen: a,
       className: r,
-      onClick: (v) => v.stopPropagation(),
+      onClick: (b) => b.stopPropagation(),
       role: "dialog",
       "aria-modal": "true",
       "aria-label": u,
@@ -9277,13 +9277,13 @@ const Ws = T.div`
   closeOnBackdropClick: f = !1,
   containerClassName: m,
   headerClassName: y,
-  bodyClassName: v,
+  bodyClassName: b,
   footerClassName: g,
   initiallyConfirmed: w = !1,
   onConfirmChange: x
 }) => {
-  const [E, C] = b.useState(w);
-  b.useEffect(() => {
+  const [E, C] = v.useState(w);
+  v.useEffect(() => {
     e || C(w);
   }, [e, w]);
   const S = (k) => {
@@ -9303,7 +9303,7 @@ const Ws = T.div`
       className: `${m} !h-fit !max-w-[60rem]`,
       children: [
         /* @__PURE__ */ p(G0, { showDivider: !0, className: y, children: /* @__PURE__ */ p(li, { id: "tac-title", size: 20, children: r }) }),
-        /* @__PURE__ */ M(Z0, { padded: !0, showBottomDivider: !0, className: v, children: [
+        /* @__PURE__ */ M(Z0, { padded: !0, showBottomDivider: !0, className: b, children: [
           i && /* @__PURE__ */ p(ut, { id: "tac-subtitle", size: 16, children: i }),
           s,
           o
@@ -9367,7 +9367,7 @@ const Ws = T.div`
         outline-color: var(--color-main-blue-primary);
         outline-offset: -2px;
     }
-`, ty = T.a`
+`, ty = T.button`
     ${gc}
 
     // Level-based padding
@@ -9436,29 +9436,29 @@ const Ws = T.div`
     transform: rotate(${({ $open: e }) => e ? "90deg" : "0deg"});
     pointer-events: none;
     transition: transform 0.3s ease-out;
-`, yc = ({ item: e, userRoles: t, level: n = 0, activePath: r }) => {
-  const [i, s] = ze(!1), { isCollapsed: o, setIsMobileOpen: a } = pc(), c = Fe(
-    () => (e.children || []).filter((g) => Ks(t, g.permissions)),
+`, yc = ({ item: e, userRoles: t, level: n = 0, activePath: r, onNavigate: i }) => {
+  const [s, o] = ze(!1), { isCollapsed: a, setIsMobileOpen: c } = pc(), u = Fe(
+    () => (e.children || []).filter((w) => Ks(t, w.permissions)),
     [e.children, t]
   );
   if (!Fe(
     () => Ks(t, e.permissions),
     [t, e.permissions]
   )) return null;
-  const d = c.length > 0, l = e.href || e.path || "", h = !!(l && r && r.startsWith(l)), f = () => {
-    s((g) => !g);
-  }, m = () => {
-    a && a(!1);
-  }, y = async () => {
+  const l = u.length > 0, h = e.href || e.path || "", f = !!(h && r && r.startsWith(h)), m = () => {
+    o((w) => !w);
+  }, y = () => {
+    e.href && i?.(e.href);
+  }, b = async () => {
     if (e.path)
       try {
-        typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer"), a && a(!1);
-      } catch (g) {
-        console.error("Error al navegar a microservicio:", g);
+        typeof window < "u" && window.open(e.path, "_blank", "noopener,noreferrer"), c && c(!1);
+      } catch (w) {
+        console.error("Error al navegar a microservicio:", w);
       }
-  }, v = () => /* @__PURE__ */ M(ni, { children: [
+  }, g = () => /* @__PURE__ */ M(ni, { children: [
     /* @__PURE__ */ M(ry, { children: [
-      n > 0 && !o && /* @__PURE__ */ p(ay, {}),
+      n > 0 && !a && /* @__PURE__ */ p(ay, {}),
       e.icon && /* @__PURE__ */ p(
         G,
         {
@@ -9467,7 +9467,7 @@ const Ws = T.div`
           color: "var(--color-main-blue-primary)"
         }
       ),
-      !o && /* @__PURE__ */ p(
+      !a && /* @__PURE__ */ p(
         iy,
         {
           $level: n,
@@ -9477,7 +9477,7 @@ const Ws = T.div`
         }
       )
     ] }),
-    !o && d && /* @__PURE__ */ p(ly, { $disabled: o, $open: i, children: /* @__PURE__ */ p(
+    !a && l && /* @__PURE__ */ p(ly, { $disabled: a, $open: s, children: /* @__PURE__ */ p(
       G,
       {
         component: Fg,
@@ -9487,41 +9487,43 @@ const Ws = T.div`
     ) })
   ] });
   return /* @__PURE__ */ M(sy, { $level: n, children: [
-    e.href && !e.path && !d ? /* @__PURE__ */ p(
+    e.href && !e.path && !l ? /* @__PURE__ */ p(
       ty,
       {
-        href: e.href,
-        onClick: m,
+        type: "button",
+        onClick: y,
         $level: n,
-        $collapsed: o,
-        $active: h,
-        title: o ? e.label : "",
-        children: v()
+        $collapsed: a,
+        $active: f,
+        title: a ? e.label : "",
+        children: g()
       }
     ) : (
       /* Render Button for external navigation or parent items */
       /* @__PURE__ */ p(
         ny,
         {
-          onClick: d ? f : e.path ? y : m,
+          type: "button",
+          onClick: l ? m : e.path ? b : y,
           $level: n,
-          $collapsed: o,
-          $active: h,
-          $expanded: i && d,
-          title: o ? e.label : "",
-          children: v()
+          $collapsed: a,
+          $active: f,
+          $expanded: s && l,
+          title: a ? e.label : "",
+          children: g()
         }
       )
     ),
-    /* @__PURE__ */ p(fn, { initial: !1, children: !o && i && d && /* @__PURE__ */ p(oy, { $level: n + 1, ..._0, children: c.map((g) => /* @__PURE__ */ p(
+    /* @__PURE__ */ p(fn, { initial: !1, children: !a && s && l && /* @__PURE__ */ p(oy, { $level: n + 1, ..._0, children: u.map((w) => /* @__PURE__ */ p(
       yc,
       {
-        item: g,
+        item: w,
         userRoles: t,
         level: n + 1,
+        onNavigate: i,
         activePath: r
       },
-      g.id
+      w.id
     )) }) })
   ] });
 }, cy = T(Ze.div)`
@@ -9614,18 +9616,22 @@ const Ws = T.div`
   userRoles: t = [],
   activePath: n,
   logoImgExpanded: r,
-  logoImgCollapsed: i
+  logoImgCollapsed: i,
+  onNavigate: s = () => {
+  }
 }) => {
-  const { isCollapsed: s, setIsCollapsed: o, isMobileOpen: a, setIsMobileOpen: c } = pc();
+  const { isCollapsed: o, setIsCollapsed: a, isMobileOpen: c, setIsMobileOpen: u } = pc(), d = (l) => {
+    s(l), typeof window < "u" && window.innerWidth < 768 && u(!1);
+  };
   return /* @__PURE__ */ M(ni, { children: [
-    /* @__PURE__ */ p(fn, { children: a && /* @__PURE__ */ p(cy, { ...fc, onClick: () => c(!1) }) }),
-    /* @__PURE__ */ M(uy, { $collapsed: a ? !1 : s, $open: a, children: [
-      /* @__PURE__ */ M(dy, { $collapsed: s, children: [
-        /* @__PURE__ */ p(hy, { children: s ? i : r }),
+    /* @__PURE__ */ p(fn, { children: c && /* @__PURE__ */ p(cy, { ...fc, onClick: () => u(!1) }) }),
+    /* @__PURE__ */ M(uy, { $collapsed: c ? !1 : o, $open: c, children: [
+      /* @__PURE__ */ M(dy, { $collapsed: o, children: [
+        /* @__PURE__ */ p(hy, { children: o ? i : r }),
         /* @__PURE__ */ p(
           my,
           {
-            onClick: () => o(!s),
+            onClick: () => a(!o),
             "aria-label": "Toggle collapse",
             children: /* @__PURE__ */ p(
               G,
@@ -9638,23 +9644,24 @@ const Ws = T.div`
           }
         )
       ] }),
-      /* @__PURE__ */ p(fy, { children: e.map((u) => /* @__PURE__ */ p(
+      /* @__PURE__ */ p(fy, { children: e.map((l) => /* @__PURE__ */ p(
         yc,
         {
-          item: u,
+          item: l,
           userRoles: t,
+          onNavigate: d,
           activePath: n
         },
-        u.id
+        l.id
       )) })
     ] }),
     /* @__PURE__ */ p(
       py,
       {
         onClick: () => {
-          c(!0), o(!1);
+          u(!0), a(!1);
         },
-        $hidden: a,
+        $hidden: c,
         children: /* @__PURE__ */ p(G, { component: Hs, size: 30 })
       }
     )
@@ -9769,7 +9776,7 @@ const gy = {
 
     ${({ $size: e }) => vy[e]}
     ${({ $variant: e }) => gy[e]}
-    ${({ $disabled: e }) => e && yy}
+  ${({ $disabled: e }) => e && yy}
 `, xy = T.span`
     flex: 1 1 auto;
     min-width: 0;
@@ -9797,7 +9804,7 @@ const gy = {
     iconColor: f = "currentColor",
     truncate: m = !1,
     "aria-label": y,
-    "aria-describedby": v,
+    "aria-describedby": b,
     onClick: g,
     ...w
   }, x) => {
@@ -9816,7 +9823,7 @@ const gy = {
       rel: o ?? (s === "_blank" ? "noopener noreferrer" : void 0),
       onClick: E,
       "aria-label": y ?? r,
-      "aria-describedby": v,
+      "aria-describedby": b,
       "aria-disabled": c,
       tabIndex: c ? -1 : u ?? 0,
       ...w
@@ -10226,7 +10233,7 @@ Oy.displayName = "Table";
 const jy = T.div`
     position: relative;
     display: flex;
-    align-items: center;  
+    align-items: center;
     gap: 0.75rem;
     padding: 0.5rem;
     border-radius: var(--border-radius-outline);
@@ -10383,7 +10390,7 @@ const jy = T.div`
         animate: { opacity: 1, y: 0, scale: 1 },
         exit: { opacity: 0, y: -10, scale: 0.95 },
         transition: { duration: 0.15 },
-        children: u.map((d) => /* @__PURE__ */ p(b.Fragment, { children: /* @__PURE__ */ M(
+        children: u.map((d) => /* @__PURE__ */ p(v.Fragment, { children: /* @__PURE__ */ M(
           Uy,
           {
             onClick: d.onClick,
@@ -10555,11 +10562,12 @@ const Zy = T.div`
   notificationCount: o,
   onNotificationClick: a,
   onUserProfileClick: c,
-  onLogout: u,
-  userMenuItems: d = [],
-  contentClassName: l,
-  logoImgCollapsed: h,
-  logoImgExpanded: f
+  onNavigate: u,
+  onLogout: d,
+  userMenuItems: l = [],
+  contentClassName: h,
+  logoImgCollapsed: f,
+  logoImgExpanded: m
 }) => /* @__PURE__ */ M(Zy, { children: [
   /* @__PURE__ */ p(
     vc,
@@ -10567,8 +10575,9 @@ const Zy = T.div`
       navigationConfig: t,
       userRoles: n,
       activePath: r,
-      logoImgCollapsed: h,
-      logoImgExpanded: f
+      logoImgCollapsed: f,
+      logoImgExpanded: m,
+      onNavigate: u
     }
   ),
   /* @__PURE__ */ p(
@@ -10579,11 +10588,11 @@ const Zy = T.div`
       notificationCount: o,
       onNotificationClick: a,
       onUserProfileClick: c,
-      onLogout: u,
-      userMenuItems: d
+      onLogout: d,
+      userMenuItems: l
     }
   ),
-  /* @__PURE__ */ p(qy, { className: l, children: e })
+  /* @__PURE__ */ p(qy, { className: h, children: e })
 ] }), w1 = (e) => /* @__PURE__ */ p(Q0, { children: /* @__PURE__ */ p(Jy, { ...e }) });
 function S1(e, t, n) {
   let r = `${e}=${encodeURIComponent(t)}; path=/; SameSite=Strict; Secure`;
@@ -10604,7 +10613,9 @@ function C1(e) {
 }
 export {
   Rg as ALLOWED_INPUT_TYPES,
+  uy as Aside,
   rc as BaseInput,
+  hy as BrandLogo,
   js as Button,
   _p as ButtonSpinner,
   u1 as Card,
@@ -10614,6 +10625,7 @@ export {
   Yi as Checkbox,
   ac as CheckboxInput,
   T0 as CheckboxLabel,
+  my as CloseOpenButton,
   K0 as Dialog,
   Z0 as DialogBody,
   J0 as DialogFooter,
@@ -10629,6 +10641,12 @@ export {
   Ui as Label,
   w1 as Layout,
   wy as Link,
+  yy as LinkDisabledStyles,
+  vy as LinkSizeStyles,
+  gy as LinkVariantStyles,
+  py as MobileOpenBtn,
+  fy as Nav,
+  cy as Overlay,
   Qg as PasswordInput,
   lc as PinInput,
   cc as PinInputGroup,
@@ -10639,6 +10657,9 @@ export {
   a1 as SectionSpinner,
   oc as SelectInput,
   vc as Sidebar,
+  mc as SidebarContext,
+  dy as SidebarHeader,
+  Q0 as SidebarProvider,
   Hi as Spinner,
   Oy as Table,
   Sc as TableCell,
@@ -10663,6 +10684,7 @@ export {
   D0 as handleDigitChange,
   $0 as handleKeyDown,
   M0 as handlePaste,
+  Ks as hasPermission,
   Ta as headingBoldStyles,
   Zu as headingRegularStyles,
   Ig as isAllowedInputType,