@dss-kit/ui-kit 0.1.5 → 0.1.6

package/dist/ui-kit.es.js

@@ -1,6 +1,6 @@
 import { jsx as b, jsxs as L, Fragment as Ze } from "react/jsx-runtime";
 import * as A from "react";
-import { forwardRef as ht, useMemo as K, useRef as H, useState as wt, useCallback as bt, useImperativeHandle as Je, useEffect as xt, useLayoutEffect as br, createContext as ne, useId as Qn, useContext as J, useInsertionEffect as wr, Children as _r, isValidElement as Ta, Fragment as Tr, createElement as Sa, Component as Ca } from "react";
+import { forwardRef as ht, useMemo as U, useRef as H, useState as _t, useCallback as wt, useImperativeHandle as Je, useEffect as xt, useLayoutEffect as br, createContext as ne, useId as Qn, useContext as J, useInsertionEffect as wr, Children as _r, isValidElement as Ta, Fragment as Tr, createElement as Sa, Component as Ca } from "react";
 import { createPortal as Pa, flushSync as Ea } from "react-dom";
 function Ma(t) {
   if (t.sheet)
@@ -195,11 +195,11 @@ function Ua(t) {
   return Ar(Ne("", null, null, null, [""], t = Mr(t), 0, [0], t));
 }
 function Ne(t, e, n, i, s, r, o, a, l) {
-  for (var u = 0, c = 0, h = o, d = 0, f = 0, p = 0, m = 1, v = 1, y = 1, x = 0, g = "", w = s, T = r, C = i, _ = g; v; )
-    switch (p = x, x = rt()) {
+  for (var u = 0, c = 0, h = o, d = 0, f = 0, g = 0, m = 1, v = 1, y = 1, x = 0, p = "", w = s, T = r, C = i, _ = p; v; )
+    switch (g = x, x = rt()) {
       // (
       case 40:
-        if (p != 108 && X(_, h - 1) == 58) {
+        if (g != 108 && X(_, h - 1) == 58) {
           An(_ += R(Be(x), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
@@ -214,7 +214,7 @@ function Ne(t, e, n, i, s, r, o, a, l) {
       case 10:
       case 13:
       case 32:
-        _ += $a(p);
+        _ += $a(g);
         break;
       // \
       case 92:
@@ -252,7 +252,7 @@ function Ne(t, e, n, i, s, r, o, a, l) {
             _ += ";";
           // { rule/at-rule
           default:
-            if (Ve(C = zi(_, e, n, u, c, s, a, g, w = [], T = [], h), r), x === 123)
+            if (Ve(C = zi(_, e, n, u, c, s, a, p, w = [], T = [], h), r), x === 123)
               if (c === 0)
                 Ne(_, e, C, C, w, r, h, a, T);
               else
@@ -262,17 +262,17 @@ function Ne(t, e, n, i, s, r, o, a, l) {
                   case 108:
                   case 109:
                   case 115:
-                    Ne(t, C, C, i && Ve(zi(t, C, C, 0, 0, s, a, g, s, w = [], h), T), s, T, h, a, i ? w : T);
+                    Ne(t, C, C, i && Ve(zi(t, C, C, 0, 0, s, a, p, s, w = [], h), T), s, T, h, a, i ? w : T);
                     break;
                   default:
                     Ne(_, C, C, C, [""], T, 0, a, T);
                 }
         }
-        u = c = f = 0, m = y = 1, g = _ = "", h = o;
+        u = c = f = 0, m = y = 1, p = _ = "", h = o;
         break;
       // :
       case 58:
-        h = 1 + gt(_), f = p;
+        h = 1 + gt(_), f = g;
       default:
         if (m < 1) {
           if (x == 123)
@@ -291,19 +291,19 @@ function Ne(t, e, n, i, s, r, o, a, l) {
             break;
           // @
           case 64:
-            yt() === 45 && (_ += Be(rt())), d = yt(), c = h = gt(g = _ += Wa(Ie())), x++;
+            yt() === 45 && (_ += Be(rt())), d = yt(), c = h = gt(p = _ += Wa(Ie())), x++;
             break;
           // -
           case 45:
-            p === 45 && gt(_) == 2 && (m = 0);
+            g === 45 && gt(_) == 2 && (m = 0);
         }
     }
   return r;
 }
 function zi(t, e, n, i, s, r, o, a, l, u, c) {
-  for (var h = s - 1, d = s === 0 ? r : [""], f = ni(d), p = 0, m = 0, v = 0; p < i; ++p)
-    for (var y = 0, x = ye(t, h + 1, h = Da(m = o[p])), g = t; y < f; ++y)
-      (g = Pr(m > 0 ? d[y] + " " + x : R(x, /&\f/g, d[y]))) && (l[v++] = g);
+  for (var h = s - 1, d = s === 0 ? r : [""], f = ni(d), g = 0, m = 0, v = 0; g < i; ++g)
+    for (var y = 0, x = ye(t, h + 1, h = Da(m = o[g])), p = t; y < f; ++y)
+      (p = Pr(m > 0 ? d[y] + " " + x : R(x, /&\f/g, d[y]))) && (l[v++] = p);
   return en(t, e, n, s === 0 ? ti : a, l, u, c);
 }
 function Ka(t, e, n) {
@@ -600,11 +600,11 @@ var el = function(e, n, i, s) {
     })], d = Ha(u.concat(s, h)), f = function(v) {
       return Zt(Ua(v), d);
     };
-    l = function(v, y, x, g) {
-      c = x, f(v ? v + "{" + y.styles + "}" : y.styles), g && (p.inserted[y.name] = !0);
+    l = function(v, y, x, p) {
+      c = x, f(v ? v + "{" + y.styles + "}" : y.styles), p && (g.inserted[y.name] = !0);
     };
   }
-  var p = {
+  var g = {
     key: n,
     sheet: new Va({
       key: n,
@@ -619,7 +619,7 @@ var el = function(e, n, i, s) {
     registered: {},
     insert: l
   };
-  return p.sheet.hydrate(a), p;
+  return g.sheet.hydrate(a), g;
 };
 function sl(t) {
   for (var e = 0, n, i = 0, s = t.length; s >= 4; ++i, s -= 4)
@@ -701,10 +701,10 @@ var rl = {
     case "animationName":
       if (typeof n == "string")
         return n.replace(al, function(i, s, r) {
-          return Et = {
+          return Mt = {
             name: s,
             styles: r,
-            next: Et
+            next: Mt
           }, s;
         });
   }
@@ -722,20 +722,20 @@ function Ue(t, e, n) {
     case "object": {
       var s = n;
       if (s.anim === 1)
-        return Et = {
+        return Mt = {
           name: s.name,
           styles: s.styles,
-          next: Et
+          next: Mt
         }, s.name;
       var r = n;
       if (r.styles !== void 0) {
         var o = r.next;
         if (o !== void 0)
           for (; o !== void 0; )
-            Et = {
+            Mt = {
               name: o.name,
               styles: o.styles,
-              next: Et
+              next: Mt
             }, o = o.next;
         var a = r.styles + ";";
         return a;
@@ -778,12 +778,12 @@ function ll(t, e, n) {
     }
   return i;
 }
-var Gi = /label:\s*([^\s;{]+)\s*(;|$)/g, Et;
+var Gi = /label:\s*([^\s;{]+)\s*(;|$)/g, Mt;
 function cn(t, e, n) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
   var i = !0, s = "";
-  Et = void 0;
+  Mt = void 0;
   var r = t[0];
   if (r == null || r.raw === void 0)
     i = !1, s += Ue(n, e, r);
@@ -803,7 +803,7 @@ function cn(t, e, n) {
   return {
     name: h,
     styles: s,
-    next: Et
+    next: Mt
   };
 }
 function Rr(t, e, n) {
@@ -927,12 +927,12 @@ function fl(t) {
     px: h,
     py: d,
     pt: f,
-    pr: p,
+    pr: g,
     pb: m,
     pl: v,
     xGap: y,
     yGap: x,
-    row: g,
+    row: p,
     flex: w,
     relative: T,
     absolute: C,
@@ -955,12 +955,12 @@ function fl(t) {
       px: h,
       py: d,
       pt: f,
-      pr: p,
+      pr: g,
       pb: m,
       pl: v,
       xGap: y,
       yGap: x,
-      row: g,
+      row: p,
       flex: w,
       relative: T,
       absolute: C,
@@ -1017,7 +1017,7 @@ const ml = (t) => Q({
   }
 }), M = ht(
   ({ className: t, children: e, ...n }, i) => {
-    const { spacers: s, rest: r } = fl(n), o = K(() => ml(s), [s]);
+    const { spacers: s, rest: r } = fl(n), o = U(() => ml(s), [s]);
     return /* @__PURE__ */ b("div", { ref: i, className: I(o, t), ...r, children: e });
   }
 );
@@ -1078,11 +1078,11 @@ function bl(t) {
   return e.push(window), e;
 }
 const nn = ht(({ color: t = "rgba(0,0,0,0.18)", duration: e = 1e3, radius: n = "auto", className: i }, s) => {
-  const r = H(null), [o, a] = wt([]), l = H([]), u = H(1), c = H(null), h = () => {
+  const r = H(null), [o, a] = _t([]), l = H([]), u = H(1), c = H(null), h = () => {
     l.current.forEach((m) => clearTimeout(m)), l.current = [];
-  }, d = bt(
+  }, d = wt(
     (m, v, y, x) => {
-      const g = y.getBoundingClientRect(), w = n === "auto" ? Math.max(g.width, g.height) * 2 : n, T = m - x.left, C = v - x.top, _ = Math.max(0, g.top - x.top), S = Math.max(0, g.left - x.left), E = Math.max(0, x.right - g.right), O = Math.max(0, x.bottom - g.bottom), kt = window.getComputedStyle(y).borderRadius || "0px", Rt = u.current++, Ct = {
+      const p = y.getBoundingClientRect(), w = n === "auto" ? Math.max(p.width, p.height) * 2 : n, T = m - x.left, C = v - x.top, _ = Math.max(0, p.top - x.top), S = Math.max(0, p.left - x.left), E = Math.max(0, x.right - p.right), O = Math.max(0, x.bottom - p.bottom), bt = window.getComputedStyle(y).borderRadius || "0px", Rt = u.current++, Pt = {
         id: Rt,
         left: T - w / 2,
         top: C - w / 2,
@@ -1093,53 +1093,53 @@ const nn = ht(({ color: t = "rgba(0,0,0,0.18)", duration: e = 1e3, radius: n = "
           bottom: Math.round(O),
           left: Math.round(S)
         },
-        borderRadius: kt
+        borderRadius: bt
       };
-      a((jt) => [...jt, Ct]);
+      a((jt) => [...jt, Pt]);
       const zt = window.setTimeout(() => {
         a((jt) => jt.filter((z) => z.id !== Rt));
       }, e + 80);
       l.current.push(zt);
     },
     [e, n]
-  ), f = bt(
+  ), f = wt(
     (m) => {
       try {
         if (!r.current) return;
         const v = r.current, y = v.parentElement;
         if (!y) return;
         const x = bl(m);
-        let g = null;
+        let p = null;
         for (const S of x)
           if (S instanceof Element) {
             if (S === y) break;
             if (S.matches && S.matches(hn)) {
-              g = S;
+              p = S;
               break;
             }
           }
-        if (g || (g = y), g.closest && (g.closest("[disabled]") || g.getAttribute("aria-disabled") === "true" || g.classList.contains("ripple-disabled")))
+        if (p || (p = y), p.closest && (p.closest("[disabled]") || p.getAttribute("aria-disabled") === "true" || p.classList.contains("ripple-disabled")))
           return;
         const w = m.target;
         if (w && w.closest && (w.closest("[disabled]") || w.getAttribute?.("aria-disabled") === "true"))
           return;
         const T = v.getBoundingClientRect(), { clientX: C } = m, { clientY: _ } = m;
-        d(C, _, g, T);
+        d(C, _, p, T);
       } catch {
       }
     },
     [d]
-  ), p = bt(
+  ), g = wt(
     (m) => {
       if (!r.current || !(m.key === "Enter" || m.key === " ")) return;
       const v = r.current, y = v.parentElement;
       if (!y) return;
       const x = document.activeElement;
-      let g = null;
-      if (x instanceof Element && x.matches(hn) && (g = x), g || (g = y), g.closest && (g.closest("[disabled]") || g.getAttribute("aria-disabled") === "true"))
+      let p = null;
+      if (x instanceof Element && x.matches(hn) && (p = x), p || (p = y), p.closest && (p.closest("[disabled]") || p.getAttribute("aria-disabled") === "true"))
         return;
-      const w = v.getBoundingClientRect(), T = g.getBoundingClientRect().left + g.getBoundingClientRect().width / 2, C = g.getBoundingClientRect().top + g.getBoundingClientRect().height / 2;
-      d(T, C, g, w);
+      const w = v.getBoundingClientRect(), T = p.getBoundingClientRect().left + p.getBoundingClientRect().width / 2, C = p.getBoundingClientRect().top + p.getBoundingClientRect().height / 2;
+      d(T, C, p, w);
     },
     [d]
   );
@@ -1149,9 +1149,9 @@ const nn = ht(({ color: t = "rgba(0,0,0,0.18)", duration: e = 1e3, radius: n = "
       trigger: ({ center: m = !0, x: v, y } = {}) => {
         const x = r.current;
         if (!x) return;
-        const g = x.parentElement;
-        if (!g) return;
-        const w = x.getBoundingClientRect(), T = document.activeElement instanceof Element && document.activeElement.matches(hn) ? document.activeElement : g, C = m ? T.getBoundingClientRect().left + T.getBoundingClientRect().width / 2 : v ?? w.left + w.width / 2, _ = m ? T.getBoundingClientRect().top + T.getBoundingClientRect().height / 2 : y ?? w.top + w.height / 2;
+        const p = x.parentElement;
+        if (!p) return;
+        const w = x.getBoundingClientRect(), T = document.activeElement instanceof Element && document.activeElement.matches(hn) ? document.activeElement : p, C = m ? T.getBoundingClientRect().left + T.getBoundingClientRect().width / 2 : v ?? w.left + w.width / 2, _ = m ? T.getBoundingClientRect().top + T.getBoundingClientRect().height / 2 : y ?? w.top + w.height / 2;
         d(C, _, T, w);
       }
     }),
@@ -1163,10 +1163,10 @@ const nn = ht(({ color: t = "rgba(0,0,0,0.18)", duration: e = 1e3, radius: n = "
     if (!v) return;
     const y = window.getComputedStyle(v);
     let x = !1;
-    return y.position === "static" && (v.style.position = "relative", x = !0, c.current = v), v.addEventListener("pointerdown", f, !0), v.addEventListener("keydown", p), () => {
-      v.removeEventListener("pointerdown", f, !0), v.removeEventListener("keydown", p), x && c.current && (c.current.style.position = "", c.current = null), h();
+    return y.position === "static" && (v.style.position = "relative", x = !0, c.current = v), v.addEventListener("pointerdown", f, !0), v.addEventListener("keydown", g), () => {
+      v.removeEventListener("pointerdown", f, !0), v.removeEventListener("keydown", g), x && c.current && (c.current.style.position = "", c.current = null), h();
     };
-  }, [f, p]), xt(() => () => h(), []), /* @__PURE__ */ b("div", { ref: r, className: `${Xi.rippleOverlay} ${i ?? ""}`, "aria-hidden": !0, children: o.map((m) => /* @__PURE__ */ b(
+  }, [f, g]), xt(() => () => h(), []), /* @__PURE__ */ b("div", { ref: r, className: `${Xi.rippleOverlay} ${i ?? ""}`, "aria-hidden": !0, children: o.map((m) => /* @__PURE__ */ b(
     "span",
     {
       className: Xi.ripple,
@@ -1184,7 +1184,7 @@ const nn = ht(({ color: t = "rgba(0,0,0,0.18)", duration: e = 1e3, radius: n = "
   )) });
 });
 function ii(t, e) {
-  const { current: n } = H(t !== void 0), [i, s] = wt(e), r = n ? t : i, o = bt(
+  const { current: n } = H(t !== void 0), [i, s] = _t(e), r = n ? t : i, o = wt(
     (a) => {
       n || s(a);
     },
@@ -1193,7 +1193,7 @@ function ii(t, e) {
   return [r, o];
 }
 const wl = (t, e) => {
-  const [n, i] = wt({ top: 0, left: 0, width: 0 });
+  const [n, i] = _t({ top: 0, left: 0, width: 0 });
   return br(() => {
     if (!e || !t.current) return;
     const s = () => {
@@ -1289,7 +1289,7 @@ const Or = (t) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24
         };
       }
     }, [t, a]);
-    const h = bt(
+    const h = wt(
       (f) => {
         f.key === "Escape" && e && e();
       },
@@ -1299,7 +1299,7 @@ const Or = (t) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24
       if (typeof window < "u" && typeof document < "u" && o && t)
         return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
     }, [t, o, h]);
-    const d = bt(
+    const d = wt(
       (f) => {
         f.target === f.currentTarget && r && e && e();
       },
@@ -1349,20 +1349,20 @@ function ci(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-const _t = (t, e, n) => n > e ? e : n < t ? t : n;
+const Tt = (t, e, n) => n > e ? e : n < t ? t : n;
 function kn(t, e) {
   return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
 }
 let se = () => {
-}, Tt = () => {
+}, St = () => {
 };
 process.env.NODE_ENV !== "production" && (se = (t, e, n) => {
   !t && typeof console < "u" && console.warn(kn(e, n));
-}, Tt = (t, e, n) => {
+}, St = (t, e, n) => {
   if (!t)
     throw new Error(kn(e, n));
 });
-const St = {}, Nr = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+const Ct = {}, Nr = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 function Fr(t) {
   return typeof t == "object" && t !== null;
 }
@@ -1437,11 +1437,11 @@ const Wr = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Ur
   anticipate: Hr
 }, Gl = (t) => typeof t == "string", Qi = (t) => {
   if (Zr(t)) {
-    Tt(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    St(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [e, n, i, s] = t;
     return Ee(e, n, i, s);
   } else if (Gl(t))
-    return Tt(Ji[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Ji[t];
+    return St(Ji[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Ji[t];
   return t;
 }, ke = [
   "setup",
@@ -1477,8 +1477,8 @@ function Hl(t, e) {
      * Schedule a process to run on the next frame.
      */
     schedule: (c, h = !1, d = !1) => {
-      const p = d && s ? n : i;
-      return h && o.add(c), p.has(c) || p.add(c), c;
+      const g = d && s ? n : i;
+      return h && o.add(c), g.has(c) || g.add(c), c;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -1506,27 +1506,27 @@ function Jr(t, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = ke.reduce((g, w) => (g[w] = Hl(r), g), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: d, render: f, postRender: p } = o, m = () => {
-    const g = St.useManualTiming ? s.timestamp : performance.now();
-    n = !1, St.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(g - s.timestamp, ql), 1)), s.timestamp = g, s.isProcessing = !0, a.process(s), l.process(s), u.process(s), c.process(s), h.process(s), d.process(s), f.process(s), p.process(s), s.isProcessing = !1, n && e && (i = !1, t(m));
+  }, r = () => n = !0, o = ke.reduce((p, w) => (p[w] = Hl(r), p), {}), { setup: a, read: l, resolveKeyframes: u, preUpdate: c, update: h, preRender: d, render: f, postRender: g } = o, m = () => {
+    const p = Ct.useManualTiming ? s.timestamp : performance.now();
+    n = !1, Ct.useManualTiming || (s.delta = i ? 1e3 / 60 : Math.max(Math.min(p - s.timestamp, ql), 1)), s.timestamp = p, s.isProcessing = !0, a.process(s), l.process(s), u.process(s), c.process(s), h.process(s), d.process(s), f.process(s), g.process(s), s.isProcessing = !1, n && e && (i = !1, t(m));
   }, v = () => {
     n = !0, i = !0, s.isProcessing || t(m);
   };
-  return { schedule: ke.reduce((g, w) => {
+  return { schedule: ke.reduce((p, w) => {
     const T = o[w];
-    return g[w] = (C, _ = !1, S = !1) => (n || v(), T.schedule(C, _, S)), g;
-  }, {}), cancel: (g) => {
+    return p[w] = (C, _ = !1, S = !1) => (n || v(), T.schedule(C, _, S)), p;
+  }, {}), cancel: (p) => {
     for (let w = 0; w < ke.length; w++)
-      o[ke[w]].cancel(g);
+      o[ke[w]].cancel(p);
   }, state: s, steps: o };
 }
-const { schedule: N, cancel: Mt, state: Y, steps: fn } = /* @__PURE__ */ Jr(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ut, !0);
+const { schedule: N, cancel: At, state: Y, steps: fn } = /* @__PURE__ */ Jr(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ut, !0);
 let Fe;
 function Yl() {
   Fe = void 0;
 }
 const it = {
-  now: () => (Fe === void 0 && it.set(Y.isProcessing || St.useManualTiming ? Y.timestamp : performance.now()), Fe),
+  now: () => (Fe === void 0 && it.set(Y.isProcessing || Ct.useManualTiming ? Y.timestamp : performance.now()), Fe),
   set: (t) => {
     Fe = t, queueMicrotask(Yl);
   }
@@ -1536,7 +1536,7 @@ const it = {
   transform: (t) => t
 }, be = {
   ...re,
-  transform: (t) => _t(0, 1, t)
+  transform: (t) => Tt(0, 1, t)
 }, Re = {
   ...re,
   default: 1
@@ -1554,7 +1554,7 @@ const Ql = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, tc = (t) => _t(0, 255, t), mn = {
+}, tc = (t) => Tt(0, 255, t), mn = {
   ...re,
   transform: (t) => Math.round(tc(t))
 }, Bt = {
@@ -1579,7 +1579,7 @@ const Rn = {
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), Pt = /* @__PURE__ */ Me("deg"), vt = /* @__PURE__ */ Me("%"), P = /* @__PURE__ */ Me("px"), nc = /* @__PURE__ */ Me("vh"), ic = /* @__PURE__ */ Me("vw"), ts = {
+}), Et = /* @__PURE__ */ Me("deg"), vt = /* @__PURE__ */ Me("%"), P = /* @__PURE__ */ Me("px"), nc = /* @__PURE__ */ Me("vh"), ic = /* @__PURE__ */ Me("vw"), ts = {
   ...vt,
   parse: (t) => vt.parse(t) / 100,
   transform: (t) => vt.transform(t * 100)
@@ -1587,13 +1587,13 @@ const Rn = {
   test: /* @__PURE__ */ vi("hsl", "hue"),
   parse: /* @__PURE__ */ to("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: i = 1 }) => "hsla(" + Math.round(t) + ", " + vt.transform(fe(e)) + ", " + vt.transform(fe(n)) + ", " + fe(be.transform(i)) + ")"
-}, U = {
+}, K = {
   test: (t) => Bt.test(t) || Rn.test(t) || Kt.test(t),
   parse: (t) => Bt.test(t) ? Bt.parse(t) : Kt.test(t) ? Kt.parse(t) : Rn.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? Bt.transform(t) : Kt.transform(t),
   getAnimatableNone: (t) => {
-    const e = U.parse(t);
-    return e.alpha = 0, U.transform(e);
+    const e = K.parse(t);
+    return e.alpha = 0, K.transform(e);
   }
 }, sc = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function rc(t) {
@@ -1607,7 +1607,7 @@ function we(t) {
     var: []
   }, s = [];
   let r = 0;
-  const a = e.replace(lc, (l) => (U.test(l) ? (i.color.push(r), s.push(no), n.push(U.parse(l))) : l.startsWith(ac) ? (i.var.push(r), s.push(oc), n.push(l)) : (i.number.push(r), s.push(eo), n.push(parseFloat(l))), ++r, es)).split(es);
+  const a = e.replace(lc, (l) => (K.test(l) ? (i.color.push(r), s.push(no), n.push(K.parse(l))) : l.startsWith(ac) ? (i.var.push(r), s.push(oc), n.push(l)) : (i.number.push(r), s.push(eo), n.push(parseFloat(l))), ++r, es)).split(es);
   return { values: n, split: a, indexes: i, types: s };
 }
 function io(t) {
@@ -1620,17 +1620,17 @@ function so(t) {
     for (let o = 0; o < i; o++)
       if (r += e[o], s[o] !== void 0) {
         const a = n[o];
-        a === eo ? r += fe(s[o]) : a === no ? r += U.transform(s[o]) : r += s[o];
+        a === eo ? r += fe(s[o]) : a === no ? r += K.transform(s[o]) : r += s[o];
       }
     return r;
   };
 }
-const cc = (t) => typeof t == "number" ? 0 : U.test(t) ? U.getAnimatableNone(t) : t;
+const cc = (t) => typeof t == "number" ? 0 : K.test(t) ? K.getAnimatableNone(t) : t;
 function uc(t) {
   const e = io(t);
   return so(t)(e.map(cc));
 }
-const At = {
+const Vt = {
   test: rc,
   parse: io,
   createTransformer: so,
@@ -1683,7 +1683,7 @@ function pc(t, e) {
   return (n) => $(t, e, n);
 }
 function xi(t) {
-  return typeof t == "number" ? pc : typeof t == "string" ? gi(t) ? Ge : U.test(t) ? is : vc : Array.isArray(t) ? ro : typeof t == "object" ? U.test(t) ? is : gc : Ge;
+  return typeof t == "number" ? pc : typeof t == "string" ? gi(t) ? Ge : K.test(t) ? is : vc : Array.isArray(t) ? ro : typeof t == "object" ? K.test(t) ? is : gc : Ge;
 }
 function ro(t, e) {
   const n = [...t], i = n.length, s = t.map((r, o) => xi(r)(r, e[o]));
@@ -1712,7 +1712,7 @@ function yc(t, e) {
   return n;
 }
 const vc = (t, e) => {
-  const n = At.createTransformer(e), i = we(t), s = we(e);
+  const n = Vt.createTransformer(e), i = we(t), s = we(e);
   return i.indexes.var.length === s.indexes.var.length && i.indexes.color.length === s.indexes.color.length && i.indexes.number.length >= s.indexes.number.length ? Dn.has(t) && !s.values.length || Dn.has(e) && !i.values.length ? mc(t, e) : Pe(ro(yc(i, s), s.values), n) : (se(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), Ge(t, e));
 };
 function oo(t, e, n) {
@@ -1722,7 +1722,7 @@ const xc = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => N.update(e, n),
-    stop: () => Mt(e),
+    stop: () => At(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
@@ -1790,12 +1790,12 @@ function _c({ duration: t = F.duration, bounce: e = F.bounce, velocity: n = F.ve
   let s, r;
   se(t <= /* @__PURE__ */ pt(F.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - e;
-  o = _t(F.minDamping, F.maxDamping, o), t = _t(F.minDuration, F.maxDuration, /* @__PURE__ */ ct(t)), o < 1 ? (s = (u) => {
-    const c = u * o, h = c * t, d = c - n, f = Ln(u, o), p = Math.exp(-h);
-    return yn - d / f * p;
+  o = Tt(F.minDamping, F.maxDamping, o), t = Tt(F.minDuration, F.maxDuration, /* @__PURE__ */ ct(t)), o < 1 ? (s = (u) => {
+    const c = u * o, h = c * t, d = c - n, f = Ln(u, o), g = Math.exp(-h);
+    return yn - d / f * g;
   }, r = (u) => {
-    const h = u * o * t, d = h * n + n, f = Math.pow(o, 2) * Math.pow(u, 2) * t, p = Math.exp(-h), m = Ln(Math.pow(u, 2), o);
-    return (-s(u) + yn > 0 ? -1 : 1) * ((d - f) * p) / m;
+    const h = u * o * t, d = h * n + n, f = Math.pow(o, 2) * Math.pow(u, 2) * t, g = Math.exp(-h), m = Ln(Math.pow(u, 2), o);
+    return (-s(u) + yn > 0 ? -1 : 1) * ((d - f) * g) / m;
   }) : (s = (u) => {
     const c = Math.exp(-u * t), h = (u - n) * t + 1;
     return -yn + c * h;
@@ -1844,7 +1844,7 @@ function Ec(t) {
   };
   if (!ss(t, Pc) && ss(t, Cc))
     if (t.visualDuration) {
-      const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, r = 2 * _t(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
+      const n = t.visualDuration, i = 2 * Math.PI / (n * 1.2), s = i * i, r = 2 * Tt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(s);
       e = {
         ...e,
         mass: F.mass,
@@ -1871,33 +1871,33 @@ function qe(t = F.visualDuration, e = F.bounce) {
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: l, damping: u, mass: c, duration: h, velocity: d, isResolvedFromDuration: f } = Ec({
     ...n,
     velocity: -/* @__PURE__ */ ct(n.velocity || 0)
-  }), p = d || 0, m = u / (2 * Math.sqrt(l * c)), v = o - r, y = /* @__PURE__ */ ct(Math.sqrt(l / c)), x = Math.abs(v) < 5;
+  }), g = d || 0, m = u / (2 * Math.sqrt(l * c)), v = o - r, y = /* @__PURE__ */ ct(Math.sqrt(l / c)), x = Math.abs(v) < 5;
   i || (i = x ? F.restSpeed.granular : F.restSpeed.default), s || (s = x ? F.restDelta.granular : F.restDelta.default);
-  let g;
+  let p;
   if (m < 1) {
     const T = Ln(y, m);
-    g = (C) => {
+    p = (C) => {
       const _ = Math.exp(-m * y * C);
-      return o - _ * ((p + m * y * v) / T * Math.sin(T * C) + v * Math.cos(T * C));
+      return o - _ * ((g + m * y * v) / T * Math.sin(T * C) + v * Math.cos(T * C));
     };
   } else if (m === 1)
-    g = (T) => o - Math.exp(-y * T) * (v + (p + y * v) * T);
+    p = (T) => o - Math.exp(-y * T) * (v + (g + y * v) * T);
   else {
     const T = y * Math.sqrt(m * m - 1);
-    g = (C) => {
+    p = (C) => {
       const _ = Math.exp(-m * y * C), S = Math.min(T * C, 300);
-      return o - _ * ((p + m * y * v) * Math.sinh(S) + T * v * Math.cosh(S)) / T;
+      return o - _ * ((g + m * y * v) * Math.sinh(S) + T * v * Math.cosh(S)) / T;
     };
   }
   const w = {
     calculatedDuration: f && h || null,
     next: (T) => {
-      const C = g(T);
+      const C = p(T);
       if (f)
         a.done = T >= h;
       else {
-        let _ = T === 0 ? p : 0;
-        m < 1 && (_ = T === 0 ? /* @__PURE__ */ pt(p) : lo(g, T, C));
+        let _ = T === 0 ? g : 0;
+        m < 1 && (_ = T === 0 ? /* @__PURE__ */ pt(g) : lo(p, T, C));
         const S = Math.abs(_) <= i, E = Math.abs(o - C) <= s;
         a.done = S && E;
       }
@@ -1920,19 +1920,19 @@ function On({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   const h = t[0], d = {
     done: !1,
     value: h
-  }, f = (S) => a !== void 0 && S < a || l !== void 0 && S > l, p = (S) => a === void 0 ? l : l === void 0 || Math.abs(a - S) < Math.abs(l - S) ? a : l;
+  }, f = (S) => a !== void 0 && S < a || l !== void 0 && S > l, g = (S) => a === void 0 ? l : l === void 0 || Math.abs(a - S) < Math.abs(l - S) ? a : l;
   let m = n * e;
   const v = h + m, y = o === void 0 ? v : o(v);
   y !== v && (m = y - h);
-  const x = (S) => -m * Math.exp(-S / i), g = (S) => y + x(S), w = (S) => {
-    const E = x(S), O = g(S);
+  const x = (S) => -m * Math.exp(-S / i), p = (S) => y + x(S), w = (S) => {
+    const E = x(S), O = p(S);
     d.done = Math.abs(E) <= u, d.value = d.done ? y : O;
   };
   let T, C;
   const _ = (S) => {
     f(d.value) && (T = S, C = qe({
-      keyframes: [d.value, p(d.value)],
-      velocity: lo(g, S, d.value),
+      keyframes: [d.value, g(d.value)],
+      velocity: lo(p, S, d.value),
       // TODO: This should be passing * 1000
       damping: s,
       stiffness: r,
@@ -1949,7 +1949,7 @@ function On({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   };
 }
 function Mc(t, e, n) {
-  const i = [], s = n || St.mix || oo, r = t.length - 1;
+  const i = [], s = n || Ct.mix || oo, r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = s(t[o], t[o + 1]);
     if (e) {
@@ -1962,7 +1962,7 @@ function Mc(t, e, n) {
 }
 function Ac(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
   const r = t.length;
-  if (Tt(r === e.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
+  if (St(r === e.length, "Both input and output ranges must be the same length", "range-length"), r === 1)
     return () => e[0];
   if (r === 2 && e[0] === e[1])
     return () => e[1];
@@ -1978,7 +1978,7 @@ function Ac(t, e, { clamp: n = !0, ease: i, mixer: s } = {}) {
     const d = /* @__PURE__ */ xe(t[h], t[h + 1], c);
     return a[h](d);
   };
-  return n ? (c) => u(_t(t[0], t[r - 1], c)) : u;
+  return n ? (c) => u(Tt(t[0], t[r - 1], c)) : u;
 }
 function Vc(t, e) {
   const n = t[t.length - 1];
@@ -2067,7 +2067,7 @@ class Ti extends _i {
     const { type: n = Gt, repeat: i = 0, repeatDelay: s = 0, repeatType: r, velocity: o = 0 } = e;
     let { keyframes: a } = e;
     const l = n || Gt;
-    process.env.NODE_ENV !== "production" && l !== Gt && Tt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Gt && typeof a[0] != "number" && (this.mixKeyframes = Pe(Ic, oo(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Gt && St(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), l !== Gt && typeof a[0] != "number" && (this.mixKeyframes = Pe(Ic, oo(a[0], a[1])), a = [0, 100]);
     const u = l({ ...e, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = l({
       ...e,
@@ -2085,22 +2085,22 @@ class Ti extends _i {
     const { generator: i, totalDuration: s, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: l } = this;
     if (this.startTime === null)
       return i.next(0);
-    const { delay: u = 0, keyframes: c, repeat: h, repeatType: d, repeatDelay: f, type: p, onUpdate: m, finalKeyframe: v } = this.options;
+    const { delay: u = 0, keyframes: c, repeat: h, repeatType: d, repeatDelay: f, type: g, onUpdate: m, finalKeyframe: v } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - s / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
     const y = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? y < 0 : y > s;
     this.currentTime = Math.max(y, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = s);
-    let g = this.currentTime, w = i;
+    let p = this.currentTime, w = i;
     if (h) {
       const S = Math.min(this.currentTime, s) / a;
       let E = Math.floor(S), O = S % 1;
-      !O && S >= 1 && (O = 1), O === 1 && E--, E = Math.min(E, h + 1), !!(E % 2) && (d === "reverse" ? (O = 1 - O, f && (O -= f / a)) : d === "mirror" && (w = o)), g = _t(0, 1, O) * a;
+      !O && S >= 1 && (O = 1), O === 1 && E--, E = Math.min(E, h + 1), !!(E % 2) && (d === "reverse" ? (O = 1 - O, f && (O -= f / a)) : d === "mirror" && (w = o)), p = Tt(0, 1, O) * a;
     }
-    const T = x ? { done: !1, value: c[0] } : w.next(g);
+    const T = x ? { done: !1, value: c[0] } : w.next(p);
     r && (T.value = r(T.value));
     let { done: C } = T;
     !x && l !== null && (C = this.playbackSpeed >= 0 ? this.currentTime >= s : this.currentTime <= 0);
     const _ = this.holdTime === null && (this.state === "finished" || this.state === "running" && C);
-    return _ && p !== On && (T.value = wi(c, this.options, v, this.speed)), m && m(T.value), _ && this.finish(), T;
+    return _ && g !== On && (T.value = wi(c, this.options, v, this.speed)), m && m(T.value), _ && this.finish(), T;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -2394,7 +2394,7 @@ class Qc extends _i {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: n, name: i, keyframes: s, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: l } = e;
-    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, Tt(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, St(typeof e.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
     const u = Jc(e);
     this.animation = Zc(n, i, s, u, r), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
@@ -2521,7 +2521,7 @@ class nu extends Qc {
   }
 }
 const hs = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(At.test(t) || t === "0") && // And it contains numbers and/or colors
+(Vt.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function iu(t) {
   const e = t[0];
@@ -2580,12 +2580,12 @@ class cu extends _i {
       element: c,
       ...h
     }, f = c?.KeyframeResolver || Si;
-    this.keyframeResolver = new f(a, (p, m, v) => this.onKeyframesResolved(p, m, d, !v), l, u, c), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new f(a, (g, m, v) => this.onKeyframesResolved(g, m, d, !v), l, u, c), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(e, n, i, s) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: l, isHandoff: u, onUpdate: c } = i;
-    this.resolvedAt = it.now(), su(e, r, o, a) || ((St.instantAnimations || !l) && c?.(wi(e, i, n)), e[0] = e[e.length - 1], Wn(i), i.repeat = 0);
+    this.resolvedAt = it.now(), su(e, r, o, a) || ((Ct.instantAnimations || !l) && c?.(wi(e, i, n)), e[0] = e[e.length - 1], Wn(i), i.repeat = 0);
     const d = {
       startTime: s ? this.resolvedAt ? this.resolvedAt - this.createdAt > lu ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -2660,7 +2660,7 @@ function hu(t) {
 }
 const du = 4;
 function yo(t, e, n = 1) {
-  Tt(n <= du, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  St(n <= du, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [i, s] = hu(t);
   if (!i)
     return;
@@ -2685,7 +2685,7 @@ const vo = /* @__PURE__ */ new Set([
 ]), fu = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, xo = (t) => (e) => e.test(t), bo = [re, P, vt, Pt, ic, nc, fu], ds = (t) => bo.find(xo(t));
+}, xo = (t) => (e) => e.test(t), bo = [re, P, vt, Et, ic, nc, fu], ds = (t) => bo.find(xo(t));
 function mu(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || $r(t) : !0;
 }
@@ -2702,7 +2702,7 @@ function gu(t) {
   return i !== n && (r *= 100), e + "(" + r + s + ")";
 }
 const yu = /\b([a-z-]*)\(.*?\)/gu, Un = {
-  ...At,
+  ...Vt,
   getAnimatableNone: (t) => {
     const e = t.match(yu);
     return e ? e.map(gu).join(" ") : t;
@@ -2711,17 +2711,17 @@ const yu = /\b([a-z-]*)\(.*?\)/gu, Un = {
   ...re,
   transform: Math.round
 }, vu = {
-  rotate: Pt,
-  rotateX: Pt,
-  rotateY: Pt,
-  rotateZ: Pt,
+  rotate: Et,
+  rotateX: Et,
+  rotateY: Et,
+  rotateZ: Et,
   scale: Re,
   scaleX: Re,
   scaleY: Re,
   scaleZ: Re,
-  skew: Pt,
-  skewX: Pt,
-  skewY: Pt,
+  skew: Et,
+  skewX: Et,
+  skewY: Et,
   distance: P,
   translateX: P,
   translateY: P,
@@ -2780,23 +2780,23 @@ const yu = /\b([a-z-]*)\(.*?\)/gu, Un = {
 }, xu = {
   ...Pi,
   // Color props
-  color: U,
-  backgroundColor: U,
-  outlineColor: U,
-  fill: U,
-  stroke: U,
+  color: K,
+  backgroundColor: K,
+  outlineColor: K,
+  fill: K,
+  stroke: K,
   // Border props
-  borderColor: U,
-  borderTopColor: U,
-  borderRightColor: U,
-  borderBottomColor: U,
-  borderLeftColor: U,
+  borderColor: K,
+  borderTopColor: K,
+  borderRightColor: K,
+  borderBottomColor: K,
+  borderLeftColor: K,
   filter: Un,
   WebkitFilter: Un
 }, wo = (t) => xu[t];
 function _o(t, e) {
   let n = wo(t);
-  return n !== Un && (n = At), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  return n !== Un && (n = Vt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const bu = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function wu(t, e, n) {
@@ -3163,8 +3163,8 @@ function ku(t, e, n = {}) {
     if (!ys(a))
       return;
     $e.add(l);
-    const u = e(l, a), c = (f, p) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), $e.has(l) && $e.delete(l), ys(f) && typeof u == "function" && u(f, { success: p });
+    const u = e(l, a), c = (f, g) => {
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), $e.has(l) && $e.delete(l), ys(f) && typeof u == "function" && u(f, { success: g });
     }, h = (f) => {
       c(f, l === window || l === document || n.useGlobalTarget || Eo(l, f.target));
     }, d = (f) => {
@@ -3182,7 +3182,7 @@ function Mo(t) {
 function Ru(t) {
   return Mo(t) && t.tagName === "svg";
 }
-const tt = (t) => !!(t && t.getVelocity), Du = [...bo, U, At], Lu = (t) => Du.find(xo(t)), Ai = ne({
+const tt = (t) => !!(t && t.getVelocity), Du = [...bo, K, Vt], Lu = (t) => Du.find(xo(t)), Ai = ne({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -3241,7 +3241,7 @@ function Nu({ children: t, isPresent: e, anchorX: n, root: i }) {
     const { width: u, height: c, top: h, left: d, right: f } = o.current;
     if (e || !r.current || !u || !c)
       return;
-    const p = n === "left" ? `left: ${d}` : `right: ${f}`;
+    const g = n === "left" ? `left: ${d}` : `right: ${f}`;
     r.current.dataset.motionPopId = s;
     const m = document.createElement("style");
     a && (m.nonce = a);
@@ -3251,7 +3251,7 @@ function Nu({ children: t, isPresent: e, anchorX: n, root: i }) {
             position: absolute !important;
             width: ${u}px !important;
             height: ${c}px !important;
-            ${p}px !important;
+            ${g}px !important;
             top: ${h}px !important;
           }
         `), () => {
@@ -3261,22 +3261,22 @@ function Nu({ children: t, isPresent: e, anchorX: n, root: i }) {
 }
 const Fu = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: r, mode: o, anchorX: a, root: l }) => {
   const u = oi($u), c = Qn();
-  let h = !0, d = K(() => (h = !1, {
+  let h = !0, d = U(() => (h = !1, {
     id: c,
     initial: e,
     isPresent: n,
     custom: s,
     onExitComplete: (f) => {
       u.set(f, !0);
-      for (const p of u.values())
-        if (!p)
+      for (const g of u.values())
+        if (!g)
           return;
       i && i();
     },
     register: (f) => (u.set(f, !1), () => u.delete(f))
   }), [n, u, i]);
-  return r && h && (d = { ...d }), K(() => {
-    u.forEach((f, p) => u.set(p, !1));
+  return r && h && (d = { ...d }), U(() => {
+    u.forEach((f, g) => u.set(g, !1));
   }, [n]), A.useEffect(() => {
     !n && !u.size && i && i();
   }, [n]), o === "popLayout" && (t = b(Nu, { isPresent: n, anchorX: a, root: l, children: t })), b(sn.Provider, { value: d, children: t });
@@ -3293,7 +3293,7 @@ function Ao(t = !0) {
     if (t)
       return s(r);
   }, [t]);
-  const o = bt(() => t && i && i(r), [r, i, t]);
+  const o = wt(() => t && i && i(r), [r, i, t]);
   return !n && i ? [!1, o] : [!0];
 }
 const De = (t) => t.key || "";
@@ -3304,9 +3304,9 @@ function xs(t) {
   }), e;
 }
 const zu = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: r = "sync", propagate: o = !1, anchorX: a = "left", root: l }) => {
-  const [u, c] = Ao(o), h = K(() => xs(t), [t]), d = o && !u ? [] : h.map(De), f = H(!0), p = H(h), m = oi(() => /* @__PURE__ */ new Map()), [v, y] = wt(h), [x, g] = wt(h);
+  const [u, c] = Ao(o), h = U(() => xs(t), [t]), d = o && !u ? [] : h.map(De), f = H(!0), g = H(h), m = oi(() => /* @__PURE__ */ new Map()), [v, y] = _t(h), [x, p] = _t(h);
   Br(() => {
-    f.current = !1, p.current = h;
+    f.current = !1, g.current = h;
     for (let C = 0; C < x.length; C++) {
       const _ = De(x[C]);
       d.includes(_) ? m.delete(_) : m.get(_) !== !0 && m.set(_, !1);
@@ -3319,7 +3319,7 @@ const zu = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
       const S = x[_], E = De(S);
       d.includes(E) || (C.splice(_, 0, S), w.push(S));
     }
-    return r === "wait" && w.length && (C = w), g(xs(C)), y(h), null;
+    return r === "wait" && w.length && (C = w), p(xs(C)), y(h), null;
   }
   process.env.NODE_ENV !== "production" && r === "wait" && x.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: T } = J(ri);
@@ -3332,7 +3332,7 @@ const zu = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presen
       let O = !0;
       m.forEach((nt) => {
         nt || (O = !1);
-      }), O && (T?.(), g(p.current), o && c?.(), i && i());
+      }), O && (T?.(), p(g.current), o && c?.(), i && i());
     };
     return b(Fu, { isPresent: S, initial: !f.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: s, mode: r, root: l, onExitComplete: S ? void 0 : E, anchorX: a, children: C }, _);
   }) });
@@ -3451,7 +3451,7 @@ function Gu(t, e) {
 }
 function Hu(t) {
   const { initial: e, animate: n } = Gu(t, J(rn));
-  return K(() => ({ initial: e, animate: n }), [ws(e), ws(n)]);
+  return U(() => ({ initial: e, animate: n }), [ws(e), ws(n)]);
 }
 function ws(t) {
   return Array.isArray(t) ? t.join(" ") : t;
@@ -3521,7 +3521,7 @@ function Lo(t, e, n) {
     !tt(e[i]) && !Do(i, n) && (t[i] = e[i]);
 }
 function Ju({ transformTemplate: t }, e) {
-  return K(() => {
+  return U(() => {
     const n = Di();
     return Ri(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
@@ -3571,7 +3571,7 @@ const Io = () => ({
   attrs: {}
 }), Bo = (t) => typeof t == "string" && t.toLowerCase() === "svg";
 function sh(t, e, n, i) {
-  const s = K(() => {
+  const s = U(() => {
     const r = Io();
     return Oo(r, e, Bo(i), t.transformTemplate, t.style), {
       ...r.attrs,
@@ -3632,7 +3632,7 @@ function Li(t) {
   );
 }
 function oh(t, e, n, { latestValues: i }, s, r = !1) {
-  const a = (Li(t) ? sh : th)(e, i, s, t), l = Ku(e, typeof t == "string", r), u = t !== Tr ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = K(() => tt(c) ? c.get() : c, [c]);
+  const a = (Li(t) ? sh : th)(e, i, s, t), l = Ku(e, typeof t == "string", r), u = t !== Tr ? { ...l, ...a, ref: n } : {}, { children: c } = e, h = U(() => tt(c) ? c.get() : c, [c]);
   return Sa(t, {
     ...u,
     children: h
@@ -3677,16 +3677,16 @@ function lh(t, e, n, i) {
   if (h && typeof h != "boolean" && !on(h)) {
     const d = Array.isArray(h) ? h : [h];
     for (let f = 0; f < d.length; f++) {
-      const p = Oi(t, d[f]);
-      if (p) {
-        const { transitionEnd: m, transition: v, ...y } = p;
+      const g = Oi(t, d[f]);
+      if (g) {
+        const { transitionEnd: m, transition: v, ...y } = g;
         for (const x in y) {
-          let g = y[x];
-          if (Array.isArray(g)) {
-            const w = c ? g.length - 1 : 0;
-            g = g[w];
+          let p = y[x];
+          if (Array.isArray(p)) {
+            const w = c ? p.length - 1 : 0;
+            p = p[w];
           }
-          g !== null && (s[x] = g);
+          p !== null && (s[x] = p);
         }
         for (const x in m)
           s[x] = m[x];
@@ -3726,7 +3726,7 @@ function Ht(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 function dh(t, e, n) {
-  return bt(
+  return wt(
     (i) => {
       i && t.onMount && t.onMount(i), e && (i ? e.mount(i) : e.unmount()), n && (typeof n == "function" ? n(i) : Ht(n) && (n.current = i));
     },
@@ -3754,13 +3754,13 @@ function mh(t, e, n, i, s) {
   wr(() => {
     c && d.current && c.update(n, a);
   });
-  const f = n[$o], p = H(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
+  const f = n[$o], g = H(!!f && !window.MotionHandoffIsComplete?.(f) && window.MotionHasOptimisedAnimation?.(f));
   return Br(() => {
-    c && (d.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), p.current && c.animationState && c.animationState.animateChanges());
+    c && (d.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), c.scheduleRenderMicrotask(), g.current && c.animationState && c.animationState.animateChanges());
   }), xt(() => {
-    c && (!p.current && c.animationState && c.animationState.animateChanges(), p.current && (queueMicrotask(() => {
+    c && (!g.current && c.animationState && c.animationState.animateChanges(), g.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(f);
-    }), p.current = !1), c.enteringChildren = void 0);
+    }), g.current = !1), c.enteringChildren = void 0);
   }), c;
 }
 function ph(t, e, n, i) {
@@ -3800,8 +3800,8 @@ function xn(t, { forwardMotionProps: e = !1 } = {}, n, i) {
     }, { isStatic: h } = c, d = Hu(a), f = s(a, h);
     if (!h && ai) {
       yh(c, n);
-      const p = vh(c);
-      u = p.MeasureLayout, d.visualElement = mh(t, f, c, i, p.ProjectionNode);
+      const g = vh(c);
+      u = g.MeasureLayout, d.visualElement = mh(t, f, c, i, g.ProjectionNode);
     }
     return L(rn.Provider, { value: d, children: [u && d.visualElement ? b(u, { visualElement: d.visualElement, ...c }) : null, oh(t, a, dh(f, d.visualElement, l), f, h, e)] });
   }
@@ -3817,7 +3817,7 @@ function yh(t, e) {
   const n = J(Vo).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const i = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? se(!1, i, "lazy-strict-mode") : Tt(!1, i, "lazy-strict-mode");
+    t.ignoreStrict ? se(!1, i, "lazy-strict-mode") : St(!1, i, "lazy-strict-mode");
   }
 }
 function vh(t) {
@@ -4005,7 +4005,7 @@ class Eh {
     this.current = e, Ch.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, i) => this.bindToMotionValue(i, n)), Ho.current || Sh(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Hn.current, process.env.NODE_ENV !== "production" && di(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    this.projection && this.projection.unmount(), Mt(this.notifyUpdate), Mt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
+    this.projection && this.projection.unmount(), At(this.notifyUpdate), At(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
     for (const e in this.events)
       this.events[e].clear();
     for (const e in this.features) {
@@ -4142,7 +4142,7 @@ class Eh {
    */
   readValue(e, n) {
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (Nr(i) || $r(i)) ? i = parseFloat(i) : !Lu(i) && At.test(n) && (i = _o(e, n)), this.setBaseTarget(e, tt(i) ? i.get() : i)), tt(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (Nr(i) || $r(i)) ? i = parseFloat(i) : !Lu(i) && Vt.test(n) && (i = _o(e, n)), this.setBaseTarget(e, tt(i) ? i.get() : i)), tt(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -4319,8 +4319,8 @@ function Yn(t, e) {
   const n = t.getValue("willChange");
   if (Ih(n))
     return n.add(e);
-  if (!n && St.WillChange) {
-    const i = new St.WillChange("auto");
+  if (!n && Ct.WillChange) {
+    const i = new Ct.WillChange("auto");
     t.addValue("willChange", i), i.add(e);
   }
 }
@@ -4375,7 +4375,7 @@ const Ni = (t, e, n, i = {}, s, r) => (o) => {
   };
   Uh(a) || Object.assign(c, Wh(t, c)), c.duration && (c.duration = /* @__PURE__ */ pt(c.duration)), c.repeatDelay && (c.repeatDelay = /* @__PURE__ */ pt(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
   let h = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (Wn(c), c.delay === 0 && (h = !0)), (St.instantAnimations || St.skipAnimations) && (h = !0, Wn(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !r && e.get() !== void 0) {
+  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (Wn(c), c.delay === 0 && (h = !0)), (Ct.instantAnimations || Ct.skipAnimations) && (h = !0, Wn(c), c.delay = 0), c.allowFlatten = !a.type && !a.ease, h && !r && e.get() !== void 0) {
     const d = Nh(c.keyframes, a);
     if (d !== void 0) {
       N.update(() => {
@@ -4401,8 +4401,8 @@ function Jo(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
     const f = {
       delay: n,
       ...Ci(r || {}, c)
-    }, p = h.get();
-    if (p !== void 0 && !h.isAnimating && !Array.isArray(d) && d === p && !f.velocity)
+    }, g = h.get();
+    if (g !== void 0 && !h.isAnimating && !Array.isArray(d) && d === g && !f.velocity)
       continue;
     let m = !1;
     if (window.MotionHandoffAnimation) {
@@ -4500,8 +4500,8 @@ function Jh(t) {
   const s = (l) => (u, c) => {
     const h = Jt(t, c, l === "exit" ? t.presenceContext?.custom : void 0);
     if (h) {
-      const { transition: d, transitionEnd: f, ...p } = h;
-      u = { ...u, ...p, ...f };
+      const { transition: d, transitionEnd: f, ...g } = h;
+      u = { ...u, ...g, ...f };
     }
     return u;
   };
@@ -4510,39 +4510,39 @@ function Jh(t) {
   }
   function o(l) {
     const { props: u } = t, c = ea(t.parent) || {}, h = [], d = /* @__PURE__ */ new Set();
-    let f = {}, p = 1 / 0;
+    let f = {}, g = 1 / 0;
     for (let v = 0; v < Xh; v++) {
-      const y = Yh[v], x = n[y], g = u[y] !== void 0 ? u[y] : c[y], w = _e(g), T = y === l ? x.isActive : null;
-      T === !1 && (p = v);
-      let C = g === c[y] && g !== u[y] && w;
+      const y = Yh[v], x = n[y], p = u[y] !== void 0 ? u[y] : c[y], w = _e(p), T = y === l ? x.isActive : null;
+      T === !1 && (g = v);
+      let C = p === c[y] && p !== u[y] && w;
       if (C && i && t.manuallyAnimateOnMount && (C = !1), x.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
       !x.isActive && T === null || // If we didn't and don't have any defined prop for this animation type
-      !g && !x.prevProp || // Or if the prop doesn't define an animation
-      on(g) || typeof g == "boolean")
+      !p && !x.prevProp || // Or if the prop doesn't define an animation
+      on(p) || typeof p == "boolean")
         continue;
-      const _ = Qh(x.prevProp, g);
+      const _ = Qh(x.prevProp, p);
       let S = _ || // If we're making this variant active, we want to always make it active
       y === l && x.isActive && !C && w || // If we removed a higher-priority variant (i is in reverse order)
-      v > p && w, E = !1;
-      const O = Array.isArray(g) ? g : [g];
+      v > g && w, E = !1;
+      const O = Array.isArray(p) ? p : [p];
       let nt = O.reduce(s(y), {});
       T === !1 && (nt = {});
-      const { prevResolvedValues: kt = {} } = x, Rt = {
-        ...kt,
+      const { prevResolvedValues: bt = {} } = x, Rt = {
+        ...bt,
         ...nt
-      }, Ct = (z) => {
+      }, Pt = (z) => {
         S = !0, d.has(z) && (E = !0, d.delete(z)), x.needsAnimating[z] = !0;
         const V = t.getValue(z);
         V && (V.liveStyle = !1);
       };
       for (const z in Rt) {
-        const V = nt[z], D = kt[z];
+        const V = nt[z], D = bt[z];
         if (f.hasOwnProperty(z))
           continue;
         let j = !1;
-        qn(V) && qn(D) ? j = !ta(V, D) : j = V !== D, j ? V != null ? Ct(z) : d.add(z) : V !== void 0 && d.has(z) ? Ct(z) : x.protectedKeys[z] = !0;
+        qn(V) && qn(D) ? j = !ta(V, D) : j = V !== D, j ? V != null ? Pt(z) : d.add(z) : V !== void 0 && d.has(z) ? Pt(z) : x.protectedKeys[z] = !0;
       }
-      x.prevProp = g, x.prevResolvedValues = nt, x.isActive && (f = { ...f, ...nt }), i && t.blockInitialAnimation && (S = !1);
+      x.prevProp = p, x.prevResolvedValues = nt, x.isActive && (f = { ...f, ...nt }), i && t.blockInitialAnimation && (S = !1);
       const zt = C && _;
       S && (!zt || E) && h.push(...O.map((z) => {
         const V = { type: y };
@@ -4566,8 +4566,8 @@ function Jh(t) {
         y && y.transition && (v.transition = y.transition);
       }
       d.forEach((y) => {
-        const x = t.getBaseTarget(y), g = t.getValue(y);
-        g && (g.liveStyle = !0), v[y] = x ?? null;
+        const x = t.getBaseTarget(y), p = t.getValue(y);
+        p && (p.liveStyle = !0), v[y] = x ?? null;
       }), h.push({ animation: v });
     }
     let m = !!h.length;
@@ -4614,14 +4614,14 @@ function ks() {
     exit: Dt()
   };
 }
-class Vt {
+class kt {
   constructor(e) {
     this.isMounted = !1, this.node = e;
   }
   update() {
   }
 }
-class td extends Vt {
+class td extends kt {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
@@ -4649,7 +4649,7 @@ class td extends Vt {
   }
 }
 let ed = 0;
-class nd extends Vt {
+class nd extends kt {
   constructor() {
     super(...arguments), this.id = ed++;
   }
@@ -4732,8 +4732,8 @@ class ra {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const d = _n(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, p = hd(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!f && !p)
+      const d = _n(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, g = hd(d.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!f && !g)
         return;
       const { point: m } = d, { timestamp: v } = Y;
       this.history.push({ ...m, timestamp: v });
@@ -4743,11 +4743,11 @@ class ra {
       this.lastMoveEvent = d, this.lastMoveEventInfo = wn(f, this.transformPagePoint), N.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, f) => {
       this.end();
-      const { onEnd: p, onSessionEnd: m, resumeAnimation: v } = this.handlers;
+      const { onEnd: g, onSessionEnd: m, resumeAnimation: v } = this.handlers;
       if (this.dragSnapToOrigin && v && v(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
       const y = _n(d.type === "pointercancel" ? this.lastMoveEventInfo : wn(f, this.transformPagePoint), this.history);
-      this.startEvent && p && p(d, y), m && m(d, y);
+      this.startEvent && g && g(d, y), m && m(d, y);
     }, !Mi(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = i, this.distanceThreshold = o, this.contextWindow = s || window;
@@ -4760,7 +4760,7 @@ class ra {
     this.handlers = e;
   }
   end() {
-    this.removeListeners && this.removeListeners(), Mt(this.updatePoint);
+    this.removeListeners && this.removeListeners(), At(this.updatePoint);
   }
 }
 function wn(t, e) {
@@ -4829,7 +4829,7 @@ function gd(t, e) {
 function yd(t, e) {
   let n = 0.5;
   const i = et(t), s = et(e);
-  return s > i ? n = /* @__PURE__ */ xe(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ xe(t.min, t.max - s, e.min)), _t(0, 1, n);
+  return s > i ? n = /* @__PURE__ */ xe(e.min, e.max - i, t.min) : i > s && (n = /* @__PURE__ */ xe(t.min, t.max - s, e.min)), Tt(0, 1, n);
 }
 function vd(t, e) {
   const n = {};
@@ -4864,15 +4864,15 @@ class wd {
       const { dragSnapToOrigin: d } = this.getProps();
       d ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ae(h).point);
     }, o = (h, d) => {
-      const { drag: f, dragPropagation: p, onDragStart: m } = this.getProps();
-      if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = Pu(f), !this.openDragLock))
+      const { drag: f, dragPropagation: g, onDragStart: m } = this.getProps();
+      if (f && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = Pu(f), !this.openDragLock))
         return;
       this.latestPointerEvent = h, this.latestPanInfo = d, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), lt((y) => {
         let x = this.getAxisMotionValue(y).get() || 0;
         if (vt.test(x)) {
-          const { projection: g } = this.visualElement;
-          if (g && g.layout) {
-            const w = g.layout.layoutBox[y];
+          const { projection: p } = this.visualElement;
+          if (p && p.layout) {
+            const w = p.layout.layoutBox[y];
             w && (x = et(w) * (parseFloat(x) / 100));
           }
         }
@@ -4882,11 +4882,11 @@ class wd {
       v && v.setActive("whileDrag", !0);
     }, a = (h, d) => {
       this.latestPointerEvent = h, this.latestPanInfo = d;
-      const { dragPropagation: f, dragDirectionLock: p, onDirectionLock: m, onDrag: v } = this.getProps();
+      const { dragPropagation: f, dragDirectionLock: g, onDirectionLock: m, onDrag: v } = this.getProps();
       if (!f && !this.openDragLock)
         return;
       const { offset: y } = d;
-      if (p && this.currentDirection === null) {
+      if (g && this.currentDirection === null) {
         this.currentDirection = _d(y), this.currentDirection !== null && m && m(this.currentDirection);
         return;
       }
@@ -4948,7 +4948,7 @@ class wd {
     if (!e || !Ht(e))
       return !1;
     const i = e.current;
-    Tt(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    St(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: s } = this.visualElement;
     if (!s || !s.layout)
       return !1;
@@ -4966,7 +4966,7 @@ class wd {
         return;
       let h = l && l[c] || {};
       o && (h = { min: 0, max: 0 });
-      const d = s ? 200 : 1e6, f = s ? 40 : 1e7, p = {
+      const d = s ? 200 : 1e6, f = s ? 40 : 1e7, g = {
         type: "inertia",
         velocity: i ? e[c] : 0,
         bounceStiffness: d,
@@ -4977,7 +4977,7 @@ class wd {
         ...r,
         ...h
       };
-      return this.startAxisValueAnimation(c, p);
+      return this.startAxisValueAnimation(c, g);
     });
     return Promise.all(u).then(a);
   }
@@ -5086,7 +5086,7 @@ function _d(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class Td extends Vt {
+class Td extends kt {
   constructor(e) {
     super(e), this.removeGroupControls = ut, this.removeListeners = ut, this.controls = new wd(e);
   }
@@ -5101,7 +5101,7 @@ class Td extends Vt {
 const zs = (t) => (e, n) => {
   t && N.postRender(() => t(e, n));
 };
-class Sd extends Vt {
+class Sd extends kt {
   constructor() {
     super(...arguments), this.removePointerDownListener = ut;
   }
@@ -5161,10 +5161,10 @@ const ue = {
   }
 }, Cd = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
-    const i = t, s = At.parse(t);
+    const i = t, s = Vt.parse(t);
     if (s.length > 5)
       return i;
-    const r = At.createTransformer(t), o = typeof s[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
+    const r = Vt.createTransformer(t), o = typeof s[0] != "number" ? 1 : 0, a = n.x.scale * e.x, l = n.y.scale * e.y;
     s[0 + o] /= a, s[1 + o] /= l;
     const u = $(a, l, 0.5);
     return typeof s[2 + o] == "number" && (s[2 + o] /= u), typeof s[3 + o] == "number" && (s[3 + o] /= u), r(s);
@@ -5253,9 +5253,9 @@ class Vd {
 function kd(t, e) {
   const n = it.now(), i = ({ timestamp: s }) => {
     const r = s - n;
-    r >= e && (Mt(i), t(r - e));
+    r >= e && (At(i), t(r - e));
   };
-  return N.setup(i, !0), () => Mt(i);
+  return N.setup(i, !0), () => At(i);
 }
 const la = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], Rd = la.length, Ws = (t) => typeof t == "string" ? parseFloat(t) : t, Us = (t) => typeof t == "number" || P.test(t);
 function Dd(t, e, n, i, s, r) {
@@ -5383,8 +5383,8 @@ function zd(t, e, n) {
   let i = "";
   const s = t.x.translate / e.x, r = t.y.translate / e.y, o = n?.z || 0;
   if ((s || r || o) && (i = `translate3d(${s}px, ${r}px, ${o}px) `), (e.x !== 1 || e.y !== 1) && (i += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
-    const { transformPerspective: u, rotate: c, rotateX: h, rotateY: d, skewX: f, skewY: p } = n;
-    u && (i = `perspective(${u}px) ${i}`), c && (i += `rotate(${c}deg) `), h && (i += `rotateX(${h}deg) `), d && (i += `rotateY(${d}deg) `), f && (i += `skewX(${f}deg) `), p && (i += `skewY(${p}deg) `);
+    const { transformPerspective: u, rotate: c, rotateX: h, rotateY: d, skewX: f, skewY: g } = n;
+    u && (i = `perspective(${u}px) ${i}`), c && (i += `rotate(${c}deg) `), h && (i += `rotateX(${h}deg) `), d && (i += `rotateY(${d}deg) `), f && (i += `skewX(${f}deg) `), g && (i += `skewY(${g}deg) `);
   }
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (i += `scale(${a}, ${l})`), i || "none";
@@ -5454,15 +5454,15 @@ function fa({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const p = this.options.transition || u.getDefaultTransition() || nf, { onLayoutAnimationStart: m, onLayoutAnimationComplete: v } = u.getProps(), y = !this.targetLayout || !ha(this.targetLayout, f), x = !h && d;
+        const g = this.options.transition || u.getDefaultTransition() || nf, { onLayoutAnimationStart: m, onLayoutAnimationComplete: v } = u.getProps(), y = !this.targetLayout || !ha(this.targetLayout, f), x = !h && d;
         if (this.options.layoutRoot || this.resumeFrom || x || h && (y || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const g = {
-            ...Ci(p, "layout"),
+          const p = {
+            ...Ci(g, "layout"),
             onPlay: m,
             onComplete: v
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (g.delay = 0, g.type = !1), this.startAnimation(g), this.setAnimationOrigin(c, x);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (p.delay = 0, p.type = !1), this.startAnimation(p), this.setAnimationOrigin(c, x);
         } else
           h || sr(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = f;
@@ -5471,7 +5471,7 @@ function fa({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     unmount() {
       this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
       const o = this.getStack();
-      o && o.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), Mt(this.updateProjection);
+      o && o.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), At(this.updateProjection);
     }
     // only on the root
     blockUpdate() {
@@ -5523,7 +5523,7 @@ function fa({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Yd), this.nodes.forEach(Ud), this.nodes.forEach(Kd)) : this.nodes.forEach(ir), this.clearAllSnapshots();
       const a = it.now();
-      Y.delta = _t(0, 1e3 / 60, a - Y.timestamp), Y.timestamp = a, Y.isProcessing = !0, fn.update.process(Y), fn.preRender.process(Y), fn.render.process(Y), Y.isProcessing = !1;
+      Y.delta = Tt(0, 1e3 / 60, a - Y.timestamp), Y.timestamp = a, Y.isProcessing = !0, fn.update.process(Y), fn.preRender.process(Y), fn.render.process(Y), Y.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, Ei.read(this.scheduleUpdate));
@@ -5711,16 +5711,16 @@ function fa({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(o, a = !1) {
       const l = this.snapshot, u = l ? l.latestValues : {}, c = { ...this.latestValues }, h = Xt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const d = W(), f = l ? l.source : void 0, p = this.layout ? this.layout.source : void 0, m = f !== p, v = this.getStack(), y = !v || v.members.length <= 1, x = !!(m && !y && this.options.crossfade === !0 && !this.path.some(ef));
+      const d = W(), f = l ? l.source : void 0, g = this.layout ? this.layout.source : void 0, m = f !== g, v = this.getStack(), y = !v || v.members.length <= 1, x = !!(m && !y && this.options.crossfade === !0 && !this.path.some(ef));
       this.animationProgress = 0;
-      let g;
+      let p;
       this.mixTargetDelta = (w) => {
         const T = w / 1e3;
-        rr(h.x, o.x, T), rr(h.y, o.y, T), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ge(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), tf(this.relativeTarget, this.relativeTargetOrigin, d, T), g && Fd(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = W()), ot(g, this.relativeTarget)), m && (this.animationValues = c, Dd(c, u, this.latestValues, T, x, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
+        rr(h.x, o.x, T), rr(h.y, o.y, T), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ge(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox), tf(this.relativeTarget, this.relativeTargetOrigin, d, T), p && Fd(this.relativeTarget, p) && (this.isProjectionDirty = !1), p || (p = W()), ot(p, this.relativeTarget)), m && (this.animationValues = c, Dd(c, u, this.latestValues, T, x, y)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (Mt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = N.update(() => {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (At(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = N.update(() => {
         je.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = te(0)), this.currentAnimation = Md(this.motionValue, [0, 1e3], {
           ...o,
           velocity: 0,
@@ -5832,16 +5832,16 @@ function fa({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       l && (h = l(c, h)), o.transform = h;
       const { x: d, y: f } = this.projectionDelta;
       o.transformOrigin = `${d.origin * 100}% ${f.origin * 100}% 0`, u.animationValues ? o.opacity = u === this ? c.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : c.opacityExit : o.opacity = u === this ? c.opacity !== void 0 ? c.opacity : "" : c.opacityExit !== void 0 ? c.opacityExit : 0;
-      for (const p in Te) {
-        if (c[p] === void 0)
+      for (const g in Te) {
+        if (c[g] === void 0)
           continue;
-        const { correct: m, applyTo: v, isCSSVariable: y } = Te[p], x = h === "none" ? c[p] : m(c[p], u);
+        const { correct: m, applyTo: v, isCSSVariable: y } = Te[g], x = h === "none" ? c[g] : m(c[g], u);
         if (v) {
-          const g = v.length;
-          for (let w = 0; w < g; w++)
+          const p = v.length;
+          for (let w = 0; w < p; w++)
             o[v[w]] = x;
         } else
-          y ? this.options.visualElement.renderState.vars[p] = x : o[p] = x;
+          y ? this.options.visualElement.renderState.vars[g] = x : o[g] = x;
       }
       this.options.layoutId && (o.pointerEvents = u === this ? ze(a?.pointerEvents) || "" : "none");
     }
@@ -5881,8 +5881,8 @@ function Kd(t) {
         if (h && d) {
           const f = W();
           ge(f, e.layoutBox, h.layoutBox);
-          const p = W();
-          ge(p, n, d.layoutBox), ha(f, p) || (u = !0), c.options.layoutRoot && (t.relativeTarget = p, t.relativeTargetOrigin = f, t.relativeParent = c);
+          const g = W();
+          ge(g, n, d.layoutBox), ha(f, g) || (u = !0), c.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = f, t.relativeParent = c);
         }
       }
     }
@@ -6003,7 +6003,7 @@ function ur(t, e, n) {
   const s = "onHover" + n, r = i[s];
   r && N.postRender(() => r(e, Ae(e)));
 }
-class lf extends Vt {
+class lf extends kt {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = Eu(e, (n, i) => (ur(this.node, i, "Start"), (s) => ur(this.node, s, "End"))));
@@ -6011,7 +6011,7 @@ class lf extends Vt {
   unmount() {
   }
 }
-class cf extends Vt {
+class cf extends kt {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -6041,7 +6041,7 @@ function hr(t, e, n) {
   const s = "onTap" + (n === "End" ? "" : n), r = i[s];
   r && N.postRender(() => r(e, Ae(e)));
 }
-class uf extends Vt {
+class uf extends kt {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = ku(e, (n, i) => (hr(this.node, i, "Start"), (s, { success: r }) => hr(this.node, s, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -6071,7 +6071,7 @@ const pf = {
   some: 0,
   all: 1
 };
-class gf extends Vt {
+class gf extends kt {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -6146,6 +6146,7 @@ const vf = {
     textDecoration: t.decoration,
     textAlign: e,
     textTransform: n,
+    /** @deprecated TODO: remove this after deprecation of color prop @use colorName or style.color instead */
     color: t.color,
     opacity: t.disabled ? 0.5 : void 0,
     overflow: t.overflow
@@ -6188,23 +6189,23 @@ const vf = {
     onClick: h,
     disabled: d,
     ...f
-  } = t, [p, m] = wt(!1), v = !!h, y = () => v && m(!0), x = () => v && m(!1), g = o, w = v ? Q({
-    opacity: p ? u : 1,
+  } = t, [g, m] = _t(!1), v = !!h, y = () => v && m(!0), x = () => v && m(!1), p = o, w = v ? Q({
+    opacity: g ? u : 1,
     transition: `opacity ${c}ms ease`
   }) : "";
   return /* @__PURE__ */ b(
-    g,
+    p,
     {
       ref: e,
       ...f,
       className: I(
         Oe.text,
         Oe[s],
-        Oe[r],
         Oe[a],
-        wf(t),
+        Oe[r],
         w,
-        i
+        i,
+        wf(t)
       ),
       style: l,
       onClick: h,
@@ -6343,15 +6344,15 @@ const Of = Fi(B), If = "_loader_1qleq_8", Bf = {
   textFontWeight: h,
   borderColor: d,
   color: f = "accent",
-  borderRadius: p,
+  borderRadius: g,
   width: m = "full",
   size: v = "md",
   iconLeft: y,
   iconRight: x,
-  intensity: g = "primary",
+  intensity: p = "primary",
   ...w
 }) => {
-  const T = K(() => {
+  const T = U(() => {
     switch (m) {
       case "full":
         return "100%";
@@ -6360,14 +6361,19 @@ const Of = Fi(B), If = "_loader_1qleq_8", Bf = {
       default:
         return m;
     }
-  }, [m]), C = K(() => u || (l === "filled" ? f === "neutral" ? "var(--fill-neutral-secondary)" : `var(--fill-${f}-${g})` : "transparent"), [l, t, u, f, g]), _ = K(() => {
-    if (c) return c;
-    if (g === "primary") {
+  }, [m]), C = U(() => u || (l === "filled" ? f === "neutral" ? "var(--fill-neutral-secondary)" : `var(--fill-${f}-${p})` : "transparent"), [l, t, u, f, p]), _ = U(() => {
+    if (p === "primary") {
       if (f === "neutral") return "var(--text-secondary)";
       if (l === "filled") return "var(--text-inverse)";
-    }
-    return `var(--text-${f}, #111)`;
-  }, [l, t, c, f, g]), S = K(() => d || (l === "outline" ? `var(--border-${f}-${g})` : "transparent"), [l, d, f, g]), E = K(() => {
+    } else if (f === "neutral") return "var(--text-secondary)";
+    return `var(--text-${f})`;
+  }, [p, f, l]), S = U(() => {
+    if (p === "primary") {
+      if (f === "neutral") return "secondary";
+      if (l === "filled") return "inverse";
+    } else if (f === "neutral") return "secondary";
+    return f;
+  }, [l, t, c, f, p]), E = U(() => d || (l === "outline" ? `var(--border-${f}-${p})` : "transparent"), [l, d, f, p]), O = U(() => {
     switch (v) {
       case "lg":
         return he.lg;
@@ -6379,22 +6385,22 @@ const Of = Fi(B), If = "_loader_1qleq_8", Bf = {
       default:
         return he.md;
     }
-  }, [v]), O = I(
+  }, [v]), nt = I(
     Ff,
-    jf(l, f, g, t),
+    jf(l, f, p, t),
     zf[l],
     s,
     t ? r : void 0,
     Q({
-      borderRadius: p ? he[p] : E,
+      borderRadius: g ? he[g] : O,
       backgroundColor: C,
-      borderColor: S,
-      color: _,
+      borderColor: E,
+      color: c,
       width: "100%",
       height: $f[v],
       opacity: t ? 0.7 : 1
     })
-  ), nt = K(() => {
+  ), bt = U(() => {
     switch (v) {
       case "lg":
       case "md":
@@ -6414,7 +6420,7 @@ const Of = Fi(B), If = "_loader_1qleq_8", Bf = {
         boxShadow: "inset 0 0 0 10000px rgba(0,0,0,0.1)",
         transition: { duration: 0 }
       } : {},
-      className: O,
+      className: nt,
       disabled: t || e,
       onClick: n,
       ...w,
@@ -6424,8 +6430,9 @@ const Of = Fi(B), If = "_loader_1qleq_8", Bf = {
           /* @__PURE__ */ b(
             Of,
             {
-              color: _,
-              variant: nt,
+              style: { color: c },
+              colorName: S,
+              variant: bt,
               className: o,
               textOverflow: "ellipsis",
               overflow: "hidden",
@@ -6459,9 +6466,9 @@ const Of = Fi(B), If = "_loader_1qleq_8", Bf = {
     value: c,
     required: h
   }, d) => {
-    const [f, p] = wt(!1), m = t !== void 0, v = m ? t : f, y = (w) => {
-      m || p(w.target.checked), e?.(w);
-    }, x = Yf[s], g = v || i;
+    const [f, g] = _t(!1), m = t !== void 0, v = m ? t : f, y = (w) => {
+      m || g(w.target.checked), e?.(w);
+    }, x = Yf[s], p = v || i;
     return /* @__PURE__ */ L("label", { className: I(Lt.checkbox, {
       [Lt.disabled]: n
     }), children: [
@@ -6497,12 +6504,12 @@ const Of = Fi(B), If = "_loader_1qleq_8", Bf = {
               {
                 className: I(
                   Lt.checkbox__box,
-                  g && Lt["checkbox__box--checked"],
+                  p && Lt["checkbox__box--checked"],
                   {
                     [Lt.disabled]: n
                   }
                 ),
-                children: g && (i ? /* @__PURE__ */ b(Uf, { width: x * 0.75, height: x * 0.75 }) : /* @__PURE__ */ b(Wf, { width: x * 0.75, height: x * 0.75 }))
+                children: p && (i ? /* @__PURE__ */ b(Uf, { width: x * 0.75, height: x * 0.75 }) : /* @__PURE__ */ b(Wf, { width: x * 0.75, height: x * 0.75 }))
               }
             )
           ]
@@ -6557,8 +6564,8 @@ const sm = ht((t, e) => {
     disabled: h,
     value: d,
     defaultValue: f,
-    ...p
-  } = t, m = t.multiline === !0, v = H(null), y = H(null), [x, g] = ii(
+    ...g
+  } = t, m = t.multiline === !0, v = H(null), y = H(null), [x, p] = ii(
     d !== void 0 ? String(d) : void 0,
     f !== void 0 ? String(f) : ""
   );
@@ -6574,7 +6581,7 @@ const sm = ht((t, e) => {
     }
   }));
   const w = (_) => {
-    if (g(_.target.value), m) {
+    if (p(_.target.value), m) {
       const S = t.onChange;
       S?.(_);
     } else {
@@ -6586,7 +6593,7 @@ const sm = ht((t, e) => {
     m && t.autoResize && y.current && (y.current.style.height = "auto", y.current.style.height = `${y.current.scrollHeight}px`);
   }, [x, m, t.autoResize]);
   const T = () => {
-    if (g(""), !m) {
+    if (p(""), !m) {
       const S = v.current;
       if (S) {
         S.value = "";
@@ -6606,10 +6613,10 @@ const sm = ht((t, e) => {
       const {
         rows: O,
         autoResize: nt,
-        onChange: kt,
+        onChange: bt,
         multiline: Rt,
-        ...Ct
-      } = p;
+        ...Pt
+      } = g;
       return /* @__PURE__ */ b(
         "textarea",
         {
@@ -6618,7 +6625,7 @@ const sm = ht((t, e) => {
           className: I(dt.input, { [dt.disabled]: h }),
           disabled: h,
           maxLength: t.maxLength,
-          ...Ct,
+          ...Pt,
           value: x,
           onChange: w
         }
@@ -6628,7 +6635,7 @@ const sm = ht((t, e) => {
       onChange: _,
       multiline: S,
       ...E
-    } = p;
+    } = g;
     return /* @__PURE__ */ b(
       "input",
       {
@@ -6851,8 +6858,8 @@ const mm = (t) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24
     return /* @__PURE__ */ L(
       M,
       {
-        ref: (p) => {
-          c.current = p, typeof u == "function" ? u(p) : u && (u.current = p);
+        ref: (g) => {
+          c.current = g, typeof u == "function" ? u(g) : u && (u.current = g);
         },
         row: !0,
         alignItems: "center",
@@ -6875,7 +6882,7 @@ const mm = (t) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24
             B,
             {
               variant: "caption-1",
-              color: h.color,
+              colorName: e,
               textOverflow: "ellipsis",
               children: t
             }
@@ -6885,8 +6892,8 @@ const mm = (t) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24
             {
               className: f,
               colorName: e,
-              onClick: (p) => {
-                p.stopPropagation(), s(p);
+              onClick: (g) => {
+                g.stopPropagation(), s(g);
               },
               children: "×"
             }
@@ -6898,7 +6905,7 @@ const mm = (t) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24
 );
 ya.displayName = "Tag";
 const Om = ({ children: t }) => {
-  const [e] = wt(() => document.createElement("div"));
+  const [e] = _t(() => document.createElement("div"));
   return xt(() => {
     let n = document.getElementById("portal-root");
     return n || (n = document.createElement("div"), n.id = "portal-root", document.body.appendChild(n)), n.appendChild(e), () => {
@@ -6950,29 +6957,29 @@ function Lp({
   label: h,
   firstItem: d,
   lastItem: f,
-  observer: p,
+  observer: g,
   emptyText: m,
   onBlur: v,
   error: y,
   errorText: x
 }) {
-  const [g, w] = ii(
+  const [p, w] = ii(
     t,
     n ? [] : null
-  ), T = H(null), C = H(null), [_, S] = wt(!1), E = K(
-    () => n ? g || [] : g != null ? [g] : [],
-    [g, n]
-  ), O = K(() => {
+  ), T = H(null), C = H(null), [_, S] = _t(!1), E = U(
+    () => n ? p || [] : p != null ? [p] : [],
+    [p, n]
+  ), O = U(() => {
     const V = /* @__PURE__ */ new Map();
     return o.forEach((D) => V.set(i(D), D)), V;
-  }, [o, i]), nt = wl(T, _), kt = !o.length && !y, Rt = (V) => {
+  }, [o, i]), nt = wl(T, _), bt = !o.length && !y, Rt = (V) => {
     const D = i(V);
     if (n) {
       const j = E.includes(D) ? E.filter((Wt) => Wt !== D) : [...E, D];
       w(j), e?.(j);
     } else
       w(D), e?.(D), S(!1);
-  }, Ct = (V) => {
+  }, Pt = (V) => {
     if (!n) return;
     const D = E.filter((j) => j !== V);
     w(D), e?.(D);
@@ -7008,7 +7015,7 @@ function Lp({
             size: Um[l],
             label: s(Wt),
             onDelete: (_a) => {
-              _a.stopPropagation(), Ct(j);
+              _a.stopPropagation(), Pt(j);
             }
           },
           j
@@ -7061,7 +7068,7 @@ function Lp({
           }
         ),
         d && /* @__PURE__ */ b(M, { className: I(q["select-menu-item"], q["select-menu-item-first"]), children: d }),
-        kt && /* @__PURE__ */ L(M, { className: q["empty-block"], children: [
+        bt && /* @__PURE__ */ L(M, { className: q["empty-block"], children: [
           /* @__PURE__ */ b(M, { w: 20, h: 20, children: /* @__PURE__ */ b(Bm, {}) }),
           /* @__PURE__ */ b(B, { variant: "body-2", children: m ?? "There is nothing yet" })
         ] }),
@@ -7086,7 +7093,7 @@ function Lp({
             D
           );
         }),
-        p,
+        g,
         f && /* @__PURE__ */ b(M, { className: I(q["select-menu-item"], q["select-menu-item-first"]), children: f })
       ] })
     },
@@ -7154,7 +7161,7 @@ const Km = (t) => /* @__PURE__ */ A.createElement("svg", { width: 10, height: 10
   w: h = "auto",
   ...d
 }, f) => {
-  const [p, m] = ii(r, o), v = H(null);
+  const [g, m] = ii(r, o), v = H(null);
   Je(f, () => ({
     focus: () => {
       v.current?.focus();
@@ -7163,13 +7170,13 @@ const Km = (t) => /* @__PURE__ */ A.createElement("svg", { width: 10, height: 10
       v.current?.blur();
     },
     get checked() {
-      return p ?? !1;
+      return g ?? !1;
     },
     setChecked: (w) => {
       m(w), s?.(w);
     },
     toggle: () => {
-      const w = !p;
+      const w = !g;
       m(w), s?.(w);
     },
     isFocused: () => document.activeElement === v.current,
@@ -7180,10 +7187,10 @@ const Km = (t) => /* @__PURE__ */ A.createElement("svg", { width: 10, height: 10
       const w = o ?? !1;
       m(w), s?.(w);
     }
-  }), [p, m, s, i, o]);
-  const y = bt((w) => {
+  }), [g, m, s, i, o]);
+  const y = wt((w) => {
     m(w.target.checked), s?.(w.target.checked);
-  }, [s]), x = K(() => typeof t == "string" ? /* @__PURE__ */ b(B, { variant: "body-1", colorName: "primary", fontWeight: "medium", children: t }) : t, [t]), g = K(() => typeof e == "string" ? /* @__PURE__ */ b(B, { variant: "body-2", colorName: "secondary", fontWeight: "regular", children: e }) : e, [e]);
+  }, [s]), x = U(() => typeof t == "string" ? /* @__PURE__ */ b(B, { variant: "body-1", colorName: "primary", fontWeight: "medium", children: t }) : t, [t]), p = U(() => typeof e == "string" ? /* @__PURE__ */ b(B, { variant: "body-2", colorName: "secondary", fontWeight: "regular", children: e }) : e, [e]);
   return /* @__PURE__ */ L(M, { row: !0, w: h, gap: "var(--spacing-sm)", children: [
     /* @__PURE__ */ L("label", { className: I(ft.container, a, {
       [ft.disabled]: i,
@@ -7195,7 +7202,7 @@ const Km = (t) => /* @__PURE__ */ A.createElement("svg", { width: 10, height: 10
           {
             ref: v,
             type: "checkbox",
-            checked: p,
+            checked: g,
             className: ft.input,
             onChange: y,
             disabled: i,
@@ -7209,7 +7216,7 @@ const Km = (t) => /* @__PURE__ */ A.createElement("svg", { width: 10, height: 10
       ] }),
       /* @__PURE__ */ L(M, { gap: "var(--spacing-xs)", children: [
         x,
-        g
+        p
       ] })
     ] }),
     n
@@ -7273,18 +7280,18 @@ function Ut(t, e, n) {
     let c;
     n.key && ((o = n.debug) != null && o.call(n)) && (c = Date.now());
     const h = t();
-    if (!(h.length !== i.length || h.some((p, m) => i[m] !== p)))
+    if (!(h.length !== i.length || h.some((g, m) => i[m] !== g)))
       return s;
     i = h;
     let f;
     if (n.key && ((a = n.debug) != null && a.call(n)) && (f = Date.now()), s = e(...h), n.key && ((l = n.debug) != null && l.call(n))) {
-      const p = Math.round((Date.now() - c) * 100) / 100, m = Math.round((Date.now() - f) * 100) / 100, v = m / 16, y = (x, g) => {
-        for (x = String(x); x.length < g; )
+      const g = Math.round((Date.now() - c) * 100) / 100, m = Math.round((Date.now() - f) * 100) / 100, v = m / 16, y = (x, p) => {
+        for (x = String(x); x.length < p; )
           x = " " + x;
         return x;
       };
       console.info(
-        `%c⏱ ${y(m, 5)} /${y(p, 5)} ms`,
+        `%c⏱ ${y(m, 5)} /${y(g, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -7543,7 +7550,7 @@ class bp {
         this.pendingMeasuredCacheIndexes = [];
         const u = this.measurementsCache.slice(0, l);
         for (let c = l; c < n; c++) {
-          const h = r(c), d = this.options.lanes === 1 ? u[c - 1] : this.getFurthestMeasurement(u, c), f = d ? d.end + this.options.gap : i + s, p = a.get(h), m = typeof p == "number" ? p : this.options.estimateSize(c), v = f + m, y = d ? d.lane : c % this.options.lanes;
+          const h = r(c), d = this.options.lanes === 1 ? u[c - 1] : this.getFurthestMeasurement(u, c), f = d ? d.end + this.options.gap : i + s, g = a.get(h), m = typeof g == "number" ? g : this.options.estimateSize(c), v = f + m, y = d ? d.lane : c % this.options.lanes;
           u[c] = {
             index: c,
             start: f,
@@ -7695,12 +7702,12 @@ class bp {
         }
         const [h, d] = c;
         this._scrollToOffset(h, { adjustments: void 0, behavior: s }), this.targetWindow.requestAnimationFrame(() => {
-          const f = this.getScrollOffset(), p = this.getOffsetForIndex(n, d);
-          if (!p) {
+          const f = this.getScrollOffset(), g = this.getOffsetForIndex(n, d);
+          if (!g) {
             console.warn("Failed to get offset for index:", n);
             return;
           }
-          dp(p[0], f) || l(d);
+          dp(g[0], f) || l(d);
         });
       }, l = (u) => {
         this.targetWindow && (r++, r < o ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", r, o), this.targetWindow.requestAnimationFrame(() => a(u))) : console.warn(
@@ -7824,7 +7831,7 @@ const Sp = "_main_pl2ip_8", xr = {
   estimatedItemHeight: i = 100,
   virtualize: s = !1
 }, r) => {
-  const o = H(null), a = K(() => _r.toArray(t), [t]), l = Tp({
+  const o = H(null), a = U(() => _r.toArray(t), [t]), l = Tp({
     count: a.length,
     getScrollElement: () => o.current,
     estimateSize: () => i,
@@ -7842,7 +7849,7 @@ const Sp = "_main_pl2ip_8", xr = {
     getElement: () => o.current,
     getScrollOffset: () => l.scrollOffset || 0,
     getTotalSize: () => l.getTotalSize()
-  }), [l]), K(() => s || a.length > 50, [s, a]) && a.length > 0 ? /* @__PURE__ */ b(
+  }), [l]), U(() => s || a.length > 50, [s, a]) && a.length > 0 ? /* @__PURE__ */ b(
     M,
     {
       ref: o,