tcce-design-system-test 0.3.29 → 0.3.30

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

@@ -1,5 +1,5 @@
 import * as Kn from "react";
-import w, { useDebugValue as si, createElement as qs, useRef as fe, useContext as ue, createContext as bt, useLayoutEffect as jc, useEffect as Ae, useId as qe, useInsertionEffect as Js, useMemo as _e, useCallback as je, Children as zc, isValidElement as _c, useState as Te, Fragment as Qs, forwardRef as He, Component as Hc } from "react";
+import w, { useDebugValue as si, createElement as qs, useRef as fe, useContext as ue, createContext as bt, useLayoutEffect as jc, useEffect as Te, useId as qe, useInsertionEffect as Js, useMemo as _e, useCallback as je, Children as zc, isValidElement as _c, useState as ke, Fragment as Qs, forwardRef as He, Component as Hc } from "react";
 import { jsx as m, Fragment as oo, jsxs as D } from "react/jsx-runtime";
 import Uc, { createPortal as Wc } from "react-dom";
 import { useField as Kc } from "formik";
@@ -191,7 +191,7 @@ function lu(e) {
   return ru(Mn("", null, null, null, [""], e = nu(e), 0, [0], e));
 }
 function Mn(e, t, n, r, o, s, i, a, l) {
-  for (var u = 0, d = 0, c = i, h = 0, f = 0, p = 0, v = 1, x = 1, g = 1, C = 0, b = "", P = o, k = s, T = r, E = b; x; )
+  for (var u = 0, d = 0, c = i, h = 0, f = 0, p = 0, y = 1, x = 1, g = 1, C = 0, b = "", P = o, k = s, T = r, E = b; x; )
     switch (p = C, C = Ne()) {
       // (
       case 40:
@@ -228,10 +228,10 @@ function Mn(e, t, n, r, o, s, i, a, l) {
         }
         break;
       // {
-      case 123 * v:
+      case 123 * y:
         a[u++] = Fe(E) * g;
       // } ; \0
-      case 125 * v:
+      case 125 * y:
       case 59:
       case 0:
         switch (C) {
@@ -264,19 +264,19 @@ function Mn(e, t, n, r, o, s, i, a, l) {
                     Mn(E, T, T, T, [""], k, 0, a, k);
                 }
         }
-        u = d = f = 0, v = g = 1, b = E = "", c = i;
+        u = d = f = 0, y = g = 1, b = E = "", c = i;
         break;
       // :
       case 58:
         c = 1 + Fe(E), f = p;
       default:
-        if (v < 1) {
+        if (y < 1) {
           if (C == 123)
-            --v;
-          else if (C == 125 && v++ == 0 && tu() == 125)
+            --y;
+          else if (C == 125 && y++ == 0 && tu() == 125)
             continue;
         }
-        switch (E += so(C), C * v) {
+        switch (E += so(C), C * y) {
           // &
           case 38:
             g = d > 0 ? 1 : (E += "\f", -1);
@@ -291,14 +291,14 @@ function Mn(e, t, n, r, o, s, i, a, l) {
             break;
           // -
           case 45:
-            p === 45 && Fe(E) == 2 && (v = 0);
+            p === 45 && Fe(E) == 2 && (y = 0);
         }
     }
   return s;
 }
 function li(e, t, n, r, o, s, i, a, l, u, d, c) {
-  for (var h = o - 1, f = o === 0 ? s : [""], p = oa(f), v = 0, x = 0, g = 0; v < r; ++v)
-    for (var C = 0, b = It(e, h + 1, h = na(x = i[v])), P = e; C < p; ++C)
+  for (var h = o - 1, f = o === 0 ? s : [""], p = oa(f), y = 0, x = 0, g = 0; y < r; ++y)
+    for (var C = 0, b = It(e, h + 1, h = na(x = i[y])), P = e; C < p; ++C)
       (P = ra(x > 0 ? f[C] + " " + b : O(b, /&\f/g, f[C]))) && (l[g++] = P);
   return Xn(e, t, n, o === 0 ? Yn : a, l, u, d, c);
 }
@@ -881,10 +881,10 @@ var ga = function(e) {
           if (h === void 0) return "continue";
           var f = s.names.get(h), p = i.getGroup(c);
           if (f === void 0 || !f.size || p.length === 0) return "continue";
-          var v = "".concat(vt, ".g").concat(c, '[id="').concat(h, '"]'), x = "";
+          var y = "".concat(vt, ".g").concat(c, '[id="').concat(h, '"]'), x = "";
           f !== void 0 && f.forEach(function(g) {
             g.length > 0 && (x += "".concat(g, ","));
-          }), l += "".concat(p).concat(v, '{content:"').concat(x, '"}').concat(ao);
+          }), l += "".concat(p).concat(y, '{content:"').concat(x, '"}').concat(ao);
         }, d = 0; d < a; d++) u(d);
         return l;
       })(o);
@@ -936,8 +936,8 @@ function Ku(e) {
   d.push(function(h) {
     h.type === Yn && h.value.includes("&") && (h.props[0] = h.props[0].replace(Uu, n).replace(r, u));
   }), i.prefix && d.push(fu), d.push(uu);
-  var c = function(h, f, p, v) {
-    f === void 0 && (f = ""), p === void 0 && (p = ""), v === void 0 && (v = "&"), t = v, n = f, r = new RegExp("\\".concat(n, "\\b"), "g");
+  var c = function(h, f, p, y) {
+    f === void 0 && (f = ""), p === void 0 && (p = ""), y === void 0 && (y = "&"), t = y, n = f, r = new RegExp("\\".concat(n, "\\b"), "g");
     var x = h.replace(Wu, ""), g = lu(p || f ? "".concat(p, " ").concat(f, " { ").concat(x, " }") : x);
     i.namespace && (g = va(g, i.namespace));
     var C = [];
@@ -1054,13 +1054,13 @@ function Ju(e, t, n) {
     return cr(P) ? "styled.".concat(P) : "Styled(".concat(da(P), ")");
   })(e) : d, h = t.displayName && t.componentId ? "".concat(di(t.displayName), "-").concat(t.componentId) : t.componentId || u, f = r && o.attrs ? o.attrs.concat(a).filter(Boolean) : a, p = t.shouldForwardProp;
   if (r && o.shouldForwardProp) {
-    var v = o.shouldForwardProp;
+    var y = o.shouldForwardProp;
     if (t.shouldForwardProp) {
       var x = t.shouldForwardProp;
       p = function(P, k) {
-        return v(P, k) && x(P, k);
+        return y(P, k) && x(P, k);
       };
-    } else p = v;
+    } else p = y;
   }
   var g = new qu(n, h, r ? o.componentStyle : void 0);
   function C(P, k) {
@@ -1122,7 +1122,7 @@ function Ci(e, t) {
 var Ti = function(e) {
   return Object.assign(e, { isCss: !0 });
 };
-function y(e) {
+function v(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
   if (Bt(e) || Ot(e)) return Ti(pt(Ci(Jn, Rt([e], t, !0))));
   var r = e;
@@ -1132,7 +1132,7 @@ function Rr(e, t, n) {
   if (n === void 0 && (n = Nt), !t) throw _t(1, t);
   var r = function(o) {
     for (var s = [], i = 1; i < arguments.length; i++) s[i - 1] = arguments[i];
-    return e(t, n, y.apply(void 0, Rt([o], s, !1)));
+    return e(t, n, v.apply(void 0, Rt([o], s, !1)));
   };
   return r.attrs = function(o) {
     return Rr(e, t, xe(xe({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
@@ -1154,49 +1154,49 @@ process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && type
 
 See https://s-c.sh/2BAXzed for more info.`), window[Cn] += 1);
 const Ta = {
-  80: y`
+  80: v`
         font-family: 'Dax', serif;
         font-size: 5em;
         font-style: normal;
         font-weight: 700;
         line-height: 163.184%;
     `,
-  60: y`
+  60: v`
         font-family: 'Dax', serif;
         font-size: 3.75em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  40: y`
+  40: v`
         font-family: 'Dax', serif;
         font-size: 2.5em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  30: y`
+  30: v`
         font-family: 'Dax', serif;
         font-size: 1.875em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  24: y`
+  24: v`
         font-family: 'Dax', serif;
         font-size: 1.5em;
         font-style: normal;
         font-weight: 700;
         line-height: 163.184%;
     `,
-  20: y`
+  20: v`
         font-family: 'Dax', serif;
         font-size: 1.25em;
         font-style: normal;
         font-weight: 700;
         line-height: 161.76%;
     `,
-  16: y`
+  16: v`
         font-family: 'Dax', serif;
         font-size: 1em;
         font-style: normal;
@@ -1204,49 +1204,49 @@ const Ta = {
         line-height: 161.76%;
     `
 }, Qu = {
-  80: y`
+  80: v`
         font-family: 'Dax', serif;
         font-size: 5em;
         font-style: normal;
         font-weight: 400;
         line-height: 163.184%;
     `,
-  60: y`
+  60: v`
         font-family: 'Dax', serif;
         font-size: 3.75em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  40: y`
+  40: v`
         font-family: 'Dax', serif;
         font-size: 2.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  30: y`
+  30: v`
         font-family: 'Dax', serif;
         font-size: 1.875em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  24: y`
+  24: v`
         font-family: 'Dax', serif;
         font-size: 1.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 163.184%;
     `,
-  20: y`
+  20: v`
         font-family: 'Dax', serif;
         font-size: 1.25em;
         font-style: normal;
         font-weight: 400;
         line-height: 161.76%;
     `,
-  16: y`
+  16: v`
         font-family: 'Dax', serif;
         font-size: 1em;
         font-style: normal;
@@ -1254,70 +1254,70 @@ const Ta = {
         line-height: 161.76%;
     `
 }, L = {
-  80: y`
+  80: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 5em;
         font-style: normal;
         font-weight: 400;
         line-height: 155.962%;
     `,
-  60: y`
+  60: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 3.75em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  40: y`
+  40: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 2.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  30: y`
+  30: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.875em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  24: y`
+  24: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.5em;
         font-style: normal;
         font-weight: 400;
         line-height: 176.782%;
     `,
-  20: y`
+  20: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.25em;
         font-style: normal;
         font-weight: 400;
         line-height: 155.962%;
     `,
-  18: y`
+  18: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1.125em;
         font-style: normal;
         font-weight: 400;
         line-height: 150.782%;
     `,
-  16: y`
+  16: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 1em;
         font-style: normal;
         font-weight: 400;
         line-height: 140%;
     `,
-  14: y`
+  14: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 0.875em;
         font-style: normal;
         font-weight: 400;
         line-height: 140%;
     `,
-  12: y`
+  12: v`
         font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
         font-size: 0.75em;
         font-style: normal;
@@ -1365,7 +1365,7 @@ function fo(e) {
   const t = fe(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const mo = typeof window < "u", ka = mo ? jc : Ae, Qn = /* @__PURE__ */ bt(null);
+const mo = typeof window < "u", ka = mo ? jc : Te, Qn = /* @__PURE__ */ bt(null);
 function po(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -1530,11 +1530,11 @@ function ja(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, s = () => n = !0, i = Tn.reduce((b, P) => (b[P] = cd(s), b), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: d, update: c, preRender: h, render: f, postRender: p } = i, v = () => {
+  }, s = () => n = !0, i = Tn.reduce((b, P) => (b[P] = cd(s), b), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: d, update: c, preRender: h, render: f, postRender: p } = i, y = () => {
     const b = Ze.useManualTiming ? o.timestamp : performance.now();
-    n = !1, Ze.useManualTiming || (o.delta = r ? 1e3 / 60 : Math.max(Math.min(b - o.timestamp, ud), 1)), o.timestamp = b, o.isProcessing = !0, a.process(o), l.process(o), u.process(o), d.process(o), c.process(o), h.process(o), f.process(o), p.process(o), o.isProcessing = !1, n && t && (r = !1, e(v));
+    n = !1, Ze.useManualTiming || (o.delta = r ? 1e3 / 60 : Math.max(Math.min(b - o.timestamp, ud), 1)), o.timestamp = b, o.isProcessing = !0, a.process(o), l.process(o), u.process(o), d.process(o), c.process(o), h.process(o), f.process(o), p.process(o), o.isProcessing = !1, n && t && (r = !1, e(y));
   }, x = () => {
-    n = !0, r = !0, o.isProcessing || e(v);
+    n = !0, r = !0, o.isProcessing || e(y);
   };
   return { schedule: Tn.reduce((b, P) => {
     const k = i[P];
@@ -1818,8 +1818,8 @@ function Od({ duration: e = ee.duration, bounce: t = ee.bounce, velocity: n = ee
     const d = u * i, c = d * e, h = d - n, f = Br(u, i), p = Math.exp(-c);
     return pr - h / f * p;
   }, s = (u) => {
-    const c = u * i * e, h = c * n + n, f = Math.pow(i, 2) * Math.pow(u, 2) * e, p = Math.exp(-c), v = Br(Math.pow(u, 2), i);
-    return (-o(u) + pr > 0 ? -1 : 1) * ((h - f) * p) / v;
+    const c = u * i * e, h = c * n + n, f = Math.pow(i, 2) * Math.pow(u, 2) * e, p = Math.exp(-c), y = Br(Math.pow(u, 2), i);
+    return (-o(u) + pr > 0 ? -1 : 1) * ((h - f) * p) / y;
   }) : (o = (u) => {
     const d = Math.exp(-u * e), c = (u - n) * e + 1;
     return -pr + d * c;
@@ -1895,22 +1895,22 @@ function Hn(e = ee.visualDuration, t = ee.bounce) {
   const s = n.keyframes[0], i = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: s }, { stiffness: l, damping: u, mass: d, duration: c, velocity: h, isResolvedFromDuration: f } = Hd({
     ...n,
     velocity: -/* @__PURE__ */ $e(n.velocity || 0)
-  }), p = h || 0, v = u / (2 * Math.sqrt(l * d)), x = i - s, g = /* @__PURE__ */ $e(Math.sqrt(l / d)), C = Math.abs(x) < 5;
+  }), p = h || 0, y = u / (2 * Math.sqrt(l * d)), x = i - s, g = /* @__PURE__ */ $e(Math.sqrt(l / d)), C = Math.abs(x) < 5;
   r || (r = C ? ee.restSpeed.granular : ee.restSpeed.default), o || (o = C ? ee.restDelta.granular : ee.restDelta.default);
   let b;
-  if (v < 1) {
-    const k = Br(g, v);
+  if (y < 1) {
+    const k = Br(g, y);
     b = (T) => {
-      const E = Math.exp(-v * g * T);
-      return i - E * ((p + v * g * x) / k * Math.sin(k * T) + x * Math.cos(k * T));
+      const E = Math.exp(-y * g * T);
+      return i - E * ((p + y * g * x) / k * Math.sin(k * T) + x * Math.cos(k * T));
     };
-  } else if (v === 1)
+  } else if (y === 1)
     b = (k) => i - Math.exp(-g * k) * (x + (p + g * x) * k);
   else {
-    const k = g * Math.sqrt(v * v - 1);
+    const k = g * Math.sqrt(y * y - 1);
     b = (T) => {
-      const E = Math.exp(-v * g * T), A = Math.min(k * T, 300);
-      return i - E * ((p + v * g * x) * Math.sinh(A) + k * x * Math.cosh(A)) / k;
+      const E = Math.exp(-y * g * T), A = Math.min(k * T, 300);
+      return i - E * ((p + y * g * x) * Math.sinh(A) + k * x * Math.cosh(A)) / k;
     };
   }
   const P = {
@@ -1921,7 +1921,7 @@ function Hn(e = ee.visualDuration, t = ee.bounce) {
         a.done = k >= c;
       else {
         let E = k === 0 ? p : 0;
-        v < 1 && (E = k === 0 ? /* @__PURE__ */ Be(p) : Za(b, k, T));
+        y < 1 && (E = k === 0 ? /* @__PURE__ */ Be(p) : Za(b, k, T));
         const A = Math.abs(E) <= r, I = Math.abs(i - T) <= o;
         a.done = A && I;
       }
@@ -1945,10 +1945,10 @@ function Or({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
     done: !1,
     value: c
   }, f = (A) => a !== void 0 && A < a || l !== void 0 && A > l, p = (A) => a === void 0 ? l : l === void 0 || Math.abs(a - A) < Math.abs(l - A) ? a : l;
-  let v = n * t;
-  const x = c + v, g = i === void 0 ? x : i(x);
-  g !== x && (v = g - c);
-  const C = (A) => -v * Math.exp(-A / r), b = (A) => g + C(A), P = (A) => {
+  let y = n * t;
+  const x = c + y, g = i === void 0 ? x : i(x);
+  g !== x && (y = g - c);
+  const C = (A) => -y * Math.exp(-A / r), b = (A) => g + C(A), P = (A) => {
     const I = C(A), _ = b(A);
     h.done = Math.abs(I) <= u, h.value = h.done ? g : _;
   };
@@ -2109,7 +2109,7 @@ class Do extends $o {
     const { generator: r, totalDuration: o, mixKeyframes: s, mirroredGenerator: i, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return r.next(0);
-    const { delay: u = 0, keyframes: d, repeat: c, repeatType: h, repeatDelay: f, type: p, onUpdate: v, finalKeyframe: x } = this.options;
+    const { delay: u = 0, keyframes: d, repeat: c, repeatType: h, repeatDelay: f, type: p, onUpdate: y, finalKeyframe: x } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - o / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const g = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), C = this.playbackSpeed >= 0 ? g < 0 : g > o;
     this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = o);
@@ -2124,7 +2124,7 @@ class Do extends $o {
     let { done: T } = k;
     !C && l !== null && (T = this.playbackSpeed >= 0 ? this.currentTime >= o : this.currentTime <= 0);
     const E = this.holdTime === null && (this.state === "finished" || this.state === "running" && T);
-    return E && p !== Or && (k.value = Ao(d, this.options, x, this.speed)), v && v(k.value), E && this.finish(), k;
+    return E && p !== Or && (k.value = Ao(d, this.options, x, this.speed)), y && y(k.value), E && this.finish(), k;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -2604,7 +2604,7 @@ class kh extends $o {
       element: d,
       ...c
     }, f = d?.KeyframeResolver || Mo;
-    this.keyframeResolver = new f(a, (p, v, x) => this.onKeyframesResolved(p, v, h, !x), l, u, d), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new f(a, (p, y, x) => this.onKeyframesResolved(p, y, h, !x), l, u, d), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(t, n, r, o) {
     this.keyframeResolver = void 0;
@@ -3267,10 +3267,10 @@ function ef({ children: e, isPresent: t, anchorX: n, root: r }) {
       return;
     const p = n === "left" ? `left: ${h}` : `right: ${f}`;
     s.current.dataset.motionPopId = o;
-    const v = document.createElement("style");
-    a && (v.nonce = a);
+    const y = document.createElement("style");
+    a && (y.nonce = a);
     const x = r ?? document.head;
-    return x.appendChild(v), v.sheet && v.sheet.insertRule(`
+    return x.appendChild(y), y.sheet && y.sheet.insertRule(`
           [data-motion-pop-id="${o}"] {
             position: absolute !important;
             width: ${u}px !important;
@@ -3279,7 +3279,7 @@ function ef({ children: e, isPresent: t, anchorX: n, root: r }) {
             top: ${c}px !important;
           }
         `), () => {
-      x.contains(v) && x.removeChild(v);
+      x.contains(y) && x.removeChild(y);
     };
   }, [t]), m(Qh, { isPresent: t, childRef: s, sizeRef: i, children: Kn.cloneElement(e, { ref: l }) });
 }
@@ -3313,7 +3313,7 @@ function gl(e = !0) {
   if (t === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: r, register: o } = t, s = qe();
-  Ae(() => {
+  Te(() => {
     if (e)
       return o(s);
   }, [e]);
@@ -3328,12 +3328,12 @@ function Gi(e) {
   }), t;
 }
 const pn = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: s = "sync", propagate: i = !1, anchorX: a = "left", root: l }) => {
-  const [u, d] = gl(i), c = _e(() => Gi(e), [e]), h = i && !u ? [] : c.map(En), f = fe(!0), p = fe(c), v = fo(() => /* @__PURE__ */ new Map()), [x, g] = Te(c), [C, b] = Te(c);
+  const [u, d] = gl(i), c = _e(() => Gi(e), [e]), h = i && !u ? [] : c.map(En), f = fe(!0), p = fe(c), y = fo(() => /* @__PURE__ */ new Map()), [x, g] = ke(c), [C, b] = ke(c);
   ka(() => {
     f.current = !1, p.current = c;
     for (let T = 0; T < C.length; T++) {
       const E = En(C[T]);
-      h.includes(E) ? v.delete(E) : v.get(E) !== !0 && v.set(E, !1);
+      h.includes(E) ? y.delete(E) : y.get(E) !== !0 && y.set(E, !1);
     }
   }, [C, h.length, h.join("-")]);
   const P = [];
@@ -3349,12 +3349,12 @@ const pn = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presen
   const { forceRender: k } = ue(ho);
   return m(oo, { children: C.map((T) => {
     const E = En(T), A = i && !u ? !1 : c === C || h.includes(E), I = () => {
-      if (v.has(E))
-        v.set(E, !0);
+      if (y.has(E))
+        y.set(E, !0);
       else
         return;
       let _ = !0;
-      v.forEach(($) => {
+      y.forEach(($) => {
         $ || (_ = !1);
       }), _ && (k?.(), b(p.current), i && d?.(), r && r());
     };
@@ -3703,7 +3703,7 @@ function Tf(e, t, n, r) {
     for (let f = 0; f < h.length; f++) {
       const p = _o(e, h[f]);
       if (p) {
-        const { transitionEnd: v, transition: x, ...g } = p;
+        const { transitionEnd: y, transition: x, ...g } = p;
         for (const C in g) {
           let b = g[C];
           if (Array.isArray(b)) {
@@ -3712,8 +3712,8 @@ function Tf(e, t, n, r) {
           }
           b !== null && (o[C] = b);
         }
-        for (const C in v)
-          o[C] = v[C];
+        for (const C in y)
+          o[C] = y[C];
       }
     }
   }
@@ -3781,7 +3781,7 @@ function Df(e, t, n, r, o) {
   const f = n[Pl], p = fe(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
   return ka(() => {
     d && (h.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), p.current && d.animationState && d.animationState.animateChanges());
-  }), Ae(() => {
+  }), Te(() => {
     d && (!p.current && d.animationState && d.animationState.animateChanges(), p.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(f);
     }), p.current = !1), d.enteringChildren = void 0);
@@ -4428,15 +4428,15 @@ function Fl(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
     }, p = c.get();
     if (p !== void 0 && !c.isAnimating && !Array.isArray(h) && h === p && !f.velocity)
       continue;
-    let v = !1;
+    let y = !1;
     if (window.MotionHandoffAnimation) {
       const g = Ol(e);
       if (g) {
         const C = window.MotionHandoffAnimation(g, d, Q);
-        C !== null && (f.startTime = C, v = !0);
+        C !== null && (f.startTime = C, y = !0);
       }
     }
-    Jr(e, d), c.start(Wo(d, c, h, e.shouldReduceMotion && il.has(d) ? { type: !1 } : f, e, v));
+    Jr(e, d), c.start(Wo(d, c, h, e.shouldReduceMotion && il.has(d) ? { type: !1 } : f, e, y));
     const x = c.animation;
     x && l.push(x);
   }
@@ -4594,8 +4594,8 @@ function mm(e) {
         b && (b.liveStyle = !0), x[g] = C ?? null;
       }), c.push({ animation: x });
     }
-    let v = !!c.length;
-    return r && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (v = !1), r = !1, v ? t(c) : Promise.resolve();
+    let y = !!c.length;
+    return r && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (y = !1), r = !1, y ? t(c) : Promise.resolve();
   }
   function a(l, u) {
     if (n[l].isActive === u)
@@ -4743,7 +4743,7 @@ function cs(e, t, n) {
 function rn(e, t, n) {
   cs(e.x, t.x, n.x), cs(e.y, t.y, n.y);
 }
-function Pe(e) {
+function Ae(e) {
   return [e("x"), e("y")];
 }
 const Wl = ({ current: e }) => e ? e.ownerDocument.defaultView : null, us = (e, t) => Math.abs(e - t);
@@ -4759,19 +4759,19 @@ class Kl {
       const h = xr(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, p = Pm(h.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!f && !p)
         return;
-      const { point: v } = h, { timestamp: x } = he;
-      this.history.push({ ...v, timestamp: x });
+      const { point: y } = h, { timestamp: x } = he;
+      this.history.push({ ...y, timestamp: x });
       const { onStart: g, onMove: C } = this.handlers;
       f || (g && g(this.lastMoveEvent, h), this.startEvent = this.lastMoveEvent), C && C(this.lastMoveEvent, h);
     }, this.handlePointerMove = (h, f) => {
       this.lastMoveEvent = h, this.lastMoveEventInfo = br(f, this.transformPagePoint), Q.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, f) => {
       this.end();
-      const { onEnd: p, onSessionEnd: v, resumeAnimation: x } = this.handlers;
+      const { onEnd: p, onSessionEnd: y, resumeAnimation: x } = this.handlers;
       if (this.dragSnapToOrigin && x && x(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
       const g = xr(h.type === "pointercancel" ? this.lastMoveEventInfo : br(f, this.transformPagePoint), this.history);
-      this.startEvent && p && p(h, g), v && v(h, g);
+      this.startEvent && p && p(h, g), y && y(h, g);
     }, !Lo(t))
       return;
     this.dragSnapToOrigin = s, this.handlers = n, this.transformPagePoint = r, this.distanceThreshold = i, this.contextWindow = o || window;
@@ -4888,10 +4888,10 @@ class Bm {
       const { dragSnapToOrigin: h } = this.getProps();
       h ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(gn(c).point);
     }, i = (c, h) => {
-      const { drag: f, dragPropagation: p, onDragStart: v } = this.getProps();
+      const { drag: f, dragPropagation: p, onDragStart: y } = this.getProps();
       if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = _h(f), !this.openDragLock))
         return;
-      this.latestPointerEvent = c, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Pe((g) => {
+      this.latestPointerEvent = c, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Ae((g) => {
         let C = this.getAxisMotionValue(g).get() || 0;
         if (ze.test(C)) {
           const { projection: b } = this.visualElement;
@@ -4901,23 +4901,23 @@ class Bm {
           }
         }
         this.originPoint[g] = C;
-      }), v && Q.postRender(() => v(c, h)), Jr(this.visualElement, "transform");
+      }), y && Q.postRender(() => y(c, h)), Jr(this.visualElement, "transform");
       const { animationState: x } = this.visualElement;
       x && x.setActive("whileDrag", !0);
     }, a = (c, h) => {
       this.latestPointerEvent = c, this.latestPanInfo = h;
-      const { dragPropagation: f, dragDirectionLock: p, onDirectionLock: v, onDrag: x } = this.getProps();
+      const { dragPropagation: f, dragDirectionLock: p, onDirectionLock: y, onDrag: x } = this.getProps();
       if (!f && !this.openDragLock)
         return;
       const { offset: g } = h;
       if (p && this.currentDirection === null) {
-        this.currentDirection = Om(g), this.currentDirection !== null && v && v(this.currentDirection);
+        this.currentDirection = Om(g), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
       this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), x && x(c, h);
     }, l = (c, h) => {
       this.latestPointerEvent = c, this.latestPanInfo = h, this.stop(c, h), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => Pe((c) => this.getAnimationState(c) === "paused" && this.getAxisMotionValue(c).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
+    }, u = () => Ae((c) => this.getAnimationState(c) === "paused" && this.getAxisMotionValue(c).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
     this.panSession = new Kl(t, {
       onSessionStart: s,
       onStart: i,
@@ -4963,7 +4963,7 @@ class Bm {
   }
   resolveConstraints() {
     const { dragConstraints: t, dragElastic: n } = this.getProps(), r = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, o = this.constraints;
-    t && Pt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && r ? this.constraints = Mm(r.layoutBox, t) : this.constraints = !1, this.elastic = Lm(n), o !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && Pe((s) => {
+    t && Pt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && r ? this.constraints = Mm(r.layoutBox, t) : this.constraints = !1, this.elastic = Lm(n), o !== this.constraints && r && this.constraints && !this.hasMutatedConstraints && Ae((s) => {
       this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = Im(r.layoutBox[s], this.constraints[s]));
     });
   }
@@ -4985,7 +4985,7 @@ class Bm {
     return i;
   }
   startAnimation(t) {
-    const { drag: n, dragMomentum: r, dragElastic: o, dragTransition: s, dragSnapToOrigin: i, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = Pe((d) => {
+    const { drag: n, dragMomentum: r, dragElastic: o, dragTransition: s, dragSnapToOrigin: i, onDragTransitionEnd: a } = this.getProps(), l = this.constraints || {}, u = Ae((d) => {
       if (!Pn(d, n, this.currentDirection))
         return;
       let c = l && l[d] || {};
@@ -5010,10 +5010,10 @@ class Bm {
     return Jr(this.visualElement, t), r.start(Wo(t, r, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    Pe((t) => this.getAxisMotionValue(t).stop());
+    Ae((t) => this.getAxisMotionValue(t).stop());
   }
   pauseAnimation() {
-    Pe((t) => this.getAxisMotionValue(t).animation?.pause());
+    Ae((t) => this.getAxisMotionValue(t).animation?.pause());
   }
   getAnimationState(t) {
     return this.getAxisMotionValue(t).animation?.state;
@@ -5029,7 +5029,7 @@ class Bm {
     return o || this.visualElement.getValue(t, (r.initial ? r.initial[t] : void 0) || 0);
   }
   snapToCursor(t) {
-    Pe((n) => {
+    Ae((n) => {
       const { drag: r } = this.getProps();
       if (!Pn(n, r, this.currentDirection))
         return;
@@ -5053,7 +5053,7 @@ class Bm {
       return;
     this.stopAnimation();
     const o = { x: 0, y: 0 };
-    Pe((i) => {
+    Ae((i) => {
       const a = this.getAxisMotionValue(i);
       if (a && this.constraints !== !1) {
         const l = a.get();
@@ -5061,7 +5061,7 @@ class Bm {
       }
     });
     const { transformTemplate: s } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Pe((i) => {
+    this.visualElement.current.style.transform = s ? s({}, "") : "none", r.root && r.root.updateScroll(), r.updateLayout(), this.resolveConstraints(), Ae((i) => {
       if (!Pn(i, t, null))
         return;
       const a = this.getAxisMotionValue(i), { min: l, max: u } = this.constraints[i];
@@ -5081,7 +5081,7 @@ class Bm {
     }, { projection: o } = this.visualElement, s = o.addEventListener("measure", r);
     o && !o.layout && (o.root && o.root.updateScroll(), o.updateLayout()), Q.read(r);
     const i = dn(window, "resize", () => this.scalePositionWithinConstraints()), a = o.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: u }) => {
-      this.isDragging && u && (Pe((d) => {
+      this.isDragging && u && (Ae((d) => {
         const c = this.getAxisMotionValue(d);
         c && (this.originPoint[d] += l[d].translate, c.set(c.get() + l[d].translate));
       }), this.visualElement.render());
@@ -5303,7 +5303,7 @@ function Zl(e, t, n) {
 function ws(e, t) {
   e.min = t.min, e.max = t.max;
 }
-function Ee(e, t) {
+function Pe(e, t) {
   ws(e.x, t.x), ws(e.y, t.y);
 }
 function Ss(e, t) {
@@ -5478,12 +5478,12 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const p = this.options.transition || u.getDefaultTransition() || vp, { onLayoutAnimationStart: v, onLayoutAnimationComplete: x } = u.getProps(), g = !this.targetLayout || !Jl(this.targetLayout, f), C = !c && h;
+        const p = this.options.transition || u.getDefaultTransition() || vp, { onLayoutAnimationStart: y, onLayoutAnimationComplete: x } = u.getProps(), g = !this.targetLayout || !Jl(this.targetLayout, f), C = !c && h;
         if (this.options.layoutRoot || this.resumeFrom || C || c && (g || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const b = {
             ...Vo(p, "layout"),
-            onPlay: v,
+            onPlay: y,
             onComplete: x
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (b.delay = 0, b.type = !1), this.startAnimation(b), this.setAnimationOrigin(d, C);
@@ -5623,17 +5623,17 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     removeElementScroll(i) {
       const a = ne();
-      if (Ee(a, i), this.scroll?.wasRoot)
+      if (Pe(a, i), this.scroll?.wasRoot)
         return a;
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l], { scroll: d, options: c } = u;
-        u !== this.root && d && c.layoutScroll && (d.wasRoot && Ee(a, i), At(a.x, d.offset.x), At(a.y, d.offset.y));
+        u !== this.root && d && c.layoutScroll && (d.wasRoot && Pe(a, i), At(a.x, d.offset.x), At(a.y, d.offset.y));
       }
       return a;
     }
     applyTransform(i, a = !1) {
       const l = ne();
-      Ee(l, i);
+      Pe(l, i);
       for (let u = 0; u < this.path.length; u++) {
         const d = this.path[u];
         !a && d.options.layoutScroll && d.scroll && d !== d.root && $t(l, {
@@ -5645,14 +5645,14 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     removeTransform(i) {
       const a = ne();
-      Ee(a, i);
+      Pe(a, i);
       for (let l = 0; l < this.path.length; l++) {
         const u = this.path[l];
         if (!u.instance || !ct(u.latestValues))
           continue;
         Gr(u.latestValues) && u.updateSnapshot();
         const d = ne(), c = u.measurePageBox();
-        Ee(d, c), ks(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
+        Pe(d, c), ks(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
       }
       return ct(this.latestValues) && ks(a, this.latestValues), a;
     }
@@ -5682,12 +5682,12 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!this.layout || !(d || c))) {
         if (this.resolvedRelativeTargetAt = he.timestamp, !this.targetDelta && !this.relativeTarget) {
           const h = this.getClosestProjectingParent();
-          h && h.layout && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ne(), this.relativeTargetOrigin = ne(), rn(this.relativeTargetOrigin, this.layout.layoutBox, h.layout.layoutBox), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          h && h.layout && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ne(), this.relativeTargetOrigin = ne(), rn(this.relativeTargetOrigin, this.layout.layoutBox, h.layout.layoutBox), Pe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = ne(), this.targetWithTransforms = ne()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Em(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Ee(this.target, this.layout.layoutBox), Vl(this.target, this.targetDelta)) : Ee(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = ne(), this.targetWithTransforms = ne()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Em(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Pe(this.target, this.layout.layoutBox), Vl(this.target, this.targetDelta)) : Pe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const h = this.getClosestProjectingParent();
-          h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ne(), this.relativeTargetOrigin = ne(), rn(this.relativeTargetOrigin, this.target, h.target), Ee(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? (this.relativeParent = h, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ne(), this.relativeTargetOrigin = ne(), rn(this.relativeTargetOrigin, this.target, h.target), Pe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -5706,7 +5706,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       const { layout: u, layoutId: d } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || d))
         return;
-      Ee(this.layoutCorrected, this.layout.layoutBox);
+      Pe(this.layoutCorrected, this.layout.layoutBox);
       const c = this.treeScale.x, h = this.treeScale.y;
       Of(this.layoutCorrected, this.treeScale, this.path, a), i.layout && !i.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (i.target = i.layout.layoutBox, i.targetWithTransforms = ne());
       const { target: f } = i;
@@ -5735,12 +5735,12 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(i, a = !1) {
       const l = this.snapshot, u = l ? l.latestValues : {}, d = { ...this.latestValues }, c = Dt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = ne(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, v = f !== p, x = this.getStack(), g = !x || x.members.length <= 1, C = !!(v && !g && this.options.crossfade === !0 && !this.path.some(yp));
+      const h = ne(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, y = f !== p, x = this.getStack(), g = !x || x.members.length <= 1, C = !!(y && !g && this.options.crossfade === !0 && !this.path.some(yp));
       this.animationProgress = 0;
       let b;
       this.mixTargetDelta = (P) => {
         const k = P / 1e3;
-        Is(c.x, i.x, k), Is(c.y, i.y, k), this.setTargetDelta(c), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (rn(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gp(this.relativeTarget, this.relativeTargetOrigin, h, k), b && tp(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = ne()), Ee(b, this.relativeTarget)), v && (this.animationValues = d, Xm(d, u, this.latestValues, k, C, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = k;
+        Is(c.x, i.x, k), Is(c.y, i.y, k), this.setTargetDelta(c), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (rn(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), gp(this.relativeTarget, this.relativeTargetOrigin, h, k), b && tp(this.relativeTarget, b) && (this.isProjectionDirty = !1), b || (b = ne()), Pe(b, this.relativeTarget)), y && (this.animationValues = d, Xm(d, u, this.latestValues, k, C, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = k;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(i) {
@@ -5779,7 +5779,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           const h = ye(this.layout.layoutBox.y);
           l.y.min = i.target.y.min, l.y.max = l.y.min + h;
         }
-        Ee(a, l), $t(a, d), nn(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
+        Pe(a, l), $t(a, d), nn(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
       }
     }
     registerSharedNode(i, a) {
@@ -5859,7 +5859,7 @@ function ec({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       for (const p in un) {
         if (d[p] === void 0)
           continue;
-        const { correct: v, applyTo: x, isCSSVariable: g } = un[p], C = c === "none" ? d[p] : v(d[p], u);
+        const { correct: y, applyTo: x, isCSSVariable: g } = un[p], C = c === "none" ? d[p] : y(d[p], u);
         if (x) {
           const b = x.length;
           for (let P = 0; P < b; P++)
@@ -5885,10 +5885,10 @@ function ap(e) {
   const t = e.resumeFrom?.snapshot || e.snapshot;
   if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: r } = e.layout, { animationType: o } = e.options, s = t.source !== e.layout.source;
-    o === "size" ? Pe((d) => {
+    o === "size" ? Ae((d) => {
       const c = s ? t.measuredBox[d] : t.layoutBox[d], h = ye(c);
       c.min = n[d].min, c.max = c.min + h;
-    }) : tc(o, t.layoutBox, n) && Pe((d) => {
+    }) : tc(o, t.layoutBox, n) && Ae((d) => {
       const c = s ? t.measuredBox[d] : t.layoutBox[d], h = ye(n[d]);
       c.max = c.min + h, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[d].max = e.relativeTarget[d].min + h);
     });
@@ -6154,33 +6154,33 @@ const Rp = {
   ...Sp,
   ...Ip
 }, Je = /* @__PURE__ */ Lf(Lp, Gf), Np = {
-  sm: y`
+  sm: v`
         width: 1.25rem;
         height: 1.25rem;
     `,
-  md: y`
+  md: v`
         width: 1.75rem;
         height: 1.75rem;
     `,
-  lg: y`
+  lg: v`
         width: 3rem;
         height: 3rem;
     `,
-  xl: y`
+  xl: v`
         width: 4rem;
         height: 4rem;
     `
 }, rc = {
-  primary: y`
+  primary: v`
         color: var(--color-main-blue-primary);
     `,
-  orange: y`
+  orange: v`
         color: var(--color-main-orange-primary);
     `,
-  white: y`
+  white: v`
         color: var(--color-main-white);
     `,
-  gray: y`
+  gray: v`
         color: var(--color-main-grey);
     `
 }, Bp = S.div`
@@ -6326,7 +6326,7 @@ const Rp = {
   color: e = "white",
   variant: t = "rotate"
 }) => /* @__PURE__ */ m(Ko, { size: "sm", color: e, centered: !1, variant: t }), Kp = {
-  primary: y`
+  primary: v`
         background-color: var(--color-main-blue-primary);
         color: var(--color-main-white);
 
@@ -6342,7 +6342,7 @@ const Rp = {
             outline-color: var(--color-main-blue-primary);
         }
     `,
-  secondary: y`
+  secondary: v`
         background-color: var(--color-main-orange-primary);
         color: var(--color-main-white);
 
@@ -6355,7 +6355,7 @@ const Rp = {
             outline-color: var(--color-main-orange-primary);
         }
     `,
-  cancel: y`
+  cancel: v`
         background-color: var(--color-main-warning-state);
         color: var(--color-main-white);
 
@@ -6368,7 +6368,7 @@ const Rp = {
             outline-color: var(--color-main-warning-state);
         }
     `,
-  outline: y`
+  outline: v`
         background-color: transparent;
         color: var(--color-main-blue-primary);
         border: 2px solid var(--color-main-blue-primary);
@@ -6385,23 +6385,23 @@ const Rp = {
             outline-color: var(--color-main-blue-primary);
         }
     `
-}, Yp = y`
+}, Yp = v`
     background-color: var(--color-main-grey);
     color: var(--color-dark-200);
     cursor: not-allowed;
     box-shadow: none;
 `, Gp = {
-  sm: y`
+  sm: v`
         padding: 0.375rem 0.75rem;
         min-height: 2.75rem;
         ${L[12]}
     `,
-  md: y`
+  md: v`
         padding: 0.625rem 1.25rem;
         min-height: 3.175rem;
         ${L[16]}
     `,
-  lg: y`
+  lg: v`
         padding: 0.75rem 1.5rem;
         min-height: 3.5rem;
         ${L[20]}
@@ -6453,47 +6453,47 @@ const Rp = {
     ]
   }
 ), Zp = {
-  sm: y`
+  sm: v`
         padding: 0.2rem 0.625rem;
         border-radius: var(--border-radius-button);
         ${L[12]}
     `,
-  md: y`
+  md: v`
         padding: 0.375rem 0.75rem;
         border-radius: var(--border-radius-button);
         ${L[14]}
     `,
-  lg: y`
+  lg: v`
         padding: 0.5rem 1rem;
         border-radius: var(--border-radius-button);
         ${L[16]}
     `
 }, qp = {
-  primary: y`
+  primary: v`
         background-color: var(--color-main-blue-primary);
         color: var(--color-main-white);
     `,
-  secondary: y`
+  secondary: v`
         background-color: var(--color-main-orange-primary);
         color: var(--color-main-white);
     `,
-  success: y`
+  success: v`
         background-color: var(--color-main-positive-state);
         color: var(--color-main-white);
     `,
-  warning: y`
+  warning: v`
         background-color: var(--color-main-yellow-primary);
         color: var(--color-main-black);
     `,
-  danger: y`
+  danger: v`
         background-color: var(--color-main-warning-state);
         color: var(--color-main-white);
     `,
-  neutral: y`
+  neutral: v`
         background-color: var(--color-light-200);
         color: var(--color-main-grey);
     `,
-  outline: y``
+  outline: v``
 }, Jp = S.span`
     display: inline-flex;
     align-items: center;
@@ -6505,7 +6505,7 @@ const Rp = {
     ${({ $size: e }) => Zp[e]}
     ${({ $variant: e }) => qp[e]}
 
-    ${({ $variant: e, $outlineColor: t }) => e === "outline" ? y`
+    ${({ $variant: e, $outlineColor: t }) => e === "outline" ? v`
                   background-color: transparent;
                   color: ${t || "var(--color-main-blue-primary)"};
                   border: 1px solid ${t || "var(--color-main-blue-primary)"};
@@ -6848,7 +6848,7 @@ function kg(e) {
 }
 const Eg = (e) => {
   var t, n, r, o, s, i, a, l, u;
-  const { invert: d, toast: c, unstyled: h, interacting: f, setHeights: p, visibleToasts: v, heights: x, index: g, toasts: C, expanded: b, removeToast: P, defaultRichColors: k, closeButton: T, style: E, cancelButtonStyle: A, actionButtonStyle: I, className: _ = "", descriptionClassName: $ = "", duration: H, position: U, gap: G, expandByDefault: J, classNames: V, icons: R, closeButtonAriaLabel: z = "Close toast" } = e, [N, j] = w.useState(null), [re, oe] = w.useState(null), [F, Z] = w.useState(!1), [X, ae] = w.useState(!1), [Ve, W] = w.useState(!1), [ve, Qe] = w.useState(!1), [Ue, ge] = w.useState(!1), [Ac, or] = w.useState(0), [$c, qo] = w.useState(0), Xt = w.useRef(c.duration || H || _s), Jo = w.useRef(null), We = w.useRef(null), Dc = g === 0, Mc = g + 1 <= v, Se = c.type, wt = c.dismissible !== !1, Vc = c.className || "", Rc = c.descriptionClassName || "", yn = w.useMemo(() => x.findIndex((B) => B.toastId === c.id) || 0, [
+  const { invert: d, toast: c, unstyled: h, interacting: f, setHeights: p, visibleToasts: y, heights: x, index: g, toasts: C, expanded: b, removeToast: P, defaultRichColors: k, closeButton: T, style: E, cancelButtonStyle: A, actionButtonStyle: I, className: _ = "", descriptionClassName: $ = "", duration: H, position: U, gap: G, expandByDefault: J, classNames: V, icons: R, closeButtonAriaLabel: z = "Close toast" } = e, [N, j] = w.useState(null), [re, oe] = w.useState(null), [F, Z] = w.useState(!1), [X, ae] = w.useState(!1), [Ve, W] = w.useState(!1), [ve, Qe] = w.useState(!1), [Ue, ge] = w.useState(!1), [Ac, or] = w.useState(0), [$c, qo] = w.useState(0), Xt = w.useRef(c.duration || H || _s), Jo = w.useRef(null), We = w.useRef(null), Dc = g === 0, Mc = g + 1 <= y, Se = c.type, wt = c.dismissible !== !1, Vc = c.className || "", Rc = c.descriptionClassName || "", yn = w.useMemo(() => x.findIndex((B) => B.toastId === c.id) || 0, [
     x,
     c.id
   ]), Ic = w.useMemo(() => {
@@ -7014,8 +7014,8 @@ const Eg = (e) => {
       var B, le, me;
       if (ve || !wt) return;
       Ct.current = null;
-      const Ce = Number(((B = We.current) == null ? void 0 : B.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), vn = Number(((le = We.current) == null ? void 0 : le.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), de = (/* @__PURE__ */ new Date()).getTime() - ((me = Jo.current) == null ? void 0 : me.getTime()), ke = N === "x" ? Ce : vn, bn = Math.abs(ke) / de;
-      if (Math.abs(ke) >= Cg || bn > 0.11) {
+      const Ce = Number(((B = We.current) == null ? void 0 : B.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), vn = Number(((le = We.current) == null ? void 0 : le.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), de = (/* @__PURE__ */ new Date()).getTime() - ((me = Jo.current) == null ? void 0 : me.getTime()), Ee = N === "x" ? Ce : vn, bn = Math.abs(Ee) / de;
+      if (Math.abs(Ee) >= Cg || bn > 0.11) {
         or(St.current), c.onDismiss == null || c.onDismiss.call(c, c), oe(N === "x" ? Ce > 0 ? "right" : "left" : vn > 0 ? "down" : "up"), et(), Qe(!0);
         return;
       } else {
@@ -7027,10 +7027,10 @@ const Eg = (e) => {
     onPointerMove: (B) => {
       var le, me, Ce;
       if (!Ct.current || !wt || ((le = window.getSelection()) == null ? void 0 : le.toString().length) > 0) return;
-      const de = B.clientY - Ct.current.y, ke = B.clientX - Ct.current.x;
+      const de = B.clientY - Ct.current.y, Ee = B.clientX - Ct.current.x;
       var bn;
       const Re = (bn = e.swipeDirections) != null ? bn : kg(U);
-      !N && (Math.abs(ke) > 1 || Math.abs(de) > 1) && j(Math.abs(ke) > Math.abs(de) ? "x" : "y");
+      !N && (Math.abs(Ee) > 1 || Math.abs(de) > 1) && j(Math.abs(Ee) > Math.abs(de) ? "x" : "y");
       let Ie = {
         x: 0,
         y: 0
@@ -7045,11 +7045,11 @@ const Eg = (e) => {
             Ie.y = Math.abs(st) < Math.abs(de) ? st : de;
           }
       } else if (N === "x" && (Re.includes("left") || Re.includes("right")))
-        if (Re.includes("left") && ke < 0 || Re.includes("right") && ke > 0)
-          Ie.x = ke;
+        if (Re.includes("left") && Ee < 0 || Re.includes("right") && Ee > 0)
+          Ie.x = Ee;
         else {
-          const st = ke * ii(ke);
-          Ie.x = Math.abs(st) < Math.abs(ke) ? st : ke;
+          const st = Ee * ii(Ee);
+          Ie.x = Math.abs(st) < Math.abs(Ee) ? st : Ee;
         }
       (Math.abs(Ie.x) > 0 || Math.abs(Ie.y) > 0) && ge(!0), (me = We.current) == null || me.style.setProperty("--swipe-amount-x", `${Ie.x}px`), (Ce = We.current) == null || Ce.style.setProperty("--swipe-amount-y", `${Ie.y}px`);
     }
@@ -7128,7 +7128,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
   const { id: r, invert: o, position: s = "bottom-right", hotkey: i = [
     "altKey",
     "KeyT"
-  ], expand: a, closeButton: l, className: u, offset: d, mobileOffset: c, theme: h = "light", richColors: f, duration: p, style: v, visibleToasts: x = vg, toastOptions: g, dir: C = Hs(), gap: b = Sg, icons: P, containerAriaLabel: k = "Notifications" } = t, [T, E] = w.useState([]), A = w.useMemo(() => r ? T.filter((F) => F.toasterId === r) : T.filter((F) => !F.toasterId), [
+  ], expand: a, closeButton: l, className: u, offset: d, mobileOffset: c, theme: h = "light", richColors: f, duration: p, style: y, visibleToasts: x = vg, toastOptions: g, dir: C = Hs(), gap: b = Sg, icons: P, containerAriaLabel: k = "Notifications" } = t, [T, E] = w.useState([]), A = w.useMemo(() => r ? T.filter((F) => F.toasterId === r) : T.filter((F) => !F.toasterId), [
     T,
     r
   ]), I = w.useMemo(() => Array.from(new Set([
@@ -7245,7 +7245,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
         "--front-toast-height": `${((X = _[0]) == null ? void 0 : X.height) || 0}px`,
         "--width": `${wg}px`,
         "--gap": `${b}px`,
-        ...v,
+        ...y,
         ...Pg(d, c)
       },
       onBlur: (W) => {
@@ -7318,7 +7318,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
     ...t
   }
 ), $g = {
-  elevated: y`
+  elevated: v`
         background-color: var(--color-main-white);
         box-shadow: var(--shadow-black-card);
         border: none;
@@ -7327,7 +7327,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
             box-shadow: var(--shadow-hover-black-card);
         }
     `,
-  flat: y`
+  flat: v`
         background-color: var(--color-main-white);
         box-shadow: none;
         border: none;
@@ -7336,7 +7336,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
             background-color: var(--color-main-alternative-secondary);
         }
     `,
-  info: y`
+  info: v`
         background-color: var(--color-main-white);
         box-shadow: none;
 
@@ -7349,19 +7349,19 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
         }
     `
 }, Dg = {
-  sm: y`
+  sm: v`
         padding: 0.75rem;
         gap: 0.5rem;
     `,
-  md: y`
+  md: v`
         padding: 1rem;
         gap: 0.5rem;
     `,
-  lg: y`
+  lg: v`
         padding: 1.25rem;
         gap: 0.5rem;
     `
-}, Mg = y`
+}, Mg = v`
     transition:
         box-shadow 0.3s ease-out,
         background-color 0.3s ease-out,
@@ -7381,7 +7381,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
     &:focus-visible {
         outline-color: var(--color-main-blue-primary);
     }
-`, Vg = y`
+`, Vg = v`
     opacity: 0.6;
     cursor: not-allowed;
     pointer-events: none;
@@ -7454,13 +7454,13 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
   children: e,
   ...t
 }) => /* @__PURE__ */ m(Ng, { ...t, children: e }), Bg = {
-  sm: y`
+  sm: v`
         ${L[12]}
     `,
-  md: y`
+  md: v`
         ${L[16]}
     `,
-  lg: y`
+  lg: v`
         ${L[18]}
     `
 }, Og = S.div`
@@ -7477,13 +7477,13 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
   size: n = "md",
   ...r
 }) => /* @__PURE__ */ m(Og, { className: t, $size: n, ...r, children: e }), Fg = {
-  sm: y`
+  sm: v`
         ${L[16]}
     `,
-  md: y`
+  md: v`
         ${L[24]}
     `,
-  lg: y`
+  lg: v`
         ${L[30]}
     `
 }, jg = S.label`
@@ -7491,7 +7491,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
     ${({ $size: e }) => Fg[e]}
     ${({ $disabled: e }) => e && zg}
     cursor: ${({ $disabled: e, $htmlFor: t }) => e || !t ? "default" : "pointer"};
-`, zg = y`
+`, zg = v`
     cursor: not-allowed;
     opacity: 0.6;
 `, Yo = ({
@@ -7689,7 +7689,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
         }
       };
   }
-}, Yt = y`
+}, Yt = v`
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -7720,7 +7720,7 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
     &:disabled {
         cursor: not-allowed;
     }
-`, Go = y`
+`, Go = v`
     width: 100%;
     border: none;
     outline: none;
@@ -7737,18 +7737,18 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
     &::placeholder {
         color: var(--color-dark-200);
     }
-`, Gt = y`
+`, Gt = v`
     border: var(--border-input-error) !important;
 
     &:focus-within {
         border: 1px solid var(--color-main-warning-state) !important;
         outline: none;
     }
-`, xt = y`
+`, xt = v`
     border: var(--border-input-disabled) !important;
     cursor: not-allowed;
     opacity: 0.6;
-`, Ug = y`
+`, Ug = v`
     border: none;
     border-top: 0;
     border-right: 0;
@@ -7775,22 +7775,22 @@ const Ag = /* @__PURE__ */ w.forwardRef(function(t, n) {
         outline: none;
     }
 `, rr = {
-  sm: y`
+  sm: v`
         padding: 0.5rem 1rem;
         height: 2.5rem;
         ${L[18]}
     `,
-  md: y`
+  md: v`
         padding: 0.5rem 1rem;
         height: 2.75rem;
         ${L[20]}
     `,
-  lg: y`
+  lg: v`
         padding: 0.5rem 1rem;
         height: 3rem;
         ${L[20]}
     `
-}, Xo = y`
+}, Xo = v`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -7878,7 +7878,7 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
   className: a,
   ...l
 }) => {
-  const [u, d] = Te(!1), c = () => d((h) => !h);
+  const [u, d] = ke(!1), c = () => d((h) => !h);
   return /* @__PURE__ */ D(
     i0,
     {
@@ -8019,13 +8019,13 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
     background-color: ${({ $active: e }) => e ? "var(--color-main-alternative-secondary)" : "transparent"};
     color: ${({ $disabled: e }) => e ? "var(--color-dark-200)" : "var(--color-main-blue-primary)"};
 `, x0 = {
-  sm: y`
+  sm: v`
         ${L[16]}
     `,
-  md: y`
+  md: v`
         ${L[18]}
     `,
-  lg: y`
+  lg: v`
         ${L[18]}
     `
 }, ac = He(
@@ -8044,18 +8044,18 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
     optionsClassName: c,
     optionClassName: h
   }, f) => {
-    const p = fe(null), v = fe(null), x = fe(null), g = fe(null), C = qe(), [b, P] = Te(!1), [k, T] = Te(-1), E = r.find(($) => $.value === a);
-    Ae(() => {
-      b && v.current && (v.current.focus(), T(f0(a, r)));
-    }, [b, r, a]), Ae(() => {
+    const p = fe(null), y = fe(null), x = fe(null), g = fe(null), C = qe(), [b, P] = ke(!1), [k, T] = ke(-1), E = r.find(($) => $.value === a);
+    Te(() => {
+      b && y.current && (y.current.focus(), T(f0(a, r)));
+    }, [b, r, a]), Te(() => {
       h0(x, k);
-    }, [k]), Ae(() => {
+    }, [k]), Te(() => {
       if (!b) return;
       const $ = (H) => {
         p.current && (p.current.contains(H.target) || P(!1));
       };
       return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
-    }, [b]), Ae(() => {
+    }, [b]), Te(() => {
       b || requestAnimationFrame(() => {
         f?.current?.focus?.(), g.current?.focus();
       });
@@ -8115,7 +8115,7 @@ const Yg = ({ color: e = "currentColor", size: t = 24, className: n, ...r }) =>
       /* @__PURE__ */ m(pn, { children: b && /* @__PURE__ */ m(
         y0,
         {
-          ref: v,
+          ref: y,
           className: "custom-scrollbar",
           id: `${C}-listbox`,
           role: "listbox",
@@ -8233,8 +8233,8 @@ const w0 = S.textarea`
         if (o) {
           const f = h.target;
           f.style.height = "auto";
-          const p = f.scrollHeight, v = s * 24, x = i ? i * 24 : p;
-          p > x ? (f.style.height = `${x}px`, f.style.overflowY = "scroll") : (f.style.height = `${Math.max(p, v)}px`, f.style.overflowY = "hidden");
+          const p = f.scrollHeight, y = s * 24, x = i ? i * 24 : p;
+          p > x ? (f.style.height = `${x}px`, f.style.overflowY = "scroll") : (f.style.height = `${Math.max(p, y)}px`, f.style.overflowY = "hidden");
         }
         l?.(h);
       },
@@ -8265,45 +8265,44 @@ const C0 = S.div`
   }, ...l }),
   n ? /* @__PURE__ */ m(Y, { component: n, size: r, color: o }) : /* @__PURE__ */ m(Y, { component: Ws, size: r, color: o })
 ] }), E0 = {
-  default: y`
+  default: v`
         min-height: 18rem;
         padding: 2rem;
     `,
-  compact: y`
+  compact: v`
         min-height: 6rem;
         padding: 1rem;
         flex-direction: row;
     `
 }, P0 = {
-  sm: y`
+  sm: v`
         ${L[12]}
     `,
-  md: y`
+  md: v`
         ${L[16]}
     `,
-  lg: y`
+  lg: v`
         ${L[20]}
     `
-}, A0 = y`
+}, A0 = v`
     border: 2px dashed var(--color-main-input-borders);
     background-color: var(--color-main-white);
-`, $0 = y`
+`, $0 = v`
     border-color: var(--color-main-blue-primary);
     background-color: var(--color-main-alternative-secondary);
-`, D0 = y`
+`, D0 = v`
     border: 2px dashed var(--color-main-positive-state);
     background-color: var(--color-green-100);
-`, M0 = y`
+`, M0 = v`
     border-color: var(--color-main-warning-state);
     background-color: var(--color-red-100);
-`, V0 = y`
+`, V0 = v`
     border-color: var(--color-dark-200);
     cursor: not-allowed;
     opacity: 0.6;
 `, R0 = S.div`
     display: flex;
     flex-direction: column;
-    gap: 0.5rem;
     width: 100%;
     ${({ $size: e }) => P0[e]}
 `, I0 = S.div`
@@ -8325,7 +8324,7 @@ const C0 = S.div`
     ${({ $variant: e }) => E0[e]}
     ${A0}
 
-    ${({ $disabled: e }) => e ? V0 : y`
+    ${({ $disabled: e }) => e ? V0 : v`
                   &:hover {
                       ${$0}
                   }
@@ -8400,7 +8399,7 @@ const C0 = S.div`
         opacity: 0.5;
     }
 `, j0 = (e, t) => {
-  const [n, r] = Te(!1), o = je(
+  const [n, r] = ke(!1), o = je(
     (l) => {
       l.preventDefault(), l.stopPropagation(), t || r(!0);
     },
@@ -8418,7 +8417,9 @@ const C0 = S.div`
     },
     [t, e]
   );
-  return {
+  return Te(() => () => {
+    n && r(!1);
+  }, [n]), {
     isDragging: n,
     dragHandlers: {
       onDragEnter: o,
@@ -8433,7 +8434,7 @@ const C0 = S.div`
   multiple: n,
   onError: r
 }) => {
-  const [o, s] = Te(""), i = je(
+  const [o, s] = ke(""), i = je(
     (l) => {
       s(l), r?.(l);
     },
@@ -8441,16 +8442,21 @@ const C0 = S.div`
   ), a = je(
     (l) => {
       if (e && l.some((u) => u.size > e)) {
-        const u = `File size exceeds maximum allowed size of ${Math.round(e / 1024)} KB or ${Math.round(e / 1048576)} MB`;
-        return i(u), !1;
+        const u = e / 1048576, d = u >= 1 ? `File size exceeds maximum of ${u.toFixed(1)}MB` : `File size exceeds maximum of ${Math.round(e / 1024)}KB`;
+        return i(d), !1;
       }
       if (t) {
-        const u = t.split(",").map((c) => c.trim());
+        const u = t.split(",").map((c) => c.trim().toLowerCase());
         if (l.find((c) => {
-          const h = c.type, f = `.${c.name.split(".").pop()}`;
-          return !u.some(
-            (p) => p === h || p === f
-          );
+          const h = c.type.toLowerCase(), f = `.${c.name.split(".").pop()?.toLowerCase()}`;
+          return !u.some((p) => {
+            if (p === h || p === f) return !0;
+            if (p.endsWith("/*")) {
+              const y = p.slice(0, -2);
+              return h.startsWith(`${y}/`);
+            }
+            return !1;
+          });
         })) {
           const c = `File type not accepted. Allowed: ${t}`;
           return i(c), !1;
@@ -8498,9 +8504,9 @@ const C0 = S.div`
   errorMessage: h = "",
   className: f = "",
   dropZoneContainerClassName: p = "",
-  size: v = "md"
+  size: y = "md"
 }) => {
-  const x = s !== void 0, [g, C] = Te(i || []), b = x ? s : g, P = n * 1024 * 1024, {
+  const x = s !== void 0, [g, C] = ke(i || []), b = x ? s : g, P = n * 1024 * 1024, {
     error: k,
     validateFiles: T,
     clearError: E
@@ -8514,7 +8520,7 @@ const C0 = S.div`
     const J = b[G], V = b.filter((R, z) => z !== G);
     x || C(V), u?.(J, G), a?.(V), V.length === 0 && E();
   }, { isDragging: _, dragHandlers: $ } = j0(A, d), H = c || !!k, U = h || k;
-  return /* @__PURE__ */ D(R0, { $size: v, className: f, children: [
+  return /* @__PURE__ */ D(R0, { $size: y, className: f, children: [
     /* @__PURE__ */ D("label", { "aria-label": "File upload area", className: `p-4 ${p}`, children: [
       /* @__PURE__ */ D(
         I0,
@@ -8605,7 +8611,7 @@ const C0 = S.div`
     ${({ $hasError: e }) => e && Gt}
     ${({ $disabled: e }) => e && xt}
     ${({ $checked: e }) => e && K0}
-`, K0 = y`
+`, K0 = v`
     background-color: var(--color-main-orange-primary);
     border-color: var(--color-main-orange-primary);
 `, Y0 = S.svg`
@@ -8631,7 +8637,7 @@ const C0 = S.div`
     checkboxClassName: i,
     ...a
   }, l) => {
-    const u = qe(), d = a.id ?? u, c = !!n, { size: h, ...f } = a, p = fe(null), v = je(
+    const u = qe(), d = a.id ?? u, c = !!n, { size: h, ...f } = a, p = fe(null), y = je(
       (x) => {
         if (p.current = x, !!l)
           if (typeof l == "function")
@@ -8644,13 +8650,13 @@ const C0 = S.div`
       },
       [l]
     );
-    return Ae(() => {
+    return Te(() => {
       p.current && (p.current.indeterminate = !!t);
     }, [t]), /* @__PURE__ */ D(H0, { className: s, children: [
       /* @__PURE__ */ m(
         U0,
         {
-          ref: v,
+          ref: y,
           type: "checkbox",
           checked: c || !1,
           disabled: r,
@@ -8891,17 +8897,17 @@ const ty = (e, t, n, r, o, s, i = "text", a, l) => {
   const u = e.clipboardData.getData("text");
   if (!u) return;
   const d = s ?? o.length, c = [...n];
-  for (let v = 0; v < u.length; v++) {
-    const x = t + v;
+  for (let y = 0; y < u.length; y++) {
+    const x = t + y;
     if (x >= d) break;
-    const g = u[v];
+    const g = u[y];
     i === "number" && !/^\d$/.test(g) || (c[x] = g);
   }
   r(c), a?.(c.join(""));
-  const h = c.findIndex((v) => v === ""), f = h !== -1 ? Math.min(Math.max(h, t), d - 1) : d - 1;
+  const h = c.findIndex((y) => y === ""), f = h !== -1 ? Math.min(Math.max(h, t), d - 1) : d - 1;
   o[f].current?.focus();
   const p = c.join("");
-  c.every((v) => v !== "") && c.length >= d && l?.(p);
+  c.every((y) => y !== "") && c.length >= d && l?.(p);
 }, oy = (e) => Array(e).fill(null).map(() => w.createRef()), q1 = (e, t, n = "text") => !(e.length !== t || n === "number" && !/^\d+$/.test(e)), iy = S.div`
     display: flex;
     gap: 8px;
@@ -8917,7 +8923,7 @@ const ty = (e, t, n, r, o, s, i = "text", a, l) => {
   className: a,
   pinInputClassName: l
 }) => {
-  const [u, d] = Te(Array(e).fill("")), c = _e(() => oy(e), [e]);
+  const [u, d] = ke(Array(e).fill("")), c = _e(() => oy(e), [e]);
   return /* @__PURE__ */ m(iy, { className: a, children: Array.from({ length: e }, (h, f) => /* @__PURE__ */ m(
     uc,
     {
@@ -8975,7 +8981,7 @@ const sy = S.div`
         outline-color: var(--color-main-orange-primary);
         outline-offset: 2px;
     }
-`, ly = y`
+`, ly = v`
     border-color: var(--color-main-orange-primary);
 `, cy = S.div`
     height: 1.5rem;
@@ -9132,7 +9138,7 @@ const Ks = S.div`
   pinType: h = "number",
   className: f,
   inputClassName: p,
-  labelClassName: v,
+  labelClassName: y,
   messageErrorClassName: x,
   leftIcon: g,
   rightIcon: C,
@@ -9356,7 +9362,7 @@ const Ks = S.div`
         size: o,
         required: a,
         disabled: i,
-        className: v,
+        className: y,
         children: n
       }
     ),
@@ -9498,14 +9504,14 @@ const Ks = S.div`
   const h = fe(null), f = fe(null), p = (x) => {
     o && x.target === x.currentTarget && t();
   };
-  Ae(() => {
+  Te(() => {
     const x = (g) => {
       l && g.key === "Escape" && t();
     };
     return e ? (document.addEventListener("keydown", x), document.body.style.overflow = "hidden") : document.body.style.overflow = "", () => {
       document.removeEventListener("keydown", x), document.body.style.overflow = "";
     };
-  }, [e, t, l]), Ae(() => {
+  }, [e, t, l]), Te(() => {
     if (!e) return;
     f.current = document.activeElement;
     const x = h.current, g = () => {
@@ -9543,7 +9549,7 @@ const Ks = S.div`
       window.clearTimeout(C), document.removeEventListener("keydown", P), f.current && f.current.focus();
     };
   }, [e]);
-  const v = /* @__PURE__ */ m(pn, { children: e && /* @__PURE__ */ m(py, { ...pc, onClick: p, children: /* @__PURE__ */ D(
+  const y = /* @__PURE__ */ m(pn, { children: e && /* @__PURE__ */ m(py, { ...pc, onClick: p, children: /* @__PURE__ */ D(
     gy,
     {
       ...fy,
@@ -9571,7 +9577,7 @@ const Ks = S.div`
       ]
     }
   ) }) });
-  return typeof document > "u" ? v : Wc(v, document.body);
+  return typeof document > "u" ? y : Wc(y, document.body);
 }, by = S.div`
     display: flex;
     align-items: center;
@@ -9701,7 +9707,7 @@ const Ks = S.div`
   showCloseButton: h = !0,
   closeOnBackdropClick: f = !1,
   containerClassName: p,
-  headerClassName: v,
+  headerClassName: y,
   bodyClassName: x,
   footerClassName: g,
   initiallyConfirmed: C = !1,
@@ -9727,7 +9733,7 @@ const Ks = S.div`
       ariaDescribedBy: "tac-subtitle",
       className: `${p} !h-fit !max-w-[60rem]`,
       children: [
-        /* @__PURE__ */ m(xy, { showDivider: !0, className: v, children: /* @__PURE__ */ m(uo, { id: "tac-title", size: 20, children: r }) }),
+        /* @__PURE__ */ m(xy, { showDivider: !0, className: y, children: /* @__PURE__ */ m(uo, { id: "tac-title", size: 20, children: r }) }),
         /* @__PURE__ */ D(Sy, { padded: !0, showBottomDivider: !0, className: x, children: [
           o && /* @__PURE__ */ m(Ye, { id: "tac-subtitle", size: 16, children: o }),
           s,
@@ -9751,7 +9757,7 @@ const Ks = S.div`
     }
   );
 }, gc = bt(void 0), ky = ({ children: e }) => {
-  const [t, n] = Te(!1), [r, o] = Te(!1);
+  const [t, n] = ke(!1), [r, o] = ke(!1);
   return /* @__PURE__ */ m(
     gc.Provider,
     {
@@ -9769,7 +9775,7 @@ const Ks = S.div`
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
-}, Ys = (e = [], t = []) => !t || t.length === 0 ? !1 : t.includes("all") ? !0 : t.some((n) => e.includes(n)), Ey = y`
+}, Ys = (e = [], t = []) => !t || t.length === 0 ? !1 : t.includes("all") ? !0 : t.some((n) => e.includes(n)), Ey = v`
     display: flex;
     align-items: center;
     justify-content: center;
@@ -9862,7 +9868,7 @@ const Ks = S.div`
     pointer-events: none;
     transition: transform 0.3s ease-out;
 `, bc = ({ item: e, userRoles: t, level: n = 0, activePath: r, onNavigate: o }) => {
-  const [s, i] = Te(!1), { isCollapsed: a, setIsMobileOpen: l } = yc(), u = _e(
+  const [s, i] = ke(!1), { isCollapsed: a, setIsMobileOpen: l } = yc(), u = _e(
     () => (e.children || []).filter((C) => Ys(t, C.permissions)),
     [e.children, t]
   );
@@ -9872,7 +9878,7 @@ const Ks = S.div`
   )) return null;
   const c = u.length > 0, h = e.href || e.path || "", f = !!(h && r && r.startsWith(h)), p = () => {
     i((C) => !C);
-  }, v = () => {
+  }, y = () => {
     e.href && o?.(e.href);
   }, x = async () => {
     if (e.path)
@@ -9916,7 +9922,7 @@ const Ks = S.div`
       Py,
       {
         type: "button",
-        onClick: v,
+        onClick: y,
         $level: n,
         $collapsed: a,
         $active: f,
@@ -9929,7 +9935,7 @@ const Ks = S.div`
         Ay,
         {
           type: "button",
-          onClick: c ? p : e.path ? x : v,
+          onClick: c ? p : e.path ? x : y,
           $level: n,
           $collapsed: a,
           $active: f,
@@ -10094,7 +10100,7 @@ const Ks = S.div`
 };
 xc.displayName = "Sidebar";
 const _y = {
-  underlined: y`
+  underlined: v`
         color: var(--color-main-orange-primary);
         text-decoration-thickness: 1px;
         text-underline-offset: 2px;
@@ -10125,7 +10131,7 @@ const _y = {
             text-underline-offset: 2px;
         }
     `,
-  plain: y`
+  plain: v`
         color: var(--color-main-orange-primary);
         text-decoration: none;
 
@@ -10156,7 +10162,7 @@ const _y = {
             text-underline-offset: 2px;
         }
     `
-}, Hy = y`
+}, Hy = v`
     color: var(--color-dark-200);
     cursor: not-allowed;
     pointer-events: none;
@@ -10175,15 +10181,15 @@ const _y = {
         transform: none;
     }
 `, Uy = {
-  sm: y`
+  sm: v`
         gap: 0.25rem;
         ${L[14]}
     `,
-  md: y`
+  md: v`
         gap: 0.5rem;
         ${L[16]}
     `,
-  lg: y`
+  lg: v`
         gap: 0.75rem;
         ${L[20]}
     `
@@ -10206,7 +10212,7 @@ const _y = {
     flex: 1 1 auto;
     min-width: 0;
     max-width: 18ch;
-    ${({ $truncate: e }) => e && y`
+    ${({ $truncate: e }) => e && v`
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
@@ -10228,7 +10234,7 @@ const _y = {
     iconSize: h = "tn",
     iconColor: f = "currentColor",
     truncate: p = !1,
-    "aria-label": v,
+    "aria-label": y,
     "aria-describedby": x,
     onClick: g,
     ...C
@@ -10247,7 +10253,7 @@ const _y = {
       target: s || void 0,
       rel: i ?? (s === "_blank" ? "noopener noreferrer" : void 0),
       onClick: P,
-      "aria-label": v ?? r,
+      "aria-label": y ?? r,
       "aria-describedby": x,
       "aria-disabled": l,
       tabIndex: l ? -1 : u ?? 0,
@@ -10281,7 +10287,7 @@ const _y = {
 );
 Yy.displayName = "Link";
 const Gy = {
-  default: y`
+  default: v`
         thead tr:last-child th:first-child {
             border-top-left-radius: var(--border-radius-article);
         }
@@ -10298,7 +10304,7 @@ const Gy = {
             border-bottom-right-radius: var(--border-radius-article);
         }
     `,
-  striped: y`
+  striped: v`
         border-radius: var(--border-radius-article);
         tbody tr:nth-child(even) td {
             background-color: var(--color-dark-200);
@@ -10324,11 +10330,11 @@ const Gy = {
             border-bottom-right-radius: var(--border-radius-article);
         }
     `
-}, Xy = y`
+}, Xy = v`
     tbody tr:hover td {
         background-color: var(--color-main-alternative-secondary);
     }
-`, Zy = y`
+`, Zy = v`
     @media (max-width: 768px) {
         font-size: 0.875rem;
 
@@ -10337,39 +10343,39 @@ const Gy = {
             padding: 0.5rem 0.75rem;
         }
     }
-`, wc = y`
+`, wc = v`
     display: flex;
     align-items: center;
     gap: 0.5rem;
     width: 100%;
     overflow: hidden;
 `, Vt = {
-  sm: y`
+  sm: v`
         padding: 0.5rem 1rem;
         min-height: 2.25rem;
     `,
-  md: y`
+  md: v`
         padding: 0.625rem 1.25rem;
         min-height: 2.5rem;
     `,
-  lg: y`
+  lg: v`
         padding: 0.75rem 1.5rem;
         min-height: 2.75rem;
     `
-}, Sc = y`
+}, Sc = v`
     display: inline-flex;
     align-items: center;
     flex-shrink: 0;
 `, qy = {
-  sm: y`
+  sm: v`
         ${Vt.sm}
         ${L[16]}
     `,
-  md: y`
+  md: v`
         ${Vt.md}
         ${L[20]}
     `,
-  lg: y`
+  lg: v`
         ${Vt.lg}
         ${L[24]}
     `
@@ -10384,7 +10390,7 @@ const Gy = {
         background-color: var(--color-purple-600);
     }
 
-    ${({ $active: e }) => e && y`
+    ${({ $active: e }) => e && v`
             background-color: var(--color-blue-400);
         `}
 `, Qy = S.div`
@@ -10492,15 +10498,15 @@ const Gy = {
 };
 Cc.displayName = "TableHeaderCell";
 const r1 = {
-  sm: y`
+  sm: v`
         ${Vt.sm}
         ${L[14]}
     `,
-  md: y`
+  md: v`
         ${Vt.md}
         ${L[14]}
     `,
-  lg: y`
+  lg: v`
         ${Vt.lg}
         ${L[16]}
     `
@@ -10514,14 +10520,14 @@ const r1 = {
     transition: background-color 0.3s ease-out;
     width: ${({ $width: e }) => e ? typeof e == "number" ? `${e}px` : e : "auto"};
 
-    ${({ $truncate: e }) => e && y`
+    ${({ $truncate: e }) => e && v`
             max-width: 200px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         `}
 
-    ${({ $variant: e }) => e === "numeric" && y`
+    ${({ $variant: e }) => e === "numeric" && v`
             font-variant-numeric: tabular-nums;
             font-family: ui-monospace, monospace;
         `}
@@ -10577,7 +10583,7 @@ const a1 = S.table`
     ${Zy}
     ${Xy}
 `, l1 = S.thead`
-    ${({ $sticky: e }) => e && y`
+    ${({ $sticky: e }) => e && v`
             position: sticky;
             top: 0;
             z-index: 10;
@@ -10740,14 +10746,14 @@ const d1 = S.div`
   onLogout: n,
   menuItems: r = []
 }) => {
-  const [o, s] = Te(!1), i = fe(null);
-  Ae(() => {
+  const [o, s] = ke(!1), i = fe(null);
+  Te(() => {
     if (!o) return;
     const d = (c) => {
       i.current && !i.current.contains(c.target) && s(!1);
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
-  }, [o]), Ae(() => {
+  }, [o]), Te(() => {
     if (!o) return;
     const d = (c) => {
       c.key === "Escape" && s(!1);
@@ -11086,19 +11092,19 @@ const on = {
 
     ${({ $size: e }) => on[e].fontSize}
 
-    ${({ $isCompleted: e, $isActive: t }) => t ? y`
+    ${({ $isCompleted: e, $isActive: t }) => t ? v`
                 background-color: var(--color-main-blue-primary);
                 color: var(--color-main-white);
                 box-shadow: var(--shadow-hover-black-button);
-            ` : e ? y`
+            ` : e ? v`
                 background-color: var(--color-main-blue-primary);
                 color: var(--color-main-white);
-            ` : y`
+            ` : v`
             background-color: var(--color-dark-300);
             color: var(--color-main-white);
         `}
 
-    ${({ $isClickable: e }) => e && y`
+    ${({ $isClickable: e }) => e && v`
             cursor: pointer;
 
             &:hover {
@@ -11115,10 +11121,10 @@ const on = {
     background-color: ${({ $isCompleted: e }) => e ? "var(--color-main-blue-primary)" : "var(--color-dark-300)"};
     transition: background-color 0.3s ease;
 
-    ${({ $orientation: e, $size: t }) => e === "vertical" ? y`
+    ${({ $orientation: e, $size: t }) => e === "vertical" ? v`
                   width: ${on[t].line};
                   height: 2rem;
-              ` : y`
+              ` : v`
                   height: ${on[t].line};
                   flex: 1;
                   min-width: 2rem;