kku-ui 0.2.1 → 0.2.3

package/lib/es/index.js

@@ -1,9 +1,9 @@
 import * as Ln from "react";
-import ua, { createContext as wt, useContext as J, memo as B, useCallback as M, useRef as X, useState as rt, useMemo as b, useEffect as bt, Children as St, isValidElement as yt, forwardRef as Z, useLayoutEffect as da, useId as Gt, useInsertionEffect as Wi, Fragment as $i, createElement as ha, Component as fa, useImperativeHandle as ft, cloneElement as Ee } from "react";
+import ua, { createContext as wt, useContext as tt, memo as I, useCallback as S, useRef as J, useState as at, useMemo as b, useEffect as Tt, Children as At, isValidElement as yt, forwardRef as Z, useLayoutEffect as da, useId as Yt, useInsertionEffect as Wi, Fragment as $i, createElement as ha, Component as fa, useImperativeHandle as pt, cloneElement as _e } from "react";
 import "lodash-es";
 import { u as pa, a as Tn, b as ma, c as ga, d as Mn, e as Ui } from "../useEscapeKey-BH1YNl0p.js";
 import { createPortal as Sn } from "react-dom";
-var Ce = { exports: {} }, ee = {};
+var we = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -56,15 +56,15 @@ function xa() {
       switch (g) {
         case y:
           return "Fragment";
-        case v:
+        case C:
           return "Profiler";
-        case k:
-          return "StrictMode";
         case w:
+          return "StrictMode";
+        case k:
           return "Suspense";
-        case j:
+        case L:
           return "SuspenseList";
-        case D:
+        case _:
           return "Activity";
       }
       if (typeof g == "object")
@@ -73,19 +73,19 @@ function xa() {
         ), g.$$typeof) {
           case m:
             return "Portal";
-          case C:
+          case v:
             return (g.displayName || "Context") + ".Provider";
           case x:
             return (g._context.displayName || "Context") + ".Consumer";
           case T:
-            var _ = g.render;
-            return g = g.displayName, g || (g = _.displayName || _.name || "", g = g !== "" ? "ForwardRef(" + g + ")" : "ForwardRef"), g;
-          case S:
-            return _ = g.displayName || null, _ !== null ? _ : t(g.type) || "Memo";
-          case L:
-            _ = g._payload, g = g._init;
+            var E = g.render;
+            return g = g.displayName, g || (g = E.displayName || E.name || "", g = g !== "" ? "ForwardRef(" + g + ")" : "ForwardRef"), g;
+          case M:
+            return E = g.displayName || null, E !== null ? E : t(g.type) || "Memo";
+          case j:
+            E = g._payload, g = g._init;
             try {
-              return t(g(_));
+              return t(g(E));
             } catch {
             }
         }
@@ -97,50 +97,50 @@ function xa() {
     function n(g) {
       try {
         e(g);
-        var _ = !1;
+        var E = !1;
       } catch {
-        _ = !0;
+        E = !0;
       }
-      if (_) {
-        _ = console;
-        var F = _.error, Q = typeof Symbol == "function" && Symbol.toStringTag && g[Symbol.toStringTag] || g.constructor.name || "Object";
+      if (E) {
+        E = console;
+        var F = E.error, V = typeof Symbol == "function" && Symbol.toStringTag && g[Symbol.toStringTag] || g.constructor.name || "Object";
         return F.call(
-          _,
+          E,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          Q
+          V
         ), e(g);
       }
     }
     function s(g) {
       if (g === y) return "<>";
-      if (typeof g == "object" && g !== null && g.$$typeof === L)
+      if (typeof g == "object" && g !== null && g.$$typeof === j)
         return "<...>";
       try {
-        var _ = t(g);
-        return _ ? "<" + _ + ">" : "<...>";
+        var E = t(g);
+        return E ? "<" + E + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var g = I.A;
+      var g = B.A;
       return g === null ? null : g.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
     function o(g) {
-      if (z.call(g, "key")) {
-        var _ = Object.getOwnPropertyDescriptor(g, "key").get;
-        if (_ && _.isReactWarning) return !1;
+      if (K.call(g, "key")) {
+        var E = Object.getOwnPropertyDescriptor(g, "key").get;
+        if (E && E.isReactWarning) return !1;
       }
       return g.key !== void 0;
     }
-    function a(g, _) {
+    function a(g, E) {
       function F() {
-        E || (E = !0, console.error(
+        D || (D = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          _
+          E
         ));
       }
       F.isReactWarning = !0, Object.defineProperty(g, "key", {
@@ -154,13 +154,13 @@ function xa() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), g = this.props.ref, g !== void 0 ? g : null;
     }
-    function u(g, _, F, Q, pt, at, At, Qt) {
-      return F = at.ref, g = {
+    function u(g, E, F, V, it, nt, kt, jt) {
+      return F = nt.ref, g = {
         $$typeof: p,
         type: g,
-        key: _,
-        props: at,
-        _owner: pt
+        key: E,
+        props: nt,
+        _owner: it
       }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(g, "ref", {
         enumerable: !1,
         get: c
@@ -178,68 +178,68 @@ function xa() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: At
+        value: kt
       }), Object.defineProperty(g, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Qt
+        value: jt
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     }
-    function d(g, _, F, Q, pt, at, At, Qt) {
-      var tt = _.children;
-      if (tt !== void 0)
-        if (Q)
-          if (R(tt)) {
-            for (Q = 0; Q < tt.length; Q++)
-              h(tt[Q]);
-            Object.freeze && Object.freeze(tt);
+    function d(g, E, F, V, it, nt, kt, jt) {
+      var X = E.children;
+      if (X !== void 0)
+        if (V)
+          if (R(X)) {
+            for (V = 0; V < X.length; V++)
+              h(X[V]);
+            Object.freeze && Object.freeze(X);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(tt);
-      if (z.call(_, "key")) {
-        tt = t(g);
-        var kt = Object.keys(_).filter(function(We) {
+        else h(X);
+      if (K.call(E, "key")) {
+        X = t(g);
+        var bt = Object.keys(E).filter(function(We) {
           return We !== "key";
         });
-        Q = 0 < kt.length ? "{key: someKey, " + kt.join(": ..., ") + ": ...}" : "{key: someKey}", st[tt + Q] || (kt = 0 < kt.length ? "{" + kt.join(": ..., ") + ": ...}" : "{}", console.error(
+        V = 0 < bt.length ? "{key: someKey, " + bt.join(": ..., ") + ": ...}" : "{key: someKey}", lt[X + V] || (bt = 0 < bt.length ? "{" + bt.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          Q,
-          tt,
-          kt,
-          tt
-        ), st[tt + Q] = !0);
+          V,
+          X,
+          bt,
+          X
+        ), lt[X + V] = !0);
       }
-      if (tt = null, F !== void 0 && (n(F), tt = "" + F), o(_) && (n(_.key), tt = "" + _.key), "key" in _) {
+      if (X = null, F !== void 0 && (n(F), X = "" + F), o(E) && (n(E.key), X = "" + E.key), "key" in E) {
         F = {};
-        for (var te in _)
-          te !== "key" && (F[te] = _[te]);
-      } else F = _;
-      return tt && a(
+        for (var te in E)
+          te !== "key" && (F[te] = E[te]);
+      } else F = E;
+      return X && a(
         F,
         typeof g == "function" ? g.displayName || g.name || "Unknown" : g
       ), u(
         g,
-        tt,
-        at,
-        pt,
+        X,
+        nt,
+        it,
         i(),
         F,
-        At,
-        Qt
+        kt,
+        jt
       );
     }
     function h(g) {
       typeof g == "object" && g !== null && g.$$typeof === p && g._store && (g._store.validated = 1);
     }
-    var f = ua, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), C = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), I = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, R = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var f = ua, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), B = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, R = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -247,56 +247,56 @@ React keys must be passed directly to JSX without using spread:
         return g();
       }
     };
-    var E, O = {}, V = f["react-stack-bottom-frame"].bind(
+    var D, O = {}, z = f["react-stack-bottom-frame"].bind(
       f,
       r
-    )(), K = G(s(r)), st = {};
-    ne.Fragment = y, ne.jsx = function(g, _, F, Q, pt) {
-      var at = 1e4 > I.recentlyCreatedOwnerStacks++;
+    )(), Y = G(s(r)), lt = {};
+    ne.Fragment = y, ne.jsx = function(g, E, F, V, it) {
+      var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
         g,
-        _,
+        E,
         F,
         !1,
-        Q,
-        pt,
-        at ? Error("react-stack-top-frame") : V,
-        at ? G(s(g)) : K
+        V,
+        it,
+        nt ? Error("react-stack-top-frame") : z,
+        nt ? G(s(g)) : Y
       );
-    }, ne.jsxs = function(g, _, F, Q, pt) {
-      var at = 1e4 > I.recentlyCreatedOwnerStacks++;
+    }, ne.jsxs = function(g, E, F, V, it) {
+      var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
         g,
-        _,
+        E,
         F,
         !0,
-        Q,
-        pt,
-        at ? Error("react-stack-top-frame") : V,
-        at ? G(s(g)) : K
+        V,
+        it,
+        nt ? Error("react-stack-top-frame") : z,
+        nt ? G(s(g)) : Y
       );
     };
   }()), ne;
 }
 var Ls;
 function va() {
-  return Ls || (Ls = 1, process.env.NODE_ENV === "production" ? Ce.exports = ya() : Ce.exports = xa()), Ce.exports;
+  return Ls || (Ls = 1, process.env.NODE_ENV === "production" ? we.exports = ya() : we.exports = xa()), we.exports;
 }
 var l = va();
 const Hi = wt(void 0), Zi = () => {
-  const t = J(Hi);
+  const t = tt(Hi);
   if (t === void 0)
     throw new Error("useAccordionContext는 AccordionProvider 내에서 사용되어야 합니다.");
   return t;
-}, Lt = (t, e) => {
+}, Mt = (t, e) => {
   (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e?.());
 }, Gi = (t) => {
-  const { children: e, onClick: n, onKeyDown: s, ...i } = t, { isOpen: r, setIsOpen: o, summaryId: a } = Zi(), c = M(() => {
+  const { children: e, onClick: n, onKeyDown: s, ...i } = t, { isOpen: r, setIsOpen: o, summaryId: a } = Zi(), c = S(() => {
     o((h) => !h);
-  }, []), u = M((h) => {
+  }, []), u = S((h) => {
     h.preventDefault(), n?.(h), c();
-  }, [n]), d = M((h) => {
-    s?.(h), Lt(h, c);
+  }, [n]), d = S((h) => {
+    s?.(h), Mt(h, c);
   }, [s]);
   return /* @__PURE__ */ l.jsx(
     "summary",
@@ -310,21 +310,21 @@ const Hi = wt(void 0), Zi = () => {
       children: typeof e == "function" ? e({ isOpen: r }) : e
     }
   );
-}, Pn = B(Gi);
+}, Pn = I(Gi);
 Pn.displayName = "Accordion.Summary";
 Gi.displayName = "Accordion.Summary";
 const Yi = (t) => {
-  const { children: e, style: n, ...s } = t, { isOpen: i, summaryId: r } = Zi(), o = X(null), [a, c] = rt("auto"), u = b(() => ({
+  const { children: e, style: n, ...s } = t, { isOpen: i, summaryId: r } = Zi(), o = J(null), [a, c] = at("auto"), u = b(() => ({
     ...n,
     overflow: "hidden",
     maxHeight: i ? a : 0
-  }), [n, i, a]), d = M(() => {
+  }), [n, i, a]), d = S(() => {
     const h = o.current;
     h && c(h.scrollHeight);
   }, []);
-  return bt(() => {
+  return Tt(() => {
     d();
-  }, []), bt(() => {
+  }, []), Tt(() => {
     if (!i) return;
     const h = o.current;
     if (!h) return;
@@ -341,13 +341,13 @@ const Yi = (t) => {
       children: typeof e == "function" ? e({ isOpen: i }) : e
     }
   );
-}, An = B(Yi);
+}, An = I(Yi);
 An.displayName = "Accordion.Content";
 Yi.displayName = "Accordion.Content";
 const Xi = (t) => {
-  const { defaultOpen: e, children: n, ...s } = t, [i, r] = rt(!!e), o = X(null), a = pa("accordion-"), c = b(() => ({ isOpen: i, setIsOpen: r, root: o, summaryId: a }), [i]), { SummaryElement: u, ContentElement: d } = b(() => {
+  const { defaultOpen: e, children: n, ...s } = t, [i, r] = at(!!e), o = J(null), a = pa("accordion-"), c = b(() => ({ isOpen: i, setIsOpen: r, root: o, summaryId: a }), [i]), { SummaryElement: u, ContentElement: d } = b(() => {
     let h = null, f = null;
-    return St.forEach(n, (p) => {
+    return At.forEach(n, (p) => {
       yt(p) && (p?.type === Pn && (h = p), p?.type === An && (f = p));
     }), { SummaryElement: h, ContentElement: f };
   }, [n]);
@@ -355,11 +355,11 @@ const Xi = (t) => {
     u,
     d
   ] }) });
-}, Wt = B(Xi);
+}, $t = I(Xi);
 Xi.displayName = "Accordion";
-Wt.displayName = "Accordion";
-Wt.Summary = Pn;
-Wt.Content = An;
+$t.displayName = "Accordion";
+$t.Summary = Pn;
+$t.Content = An;
 const qi = Z((t, e) => {
   const { type: n, label: s, disabled: i, children: r, tabIndex: o, ...a } = t;
   if (s && r)
@@ -381,7 +381,7 @@ const qi = Z((t, e) => {
       }
     )
   );
-}), Ji = B(qi);
+}), Ji = I(qi);
 qi.displayName = "Button";
 Ji.displayName = "Button";
 const Vn = Z(
@@ -389,7 +389,7 @@ const Vn = Z(
     const i = t || "ul";
     return /* @__PURE__ */ l.jsx(i, { ref: s, role: "menu", ...n, children: e });
   }
-), Ca = B(Vn);
+), Ca = I(Vn);
 Vn.displayName = "Menu";
 Ca.displayName = "Menu";
 const Qi = Z(
@@ -397,7 +397,7 @@ const Qi = Z(
     const { as: n, children: s, disabled: i, tabIndex: r, ...o } = t, a = n || "li", c = b(() => i ? void 0 : r ?? 0, [i, r]);
     return /* @__PURE__ */ l.jsx(a, { ref: e, as: n, role: "menuitem", "aria-disabled": i, tabIndex: c, ...o, children: s });
   }
-), to = B(Qi);
+), to = I(Qi);
 Qi.displayName = "MenuItem";
 to.displayName = "MenuItem";
 const eo = Z((t, e) => {
@@ -408,7 +408,7 @@ const eo = Z((t, e) => {
     onChange: r,
     children: o,
     ...a
-  } = t, c = b(() => s ? -1 : 0, [s]), u = M((d) => {
+  } = t, c = b(() => s ? -1 : 0, [s]), u = S((d) => {
     i?.(d), r?.(!n);
   }, [n, r, i]);
   return /* @__PURE__ */ l.jsx(
@@ -429,20 +429,20 @@ const eo = Z((t, e) => {
   );
 });
 eo.displayName = "Switch";
-const no = B(eo);
+const no = I(eo);
 no.displayName = "Switch";
 const so = Z((t, e) => {
   const { label: n, disabled: s, ...i } = t, r = b(() => n || void 0, [n]);
   return /* @__PURE__ */ l.jsx("input", { ref: e, ...i, disabled: s, "aria-label": r, "aria-disabled": s });
-}), io = B(so);
+}), io = I(so);
 so.displayName = "TextField";
 io.displayName = "TextField";
 const Rn = wt({});
 function Dn(t) {
-  const e = X(null);
+  const e = J(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const En = typeof window < "u", oo = En ? da : bt, _e = /* @__PURE__ */ wt(null);
+const En = typeof window < "u", oo = En ? da : Tt, Ne = /* @__PURE__ */ wt(null);
 function _n(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -451,10 +451,10 @@ function Nn(t, e) {
   n > -1 && t.splice(n, 1);
 }
 const xt = (t, e, n) => n > e ? e : n < t ? t : n;
-let Yt = () => {
+let Xt = () => {
 }, vt = () => {
 };
-process.env.NODE_ENV !== "production" && (Yt = (t, e) => {
+process.env.NODE_ENV !== "production" && (Xt = (t, e) => {
   !t && typeof console < "u" && console.warn(e);
 }, vt = (t, e) => {
   if (!t)
@@ -470,7 +470,7 @@ function Bn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const ut = /* @__NO_SIDE_EFFECTS__ */ (t) => t, wa = (t, e) => (n) => e(t(n)), ge = (...t) => t.reduce(wa), ce = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const dt = /* @__NO_SIDE_EFFECTS__ */ (t) => t, wa = (t, e) => (n) => e(t(n)), ge = (...t) => t.reduce(wa), ce = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -499,7 +499,7 @@ class In {
     this.subscriptions.length = 0;
   }
 }
-const ht = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, mt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+const ft = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, mt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
 function co(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
@@ -517,12 +517,12 @@ function ba(t, e, n, s, i) {
 }
 function ye(t, e, n, s) {
   if (t === e && n === s)
-    return ut;
+    return dt;
   const i = (r) => ba(r, 0, 1, t, n);
   return (r) => r === 0 || r === 1 ? r : uo(i(r), e, s);
 }
 const ho = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fo = (t) => (e) => 1 - t(1 - e), po = /* @__PURE__ */ ye(0.33, 1.53, 0.69, 0.99), Fn = /* @__PURE__ */ fo(po), mo = /* @__PURE__ */ ho(Fn), go = (t) => (t *= 2) < 1 ? 0.5 * Fn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), zn = (t) => 1 - Math.sin(Math.acos(t)), yo = fo(zn), xo = ho(zn), La = /* @__PURE__ */ ye(0.42, 0, 1, 1), Ta = /* @__PURE__ */ ye(0, 0, 0.58, 1), vo = /* @__PURE__ */ ye(0.42, 0, 0.58, 1), Ma = (t) => Array.isArray(t) && typeof t[0] != "number", Co = (t) => Array.isArray(t) && typeof t[0] == "number", Ms = {
-  linear: ut,
+  linear: dt,
   easeIn: La,
   easeInOut: vo,
   easeOut: Ta,
@@ -541,7 +541,7 @@ const ho = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fo
   } else if (Sa(t))
     return vt(Ms[t] !== void 0, `Invalid easing type '${t}'`), Ms[t];
   return t;
-}, we = [
+}, ke = [
   "setup",
   // Compute
   "read",
@@ -606,39 +606,39 @@ function wo(t, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = we.reduce((C, T) => (C[T] = Pa(r, e ? T : void 0), C), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: h, preRender: f, render: p, postRender: m } = o, y = () => {
-    const C = Ct.useManualTiming ? i.timestamp : performance.now();
-    n = !1, Ct.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(C - i.timestamp, Aa), 1)), i.timestamp = C, i.isProcessing = !0, a.process(i), c.process(i), u.process(i), d.process(i), h.process(i), f.process(i), p.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
-  }, k = () => {
+  }, r = () => n = !0, o = ke.reduce((v, T) => (v[T] = Pa(r, e ? T : void 0), v), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: h, preRender: f, render: p, postRender: m } = o, y = () => {
+    const v = Ct.useManualTiming ? i.timestamp : performance.now();
+    n = !1, Ct.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(v - i.timestamp, Aa), 1)), i.timestamp = v, i.isProcessing = !0, a.process(i), c.process(i), u.process(i), d.process(i), h.process(i), f.process(i), p.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
+  }, w = () => {
     n = !0, s = !0, i.isProcessing || t(y);
   };
-  return { schedule: we.reduce((C, T) => {
-    const w = o[T];
-    return C[T] = (j, S = !1, L = !1) => (n || k(), w.schedule(j, S, L)), C;
-  }, {}), cancel: (C) => {
-    for (let T = 0; T < we.length; T++)
-      o[we[T]].cancel(C);
+  return { schedule: ke.reduce((v, T) => {
+    const k = o[T];
+    return v[T] = (L, M = !1, j = !1) => (n || w(), k.schedule(L, M, j)), v;
+  }, {}), cancel: (v) => {
+    for (let T = 0; T < ke.length; T++)
+      o[ke[T]].cancel(v);
   }, state: i, steps: o };
 }
-const { schedule: W, cancel: Tt, state: et, steps: Ue } = /* @__PURE__ */ wo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ut, !0);
-let Le;
+const { schedule: W, cancel: St, state: et, steps: Ue } = /* @__PURE__ */ wo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dt, !0);
+let Te;
 function Va() {
-  Le = void 0;
+  Te = void 0;
 }
-const ot = {
-  now: () => (Le === void 0 && ot.set(et.isProcessing || Ct.useManualTiming ? et.timestamp : performance.now()), Le),
+const rt = {
+  now: () => (Te === void 0 && rt.set(et.isProcessing || Ct.useManualTiming ? et.timestamp : performance.now()), Te),
   set: (t) => {
-    Le = t, queueMicrotask(Va);
+    Te = t, queueMicrotask(Va);
   }
-}, ko = (t) => (e) => typeof e == "string" && e.startsWith(t), Kn = /* @__PURE__ */ ko("--"), Ra = /* @__PURE__ */ ko("var(--"), Wn = (t) => Ra(t) ? Da.test(t.split("/*")[0].trim()) : !1, Da = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Xt = {
+}, ko = (t) => (e) => typeof e == "string" && e.startsWith(t), Kn = /* @__PURE__ */ ko("--"), Ra = /* @__PURE__ */ ko("var(--"), Wn = (t) => Ra(t) ? Da.test(t.split("/*")[0].trim()) : !1, Da = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, qt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
 }, ue = {
-  ...Xt,
+  ...qt,
   transform: (t) => xt(0, 1, t)
-}, ke = {
-  ...Xt,
+}, je = {
+  ...qt,
   default: 1
 }, oe = (t) => Math.round(t * 1e5) / 1e5, $n = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function Ea(t) {
@@ -655,9 +655,9 @@ const _a = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
 }, Na = (t) => xt(0, 255, t), He = {
-  ...Xt,
+  ...qt,
   transform: (t) => Math.round(Na(t))
-}, Dt = {
+}, Et = {
   test: /* @__PURE__ */ Un("rgb", "red"),
   parse: /* @__PURE__ */ jo("red", "green", "blue"),
   transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + He.transform(t) + ", " + He.transform(e) + ", " + He.transform(n) + ", " + oe(ue.transform(s)) + ")"
@@ -674,26 +674,26 @@ function Ba(t) {
 const on = {
   test: /* @__PURE__ */ Un("#"),
   parse: Ba,
-  transform: Dt.transform
+  transform: Et.transform
 }, xe = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), jt = /* @__PURE__ */ xe("deg"), gt = /* @__PURE__ */ xe("%"), A = /* @__PURE__ */ xe("px"), Ia = /* @__PURE__ */ xe("vh"), Oa = /* @__PURE__ */ xe("vw"), As = {
+}), Lt = /* @__PURE__ */ xe("deg"), gt = /* @__PURE__ */ xe("%"), A = /* @__PURE__ */ xe("px"), Ia = /* @__PURE__ */ xe("vh"), Oa = /* @__PURE__ */ xe("vw"), As = {
   ...gt,
   parse: (t) => gt.parse(t) / 100,
   transform: (t) => gt.transform(t * 100)
-}, Bt = {
+}, It = {
   test: /* @__PURE__ */ Un("hsl", "hue"),
   parse: /* @__PURE__ */ jo("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + gt.transform(oe(e)) + ", " + gt.transform(oe(n)) + ", " + oe(ue.transform(s)) + ")"
-}, q = {
-  test: (t) => Dt.test(t) || on.test(t) || Bt.test(t),
-  parse: (t) => Dt.test(t) ? Dt.parse(t) : Bt.test(t) ? Bt.parse(t) : on.parse(t),
-  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? Dt.transform(t) : Bt.transform(t),
+}, Q = {
+  test: (t) => Et.test(t) || on.test(t) || It.test(t),
+  parse: (t) => Et.test(t) ? Et.parse(t) : It.test(t) ? It.parse(t) : on.parse(t),
+  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? Et.transform(t) : It.transform(t),
   getAnimatableNone: (t) => {
-    const e = q.parse(t);
-    return e.alpha = 0, q.transform(e);
+    const e = Q.parse(t);
+    return e.alpha = 0, Q.transform(e);
   }
 }, Fa = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function za(t) {
@@ -707,7 +707,7 @@ function de(t) {
     var: []
   }, i = [];
   let r = 0;
-  const a = e.replace($a, (c) => (q.test(c) ? (s.color.push(r), i.push(Lo), n.push(q.parse(c))) : c.startsWith(Wa) ? (s.var.push(r), i.push(Ka), n.push(c)) : (s.number.push(r), i.push(bo), n.push(parseFloat(c))), ++r, Vs)).split(Vs);
+  const a = e.replace($a, (c) => (Q.test(c) ? (s.color.push(r), i.push(Lo), n.push(Q.parse(c))) : c.startsWith(Wa) ? (s.var.push(r), i.push(Ka), n.push(c)) : (s.number.push(r), i.push(bo), n.push(parseFloat(c))), ++r, Vs)).split(Vs);
   return { values: n, split: a, indexes: s, types: i };
 }
 function To(t) {
@@ -720,17 +720,17 @@ function Mo(t) {
     for (let o = 0; o < s; o++)
       if (r += e[o], i[o] !== void 0) {
         const a = n[o];
-        a === bo ? r += oe(i[o]) : a === Lo ? r += q.transform(i[o]) : r += i[o];
+        a === bo ? r += oe(i[o]) : a === Lo ? r += Q.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const Ua = (t) => typeof t == "number" ? 0 : q.test(t) ? q.getAnimatableNone(t) : t;
+const Ua = (t) => typeof t == "number" ? 0 : Q.test(t) ? Q.getAnimatableNone(t) : t;
 function Ha(t) {
   const e = To(t);
   return Mo(t)(e.map(Ua));
 }
-const Mt = {
+const Pt = {
   test: za,
   parse: To,
   createTransformer: Mo,
@@ -755,26 +755,26 @@ function Za({ hue: t, saturation: e, lightness: n, alpha: s }) {
     alpha: s
   };
 }
-function Pe(t, e) {
+function Ae(t, e) {
   return (n) => n > 0 ? e : t;
 }
 const H = (t, e, n) => t + (e - t) * n, Ge = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, Ga = [on, Dt, Bt], Ya = (t) => Ga.find((e) => e.test(t));
+}, Ga = [on, Et, It], Ya = (t) => Ga.find((e) => e.test(t));
 function Rs(t) {
   const e = Ya(t);
-  if (Yt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
+  if (Xt(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
     return !1;
   let n = e.parse(t);
-  return e === Bt && (n = Za(n)), n;
+  return e === It && (n = Za(n)), n;
 }
 const Ds = (t, e) => {
   const n = Rs(t), s = Rs(e);
   if (!n || !s)
-    return Pe(t, e);
+    return Ae(t, e);
   const i = { ...n };
-  return (r) => (i.red = Ge(n.red, s.red, r), i.green = Ge(n.green, s.green, r), i.blue = Ge(n.blue, s.blue, r), i.alpha = H(n.alpha, s.alpha, r), Dt.transform(i));
+  return (r) => (i.red = Ge(n.red, s.red, r), i.green = Ge(n.green, s.green, r), i.blue = Ge(n.blue, s.blue, r), i.alpha = H(n.alpha, s.alpha, r), Et.transform(i));
 }, rn = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Xa(t, e) {
   return rn.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
@@ -783,7 +783,7 @@ function qa(t, e) {
   return (n) => H(t, e, n);
 }
 function Hn(t) {
-  return typeof t == "number" ? qa : typeof t == "string" ? Wn(t) ? Pe : q.test(t) ? Ds : t1 : Array.isArray(t) ? So : typeof t == "object" ? q.test(t) ? Ds : Ja : Pe;
+  return typeof t == "number" ? qa : typeof t == "string" ? Wn(t) ? Ae : Q.test(t) ? Ds : t1 : Array.isArray(t) ? So : typeof t == "object" ? Q.test(t) ? Ds : Ja : Ae;
 }
 function So(t, e) {
   const n = [...t], s = n.length, i = t.map((r, o) => Hn(r)(r, e[o]));
@@ -812,8 +812,8 @@ function Qa(t, e) {
   return n;
 }
 const t1 = (t, e) => {
-  const n = Mt.createTransformer(e), s = de(t), i = de(e);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? rn.has(t) && !i.values.length || rn.has(e) && !s.values.length ? Xa(t, e) : ge(So(Qa(s, i), i.values), n) : (Yt(!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.`), Pe(t, e));
+  const n = Pt.createTransformer(e), s = de(t), i = de(e);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? rn.has(t) && !i.values.length || rn.has(e) && !s.values.length ? Xa(t, e) : ge(So(Qa(s, i), i.values), n) : (Xt(!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.`), Ae(t, e));
 };
 function Po(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? H(t, e, n) : Hn(t)(t, e);
@@ -822,12 +822,12 @@ const e1 = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
     start: (n = !0) => W.update(e, n),
-    stop: () => Tt(e),
+    stop: () => St(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => et.isProcessing ? et.timestamp : ot.now()
+    now: () => et.isProcessing ? et.timestamp : rt.now()
   };
 }, Ao = (t, e, n = 10) => {
   let s = "";
@@ -835,17 +835,17 @@ const e1 = (t) => {
   for (let r = 0; r < i; r++)
     s += Math.round(t(r / (i - 1)) * 1e4) / 1e4 + ", ";
   return `linear(${s.substring(0, s.length - 2)})`;
-}, Ae = 2e4;
+}, Ve = 2e4;
 function Zn(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
-  for (; !s.done && e < Ae; )
+  for (; !s.done && e < Ve; )
     e += n, s = t.next(e);
-  return e >= Ae ? 1 / 0 : e;
+  return e >= Ve ? 1 / 0 : e;
 }
 function n1(t, e = 100, n) {
-  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(Zn(s), Ae);
+  const s = n({ ...t, keyframes: [0, e] }), i = Math.min(Zn(s), Ve);
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / e,
@@ -888,7 +888,7 @@ const U = {
 }, Ye = 1e-3;
 function i1({ duration: t = U.duration, bounce: e = U.bounce, velocity: n = U.velocity, mass: s = U.mass }) {
   let i, r;
-  Yt(t <= /* @__PURE__ */ ht(U.maxDuration), "Spring duration must be 10 seconds or less");
+  Xt(t <= /* @__PURE__ */ ft(U.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
   o = xt(U.minDamping, U.maxDamping, o), t = xt(U.minDuration, U.maxDuration, /* @__PURE__ */ mt(t)), o < 1 ? (i = (u) => {
     const d = u * o, h = d * t, f = d - n, p = an(u, o), m = Math.exp(-h);
@@ -904,7 +904,7 @@ function i1({ duration: t = U.duration, bounce: e = U.bounce, velocity: n = U.ve
     return d * h;
   });
   const a = 5 / t, c = r1(i, r, a);
-  if (t = /* @__PURE__ */ ht(t), isNaN(c))
+  if (t = /* @__PURE__ */ ft(t), isNaN(c))
     return {
       stiffness: U.stiffness,
       damping: U.damping,
@@ -961,7 +961,7 @@ function c1(t) {
     }
   return e;
 }
-function Ve(t = U.visualDuration, e = U.bounce) {
+function Re(t = U.visualDuration, e = U.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -971,68 +971,68 @@ function Ve(t = U.visualDuration, e = U.bounce) {
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: c, damping: u, mass: d, duration: h, velocity: f, isResolvedFromDuration: p } = c1({
     ...n,
     velocity: -/* @__PURE__ */ mt(n.velocity || 0)
-  }), m = f || 0, y = u / (2 * Math.sqrt(c * d)), k = o - r, v = /* @__PURE__ */ mt(Math.sqrt(c / d)), x = Math.abs(k) < 5;
+  }), m = f || 0, y = u / (2 * Math.sqrt(c * d)), w = o - r, C = /* @__PURE__ */ mt(Math.sqrt(c / d)), x = Math.abs(w) < 5;
   s || (s = x ? U.restSpeed.granular : U.restSpeed.default), i || (i = x ? U.restDelta.granular : U.restDelta.default);
-  let C;
+  let v;
   if (y < 1) {
-    const w = an(v, y);
-    C = (j) => {
-      const S = Math.exp(-y * v * j);
-      return o - S * ((m + y * v * k) / w * Math.sin(w * j) + k * Math.cos(w * j));
+    const k = an(C, y);
+    v = (L) => {
+      const M = Math.exp(-y * C * L);
+      return o - M * ((m + y * C * w) / k * Math.sin(k * L) + w * Math.cos(k * L));
     };
   } else if (y === 1)
-    C = (w) => o - Math.exp(-v * w) * (k + (m + v * k) * w);
+    v = (k) => o - Math.exp(-C * k) * (w + (m + C * w) * k);
   else {
-    const w = v * Math.sqrt(y * y - 1);
-    C = (j) => {
-      const S = Math.exp(-y * v * j), L = Math.min(w * j, 300);
-      return o - S * ((m + y * v * k) * Math.sinh(L) + w * k * Math.cosh(L)) / w;
+    const k = C * Math.sqrt(y * y - 1);
+    v = (L) => {
+      const M = Math.exp(-y * C * L), j = Math.min(k * L, 300);
+      return o - M * ((m + y * C * w) * Math.sinh(j) + k * w * Math.cosh(j)) / k;
     };
   }
   const T = {
     calculatedDuration: p && h || null,
-    next: (w) => {
-      const j = C(w);
+    next: (k) => {
+      const L = v(k);
       if (p)
-        a.done = w >= h;
+        a.done = k >= h;
       else {
-        let S = w === 0 ? m : 0;
-        y < 1 && (S = w === 0 ? /* @__PURE__ */ ht(m) : Vo(C, w, j));
-        const L = Math.abs(S) <= s, D = Math.abs(o - j) <= i;
-        a.done = L && D;
+        let M = k === 0 ? m : 0;
+        y < 1 && (M = k === 0 ? /* @__PURE__ */ ft(m) : Vo(v, k, L));
+        const j = Math.abs(M) <= s, _ = Math.abs(o - L) <= i;
+        a.done = j && _;
       }
-      return a.value = a.done ? o : j, a;
+      return a.value = a.done ? o : L, a;
     },
     toString: () => {
-      const w = Math.min(Zn(T), Ae), j = Ao((S) => T.next(w * S).value, w, 30);
-      return w + "ms " + j;
+      const k = Math.min(Zn(T), Ve), L = Ao((M) => T.next(k * M).value, k, 30);
+      return k + "ms " + L;
     },
     toTransition: () => {
     }
   };
   return T;
 }
-Ve.applyToOptions = (t) => {
-  const e = n1(t, 100, Ve);
-  return t.ease = e.ease, t.duration = /* @__PURE__ */ ht(e.duration), t.type = "keyframes", t;
+Re.applyToOptions = (t) => {
+  const e = n1(t, 100, Re);
+  return t.ease = e.ease, t.duration = /* @__PURE__ */ ft(e.duration), t.type = "keyframes", t;
 };
 function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: c, restDelta: u = 0.5, restSpeed: d }) {
   const h = t[0], f = {
     done: !1,
     value: h
-  }, p = (L) => a !== void 0 && L < a || c !== void 0 && L > c, m = (L) => a === void 0 ? c : c === void 0 || Math.abs(a - L) < Math.abs(c - L) ? a : c;
+  }, p = (j) => a !== void 0 && j < a || c !== void 0 && j > c, m = (j) => a === void 0 ? c : c === void 0 || Math.abs(a - j) < Math.abs(c - j) ? a : c;
   let y = n * e;
-  const k = h + y, v = o === void 0 ? k : o(k);
-  v !== k && (y = v - h);
-  const x = (L) => -y * Math.exp(-L / s), C = (L) => v + x(L), T = (L) => {
-    const D = x(L), N = C(L);
-    f.done = Math.abs(D) <= u, f.value = f.done ? v : N;
+  const w = h + y, C = o === void 0 ? w : o(w);
+  C !== w && (y = C - h);
+  const x = (j) => -y * Math.exp(-j / s), v = (j) => C + x(j), T = (j) => {
+    const _ = x(j), N = v(j);
+    f.done = Math.abs(_) <= u, f.value = f.done ? C : N;
   };
-  let w, j;
-  const S = (L) => {
-    p(f.value) && (w = L, j = Ve({
+  let k, L;
+  const M = (j) => {
+    p(f.value) && (k = j, L = Re({
       keyframes: [f.value, m(f.value)],
-      velocity: Vo(C, L, f.value),
+      velocity: Vo(v, j, f.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -1040,11 +1040,11 @@ function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
       restSpeed: d
     }));
   };
-  return S(0), {
+  return M(0), {
     calculatedDuration: null,
-    next: (L) => {
-      let D = !1;
-      return !j && w === void 0 && (D = !0, T(L), S(L)), w !== void 0 && L >= w ? j.next(L - w) : (!D && T(L), f);
+    next: (j) => {
+      let _ = !1;
+      return !L && k === void 0 && (_ = !0, T(j), M(j)), k !== void 0 && j >= k ? L.next(j - k) : (!_ && T(j), f);
     }
   };
 }
@@ -1053,7 +1053,7 @@ function u1(t, e, n) {
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
-      const c = Array.isArray(e) ? e[o] || ut : e;
+      const c = Array.isArray(e) ? e[o] || dt : e;
       a = ge(c, a);
     }
     s.push(a);
@@ -1097,7 +1097,7 @@ function p1(t, e) {
 function m1(t, e) {
   return t.map(() => e || vo).splice(0, t.length - 1);
 }
-function It({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
+function Ot({ duration: t = 300, keyframes: e, times: n, ease: s = "easeInOut" }) {
   const i = Ma(s) ? s.map(Ss) : Ss(s), r = {
     done: !1,
     value: e[0]
@@ -1122,9 +1122,9 @@ function Gn(t, { repeat: e, repeatType: n = "loop" }, s, i = 1) {
 const y1 = {
   decay: ln,
   inertia: ln,
-  tween: It,
-  keyframes: It,
-  spring: Ve
+  tween: Ot,
+  keyframes: Ot,
+  spring: Re
 };
 function Ro(t) {
   typeof t.type == "string" && (t.type = y1[t.type]);
@@ -1158,16 +1158,16 @@ class Xn extends Yn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== ot.now() && this.tick(ot.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
+      n && n.updatedAt !== rt.now() && this.tick(rt.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
     }, this.options = e, this.initAnimation(), this.play(), e.autoplay === !1 && this.pause();
   }
   initAnimation() {
     const { options: e } = this;
     Ro(e);
-    const { type: n = It, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = e;
+    const { type: n = Ot, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = e;
     let { keyframes: a } = e;
-    const c = n || It;
-    process.env.NODE_ENV !== "production" && c !== It && vt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== It && typeof a[0] != "number" && (this.mixKeyframes = ge(x1, Po(a[0], a[1])), a = [0, 100]);
+    const c = n || Ot;
+    process.env.NODE_ENV !== "production" && c !== Ot && vt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== Ot && typeof a[0] != "number" && (this.mixKeyframes = ge(x1, Po(a[0], a[1])), a = [0, 100]);
     const u = c({ ...e, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = c({
       ...e,
@@ -1185,22 +1185,22 @@ class Xn extends Yn {
     const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: u = 0, keyframes: d, repeat: h, repeatType: f, repeatDelay: p, type: m, onUpdate: y, finalKeyframe: k } = this.options;
+    const { delay: u = 0, keyframes: d, repeat: h, repeatType: f, repeatDelay: p, type: m, onUpdate: y, finalKeyframe: w } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - i / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
-    const v = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? v < 0 : v > i;
-    this.currentTime = Math.max(v, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
-    let C = this.currentTime, T = s;
+    const C = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? C < 0 : C > i;
+    this.currentTime = Math.max(C, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
+    let v = this.currentTime, T = s;
     if (h) {
-      const L = Math.min(this.currentTime, i) / a;
-      let D = Math.floor(L), N = L % 1;
-      !N && L >= 1 && (N = 1), N === 1 && D--, D = Math.min(D, h + 1), !!(D % 2) && (f === "reverse" ? (N = 1 - N, p && (N -= p / a)) : f === "mirror" && (T = o)), C = xt(0, 1, N) * a;
+      const j = Math.min(this.currentTime, i) / a;
+      let _ = Math.floor(j), N = j % 1;
+      !N && j >= 1 && (N = 1), N === 1 && _--, _ = Math.min(_, h + 1), !!(_ % 2) && (f === "reverse" ? (N = 1 - N, p && (N -= p / a)) : f === "mirror" && (T = o)), v = xt(0, 1, N) * a;
     }
-    const w = x ? { done: !1, value: d[0] } : T.next(C);
-    r && (w.value = r(w.value));
-    let { done: j } = w;
-    !x && c !== null && (j = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
-    const S = this.holdTime === null && (this.state === "finished" || this.state === "running" && j);
-    return S && m !== ln && (w.value = Gn(d, this.options, k, this.speed)), y && y(w.value), S && this.finish(), w;
+    const k = x ? { done: !1, value: d[0] } : T.next(v);
+    r && (k.value = r(k.value));
+    let { done: L } = k;
+    !x && c !== null && (L = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
+    const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && L);
+    return M && m !== ln && (k.value = Gn(d, this.options, w, this.speed)), y && y(k.value), M && this.finish(), k;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1217,13 +1217,13 @@ class Xn extends Yn {
     return /* @__PURE__ */ mt(this.currentTime);
   }
   set time(e) {
-    e = /* @__PURE__ */ ht(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), this.driver?.start(!1);
+    e = /* @__PURE__ */ ft(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), this.driver?.start(!1);
   }
   get speed() {
     return this.playbackSpeed;
   }
   set speed(e) {
-    this.updateTime(ot.now());
+    this.updateTime(rt.now());
     const n = this.playbackSpeed !== e;
     this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ mt(this.currentTime));
   }
@@ -1236,7 +1236,7 @@ class Xn extends Yn {
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
-    this.state = "paused", this.updateTime(ot.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(rt.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -1264,8 +1264,8 @@ function v1(t) {
   for (let e = 1; e < t.length; e++)
     t[e] ?? (t[e] = t[e - 1]);
 }
-const Et = (t) => t * 180 / Math.PI, cn = (t) => {
-  const e = Et(Math.atan2(t[1], t[0]));
+const _t = (t) => t * 180 / Math.PI, cn = (t) => {
+  const e = _t(Math.atan2(t[1], t[0]));
   return un(e);
 }, C1 = {
   x: 4,
@@ -1277,8 +1277,8 @@ const Et = (t) => t * 180 / Math.PI, cn = (t) => {
   scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
   rotate: cn,
   rotateZ: cn,
-  skewX: (t) => Et(Math.atan(t[1])),
-  skewY: (t) => Et(Math.atan(t[2])),
+  skewX: (t) => _t(Math.atan(t[1])),
+  skewY: (t) => _t(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
 }, un = (t) => (t = t % 360, t < 0 && (t += 360), t), _s = cn, Ns = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Bs = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), w1 = {
   x: 12,
@@ -1290,12 +1290,12 @@ const Et = (t) => t * 180 / Math.PI, cn = (t) => {
   scaleX: Ns,
   scaleY: Bs,
   scale: (t) => (Ns(t) + Bs(t)) / 2,
-  rotateX: (t) => un(Et(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => un(Et(Math.atan2(-t[2], t[0]))),
+  rotateX: (t) => un(_t(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => un(_t(Math.atan2(-t[2], t[0]))),
   rotateZ: _s,
   rotate: _s,
-  skewX: (t) => Et(Math.atan(t[4])),
-  skewY: (t) => Et(Math.atan(t[1])),
+  skewX: (t) => _t(Math.atan(t[4])),
+  skewY: (t) => _t(Math.atan(t[1])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
 };
 function dn(t) {
@@ -1324,7 +1324,7 @@ const k1 = (t, e) => {
 function j1(t) {
   return parseFloat(t.trim());
 }
-const qt = [
+const Jt = [
   "transformPerspective",
   "x",
   "y",
@@ -1342,7 +1342,7 @@ const qt = [
   "skew",
   "skewX",
   "skewY"
-], Jt = new Set(qt), Is = (t) => t === Xt || t === A, b1 = /* @__PURE__ */ new Set(["x", "y", "z"]), L1 = qt.filter((t) => !b1.has(t));
+], Qt = new Set(Jt), Is = (t) => t === qt || t === A, b1 = /* @__PURE__ */ new Set(["x", "y", "z"]), L1 = Jt.filter((t) => !b1.has(t));
 function T1(t) {
   const e = [];
   return L1.forEach((n) => {
@@ -1350,7 +1350,7 @@ function T1(t) {
     s !== void 0 && (e.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
   }), e;
 }
-const _t = {
+const Nt = {
   // Dimensions
   width: ({ x: t }, { paddingLeft: e = "0", paddingRight: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
   height: ({ y: t }, { paddingTop: e = "0", paddingBottom: n = "0" }) => t.max - t.min - parseFloat(e) - parseFloat(n),
@@ -1362,13 +1362,13 @@ const _t = {
   x: (t, { transform: e }) => hn(e, "x"),
   y: (t, { transform: e }) => hn(e, "y")
 };
-_t.translateX = _t.x;
-_t.translateY = _t.y;
-const Nt = /* @__PURE__ */ new Set();
+Nt.translateX = Nt.x;
+Nt.translateY = Nt.y;
+const Bt = /* @__PURE__ */ new Set();
 let fn = !1, pn = !1, mn = !1;
 function Do() {
   if (pn) {
-    const t = Array.from(Nt).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+    const t = Array.from(Bt).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
       const i = T1(s);
       i.length && (n.set(s, i), s.render());
@@ -1382,10 +1382,10 @@ function Do() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  pn = !1, fn = !1, Nt.forEach((t) => t.complete(mn)), Nt.clear();
+  pn = !1, fn = !1, Bt.forEach((t) => t.complete(mn)), Bt.clear();
 }
 function Eo() {
-  Nt.forEach((t) => {
+  Bt.forEach((t) => {
     t.readKeyframes(), t.needsMeasurement && (pn = !0);
   });
 }
@@ -1397,7 +1397,7 @@ class qn {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Nt.add(this), fn || (fn = !0, W.read(Eo), W.resolveKeyframes(Do))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (Bt.add(this), fn || (fn = !0, W.read(Eo), W.resolveKeyframes(Do))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -1422,10 +1422,10 @@ class qn {
   measureEndState() {
   }
   complete(e = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), Nt.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, e), Bt.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (Nt.delete(this), this.state = "pending");
+    this.state === "scheduled" && (Bt.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
@@ -1545,7 +1545,7 @@ class _1 extends Yn {
     return /* @__PURE__ */ mt(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ ht(e);
+    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ ft(e);
   }
   /**
    * The playback speed of the animation.
@@ -1570,7 +1570,7 @@ class _1 extends Yn {
    * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
    */
   attachTimeline({ timeline: e, observe: n }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && A1() ? (this.animation.timeline = e, ut) : n(this);
+    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, e && A1() ? (this.animation.timeline = e, dt) : n(this);
   }
 }
 const Io = {
@@ -1608,12 +1608,12 @@ class I1 extends _1 {
     const a = new Xn({
       ...o,
       autoplay: !1
-    }), c = /* @__PURE__ */ ht(this.finishedTime ?? this.time);
+    }), c = /* @__PURE__ */ ft(this.finishedTime ?? this.time);
     n.setWithVelocity(a.sample(c - Fs).value, a.sample(c).value, Fs), a.stop();
   }
 }
 const zs = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && // It's animatable if we have a string
-(Mt.test(t) || t === "0") && // And it contains numbers and/or colors
+(Pt.test(t) || t === "0") && // And it contains numbers and/or colors
 !t.startsWith("url("));
 function O1(t) {
   const e = t[0];
@@ -1630,7 +1630,7 @@ function F1(t, e, n, s) {
   if (e === "display" || e === "visibility")
     return !0;
   const r = t[t.length - 1], o = zs(i, e), a = zs(r, e);
-  return Yt(o === a, `You are trying to animate ${e} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : O1(t) || (n === "spring" || Bo(n)) && s;
+  return Xt(o === a, `You are trying to animate ${e} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : O1(t) || (n === "spring" || Bo(n)) && s;
 }
 function Jn(t) {
   return ao(t) && "offsetHeight" in t;
@@ -1659,7 +1659,7 @@ class U1 extends Yn {
   constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: u, element: d, ...h }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
-    }, this.createdAt = ot.now();
+    }, this.createdAt = rt.now();
     const f = {
       autoplay: e,
       delay: n,
@@ -1672,12 +1672,12 @@ class U1 extends Yn {
       element: d,
       ...h
     }, p = d?.KeyframeResolver || qn;
-    this.keyframeResolver = new p(a, (m, y, k) => this.onKeyframesResolved(m, y, f, !k), c, u, d), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new p(a, (m, y, w) => this.onKeyframesResolved(m, y, f, !w), c, u, d), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: c, isHandoff: u, onUpdate: d } = s;
-    this.resolvedAt = ot.now(), F1(e, r, o, a) || ((Ct.instantAnimations || !c) && d?.(Gn(e, s, n)), e[0] = e[e.length - 1], s.duration = 0, s.repeat = 0);
+    this.resolvedAt = rt.now(), F1(e, r, o, a) || ((Ct.instantAnimations || !c) && d?.(Gn(e, s, n)), e[0] = e[e.length - 1], s.duration = 0, s.repeat = 0);
     const f = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > $1 ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1687,7 +1687,7 @@ class U1 extends Yn {
       ...f,
       element: f.motionValue.owner.current
     }) : new Xn(f);
-    p.finished.then(() => this.notifyFinished()).catch(ut), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
+    p.finished.then(() => this.notifyFinished()).catch(dt), this.pendingTimeline && (this.stopTimeline = p.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = p;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1770,11 +1770,11 @@ const Fo = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...qt
+  ...Jt
 ]), Y1 = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, zo = (t) => (e) => e.test(t), Ko = [Xt, A, gt, jt, Oa, Ia, Y1], Ks = (t) => Ko.find(zo(t));
+}, zo = (t) => (e) => e.test(t), Ko = [qt, A, gt, Lt, Oa, Ia, Y1], Ks = (t) => Ko.find(zo(t));
 function X1(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || lo(t) : !0;
 }
@@ -1791,26 +1791,26 @@ function J1(t) {
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
 const Q1 = /\b([a-z-]*)\(.*?\)/gu, gn = {
-  ...Mt,
+  ...Pt,
   getAnimatableNone: (t) => {
     const e = t.match(Q1);
     return e ? e.map(J1).join(" ") : t;
   }
 }, Ws = {
-  ...Xt,
+  ...qt,
   transform: Math.round
 }, tl = {
-  rotate: jt,
-  rotateX: jt,
-  rotateY: jt,
-  rotateZ: jt,
-  scale: ke,
-  scaleX: ke,
-  scaleY: ke,
-  scaleZ: ke,
-  skew: jt,
-  skewX: jt,
-  skewY: jt,
+  rotate: Lt,
+  rotateX: Lt,
+  rotateY: Lt,
+  rotateZ: Lt,
+  scale: je,
+  scaleX: je,
+  scaleY: je,
+  scaleZ: je,
+  skew: Lt,
+  skewX: Lt,
+  skewY: Lt,
   distance: A,
   translateX: A,
   translateY: A,
@@ -1869,23 +1869,23 @@ const Q1 = /\b([a-z-]*)\(.*?\)/gu, gn = {
 }, el = {
   ...ts,
   // Color props
-  color: q,
-  backgroundColor: q,
-  outlineColor: q,
-  fill: q,
-  stroke: q,
+  color: Q,
+  backgroundColor: Q,
+  outlineColor: Q,
+  fill: Q,
+  stroke: Q,
   // Border props
-  borderColor: q,
-  borderTopColor: q,
-  borderRightColor: q,
-  borderBottomColor: q,
-  borderLeftColor: q,
+  borderColor: Q,
+  borderTopColor: Q,
+  borderRightColor: Q,
+  borderBottomColor: Q,
+  borderLeftColor: Q,
   filter: gn,
   WebkitFilter: gn
 }, Wo = (t) => el[t];
 function $o(t, e) {
   let n = Wo(t);
-  return n !== gn && (n = Mt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  return n !== gn && (n = Pt), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const nl = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function sl(t, e, n) {
@@ -1923,7 +1923,7 @@ class il extends qn {
           const u = e[c];
           typeof u == "string" && (e[c] = parseFloat(u));
         }
-      else _t[s] && (this.needsMeasurement = !0);
+      else Nt[s] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, s = [];
@@ -1935,7 +1935,7 @@ class il extends qn {
     const { element: e, unresolvedKeyframes: n, name: s } = this;
     if (!e || !e.current)
       return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = _t[s](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Nt[s](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
     const i = n[n.length - 1];
     i !== void 0 && e.getValue(s, i).jump(i, !1);
   }
@@ -1946,7 +1946,7 @@ class il extends qn {
     const i = e.getValue(n);
     i && i.jump(this.measuredOrigin, !1);
     const r = s.length - 1, o = s[r];
-    s[r] = _t[n](e.measureViewportBox(), window.getComputedStyle(e.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), this.removedTransforms?.length && this.removedTransforms.forEach(([a, c]) => {
+    s[r] = Nt[n](e.measureViewportBox(), window.getComputedStyle(e.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), this.removedTransforms?.length && this.removedTransforms.forEach(([a, c]) => {
       e.getValue(a).set(c);
     }), this.resolveNoneKeyframes();
   }
@@ -1971,7 +1971,7 @@ class al {
    */
   constructor(e, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s, i = !0) => {
-      const r = ot.now();
+      const r = rt.now();
       if (this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
         for (const o of this.dependents)
           o.dirty();
@@ -1979,7 +1979,7 @@ class al {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = ot.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = rl(this.current));
+    this.current = e, this.updatedAt = rt.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = rl(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -2107,7 +2107,7 @@ class al {
    * @public
    */
   getVelocity() {
-    const e = ot.now();
+    const e = rt.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > $s)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, $s);
@@ -2162,21 +2162,21 @@ class al {
     this.dependents?.clear(), this.events.destroy?.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
   }
 }
-function Ht(t, e) {
+function Zt(t, e) {
   return new al(t, e);
 }
-const { schedule: es } = /* @__PURE__ */ wo(queueMicrotask, !1), dt = {
+const { schedule: es } = /* @__PURE__ */ wo(queueMicrotask, !1), ht = {
   x: !1,
   y: !1
 };
 function Ho() {
-  return dt.x || dt.y;
+  return ht.x || ht.y;
 }
 function ll(t) {
-  return t === "x" || t === "y" ? dt[t] ? null : (dt[t] = !0, () => {
-    dt[t] = !1;
-  }) : dt.x || dt.y ? null : (dt.x = dt.y = !0, () => {
-    dt.x = dt.y = !1;
+  return t === "x" || t === "y" ? ht[t] ? null : (ht[t] = !0, () => {
+    ht[t] = !1;
+  }) : ht.x || ht.y ? null : (ht.x = ht.y = !0, () => {
+    ht.x = ht.y = !1;
   });
 }
 function Zo(t, e) {
@@ -2216,7 +2216,7 @@ const Go = (t, e) => e ? t === e ? !0 : Go(t, e.parentElement) : !1, ns = (t) =>
 function dl(t) {
   return ul.has(t.tagName) || t.tabIndex !== -1;
 }
-const Te = /* @__PURE__ */ new WeakSet();
+const Me = /* @__PURE__ */ new WeakSet();
 function Hs(t) {
   return (e) => {
     e.key === "Enter" && t(e);
@@ -2230,7 +2230,7 @@ const hl = (t, e) => {
   if (!n)
     return;
   const s = Hs(() => {
-    if (Te.has(n))
+    if (Me.has(n))
       return;
     Xe(n, "down");
     const i = Hs(() => {
@@ -2248,9 +2248,9 @@ function fl(t, e, n = {}) {
     const c = a.currentTarget;
     if (!Zs(a))
       return;
-    Te.add(c);
+    Me.add(c);
     const u = e(c, a), d = (p, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Te.has(c) && Te.delete(c), Zs(p) && typeof u == "function" && u(p, { success: m });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Me.has(c) && Me.delete(c), Zs(p) && typeof u == "function" && u(p, { success: m });
     }, h = (p) => {
       d(p, c === window || c === document || n.useGlobalTarget || Go(c, p.target));
     }, f = (p) => {
@@ -2268,7 +2268,7 @@ function Yo(t) {
 function pl(t) {
   return Yo(t) && t.tagName === "svg";
 }
-const nt = (t) => !!(t && t.getVelocity), ml = [...Ko, q, Mt], gl = (t) => ml.find(zo(t)), ss = wt({
+const st = (t) => !!(t && t.getVelocity), ml = [...Ko, Q, Pt], gl = (t) => ml.find(zo(t)), ss = wt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -2292,13 +2292,13 @@ class yl extends Ln.Component {
   }
 }
 function xl({ children: t, isPresent: e, anchorX: n, root: s }) {
-  const i = Gt(), r = X(null), o = X({
+  const i = Yt(), r = J(null), o = J({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: a } = J(ss);
+  }), { nonce: a } = tt(ss);
   return Wi(() => {
     const { width: c, height: u, top: d, left: h, right: f } = o.current;
     if (e || !r.current || !c || !u)
@@ -2322,7 +2322,7 @@ function xl({ children: t, isPresent: e, anchorX: n, root: s }) {
   }, [e]), l.jsx(yl, { isPresent: e, childRef: r, sizeRef: o, children: Ln.cloneElement(t, { ref: r }) });
 }
 const vl = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: i, presenceAffectsLayout: r, mode: o, anchorX: a, root: c }) => {
-  const u = Dn(Cl), d = Gt();
+  const u = Dn(Cl), d = Yt();
   let h = !0, f = b(() => (h = !1, {
     id: d,
     initial: e,
@@ -2341,62 +2341,62 @@ const vl = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
     u.forEach((p, m) => u.set(m, !1));
   }, [n]), Ln.useEffect(() => {
     !n && !u.size && s && s();
-  }, [n]), o === "popLayout" && (t = l.jsx(xl, { isPresent: n, anchorX: a, root: c, children: t })), l.jsx(_e.Provider, { value: f, children: t });
+  }, [n]), o === "popLayout" && (t = l.jsx(xl, { isPresent: n, anchorX: a, root: c, children: t })), l.jsx(Ne.Provider, { value: f, children: t });
 };
 function Cl() {
   return /* @__PURE__ */ new Map();
 }
 function Xo(t = !0) {
-  const e = J(_e);
+  const e = tt(Ne);
   if (e === null)
     return [!0, null];
-  const { isPresent: n, onExitComplete: s, register: i } = e, r = Gt();
-  bt(() => {
+  const { isPresent: n, onExitComplete: s, register: i } = e, r = Yt();
+  Tt(() => {
     if (t)
       return i(r);
   }, [t]);
-  const o = M(() => t && s && s(r), [r, s, t]);
+  const o = S(() => t && s && s(r), [r, s, t]);
   return !n && s ? [!1, o] : [!0];
 }
-const je = (t) => t.key || "";
+const be = (t) => t.key || "";
 function Gs(t) {
   const e = [];
-  return St.forEach(t, (n) => {
+  return At.forEach(t, (n) => {
     yt(n) && e.push(n);
   }), e;
 }
 const wl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: r = "sync", propagate: o = !1, anchorX: a = "left", root: c }) => {
-  const [u, d] = Xo(o), h = b(() => Gs(t), [t]), f = o && !u ? [] : h.map(je), p = X(!0), m = X(h), y = Dn(() => /* @__PURE__ */ new Map()), [k, v] = rt(h), [x, C] = rt(h);
+  const [u, d] = Xo(o), h = b(() => Gs(t), [t]), f = o && !u ? [] : h.map(be), p = J(!0), m = J(h), y = Dn(() => /* @__PURE__ */ new Map()), [w, C] = at(h), [x, v] = at(h);
   oo(() => {
     p.current = !1, m.current = h;
-    for (let j = 0; j < x.length; j++) {
-      const S = je(x[j]);
-      f.includes(S) ? y.delete(S) : y.get(S) !== !0 && y.set(S, !1);
+    for (let L = 0; L < x.length; L++) {
+      const M = be(x[L]);
+      f.includes(M) ? y.delete(M) : y.get(M) !== !0 && y.set(M, !1);
     }
   }, [x, f.length, f.join("-")]);
   const T = [];
-  if (h !== k) {
-    let j = [...h];
-    for (let S = 0; S < x.length; S++) {
-      const L = x[S], D = je(L);
-      f.includes(D) || (j.splice(S, 0, L), T.push(L));
+  if (h !== w) {
+    let L = [...h];
+    for (let M = 0; M < x.length; M++) {
+      const j = x[M], _ = be(j);
+      f.includes(_) || (L.splice(M, 0, j), T.push(j));
     }
-    return r === "wait" && T.length && (j = T), C(Gs(j)), v(h), null;
+    return r === "wait" && T.length && (L = T), v(Gs(L)), C(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: w } = J(Rn);
-  return l.jsx(l.Fragment, { children: x.map((j) => {
-    const S = je(j), L = o && !u ? !1 : h === x || f.includes(S), D = () => {
-      if (y.has(S))
-        y.set(S, !0);
+  const { forceRender: k } = tt(Rn);
+  return l.jsx(l.Fragment, { children: x.map((L) => {
+    const M = be(L), j = o && !u ? !1 : h === x || f.includes(M), _ = () => {
+      if (y.has(M))
+        y.set(M, !0);
       else
         return;
       let N = !0;
-      y.forEach((I) => {
-        I || (N = !1);
-      }), N && (w?.(), C(m.current), o && d?.(), s && s());
+      y.forEach((B) => {
+        B || (N = !1);
+      }), N && (k?.(), v(m.current), o && d?.(), s && s());
     };
-    return l.jsx(vl, { isPresent: L, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: r, root: c, onExitComplete: L ? void 0 : D, anchorX: a, children: j }, S);
+    return l.jsx(vl, { isPresent: j, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: r, root: c, onExitComplete: j ? void 0 : _, anchorX: a, children: L }, M);
   }) });
 }, qo = wt({ strict: !1 }), Ys = {
   animation: [
@@ -2417,15 +2417,15 @@ const wl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
   pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
-}, Zt = {};
+}, Gt = {};
 for (const t in Ys)
-  Zt[t] = {
+  Gt[t] = {
     isEnabled: (e) => Ys[t].some((n) => !!e[n])
   };
 function kl(t) {
   for (const e in t)
-    Zt[e] = {
-      ...Zt[e],
+    Gt[e] = {
+      ...Gt[e],
       ...t[e]
     };
 }
@@ -2461,12 +2461,12 @@ const jl = /* @__PURE__ */ new Set([
   "ignoreStrict",
   "viewport"
 ]);
-function Re(t) {
+function De(t) {
   return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || jl.has(t);
 }
-let Jo = (t) => !Re(t);
+let Jo = (t) => !De(t);
 function bl(t) {
-  typeof t == "function" && (Jo = (e) => e.startsWith("on") ? !Re(e) : t(e));
+  typeof t == "function" && (Jo = (e) => e.startsWith("on") ? !De(e) : t(e));
 }
 try {
   bl(require("@emotion/is-prop-valid").default);
@@ -2475,7 +2475,7 @@ try {
 function Ll(t, e, n) {
   const s = {};
   for (const i in t)
-    i === "values" && typeof t.values == "object" || (Jo(i) || n === !0 && Re(i) || !e && !Re(i) || // If trying to use native HTML drag events, forward drag listeners
+    i === "values" && typeof t.values == "object" || (Jo(i) || n === !0 && De(i) || !e && !De(i) || // If trying to use native HTML drag events, forward drag listeners
     t.draggable && i.startsWith("onDrag")) && (s[i] = t[i]);
   return s;
 }
@@ -2492,8 +2492,8 @@ function Tl(t) {
     get: (s, i) => i === "create" ? t : (e.has(i) || e.set(i, t(i)), e.get(i))
   });
 }
-const Ne = /* @__PURE__ */ wt({});
-function Be(t) {
+const Be = /* @__PURE__ */ wt({});
+function Ie(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
 function he(t) {
@@ -2508,14 +2508,14 @@ const is = [
   "whileDrag",
   "exit"
 ], os = ["initial", ...is];
-function Ie(t) {
-  return Be(t.animate) || os.some((e) => he(t[e]));
+function Oe(t) {
+  return Ie(t.animate) || os.some((e) => he(t[e]));
 }
 function Qo(t) {
-  return !!(Ie(t) || t.variants);
+  return !!(Oe(t) || t.variants);
 }
 function Ml(t, e) {
-  if (Ie(t)) {
+  if (Oe(t)) {
     const { initial: n, animate: s } = t;
     return {
       initial: n === !1 || he(n) ? n : void 0,
@@ -2525,20 +2525,20 @@ function Ml(t, e) {
   return t.inherit !== !1 ? e : {};
 }
 function Sl(t) {
-  const { initial: e, animate: n } = Ml(t, J(Ne));
+  const { initial: e, animate: n } = Ml(t, tt(Be));
   return b(() => ({ initial: e, animate: n }), [Xs(e), Xs(n)]);
 }
 function Xs(t) {
   return Array.isArray(t) ? t.join(" ") : t;
 }
 const Pl = Symbol.for("motionComponentSymbol");
-function Ot(t) {
+function Ft(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
 function Al(t, e, n) {
-  return M(
+  return S(
     (s) => {
-      s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : Ot(n) && (n.current = s));
+      s && t.onMount && t.onMount(s), e && (s ? e.mount(s) : e.unmount()), n && (typeof n == "function" ? n(s) : Ft(n) && (n.current = s));
     },
     /**
      * Only pass a new ref callback to React if we've received a visual element
@@ -2550,7 +2550,7 @@ function Al(t, e, n) {
 }
 const rs = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Vl = "framerAppearId", tr = "data-" + rs(Vl), er = wt({});
 function Rl(t, e, n, s, i) {
-  const { visualElement: r } = J(Ne), o = J(qo), a = J(_e), c = J(ss).reducedMotion, u = X(null);
+  const { visualElement: r } = tt(Be), o = tt(qo), a = tt(Ne), c = tt(ss).reducedMotion, u = J(null);
   s = s || o.renderer, !u.current && s && (u.current = s(t, {
     visualState: e,
     parent: r,
@@ -2559,16 +2559,16 @@ function Rl(t, e, n, s, i) {
     blockInitialAnimation: a ? a.initial === !1 : !1,
     reducedMotionConfig: c
   }));
-  const d = u.current, h = J(er);
+  const d = u.current, h = tt(er);
   d && !d.projection && i && (d.type === "html" || d.type === "svg") && Dl(u.current, n, i, h);
-  const f = X(!1);
+  const f = J(!1);
   Wi(() => {
     d && f.current && d.update(n, a);
   });
-  const p = n[tr], m = X(!!p && !window.MotionHandoffIsComplete?.(p) && window.MotionHasOptimisedAnimation?.(p));
+  const p = n[tr], m = J(!!p && !window.MotionHandoffIsComplete?.(p) && window.MotionHasOptimisedAnimation?.(p));
   return oo(() => {
     d && (f.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), es.render(d.render), m.current && d.animationState && d.animationState.animateChanges());
-  }), bt(() => {
+  }), Tt(() => {
     d && (!m.current && d.animationState && d.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(p);
     }), m.current = !1));
@@ -2579,7 +2579,7 @@ function Dl(t, e, n, s) {
   t.projection = new n(t.latestValues, e["data-framer-portal-id"] ? void 0 : nr(t.parent)), t.projection.setOptions({
     layoutId: i,
     layout: r,
-    alwaysMeasureLayout: !!o || a && Ot(a),
+    alwaysMeasureLayout: !!o || a && Ft(a),
     visualElement: t,
     /**
      * TODO: Update options in an effect. This could be tricky as it'll be too late
@@ -2604,7 +2604,7 @@ function El({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
   function r(a, c) {
     let u;
     const d = {
-      ...J(ss),
+      ...tt(ss),
       ...a,
       layoutId: _l(a)
     }, { isStatic: h } = d, f = Sl(a), p = s(a, h);
@@ -2613,25 +2613,25 @@ function El({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
       const m = Bl(d);
       u = m.MeasureLayout, f.visualElement = Rl(i, p, d, e, m.ProjectionNode);
     }
-    return l.jsxs(Ne.Provider, { value: f, children: [u && f.visualElement ? l.jsx(u, { visualElement: f.visualElement, ...d }) : null, n(i, a, Al(p, f.visualElement, c), p, h, f.visualElement)] });
+    return l.jsxs(Be.Provider, { value: f, children: [u && f.visualElement ? l.jsx(u, { visualElement: f.visualElement, ...d }) : null, n(i, a, Al(p, f.visualElement, c), p, h, f.visualElement)] });
   }
   r.displayName = `motion.${typeof i == "string" ? i : `create(${i.displayName ?? i.name ?? ""})`}`;
   const o = Z(r);
   return o[Pl] = i, o;
 }
 function _l({ layoutId: t }) {
-  const e = J(Rn).id;
+  const e = tt(Rn).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Nl(t, e) {
-  const n = J(qo).strict;
+  const n = tt(qo).strict;
   if (process.env.NODE_ENV !== "production" && e && n) {
     const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? Yt(!1, s) : vt(!1, s);
+    t.ignoreStrict ? Xt(!1, s) : vt(!1, s);
   }
 }
 function Bl(t) {
-  const { drag: e, layout: n } = Zt;
+  const { drag: e, layout: n } = Gt;
   if (!e && !n)
     return {};
   const s = { ...e, ...n };
@@ -2646,18 +2646,18 @@ function Il(t) {
     fe[e] = t[e], Kn(e) && (fe[e].isCSSVariable = !0);
 }
 function sr(t, { layout: e, layoutId: n }) {
-  return Jt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!fe[t] || t === "opacity");
+  return Qt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!fe[t] || t === "opacity");
 }
 const Ol = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Fl = qt.length;
+}, Fl = Jt.length;
 function zl(t, e, n) {
   let s = "", i = !0;
   for (let r = 0; r < Fl; r++) {
-    const o = qt[r], a = t[o];
+    const o = Jt[r], a = t[o];
     if (a === void 0)
       continue;
     let c = !0;
@@ -2678,7 +2678,7 @@ function as(t, e, n) {
   let o = !1, a = !1;
   for (const c in e) {
     const u = e[c];
-    if (Jt.has(c)) {
+    if (Qt.has(c)) {
       o = !0;
       continue;
     } else if (Kn(c)) {
@@ -2702,7 +2702,7 @@ const ls = () => ({
 });
 function ir(t, e, n) {
   for (const s in e)
-    !nt(e[s]) && !sr(s, n) && (t[s] = e[s]);
+    !st(e[s]) && !sr(s, n) && (t[s] = e[s]);
 }
 function Kl({ transformTemplate: t }, e) {
   return b(() => {
@@ -2817,7 +2817,7 @@ function cs(t) {
 }
 function Xl(t = !1) {
   return (n, s, i, { latestValues: r }, o) => {
-    const c = (cs(n) ? Gl : $l)(s, r, o, n), u = Ll(s, typeof n == "string", t), d = n !== $i ? { ...u, ...c, ref: i } : {}, { children: h } = s, f = b(() => nt(h) ? h.get() : h, [h]);
+    const c = (cs(n) ? Gl : $l)(s, r, o, n), u = Ll(s, typeof n == "string", t), d = n !== $i ? { ...u, ...c, ref: i } : {}, { children: h } = s, f = b(() => st(h) ? h.get() : h, [h]);
     return ha(n, {
       ...d,
       children: f
@@ -2841,8 +2841,8 @@ function us(t, e, n, s) {
   }
   return e;
 }
-function Me(t) {
-  return nt(t) ? t.get() : t;
+function Se(t) {
+  return st(t) ? t.get() : t;
 }
 function ql({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   return {
@@ -2851,32 +2851,32 @@ function ql({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   };
 }
 const lr = (t) => (e, n) => {
-  const s = J(Ne), i = J(_e), r = () => ql(t, e, s, i);
+  const s = tt(Be), i = tt(Ne), r = () => ql(t, e, s, i);
   return n ? r() : Dn(r);
 };
 function Jl(t, e, n, s) {
   const i = {}, r = s(t, {});
   for (const f in r)
-    i[f] = Me(r[f]);
+    i[f] = Se(r[f]);
   let { initial: o, animate: a } = t;
-  const c = Ie(t), u = Qo(t);
+  const c = Oe(t), u = Qo(t);
   e && u && !c && t.inherit !== !1 && (o === void 0 && (o = e.initial), a === void 0 && (a = e.animate));
   let d = n ? n.initial === !1 : !1;
   d = d || o === !1;
   const h = d ? a : o;
-  if (h && typeof h != "boolean" && !Be(h)) {
+  if (h && typeof h != "boolean" && !Ie(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let p = 0; p < f.length; p++) {
       const m = us(t, f[p]);
       if (m) {
-        const { transitionEnd: y, transition: k, ...v } = m;
-        for (const x in v) {
-          let C = v[x];
-          if (Array.isArray(C)) {
-            const T = d ? C.length - 1 : 0;
-            C = C[T];
+        const { transitionEnd: y, transition: w, ...C } = m;
+        for (const x in C) {
+          let v = C[x];
+          if (Array.isArray(v)) {
+            const T = d ? v.length - 1 : 0;
+            v = v[T];
           }
-          C !== null && (i[x] = C);
+          v !== null && (i[x] = v);
         }
         for (const x in y)
           i[x] = y[x];
@@ -2888,7 +2888,7 @@ function Jl(t, e, n, s) {
 function ds(t, e, n) {
   const { style: s } = t, i = {};
   for (const r in s)
-    (nt(s[r]) || e.style && nt(e.style[r]) || sr(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (i[r] = s[r]);
+    (st(s[r]) || e.style && st(e.style[r]) || sr(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (i[r] = s[r]);
   return i;
 }
 const Ql = {
@@ -2900,8 +2900,8 @@ const Ql = {
 function cr(t, e, n) {
   const s = ds(t, e, n);
   for (const i in t)
-    if (nt(t[i]) || nt(e[i])) {
-      const r = qt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+    if (st(t[i]) || st(e[i])) {
+      const r = Jt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = t[i];
     }
   return s;
@@ -2930,7 +2930,7 @@ function pe(t, e, n) {
 }
 const yn = (t) => Array.isArray(t);
 function nc(t, e, n) {
-  t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Ht(n));
+  t.hasValue(e) ? t.getValue(e).set(n) : t.addValue(e, Zt(n));
 }
 function sc(t) {
   return yn(t) ? t[t.length - 1] || 0 : t;
@@ -2945,7 +2945,7 @@ function ic(t, e) {
   }
 }
 function oc(t) {
-  return !!(nt(t) && t.add);
+  return !!(st(t) && t.add);
 }
 function xn(t, e) {
   const n = t.getValue("willChange");
@@ -2981,14 +2981,14 @@ const lc = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, hc = (t, { keyframes: e }) => e.length > 2 ? uc : Jt.has(t) ? t.startsWith("scale") ? cc(e[1]) : lc : dc;
+}, hc = (t, { keyframes: e }) => e.length > 2 ? uc : Qt.has(t) ? t.startsWith("scale") ? cc(e[1]) : lc : dc;
 function fc({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: c, elapsed: u, ...d }) {
   return !!Object.keys(d).length;
 }
 const hs = (t, e, n, s = {}, i, r) => (o) => {
   const a = Qn(s, t) || {}, c = a.delay || s.delay || 0;
   let { elapsed: u = 0 } = s;
-  u = u - /* @__PURE__ */ ht(c);
+  u = u - /* @__PURE__ */ ft(c);
   const d = {
     keyframes: Array.isArray(n) ? n : [null, n],
     ease: "easeOut",
@@ -3005,7 +3005,7 @@ const hs = (t, e, n, s = {}, i, r) => (o) => {
     motionValue: e,
     element: r ? void 0 : i
   };
-  fc(a) || Object.assign(d, hc(t, d)), d.duration && (d.duration = /* @__PURE__ */ ht(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ht(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
+  fc(a) || Object.assign(d, hc(t, d)), d.duration && (d.duration = /* @__PURE__ */ ft(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ft(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
   let h = !1;
   if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (d.duration = 0, d.delay === 0 && (h = !0)), (Ct.instantAnimations || Ct.skipAnimations) && (h = !0, d.duration = 0, d.delay = 0), d.allowFlatten = !a.type && !a.ease, h && !r && e.get() !== void 0) {
     const f = ac(d.keyframes, a);
@@ -3038,15 +3038,15 @@ function dr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       continue;
     let y = !1;
     if (window.MotionHandoffAnimation) {
-      const v = ur(t);
-      if (v) {
-        const x = window.MotionHandoffAnimation(v, d, W);
+      const C = ur(t);
+      if (C) {
+        const x = window.MotionHandoffAnimation(C, d, W);
         x !== null && (p.startTime = x, y = !0);
       }
     }
     xn(t, d), h.start(hs(d, h, f, t.shouldReduceMotion && Fo.has(d) ? { type: !1 } : p, t, y));
-    const k = h.animation;
-    k && c.push(k);
+    const w = h.animation;
+    w && c.push(w);
   }
   return o && Promise.all(c).then(() => {
     W.update(() => {
@@ -3145,52 +3145,52 @@ function kc(t) {
   function o(c) {
     const { props: u } = t, d = fr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let p = {}, m = 1 / 0;
-    for (let k = 0; k < Cc; k++) {
-      const v = vc[k], x = n[v], C = u[v] !== void 0 ? u[v] : d[v], T = he(C), w = v === c ? x.isActive : null;
-      w === !1 && (m = k);
-      let j = C === d[v] && C !== u[v] && T;
-      if (j && s && t.manuallyAnimateOnMount && (j = !1), x.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
-      !x.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
-      !C && !x.prevProp || // Or if the prop doesn't define an animation
-      Be(C) || typeof C == "boolean")
+    for (let w = 0; w < Cc; w++) {
+      const C = vc[w], x = n[C], v = u[C] !== void 0 ? u[C] : d[C], T = he(v), k = C === c ? x.isActive : null;
+      k === !1 && (m = w);
+      let L = v === d[C] && v !== u[C] && T;
+      if (L && s && t.manuallyAnimateOnMount && (L = !1), x.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
+      !x.isActive && k === null || // If we didn't and don't have any defined prop for this animation type
+      !v && !x.prevProp || // Or if the prop doesn't define an animation
+      Ie(v) || typeof v == "boolean")
         continue;
-      const S = jc(x.prevProp, C);
-      let L = S || // If we're making this variant active, we want to always make it active
-      v === c && x.isActive && !j && T || // If we removed a higher-priority variant (i is in reverse order)
-      k > m && T, D = !1;
-      const N = Array.isArray(C) ? C : [C];
-      let I = N.reduce(i(v), {});
-      w === !1 && (I = {});
-      const { prevResolvedValues: z = {} } = x, R = {
-        ...z,
-        ...I
-      }, G = (V) => {
-        L = !0, f.has(V) && (D = !0, f.delete(V)), x.needsAnimating[V] = !0;
-        const K = t.getValue(V);
-        K && (K.liveStyle = !1);
+      const M = jc(x.prevProp, v);
+      let j = M || // If we're making this variant active, we want to always make it active
+      C === c && x.isActive && !L && T || // If we removed a higher-priority variant (i is in reverse order)
+      w > m && T, _ = !1;
+      const N = Array.isArray(v) ? v : [v];
+      let B = N.reduce(i(C), {});
+      k === !1 && (B = {});
+      const { prevResolvedValues: K = {} } = x, R = {
+        ...K,
+        ...B
+      }, G = (z) => {
+        j = !0, f.has(z) && (_ = !0, f.delete(z)), x.needsAnimating[z] = !0;
+        const Y = t.getValue(z);
+        Y && (Y.liveStyle = !1);
       };
-      for (const V in R) {
-        const K = I[V], st = z[V];
-        if (p.hasOwnProperty(V))
+      for (const z in R) {
+        const Y = B[z], lt = K[z];
+        if (p.hasOwnProperty(z))
           continue;
         let g = !1;
-        yn(K) && yn(st) ? g = !hr(K, st) : g = K !== st, g ? K != null ? G(V) : f.add(V) : K !== void 0 && f.has(V) ? G(V) : x.protectedKeys[V] = !0;
+        yn(Y) && yn(lt) ? g = !hr(Y, lt) : g = Y !== lt, g ? Y != null ? G(z) : f.add(z) : Y !== void 0 && f.has(z) ? G(z) : x.protectedKeys[z] = !0;
       }
-      x.prevProp = C, x.prevResolvedValues = I, x.isActive && (p = { ...p, ...I }), s && t.blockInitialAnimation && (L = !1), L && (!(j && S) || D) && h.push(...N.map((V) => ({
-        animation: V,
-        options: { type: v }
+      x.prevProp = v, x.prevResolvedValues = B, x.isActive && (p = { ...p, ...B }), s && t.blockInitialAnimation && (j = !1), j && (!(L && M) || _) && h.push(...N.map((z) => ({
+        animation: z,
+        options: { type: C }
       })));
     }
     if (f.size) {
-      const k = {};
+      const w = {};
       if (typeof u.initial != "boolean") {
-        const v = pe(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        v && v.transition && (k.transition = v.transition);
+        const C = pe(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        C && C.transition && (w.transition = C.transition);
       }
-      f.forEach((v) => {
-        const x = t.getBaseTarget(v), C = t.getValue(v);
-        C && (C.liveStyle = !0), k[v] = x ?? null;
-      }), h.push({ animation: k });
+      f.forEach((C) => {
+        const x = t.getBaseTarget(C), v = t.getValue(C);
+        v && (v.liveStyle = !0), w[C] = x ?? null;
+      }), h.push({ animation: w });
     }
     let y = !!h.length;
     return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (y = !1), s = !1, y ? e(h) : Promise.resolve();
@@ -3217,7 +3217,7 @@ function kc(t) {
 function jc(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !hr(e, t) : !1;
 }
-function Vt(t = !1) {
+function Rt(t = !1) {
   return {
     isActive: t,
     protectedKeys: {},
@@ -3227,23 +3227,23 @@ function Vt(t = !1) {
 }
 function Js() {
   return {
-    animate: Vt(!0),
-    whileInView: Vt(),
-    whileHover: Vt(),
-    whileTap: Vt(),
-    whileDrag: Vt(),
-    whileFocus: Vt(),
-    exit: Vt()
+    animate: Rt(!0),
+    whileInView: Rt(),
+    whileHover: Rt(),
+    whileTap: Rt(),
+    whileDrag: Rt(),
+    whileFocus: Rt(),
+    exit: Rt()
   };
 }
-class Pt {
+class Vt {
   constructor(e) {
     this.isMounted = !1, this.node = e;
   }
   update() {
   }
 }
-class bc extends Pt {
+class bc extends Vt {
   /**
    * 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,
@@ -3254,7 +3254,7 @@ class bc extends Pt {
   }
   updateAnimationControlsSubscription() {
     const { animate: e } = this.node.getProps();
-    Be(e) && (this.unmountControls = e.subscribe(this.node));
+    Ie(e) && (this.unmountControls = e.subscribe(this.node));
   }
   /**
    * Subscribe any provided AnimationControls to the component's VisualElement
@@ -3271,7 +3271,7 @@ class bc extends Pt {
   }
 }
 let Lc = 0;
-class Tc extends Pt {
+class Tc extends Vt {
   constructor() {
     super(...arguments), this.id = Lc++;
   }
@@ -3337,26 +3337,26 @@ function Ac(t, e) {
   };
 }
 const mr = 1e-4, Vc = 1 - mr, Rc = 1 + mr, gr = 0.01, Dc = 0 - gr, Ec = 0 + gr;
-function it(t) {
+function ot(t) {
   return t.max - t.min;
 }
 function _c(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function Qs(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = H(e.min, e.max, t.origin), t.scale = it(n) / it(e), t.translate = H(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Vc && t.scale <= Rc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Dc && t.translate <= Ec || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = H(e.min, e.max, t.origin), t.scale = ot(n) / ot(e), t.translate = H(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Vc && t.scale <= Rc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Dc && t.translate <= Ec || isNaN(t.translate)) && (t.translate = 0);
 }
 function ae(t, e, n, s) {
   Qs(t.x, e.x, n.x, s ? s.originX : void 0), Qs(t.y, e.y, n.y, s ? s.originY : void 0);
 }
 function ti(t, e, n) {
-  t.min = n.min + e.min, t.max = t.min + it(e);
+  t.min = n.min + e.min, t.max = t.min + ot(e);
 }
 function Nc(t, e, n) {
   ti(t.x, e.x, n.x), ti(t.y, e.y, n.y);
 }
 function ei(t, e, n) {
-  t.min = e.min - n.min, t.max = t.min + it(e);
+  t.min = e.min - n.min, t.max = t.min + ot(e);
 }
 function le(t, e, n) {
   ei(t.x, e.x, n.x), ei(t.y, e.y, n.y);
@@ -3366,14 +3366,14 @@ const ni = () => ({
   scale: 1,
   origin: 0,
   originPoint: 0
-}), Ft = () => ({
+}), zt = () => ({
   x: ni(),
   y: ni()
-}), si = () => ({ min: 0, max: 0 }), Y = () => ({
+}), si = () => ({ min: 0, max: 0 }), q = () => ({
   x: si(),
   y: si()
 });
-function ct(t) {
+function ut(t) {
   return [t("x"), t("y")];
 }
 function qe(t) {
@@ -3382,7 +3382,7 @@ function qe(t) {
 function Cn({ scale: t, scaleX: e, scaleY: n }) {
   return !qe(t) || !qe(e) || !qe(n);
 }
-function Rt(t) {
+function Dt(t) {
   return Cn(t) || yr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function yr(t) {
@@ -3391,12 +3391,12 @@ function yr(t) {
 function ii(t) {
   return t && t !== "0%";
 }
-function De(t, e, n) {
+function Ee(t, e, n) {
   const s = t - n, i = e * s;
   return n + i;
 }
 function oi(t, e, n, s, i) {
-  return i !== void 0 && (t = De(t, i, s)), De(t, n, s) + e;
+  return i !== void 0 && (t = Ee(t, i, s)), Ee(t, n, s) + e;
 }
 function wn(t, e = 0, n = 1, s, i) {
   t.min = oi(t.min, e, n, s, i), t.max = oi(t.max, e, n, s, i);
@@ -3414,21 +3414,21 @@ function Bc(t, e, n, s = !1) {
   for (let a = 0; a < i; a++) {
     r = n[a], o = r.projectionDelta;
     const { visualElement: c } = r.options;
-    c && c.props.style && c.props.style.display === "contents" || (s && r.options.layoutScroll && r.scroll && r !== r.root && Kt(t, {
+    c && c.props.style && c.props.style.display === "contents" || (s && r.options.layoutScroll && r.scroll && r !== r.root && Wt(t, {
       x: -r.scroll.offset.x,
       y: -r.scroll.offset.y
-    }), o && (e.x *= o.x.scale, e.y *= o.y.scale, xr(t, o)), s && Rt(r.latestValues) && Kt(t, r.latestValues));
+    }), o && (e.x *= o.x.scale, e.y *= o.y.scale, xr(t, o)), s && Dt(r.latestValues) && Wt(t, r.latestValues));
   }
   e.x < ai && e.x > ri && (e.x = 1), e.y < ai && e.y > ri && (e.y = 1);
 }
-function zt(t, e) {
+function Kt(t, e) {
   t.min = t.min + e, t.max = t.max + e;
 }
 function li(t, e, n, s, i = 0.5) {
   const r = H(t.min, t.max, i);
   wn(t, e, n, r, s);
 }
-function Kt(t, e) {
+function Wt(t, e) {
   li(t.x, e.x, e.scaleX, e.scale, e.originX), li(t.y, e.y, e.scaleY, e.scale, e.originY);
 }
 function vr(t, e) {
@@ -3436,7 +3436,7 @@ function vr(t, e) {
 }
 function Ic(t, e, n) {
   const s = vr(t, n), { scroll: i } = e;
-  return i && (zt(s.x, i.offset.x), zt(s.y, i.offset.y)), s;
+  return i && (Kt(s.x, i.offset.x), Kt(s.y, i.offset.y)), s;
 }
 const Cr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, ci = (t, e) => Math.abs(t - e);
 function Oc(t, e) {
@@ -3451,19 +3451,19 @@ class wr {
       const f = Qe(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = Oc(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!p && !m)
         return;
-      const { point: y } = f, { timestamp: k } = et;
-      this.history.push({ ...y, timestamp: k });
-      const { onStart: v, onMove: x } = this.handlers;
-      p || (v && v(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, f);
+      const { point: y } = f, { timestamp: w } = et;
+      this.history.push({ ...y, timestamp: w });
+      const { onStart: C, onMove: x } = this.handlers;
+      p || (C && C(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, f);
     }, this.handlePointerMove = (f, p) => {
       this.lastMoveEvent = f, this.lastMoveEventInfo = Je(p, this.transformPagePoint), W.update(this.updatePoint, !0);
     }, this.handlePointerUp = (f, p) => {
       this.end();
-      const { onEnd: m, onSessionEnd: y, resumeAnimation: k } = this.handlers;
-      if (this.dragSnapToOrigin && k && k(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+      const { onEnd: m, onSessionEnd: y, resumeAnimation: w } = this.handlers;
+      if (this.dragSnapToOrigin && w && w(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const v = Qe(f.type === "pointercancel" ? this.lastMoveEventInfo : Je(p, this.transformPagePoint), this.history);
-      this.startEvent && m && m(f, v), y && y(f, v);
+      const C = Qe(f.type === "pointercancel" ? this.lastMoveEventInfo : Je(p, this.transformPagePoint), this.history);
+      this.startEvent && m && m(f, C), y && y(f, C);
     }, !ns(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = o, this.contextWindow = i || window;
@@ -3476,7 +3476,7 @@ class wr {
     this.handlers = e;
   }
   end() {
-    this.removeListeners && this.removeListeners(), Tt(this.updatePoint);
+    this.removeListeners && this.removeListeners(), St(this.updatePoint);
   }
 }
 function Je(t, e) {
@@ -3504,7 +3504,7 @@ function zc(t, e) {
     return { x: 0, y: 0 };
   let n = t.length - 1, s = null;
   const i = kr(t);
-  for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ ht(e))); )
+  for (; n >= 0 && (s = t[n], !(i.timestamp - s.timestamp > /* @__PURE__ */ ft(e))); )
     n--;
   if (!s)
     return { x: 0, y: 0 };
@@ -3544,7 +3544,7 @@ function $c(t, e) {
 }
 function Uc(t, e) {
   let n = 0.5;
-  const s = it(t), i = it(e);
+  const s = ot(t), i = ot(e);
   return i > s ? n = /* @__PURE__ */ ce(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ ce(t.min, t.max - i, e.min)), xt(0, 1, n);
 }
 function Hc(t, e) {
@@ -3570,7 +3570,7 @@ function pi(t, e) {
 const Gc = /* @__PURE__ */ new WeakMap();
 class Yc {
   constructor(e) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = Y(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = q(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = e;
   }
   start(e, { snapToCursor: n = !1, distanceThreshold: s } = {}) {
     const { presenceContext: i } = this.visualElement;
@@ -3583,33 +3583,33 @@ class Yc {
       const { drag: p, dragPropagation: m, onDragStart: y } = this.getProps();
       if (p && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = ll(p), !this.openDragLock))
         return;
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), ct((v) => {
-        let x = this.getAxisMotionValue(v).get() || 0;
+      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), ut((C) => {
+        let x = this.getAxisMotionValue(C).get() || 0;
         if (gt.test(x)) {
-          const { projection: C } = this.visualElement;
-          if (C && C.layout) {
-            const T = C.layout.layoutBox[v];
-            T && (x = it(T) * (parseFloat(x) / 100));
+          const { projection: v } = this.visualElement;
+          if (v && v.layout) {
+            const T = v.layout.layoutBox[C];
+            T && (x = ot(T) * (parseFloat(x) / 100));
           }
         }
-        this.originPoint[v] = x;
+        this.originPoint[C] = x;
       }), y && W.postRender(() => y(h, f)), xn(this.visualElement, "transform");
-      const { animationState: k } = this.visualElement;
-      k && k.setActive("whileDrag", !0);
+      const { animationState: w } = this.visualElement;
+      w && w.setActive("whileDrag", !0);
     }, a = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f;
-      const { dragPropagation: p, dragDirectionLock: m, onDirectionLock: y, onDrag: k } = this.getProps();
+      const { dragPropagation: p, dragDirectionLock: m, onDirectionLock: y, onDrag: w } = this.getProps();
       if (!p && !this.openDragLock)
         return;
-      const { offset: v } = f;
+      const { offset: C } = f;
       if (m && this.currentDirection === null) {
-        this.currentDirection = Xc(v), this.currentDirection !== null && y && y(this.currentDirection);
+        this.currentDirection = Xc(C), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, v), this.updateAxis("y", f.point, v), this.visualElement.render(), k && k(h, f);
+      this.updateAxis("x", f.point, C), this.updateAxis("y", f.point, C), this.visualElement.render(), w && w(h, f);
     }, c = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, u = () => ct((h) => this.getAnimationState(h) === "paused" && this.getAxisMotionValue(h).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
+    }, u = () => ut((h) => this.getAnimationState(h) === "paused" && this.getAxisMotionValue(h).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
     this.panSession = new wr(e, {
       onSessionStart: r,
       onStart: o,
@@ -3647,7 +3647,7 @@ class Yc {
   }
   updateAxis(e, n, s) {
     const { drag: i } = this.getProps();
-    if (!s || !be(e, i, this.currentDirection))
+    if (!s || !Le(e, i, this.currentDirection))
       return;
     const r = this.getAxisMotionValue(e);
     let o = this.originPoint[e] + s[e];
@@ -3655,13 +3655,13 @@ class Yc {
   }
   resolveConstraints() {
     const { dragConstraints: e, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, i = this.constraints;
-    e && Ot(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = Wc(s.layoutBox, e) : this.constraints = !1, this.elastic = Zc(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && ct((r) => {
+    e && Ft(e) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : e && s ? this.constraints = Wc(s.layoutBox, e) : this.constraints = !1, this.elastic = Zc(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && ut((r) => {
       this.constraints !== !1 && this.getAxisMotionValue(r) && (this.constraints[r] = Hc(s.layoutBox[r], this.constraints[r]));
     });
   }
   resolveRefConstraints() {
     const { dragConstraints: e, onMeasureDragConstraints: n } = this.getProps();
-    if (!e || !Ot(e))
+    if (!e || !Ft(e))
       return !1;
     const s = e.current;
     vt(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
@@ -3677,8 +3677,8 @@ class Yc {
     return o;
   }
   startAnimation(e) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), c = this.constraints || {}, u = ct((d) => {
-      if (!be(d, n, this.currentDirection))
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: r, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), c = this.constraints || {}, u = ut((d) => {
+      if (!Le(d, n, this.currentDirection))
         return;
       let h = c && c[d] || {};
       o && (h = { min: 0, max: 0 });
@@ -3702,10 +3702,10 @@ class Yc {
     return xn(this.visualElement, e), s.start(hs(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
-    ct((e) => this.getAxisMotionValue(e).stop());
+    ut((e) => this.getAxisMotionValue(e).stop());
   }
   pauseAnimation() {
-    ct((e) => this.getAxisMotionValue(e).animation?.pause());
+    ut((e) => this.getAxisMotionValue(e).animation?.pause());
   }
   getAnimationState(e) {
     return this.getAxisMotionValue(e).animation?.state;
@@ -3721,9 +3721,9 @@ class Yc {
     return i || this.visualElement.getValue(e, (s.initial ? s.initial[e] : void 0) || 0);
   }
   snapToCursor(e) {
-    ct((n) => {
+    ut((n) => {
       const { drag: s } = this.getProps();
-      if (!be(n, s, this.currentDirection))
+      if (!Le(n, s, this.currentDirection))
         return;
       const { projection: i } = this.visualElement, r = this.getAxisMotionValue(n);
       if (i && i.layout) {
@@ -3741,11 +3741,11 @@ class Yc {
     if (!this.visualElement.current)
       return;
     const { drag: e, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
-    if (!Ot(n) || !s || !this.constraints)
+    if (!Ft(n) || !s || !this.constraints)
       return;
     this.stopAnimation();
     const i = { x: 0, y: 0 };
-    ct((o) => {
+    ut((o) => {
       const a = this.getAxisMotionValue(o);
       if (a && this.constraints !== !1) {
         const c = a.get();
@@ -3753,8 +3753,8 @@ class Yc {
       }
     });
     const { transformTemplate: r } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = r ? r({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), ct((o) => {
-      if (!be(o, e, null))
+    this.visualElement.current.style.transform = r ? r({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), ut((o) => {
+      if (!Le(o, e, null))
         return;
       const a = this.getAxisMotionValue(o), { min: c, max: u } = this.constraints[o];
       a.set(H(c, u, i[o]));
@@ -3769,11 +3769,11 @@ class Yc {
       u && d && this.start(c);
     }), s = () => {
       const { dragConstraints: c } = this.getProps();
-      Ot(c) && c.current && (this.constraints = this.resolveRefConstraints());
+      Ft(c) && c.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, r = i.addEventListener("measure", s);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), W.read(s);
     const o = me(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: u }) => {
-      this.isDragging && u && (ct((d) => {
+      this.isDragging && u && (ut((d) => {
         const h = this.getAxisMotionValue(d);
         h && (this.originPoint[d] += c[d].translate, h.set(h.get() + c[d].translate));
       }), this.visualElement.render());
@@ -3795,20 +3795,20 @@ class Yc {
     };
   }
 }
-function be(t, e, n) {
+function Le(t, e, n) {
   return (e === !0 || e === t) && (n === null || n === t);
 }
 function Xc(t, e = 10) {
   let n = null;
   return Math.abs(t.y) > e ? n = "y" : Math.abs(t.x) > e && (n = "x"), n;
 }
-class qc extends Pt {
+class qc extends Vt {
   constructor(e) {
-    super(e), this.removeGroupControls = ut, this.removeListeners = ut, this.controls = new Yc(e);
+    super(e), this.removeGroupControls = dt, this.removeListeners = dt, this.controls = new Yc(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || ut;
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || dt;
   }
   unmount() {
     this.removeGroupControls(), this.removeListeners();
@@ -3817,9 +3817,9 @@ class qc extends Pt {
 const mi = (t) => (e, n) => {
   t && W.postRender(() => t(e, n));
 };
-class Jc extends Pt {
+class Jc extends Vt {
   constructor() {
-    super(...arguments), this.removePointerDownListener = ut;
+    super(...arguments), this.removePointerDownListener = dt;
   }
   onPointerDown(e) {
     this.session = new wr(e, this.createPanHandlers(), {
@@ -3848,7 +3848,7 @@ class Jc extends Pt {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-const Se = {
+const Pe = {
   /**
    * Global flag as to whether the tree has animated since the last time
    * we resized the window
@@ -3877,10 +3877,10 @@ const se = {
   }
 }, Qc = {
   correct: (t, { treeScale: e, projectionDelta: n }) => {
-    const s = t, i = Mt.parse(t);
+    const s = t, i = Pt.parse(t);
     if (i.length > 5)
       return s;
-    const r = Mt.createTransformer(t), o = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, c = n.y.scale * e.y;
+    const r = Pt.createTransformer(t), o = typeof i[0] != "number" ? 1 : 0, a = n.x.scale * e.x, c = n.y.scale * e.y;
     i[0 + o] /= a, i[1 + o] /= c;
     const u = H(a, c, 0.5);
     return typeof i[2 + o] == "number" && (i[2 + o] /= u), typeof i[3 + o] == "number" && (i[3 + o] /= u), r(i);
@@ -3900,7 +3900,7 @@ class t0 extends fa {
     }), r.setOptions({
       ...r.options,
       onExitComplete: () => this.safeToRemove()
-    })), Se.hasEverUpdated = !0;
+    })), Pe.hasEverUpdated = !0;
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: s, drag: i, isPresent: r } = this.props, { projection: o } = s;
@@ -3928,8 +3928,8 @@ class t0 extends fa {
   }
 }
 function jr(t) {
-  const [e, n] = Xo(), s = J(Rn);
-  return l.jsx(t0, { ...t, layoutGroup: s, switchLayoutGroup: J(er), isPresent: e, safeToRemove: n });
+  const [e, n] = Xo(), s = tt(Rn);
+  return l.jsx(t0, { ...t, layoutGroup: s, switchLayoutGroup: tt(er), isPresent: e, safeToRemove: n });
 }
 const e0 = {
   borderRadius: {
@@ -3948,7 +3948,7 @@ const e0 = {
   boxShadow: Qc
 };
 function n0(t, e, n) {
-  const s = nt(t) ? t : Ht(t);
+  const s = st(t) ? t : Zt(t);
   return s.start(hs("", s, e, n)), s.animation;
 }
 const s0 = (t, e) => t.depth - e.depth;
@@ -3967,11 +3967,11 @@ class i0 {
   }
 }
 function o0(t, e) {
-  const n = ot.now(), s = ({ timestamp: i }) => {
+  const n = rt.now(), s = ({ timestamp: i }) => {
     const r = i - n;
-    r >= e && (Tt(s), t(r - e));
+    r >= e && (St(s), t(r - e));
   };
-  return W.setup(s, !0), () => Tt(s);
+  return W.setup(s, !0), () => St(s);
 }
 const br = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], r0 = br.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, vi = (t) => typeof t == "number" || A.test(t);
 function a0(t, e, n, s, i, r) {
@@ -3988,21 +3988,21 @@ function a0(t, e, n, s, i, r) {
 function Ci(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const l0 = /* @__PURE__ */ Lr(0, 0.5, yo), c0 = /* @__PURE__ */ Lr(0.5, 0.95, ut);
+const l0 = /* @__PURE__ */ Lr(0, 0.5, yo), c0 = /* @__PURE__ */ Lr(0.5, 0.95, dt);
 function Lr(t, e, n) {
   return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ ce(t, e, s));
 }
 function wi(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function lt(t, e) {
+function ct(t, e) {
   wi(t.x, e.x), wi(t.y, e.y);
 }
 function ki(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
 function ji(t, e, n, s, i) {
-  return t -= e, t = De(t, 1 / n, s), i !== void 0 && (t = De(t, 1 / i, s)), t;
+  return t -= e, t = Ee(t, 1 / n, s), i !== void 0 && (t = Ee(t, 1 / i, s)), t;
 }
 function u0(t, e = 0, n = 1, s = 0.5, i, r = t, o = t) {
   if (gt.test(e) && (e = parseFloat(e), e = H(o.min, o.max, e / 100) - o.min), typeof e != "number")
@@ -4036,7 +4036,7 @@ function Mr(t, e) {
   return Si(t.x, e.x) && Si(t.y, e.y);
 }
 function Pi(t) {
-  return it(t.x) / it(t.y);
+  return ot(t.x) / ot(t.y);
 }
 function Ai(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
@@ -4162,7 +4162,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           h = window.innerWidth;
         }), t(o, () => {
           const p = window.innerWidth;
-          p !== h && (h = p, this.root.updateBlockedByResize = !0, d && d(), d = o0(f, 250), Se.hasAnimatedSinceResize && (Se.hasAnimatedSinceResize = !1, this.nodes.forEach(Di)));
+          p !== h && (h = p, this.root.updateBlockedByResize = !0, d && d(), d = o0(f, 250), Pe.hasAnimatedSinceResize && (Pe.hasAnimatedSinceResize = !1, this.nodes.forEach(Di)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && u && (a || c) && this.addEventListener("didUpdate", ({ delta: d, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: p }) => {
@@ -4170,15 +4170,15 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || A0, { onLayoutAnimationStart: y, onLayoutAnimationComplete: k } = u.getProps(), v = !this.targetLayout || !Mr(this.targetLayout, p), x = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || x || h && (v || !this.currentAnimation)) {
+        const m = this.options.transition || u.getDefaultTransition() || A0, { onLayoutAnimationStart: y, onLayoutAnimationComplete: w } = u.getProps(), C = !this.targetLayout || !Mr(this.targetLayout, p), x = !h && f;
+        if (this.options.layoutRoot || this.resumeFrom || x || h && (C || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const C = {
+          const v = {
             ...Qn(m, "layout"),
             onPlay: y,
-            onComplete: k
+            onComplete: w
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (C.delay = 0, C.type = !1), this.startAnimation(C), this.setAnimationOrigin(d, x);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(d, x);
         } else
           h || Di(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = p;
@@ -4187,7 +4187,7 @@ function Pr({ 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(), Tt(this.updateProjection);
+      o && o.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), St(this.updateProjection);
     }
     // only on the root
     blockUpdate() {
@@ -4238,7 +4238,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(j0), this.nodes.forEach(x0), this.nodes.forEach(v0)) : this.nodes.forEach(Ri), this.clearAllSnapshots();
-      const a = ot.now();
+      const a = rt.now();
       et.delta = xt(0, 1e3 / 60, a - et.timestamp), et.timestamp = a, et.isProcessing = !0, Ue.update.process(et), Ue.preRender.process(et), Ue.render.process(et), et.isProcessing = !1;
     }
     didUpdate() {
@@ -4259,7 +4259,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !it(this.snapshot.measuredBox.x) && !it(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !ot(this.snapshot.measuredBox.x) && !ot(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -4268,7 +4268,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         for (let c = 0; c < this.path.length; c++)
           this.path[c].updateScroll();
       const o = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = Y(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = q(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: a } = this.options;
       a && a.notify("LayoutMeasure", this.layout.layoutBox, o ? o.layoutBox : void 0);
     }
@@ -4289,7 +4289,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!i)
         return;
       const o = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Tr(this.projectionDelta), c = this.getTransformTemplate(), u = c ? c(this.latestValues, "") : void 0, d = u !== this.prevTransformTemplateValue;
-      o && this.instance && (a || Rt(this.latestValues) || d) && (i(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
+      o && this.instance && (a || Dt(this.latestValues) || d) && (i(this.instance, u), this.shouldResetTransform = !1, this.scheduleRender());
     }
     measure(o = !0) {
       const a = this.measurePageBox();
@@ -4305,48 +4305,48 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measurePageBox() {
       const { visualElement: o } = this.options;
       if (!o)
-        return Y();
+        return q();
       const a = o.measureViewportBox();
       if (!(this.scroll?.wasRoot || this.path.some(R0))) {
         const { scroll: u } = this.root;
-        u && (zt(a.x, u.offset.x), zt(a.y, u.offset.y));
+        u && (Kt(a.x, u.offset.x), Kt(a.y, u.offset.y));
       }
       return a;
     }
     removeElementScroll(o) {
-      const a = Y();
-      if (lt(a, o), this.scroll?.wasRoot)
+      const a = q();
+      if (ct(a, o), this.scroll?.wasRoot)
         return a;
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c], { scroll: d, options: h } = u;
-        u !== this.root && d && h.layoutScroll && (d.wasRoot && lt(a, o), zt(a.x, d.offset.x), zt(a.y, d.offset.y));
+        u !== this.root && d && h.layoutScroll && (d.wasRoot && ct(a, o), Kt(a.x, d.offset.x), Kt(a.y, d.offset.y));
       }
       return a;
     }
     applyTransform(o, a = !1) {
-      const c = Y();
-      lt(c, o);
+      const c = q();
+      ct(c, o);
       for (let u = 0; u < this.path.length; u++) {
         const d = this.path[u];
-        !a && d.options.layoutScroll && d.scroll && d !== d.root && Kt(c, {
+        !a && d.options.layoutScroll && d.scroll && d !== d.root && Wt(c, {
           x: -d.scroll.offset.x,
           y: -d.scroll.offset.y
-        }), Rt(d.latestValues) && Kt(c, d.latestValues);
+        }), Dt(d.latestValues) && Wt(c, d.latestValues);
       }
-      return Rt(this.latestValues) && Kt(c, this.latestValues), c;
+      return Dt(this.latestValues) && Wt(c, this.latestValues), c;
     }
     removeTransform(o) {
-      const a = Y();
-      lt(a, o);
+      const a = q();
+      ct(a, o);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
-        if (!u.instance || !Rt(u.latestValues))
+        if (!u.instance || !Dt(u.latestValues))
           continue;
         Cn(u.latestValues) && u.updateSnapshot();
-        const d = Y(), h = u.measurePageBox();
-        lt(d, h), Li(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
+        const d = q(), h = u.measurePageBox();
+        ct(d, h), Li(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
       }
-      return Rt(this.latestValues) && Li(a, this.latestValues), a;
+      return Dt(this.latestValues) && Li(a, this.latestValues), a;
     }
     setTargetDelta(o) {
       this.targetDelta = o, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
@@ -4374,12 +4374,12 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!this.layout || !(d || h))) {
         if (this.resolvedRelativeTargetAt = et.timestamp, !this.targetDelta && !this.relativeTarget) {
           const f = this.getClosestProjectingParent();
-          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = Y(), this.relativeTargetOrigin = Y(), le(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), lt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = q(), this.relativeTargetOrigin = q(), le(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), ct(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = Y(), this.targetWithTransforms = Y()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Nc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : lt(this.target, this.layout.layoutBox), xr(this.target, this.targetDelta)) : lt(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = q(), this.targetWithTransforms = q()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Nc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : ct(this.target, this.layout.layoutBox), xr(this.target, this.targetDelta)) : ct(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const f = this.getClosestProjectingParent();
-          f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = Y(), this.relativeTargetOrigin = Y(), le(this.relativeTargetOrigin, this.target, f.target), lt(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = q(), this.relativeTargetOrigin = q(), le(this.relativeTargetOrigin, this.target, f.target), ct(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -4398,9 +4398,9 @@ function Pr({ attachResizeListener: t, defaultParent: e, 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;
-      lt(this.layoutCorrected, this.layout.layoutBox);
+      ct(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      Bc(this.layoutCorrected, this.treeScale, this.path, a), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = Y());
+      Bc(this.layoutCorrected, this.treeScale, this.path, a), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = q());
       const { target: p } = o;
       if (!p) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4422,22 +4422,22 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
     }
     createProjectionDeltas() {
-      this.prevProjectionDelta = Ft(), this.projectionDelta = Ft(), this.projectionDeltaWithTransform = Ft();
+      this.prevProjectionDelta = zt(), this.projectionDelta = zt(), this.projectionDeltaWithTransform = zt();
     }
     setAnimationOrigin(o, a = !1) {
-      const c = this.snapshot, u = c ? c.latestValues : {}, d = { ...this.latestValues }, h = Ft();
+      const c = this.snapshot, u = c ? c.latestValues : {}, d = { ...this.latestValues }, h = zt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const f = Y(), p = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, y = p !== m, k = this.getStack(), v = !k || k.members.length <= 1, x = !!(y && !v && this.options.crossfade === !0 && !this.path.some(P0));
+      const f = q(), p = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, y = p !== m, w = this.getStack(), C = !w || w.members.length <= 1, x = !!(y && !C && this.options.crossfade === !0 && !this.path.some(P0));
       this.animationProgress = 0;
-      let C;
+      let v;
       this.mixTargetDelta = (T) => {
-        const w = T / 1e3;
-        Ei(h.x, o.x, w), Ei(h.y, o.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (le(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), S0(this.relativeTarget, this.relativeTargetOrigin, f, w), C && f0(this.relativeTarget, C) && (this.isProjectionDirty = !1), C || (C = Y()), lt(C, this.relativeTarget)), y && (this.animationValues = d, a0(d, u, this.latestValues, w, x, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+        const k = T / 1e3;
+        Ei(h.x, o.x, k), Ei(h.y, o.y, k), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (le(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), S0(this.relativeTarget, this.relativeTargetOrigin, f, k), v && f0(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = q()), ct(v, this.relativeTarget)), y && (this.animationValues = d, a0(d, u, this.latestValues, k, x, C)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = k;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (Tt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = W.update(() => {
-        Se.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Ht(0)), this.currentAnimation = n0(this.motionValue, [0, 1e3], {
+      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (St(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = W.update(() => {
+        Pe.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = Zt(0)), this.currentAnimation = n0(this.motionValue, [0, 1e3], {
           ...o,
           velocity: 0,
           isSync: !0,
@@ -4465,13 +4465,13 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let { targetWithTransforms: a, target: c, layout: u, latestValues: d } = o;
       if (!(!a || !c || !u)) {
         if (this !== o && this.layout && u && Ar(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          c = this.target || Y();
-          const h = it(this.layout.layoutBox.x);
+          c = this.target || q();
+          const h = ot(this.layout.layoutBox.x);
           c.x.min = o.target.x.min, c.x.max = c.x.min + h;
-          const f = it(this.layout.layoutBox.y);
+          const f = ot(this.layout.layoutBox.y);
           c.y.min = o.target.y.min, c.y.max = c.y.min + f;
         }
-        lt(a, c), Kt(a, d), ae(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
+        ct(a, c), Wt(a, d), ae(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
       }
     }
     registerSharedNode(o, a) {
@@ -4533,12 +4533,12 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       const c = this.getTransformTemplate();
       if (this.needsReset) {
-        this.needsReset = !1, o.visibility = "", o.opacity = "", o.pointerEvents = Me(a?.pointerEvents) || "", o.transform = c ? c(this.latestValues, "") : "none";
+        this.needsReset = !1, o.visibility = "", o.opacity = "", o.pointerEvents = Se(a?.pointerEvents) || "", o.transform = c ? c(this.latestValues, "") : "none";
         return;
       }
       const u = this.getLead();
       if (!this.projectionDelta || !this.layout || !u.target) {
-        this.options.layoutId && (o.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, o.pointerEvents = Me(a?.pointerEvents) || ""), this.hasProjected && !Rt(this.latestValues) && (o.transform = c ? c({}, "") : "none", this.hasProjected = !1);
+        this.options.layoutId && (o.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, o.pointerEvents = Se(a?.pointerEvents) || ""), this.hasProjected && !Dt(this.latestValues) && (o.transform = c ? c({}, "") : "none", this.hasProjected = !1);
         return;
       }
       o.visibility = "";
@@ -4551,15 +4551,15 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       for (const m in fe) {
         if (d[m] === void 0)
           continue;
-        const { correct: y, applyTo: k, isCSSVariable: v } = fe[m], x = h === "none" ? d[m] : y(d[m], u);
-        if (k) {
-          const C = k.length;
-          for (let T = 0; T < C; T++)
-            o[k[T]] = x;
+        const { correct: y, applyTo: w, isCSSVariable: C } = fe[m], x = h === "none" ? d[m] : y(d[m], u);
+        if (w) {
+          const v = w.length;
+          for (let T = 0; T < v; T++)
+            o[w[T]] = x;
         } else
-          v ? this.options.visualElement.renderState.vars[m] = x : o[m] = x;
+          C ? this.options.visualElement.renderState.vars[m] = x : o[m] = x;
       }
-      this.options.layoutId && (o.pointerEvents = u === this ? Me(a?.pointerEvents) || "" : "none");
+      this.options.layoutId && (o.pointerEvents = u === this ? Se(a?.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -4577,16 +4577,16 @@ function v0(t) {
   const e = t.resumeFrom?.snapshot || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: s } = t.layout, { animationType: i } = t.options, r = e.source !== t.layout.source;
-    i === "size" ? ct((d) => {
-      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = it(h);
+    i === "size" ? ut((d) => {
+      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = ot(h);
       h.min = n[d].min, h.max = h.min + f;
-    }) : Ar(i, e.layoutBox, n) && ct((d) => {
-      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = it(n[d]);
+    }) : Ar(i, e.layoutBox, n) && ut((d) => {
+      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = ot(n[d]);
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[d].max = t.relativeTarget[d].min + f);
     });
-    const o = Ft();
+    const o = zt();
     ae(o, n, e.layoutBox);
-    const a = Ft();
+    const a = zt();
     r ? ae(a, t.applyTransform(s, !0), e.measuredBox) : ae(a, n, e.layoutBox);
     const c = !Tr(o);
     let u = !1;
@@ -4595,9 +4595,9 @@ function v0(t) {
       if (d && !d.resumeFrom) {
         const { snapshot: h, layout: f } = d;
         if (h && f) {
-          const p = Y();
+          const p = q();
           le(p, e.layoutBox, h.layoutBox);
-          const m = Y();
+          const m = q();
           le(m, n, f.layoutBox), Mr(p, m) || (u = !0), d.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = d);
         }
       }
@@ -4665,7 +4665,7 @@ function P0(t) {
 const A0 = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, Ni = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Bi = Ni("applewebkit/") && !Ni("chrome/") ? Math.round : ut;
+}, Ni = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Bi = Ni("applewebkit/") && !Ni("chrome/") ? Math.round : dt;
 function Ii(t) {
   t.min = Bi(t.min), t.max = Bi(t.max);
 }
@@ -4719,7 +4719,7 @@ function Oi(t, e, n) {
   const i = "onHover" + n, r = s[i];
   r && W.postRender(() => r(e, ve(e)));
 }
-class _0 extends Pt {
+class _0 extends Vt {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = cl(e, (n, s) => (Oi(this.node, s, "Start"), (i) => Oi(this.node, i, "End"))));
@@ -4727,7 +4727,7 @@ class _0 extends Pt {
   unmount() {
   }
 }
-class N0 extends Pt {
+class N0 extends Vt {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4757,7 +4757,7 @@ function Fi(t, e, n) {
   const i = "onTap" + (n === "End" ? "" : n), r = s[i];
   r && W.postRender(() => r(e, ve(e)));
 }
-class B0 extends Pt {
+class B0 extends Vt {
   mount() {
     const { current: e } = this.node;
     e && (this.unmount = fl(e, (n, s) => (Fi(this.node, s, "Start"), (i, { success: r }) => Fi(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -4787,7 +4787,7 @@ const K0 = {
   some: 0,
   all: 1
 };
-class W0 extends Pt {
+class W0 extends Vt {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4853,17 +4853,17 @@ const G0 = /* @__PURE__ */ new WeakMap();
 function Y0(t, e, n) {
   for (const s in e) {
     const i = e[s], r = n[s];
-    if (nt(i))
+    if (st(i))
       t.addValue(s, i);
-    else if (nt(r))
-      t.addValue(s, Ht(i, { owner: t }));
+    else if (st(r))
+      t.addValue(s, Zt(i, { owner: t }));
     else if (r !== i)
       if (t.hasValue(s)) {
         const o = t.getValue(s);
         o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
       } else {
         const o = t.getStaticValue(s);
-        t.addValue(s, Ht(o !== void 0 ? o : i, { owner: t }));
+        t.addValue(s, Zt(o !== void 0 ? o : i, { owner: t }));
       }
   }
   for (const s in n)
@@ -4894,22 +4894,22 @@ class X0 {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = qn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const f = ot.now();
+      const f = rt.now();
       this.renderScheduledAt < f && (this.renderScheduledAt = f, W.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = o;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Ie(n), this.isVariantNode = Qo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Oe(n), this.isVariantNode = Qo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: d, ...h } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const f in h) {
       const p = h[f];
-      c[f] !== void 0 && nt(p) && p.set(c[f], !1);
+      c[f] !== void 0 && st(p) && p.set(c[f], !1);
     }
   }
   mount(e) {
     this.current = e, G0.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, s) => this.bindToMotionValue(s, n)), Rr.current || Z0(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : bn.current, process.env.NODE_ENV !== "production" && On(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    this.projection && this.projection.unmount(), Tt(this.notifyUpdate), Tt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    this.projection && this.projection.unmount(), St(this.notifyUpdate), St(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
     for (const e in this.events)
       this.events[e].clear();
     for (const e in this.features) {
@@ -4920,7 +4920,7 @@ class X0 {
   }
   bindToMotionValue(e, n) {
     this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)();
-    const s = Jt.has(e);
+    const s = Qt.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (a) => {
       this.latestValues[e] = a, this.props.onUpdate && W.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
@@ -4935,8 +4935,8 @@ class X0 {
   }
   updateFeatures() {
     let e = "animation";
-    for (e in Zt) {
-      const n = Zt[e];
+    for (e in Gt) {
+      const n = Gt[e];
       if (!n)
         continue;
       const { isEnabled: s, Feature: i } = n;
@@ -4955,7 +4955,7 @@ class X0 {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Y();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : q();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -5031,7 +5031,7 @@ class X0 {
     if (this.props.values && this.props.values[e])
       return this.props.values[e];
     let s = this.values.get(e);
-    return s === void 0 && n !== void 0 && (s = Ht(n === null ? void 0 : n, { owner: this }), this.addValue(e, s)), s;
+    return s === void 0 && n !== void 0 && (s = Zt(n === null ? void 0 : n, { owner: this }), this.addValue(e, s)), s;
   }
   /**
    * If we're trying to animate to a previously unencountered value,
@@ -5040,7 +5040,7 @@ class X0 {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (ro(s) || lo(s)) ? s = parseFloat(s) : !gl(s) && Mt.test(n) && (s = $o(e, n)), this.setBaseTarget(e, nt(s) ? s.get() : s)), nt(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (ro(s) || lo(s)) ? s = parseFloat(s) : !gl(s) && Pt.test(n) && (s = $o(e, n)), this.setBaseTarget(e, st(s) ? s.get() : s)), st(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -5063,7 +5063,7 @@ class X0 {
     if (n && s !== void 0)
       return s;
     const i = this.getBaseTargetFromProps(this.props, e);
-    return i !== void 0 && !nt(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
+    return i !== void 0 && !st(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
     return this.events[e] || (this.events[e] = new In()), this.events[e].add(n);
@@ -5088,7 +5088,7 @@ class Dr extends X0 {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    nt(e) && (this.childSubscription = e.on("change", (n) => {
+    st(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -5110,7 +5110,7 @@ class J0 extends Dr {
     super(...arguments), this.type = "html", this.renderInstance = Er;
   }
   readValueFromInstance(e, n) {
-    if (Jt.has(n))
+    if (Qt.has(n))
       return this.projection?.isProjecting ? dn(n) : k1(e, n);
     {
       const s = q0(e), i = (Kn(n) ? s.getPropertyValue(n) : s[n]) || 0;
@@ -5159,13 +5159,13 @@ function Q0(t, e, n, s) {
 }
 class t2 extends Dr {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Y;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = q;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
   }
   readValueFromInstance(e, n) {
-    if (Jt.has(n)) {
+    if (Qt.has(n)) {
       const s = Wo(n);
       return s && s.default || 0;
     }
@@ -5194,8 +5194,8 @@ const e2 = (t, e) => cs(t) ? new t2(e) : new J0(e, {
 }, e2), s2 = /* @__PURE__ */ Tl(n2), i2 = (t, e) => {
   const { isOpen: n, as: s = "div", children: i, ...r } = t, o = s2[s];
   return /* @__PURE__ */ l.jsx(wl, { children: n && /* @__PURE__ */ l.jsx(o, { ref: e, ...r, children: i }) });
-}, o2 = Z(i2), Oe = B(o2);
-Oe.displayName = "CTransition";
+}, o2 = Z(i2), Fe = I(o2);
+Fe.displayName = "CTransition";
 const Nr = Z((t, e) => {
   const {
     type: n = "button",
@@ -5212,12 +5212,12 @@ const Nr = Z((t, e) => {
     onClick: p,
     onMouseDown: m,
     onMouseLeave: y,
-    onMouseUp: k,
-    onKeyDown: v,
+    onMouseUp: w,
+    onKeyDown: C,
     onKeyUp: x,
-    ...C
-  } = t, T = X(null), w = Tn(T), j = b(() => c === "plain", [c]);
-  ft(e, () => ({
+    ...v
+  } = t, T = J(null), k = Tn(T), L = b(() => c === "plain", [c]);
+  pt(e, () => ({
     focus() {
       T.current?.focus();
     },
@@ -5228,43 +5228,43 @@ const Nr = Z((t, e) => {
       r || T.current?.click();
     }
   }));
-  const S = b(() => {
-    const E = ["k-button", `k-button--${a}`];
-    return s && E.push(s), r && E.push("k-button--disabled"), c && E.push(`k-button--${c}`), o && E.push("k-button--danger"), E.join(" ");
-  }, [s, r, a, c, o]), L = b(() => ({ ...f, width: d, height: h }), []), D = M((E) => {
-    r || p?.(E);
-  }, [r, p]), N = M((E) => {
-    m?.(E), !r && !j && w?.register(E);
-  }, [w, j, m]), I = M((E) => {
-    k?.(E), j || w.remove();
-  }, [w, j, k]), z = M((E) => {
-    if (y?.(E), !T?.current)
+  const M = b(() => {
+    const D = ["k-button", `k-button--${a}`];
+    return s && D.push(s), r && D.push("k-button--disabled"), c && D.push(`k-button--${c}`), o && D.push("k-button--danger"), D.join(" ");
+  }, [s, r, a, c, o]), j = b(() => ({ ...f, width: d, height: h }), []), _ = S((D) => {
+    r || p?.(D);
+  }, [r, p]), N = S((D) => {
+    m?.(D), !r && !L && k?.register(D);
+  }, [k, L, m]), B = S((D) => {
+    w?.(D), L || k.remove();
+  }, [k, L, w]), K = S((D) => {
+    if (y?.(D), !T?.current)
       throw Error("Invalid rootRef.");
-    j || w.remove();
-  }, [w, j, y]), R = M((E) => {
-    v?.(E), j || w?.register(E);
-  }, [w, v]), G = M((E) => {
-    x?.(E), j || Lt(E, () => w.remove());
-  }, [w, x]);
+    L || k.remove();
+  }, [k, L, y]), R = S((D) => {
+    C?.(D), L || k?.register(D);
+  }, [k, C]), G = S((D) => {
+    x?.(D), L || Mt(D, () => k.remove());
+  }, [k, x]);
   return /* @__PURE__ */ l.jsx(
     Ji,
     {
       ref: T,
-      ...C,
+      ...v,
       type: n,
       label: i,
-      className: S,
-      style: L,
+      className: M,
+      style: j,
       disabled: r,
       onMouseDown: N,
-      onMouseLeave: z,
-      onClick: D,
-      onMouseUp: I,
+      onMouseLeave: K,
+      onClick: _,
+      onMouseUp: B,
       onKeyDown: R,
       onKeyUp: G
     }
   );
-}), fs = B(Nr);
+}), fs = I(Nr);
 Nr.displayName = "KButton";
 fs.displayName = "KButton";
 const b2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
@@ -5273,57 +5273,57 @@ const b2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
     return e && a.push(e), a.join(" ");
   }, [e]), o = b(() => {
     const a = [];
-    return St.forEach(s, (c, u) => {
+    return At.forEach(s, (c, u) => {
       if (yt(c) && c.type === fs) {
         const d = c;
-        a.push(Ee(d, { ...d.props, variant: n, key: c.key ?? `k-button--${u}}` }));
+        a.push(_e(d, { ...d.props, variant: n, key: c.key ?? `k-button--${u}}` }));
       }
     }), a;
   }, [s, n]);
   return /* @__PURE__ */ l.jsx("div", { ...i, className: r, role: "group", children: o });
-}, r2 = B(Br);
+}, r2 = I(Br);
 r2.displayName = "KButtonGroup";
 Br.displayName = "KButtonGroup";
 const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, ...i }) => {
-  const [r, o] = rt(null), [a, c] = rt([]), u = b(() => {
+  const [r, o] = at(null), [a, c] = at([]), u = b(() => {
     const p = ["k-toggle-button"];
     return e && p.push(e), p.join(" ");
-  }, [e]), d = M(
+  }, [e]), d = S(
     (p) => {
       t ? c((m) => m.includes(p) ? m.filter((y) => y !== p) : [...m, p]) : o((m) => m === p ? null : p);
     },
     [t]
-  ), h = M(
+  ), h = S(
     (p) => t ? a.includes(p) : r === p,
     [t, r, a]
-  ), f = b(() => St.toArray(s).map((p, m) => {
+  ), f = b(() => At.toArray(s).map((p, m) => {
     if (!yt(p) || p.type !== fs) return null;
-    const y = h(m), k = p, v = (C) => {
-      d(m), k.props.onClick?.(C);
-    }, x = (C) => {
-      k.props.onKeyDown?.(C), Lt(C, () => d(m));
+    const y = h(m), w = p, C = (v) => {
+      d(m), w.props.onClick?.(v);
+    }, x = (v) => {
+      w.props.onKeyDown?.(v), Mt(v, () => d(m));
     };
-    return Ee(k, {
-      ...k.props,
+    return _e(w, {
+      ...w.props,
       variant: n,
       className: y ? "k-button--selected" : void 0,
       key: p.key ?? `k-button--${m}`,
-      onClick: v,
+      onClick: C,
       onKeyDown: x
     });
   }), [s, n, h, d]);
   return /* @__PURE__ */ l.jsx("div", { ...i, className: u, role: "group", children: f });
 };
 Ir.displayName = "KToggleButton";
-const L2 = B(Ir), Or = Z((t, e) => {
-  const { className: n, value: s, disabled: i, size: r = "medium", ...o } = t, a = X(null), c = b(() => {
+const L2 = I(Ir), Or = Z((t, e) => {
+  const { className: n, value: s, disabled: i, size: r = "medium", ...o } = t, a = J(null), c = b(() => {
     const u = ["k-switch", `k-switch--${s ? "on" : "off"}`];
     return n && u.push(n), r && u.push(`k-switch--${r}`), i && u.push("k-switch--disabled"), u.join(" ");
   }, [s, n, r, i]);
-  return ft(e, () => ({
+  return pt(e, () => ({
     toggle: () => a.current?.click()
   })), /* @__PURE__ */ l.jsx(no, { ref: a, ...o, value: s, className: c, disabled: i, children: /* @__PURE__ */ l.jsx("span", { className: "k-switch__toggle" }) });
-}), a2 = B(Or);
+}), a2 = I(Or);
 Or.displayName = "KSwitch";
 a2.displayName = "KSwitch";
 const Fr = (t) => {
@@ -5331,14 +5331,14 @@ const Fr = (t) => {
     const h = ["k-accordion", `k-accordion--${a}`];
     return e && h.push(e), h.join(" ");
   }, [e, a]), d = b(() => ({ ...o, maxWidth: r }), [o, r]);
-  return /* @__PURE__ */ l.jsxs(Wt, { className: u, style: d, defaultOpen: n, ...c, children: [
-    /* @__PURE__ */ l.jsxs(Wt.Summary, { className: "k-accordion__summary", children: [
+  return /* @__PURE__ */ l.jsxs($t, { className: u, style: d, defaultOpen: n, ...c, children: [
+    /* @__PURE__ */ l.jsxs($t.Summary, { className: "k-accordion__summary", children: [
       /* @__PURE__ */ l.jsx("p", { className: "k-accordion__summary__text", children: s }),
-      /* @__PURE__ */ l.jsx(Ke, { icon: "keyboard_arrow_down", size: "small", className: "k-accordion__summary__icon" })
+      /* @__PURE__ */ l.jsx(Ce, { icon: "keyboard_arrow_down", size: "small", className: "k-accordion__summary__icon" })
     ] }),
-    /* @__PURE__ */ l.jsx(Wt.Content, { className: "k-accordion__content", children: /* @__PURE__ */ l.jsx("div", { className: "k-accordion__content__container", children: i }) })
+    /* @__PURE__ */ l.jsx($t.Content, { className: "k-accordion__content", children: /* @__PURE__ */ l.jsx("div", { className: "k-accordion__content__container", children: i }) })
   ] });
-}, l2 = B(Fr);
+}, l2 = I(Fr);
 l2.displayName = "KAccordion";
 Fr.displayName = "KAccordion";
 const zr = Z((t, e) => {
@@ -5357,63 +5357,63 @@ const zr = Z((t, e) => {
     onMouseLeave: p,
     onMouseUp: m,
     onKeyDown: y,
-    onKeyUp: k,
-    ...v
-  } = t, x = X(null), C = Tn(x);
-  ft(e, () => x.current, []);
+    onKeyUp: w,
+    ...C
+  } = t, x = J(null), v = Tn(x);
+  pt(e, () => x.current, []);
   const T = b(() => {
     const O = ["k-menu-item", `k-menu-item--${r}`];
     return s && O.push(s), d && O.push("k-menu-item--disabled"), O.join(" ");
-  }, [s, r]), w = b(() => ({ ...i }), [i]), j = M((O) => {
+  }, [s, r]), k = b(() => ({ ...i }), [i]), L = S((O) => {
     d || h?.(O);
-  }, [d, h]), S = M((O) => {
-    f?.(O), d || C?.register(O);
-  }, [C, f]), L = M((O) => {
-    m?.(O), C.remove();
-  }, [C, m]), D = M((O) => {
-    p?.(O), C.remove();
-  }, [C, p]), N = M((O) => {
-    y?.(O), C?.register(O), Lt(O, () => {
+  }, [d, h]), M = S((O) => {
+    f?.(O), d || v?.register(O);
+  }, [v, f]), j = S((O) => {
+    m?.(O), v.remove();
+  }, [v, m]), _ = S((O) => {
+    p?.(O), v.remove();
+  }, [v, p]), N = S((O) => {
+    y?.(O), v?.register(O), Mt(O, () => {
       h?.();
     });
-  }, [C, y]), I = M((O) => {
-    k?.(O), Lt(O, () => C.remove());
-  }, [C, k]), z = b(() => o ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), R = b(() => /* @__PURE__ */ l.jsx("div", { className: "k-menu-item__label", children: a }), [a]), G = b(() => c ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), E = b(() => u ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
+  }, [v, y]), B = S((O) => {
+    w?.(O), Mt(O, () => v.remove());
+  }, [v, w]), K = b(() => o ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), R = b(() => /* @__PURE__ */ l.jsx("div", { className: "k-menu-item__label", children: a }), [a]), G = b(() => c ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), D = b(() => u ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
   return /* @__PURE__ */ l.jsxs(
     to,
     {
       as: "li",
       ref: x,
-      ...v,
+      ...C,
       className: T,
-      style: w,
+      style: k,
       disabled: d,
-      onClick: j,
-      onMouseDown: S,
-      onMouseUp: L,
-      onMouseLeave: D,
+      onClick: L,
+      onMouseDown: M,
+      onMouseUp: j,
+      onMouseLeave: _,
       onKeyDown: N,
-      onKeyUp: I,
+      onKeyUp: B,
       children: [
-        z,
+        K,
         R,
-        E,
+        D,
         G
       ]
     }
   );
-}), Fe = B(zr);
-Fe.displayName = "KMenu.Item";
+}), ze = I(zr);
+ze.displayName = "KMenu.Item";
 zr.displayName = "KMenu.Item";
 const Kr = Z((t, e) => {
-  const { selected: n, className: s, label: i, ...r } = t, o = X(null);
-  ft(e, () => o.current, []);
+  const { selected: n, className: s, label: i, ...r } = t, o = J(null);
+  pt(e, () => o.current, []);
   const a = b(() => {
     const u = ["k-menu-item-selectable"];
     return s && u.push(s), n && u.push("k-menu-item-selectable--selected"), u.join(" ");
-  }, [s, n]), c = b(() => n && /* @__PURE__ */ l.jsx(Ke, { className: "k-menu-item-selectable-check", icon: "check", size: 10 }), [n]);
+  }, [s, n]), c = b(() => n && /* @__PURE__ */ l.jsx(Ce, { className: "k-menu-item-selectable-check", icon: "check", size: 10 }), [n]);
   return /* @__PURE__ */ l.jsx(
-    Fe,
+    ze,
     {
       ref: o,
       ...r,
@@ -5423,18 +5423,18 @@ const Kr = Z((t, e) => {
       leftContent: c
     }
   );
-}), ps = B(Kr);
+}), ps = I(Kr);
 ps.displayName = "KMenu.ItemSelectable";
 Kr.displayName = "KMenu.ItemSelectable";
 const Wr = Z((t, e) => {
-  const { children: n, className: s, ...i } = t, r = X(null);
-  ft(e, () => r.current, []);
+  const { children: n, className: s, ...i } = t, r = J(null);
+  pt(e, () => r.current, []);
   const o = b(() => {
     const a = ["k-menu-item-divider"];
     return s && a.push(s), a.join(" ");
   }, [s]);
   return /* @__PURE__ */ l.jsx("li", { ref: r, ...i, className: o, role: "separator", "aria-orientation": "horizontal" });
-}), ms = B(Wr);
+}), ms = I(Wr);
 ms.displayName = "KMenu.ItemDivider";
 Wr.displayName = "KMenu.ItemDivider";
 const $r = Z((t, e) => {
@@ -5443,24 +5443,24 @@ const $r = Z((t, e) => {
     return s && h.push(s), h.join(" ");
   }, [s, o]), u = b(() => ({ ...i, width: r }), [i, r]), d = b(() => {
     const h = [];
-    return St.forEach(n, (f, p) => {
-      if (yt(f) && (f.type === Fe || f.type === ps || f.type === ms)) {
+    return At.forEach(n, (f, p) => {
+      if (yt(f) && (f.type === ze || f.type === ps || f.type === ms)) {
         const m = f;
-        h.push(Ee(m, { ...m.props, size: o, key: f.key ?? `k-menu-item-${p}` }));
+        h.push(_e(m, { ...m.props, size: o, key: f.key ?? `k-menu-item-${p}` }));
       }
     }), h;
   }, [n, o]);
   return /* @__PURE__ */ l.jsx(Vn, { ...a, as: "ul", ref: e, className: c, style: u, children: d });
-}), Ur = B($r);
+}), Ur = I($r);
 Ur.displayName = "KMenu";
 $r.displayName = "KMenu";
-const $t = Ur;
-$t.Item = Fe;
-$t.ItemSelectable = ps;
-$t.ItemDivider = ms;
+const Ut = Ur;
+Ut.Item = ze;
+Ut.ItemSelectable = ps;
+Ut.ItemDivider = ms;
 const Hr = wt(null);
 function Zr() {
-  const t = J(Hr);
+  const t = tt(Hr);
   if (!t) throw new Error("KDropdown must be used within <KDropdown>");
   return t;
 }
@@ -5476,28 +5476,28 @@ const Gr = Z((t, e) => {
     onFocus: u,
     onBlur: d,
     ...h
-  } = t, { id: f, triggerRef: p, contentRef: m, trigger: y, open: k, onOpen: v, onClose: x, onFocusContent: C } = Zr(), T = b(() => r ? -1 : 0, [r]);
-  ft(e, () => p.current, []);
-  const w = b(() => {
+  } = t, { id: f, triggerRef: p, contentRef: m, trigger: y, open: w, onOpen: C, onClose: x, onFocusContent: v } = Zr(), T = b(() => r ? -1 : 0, [r]);
+  pt(e, () => p.current, []);
+  const k = b(() => {
     const R = ["k-dropdown__trigger"];
     return s && R.push(s), r && R.push("k-dropdown__trigger--disabled"), R.join(" ");
-  }, [s, r]), j = M((R) => {
-    i?.(R), y === "click" && !r && (k ? x() : v());
-  }, [k, i, y, r]), S = M((R) => {
-    o?.(R), y === "hover" && !r && v();
-  }, [y, o, r]), L = M((R) => {
+  }, [s, r]), L = S((R) => {
+    i?.(R), y === "click" && !r && (w ? x() : C());
+  }, [w, i, y, r]), M = S((R) => {
+    o?.(R), y === "hover" && !r && C();
+  }, [y, o, r]), j = S((R) => {
     a?.(R), y === "hover" && x();
-  }, [y, a]), D = M((R) => {
+  }, [y, a]), _ = S((R) => {
     if (c?.(R), r)
       return;
-    Lt(R, v);
-    const G = y === "hover" && R.key === "Tab" && !R.shiftKey, E = y === "click" && k && R.key === "Tab" && !R.shiftKey;
-    (G || E) && (R.preventDefault(), C());
-  }, [c, y, k, r]), N = M((R) => {
-    u?.(R), y === "hover" && !r && v();
-  }, [u, y, r]), I = M((R) => {
+    Mt(R, C);
+    const G = y === "hover" && R.key === "Tab" && !R.shiftKey, D = y === "click" && w && R.key === "Tab" && !R.shiftKey;
+    (G || D) && (R.preventDefault(), v());
+  }, [c, y, w, r]), N = S((R) => {
+    u?.(R), y === "hover" && !r && C();
+  }, [u, y, r]), B = S((R) => {
     d?.(R), y === "hover" && x();
-  }, [d, y]), z = b(() => St.map(n, (R) => yt(R) ? Ee(R, { tabIndex: -1 }) : R), [n]);
+  }, [d, y]), K = b(() => At.map(n, (R) => yt(R) ? _e(R, { tabIndex: -1 }) : R), [n]);
   return ma(m, x, p), // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex,jsx-a11y/no-static-element-interactions
   /* @__PURE__ */ l.jsx(
     "div",
@@ -5505,22 +5505,22 @@ const Gr = Z((t, e) => {
       ...h,
       tabIndex: T,
       ref: p,
-      className: w,
+      className: k,
       role: "button",
       id: f,
-      "aria-controls": k ? f : void 0,
-      "aria-expanded": k,
+      "aria-controls": w ? f : void 0,
+      "aria-expanded": w,
       "aria-haspopup": "true",
-      onKeyDown: D,
-      onClick: j,
-      onMouseEnter: S,
-      onMouseLeave: L,
+      onKeyDown: _,
+      onClick: L,
+      onMouseEnter: M,
+      onMouseLeave: j,
       onFocus: N,
-      onBlur: I,
-      children: z
+      onBlur: B,
+      children: K
     }
   );
-}), gs = B(Gr);
+}), gs = I(Gr);
 gs.displayName = "Dropdown.Trigger";
 Gr.displayName = "Dropdown.Trigger";
 const c2 = 240, Yr = Z((t, e) => {
@@ -5539,53 +5539,53 @@ const c2 = 240, Yr = Z((t, e) => {
     offset: p,
     container: m,
     zIndex: y,
-    ...k
-  } = t, { open: v, triggerRef: x, contentRef: C, position: T, onOpen: w, onClose: j, onBlurContent: S, trigger: L } = Zr(), { top: D, left: N } = ga({
+    ...w
+  } = t, { open: C, triggerRef: x, contentRef: v, position: T, onOpen: k, onClose: L, onBlurContent: M, trigger: j } = Zr(), { top: _, left: N } = ga({
     triggerRef: x,
-    contentRef: C,
+    contentRef: v,
     position: T,
     offset: p,
-    open: v,
+    open: C,
     gap: f
-  }), I = Mn(m);
-  Ui(j), ft(e, () => C.current);
-  const z = b(() => {
+  }), B = Mn(m);
+  Ui(L), pt(e, () => v.current);
+  const K = b(() => {
     const g = ["k-dropdown__content"];
     return n && g.push(n), g.join(" ");
-  }, [n]), R = b(() => ({ ...s, position: "fixed", top: D, left: N, zIndex: y }), [s, D, N, y]), G = M((g) => {
-    r?.(g), h && j();
-  }, [r, h]), E = M((g) => {
-    o?.(g), L === "hover" && w();
-  }, [L, o]), O = M((g) => {
-    a?.(g), L === "hover" && j();
-  }, [L, a]), V = M((g) => {
-    Lt(g, j), g.key === "Tab" && g.shiftKey && S(g);
-  }, [d]), K = M((g) => {
-    c?.(g), L === "hover" && w();
-  }, [c, L]), st = M((g) => {
-    u?.(g), L === "hover" && j();
-  }, [u, L]);
-  if (bt(() => {
-  }, [v]), !!I)
+  }, [n]), R = b(() => ({ ...s, position: "fixed", top: _, left: N, zIndex: y }), [s, _, N, y]), G = S((g) => {
+    r?.(g), h && L();
+  }, [r, h]), D = S((g) => {
+    o?.(g), j === "hover" && k();
+  }, [j, o]), O = S((g) => {
+    a?.(g), j === "hover" && L();
+  }, [j, a]), z = S((g) => {
+    Mt(g, L), g.key === "Tab" && g.shiftKey && M(g);
+  }, [d]), Y = S((g) => {
+    c?.(g), j === "hover" && k();
+  }, [c, j]), lt = S((g) => {
+    u?.(g), j === "hover" && L();
+  }, [u, j]);
+  if (Tt(() => {
+  }, [C]), !!B)
     return Sn(
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       /* @__PURE__ */ l.jsx(
         "div",
         {
-          ref: C,
-          ...k,
-          className: z,
+          ref: v,
+          ...w,
+          className: K,
           style: R,
           onClick: G,
-          onMouseEnter: E,
+          onMouseEnter: D,
           onMouseLeave: O,
-          onFocus: K,
-          onBlur: st,
-          onKeyDown: V,
+          onFocus: Y,
+          onBlur: lt,
+          onKeyDown: z,
           children: /* @__PURE__ */ l.jsx(
-            Oe,
+            Fe,
             {
-              isOpen: v,
+              isOpen: C,
               initial: { opacity: 0 },
               animate: { opacity: 1 },
               exit: { opacity: 0 },
@@ -5595,9 +5595,9 @@ const c2 = 240, Yr = Z((t, e) => {
           )
         }
       ),
-      I
+      B
     );
-}), ys = B(Yr);
+}), ys = I(Yr);
 ys.displayName = "Dropdown.Content";
 Yr.displayName = "Dropdown.Content";
 const Xr = Z((t, e) => {
@@ -5607,56 +5607,62 @@ const Xr = Z((t, e) => {
     position: i = "top-end",
     children: r,
     className: o,
-    ...a
-  } = t, c = n || "div", [u, d] = rt(!1), h = X(null), f = X(null), p = `k-dropdown-${Gt()}`, m = b(() => {
+    onDropdownOpen: a,
+    onDropdownClose: c,
+    ...u
+  } = t, d = n || "div", [h, f] = at(!1), p = J(null), m = J(null), y = `k-dropdown-${Yt()}`, w = b(() => {
     const j = ["k-dropdown"];
     return o && j.push(o), j.join(" ");
-  }, [o]), y = M(() => d(!0), []), k = M(() => d(!1), []);
-  ft(e, () => ({
-    onOpen: y,
-    onClose: k
+  }, [o]), C = S(() => {
+    f(!0), a?.();
+  }, [a]), x = S(() => {
+    f(!1), c?.();
+  }, [c]);
+  pt(e, () => ({
+    onOpen: C,
+    onClose: x
   }));
-  const { Trigger: v, Content: x } = b(() => {
-    const j = St.toArray(r), S = j.find(
-      (D) => yt(D) && D.type === gs
-    ), L = j.find(
-      (D) => yt(D) && D.type === ys
+  const { Trigger: v, Content: T } = b(() => {
+    const j = At.toArray(r), _ = j.find(
+      (B) => yt(B) && B.type === gs
+    ), N = j.find(
+      (B) => yt(B) && B.type === ys
     );
-    return { Trigger: S, Content: L };
-  }, [r]), C = M(() => {
-    if (!f.current) return;
-    f.current.querySelector(
+    return { Trigger: _, Content: N };
+  }, [r]), k = S(() => {
+    if (!m.current) return;
+    m.current.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="menuitem"]'
     )?.focus();
-  }, []), T = M((j) => {
-    if (!f.current) return;
-    f.current.querySelector(
+  }, []), L = S((j) => {
+    if (!m.current) return;
+    m.current.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="menuitem"]'
-    ) === j.target && (j.preventDefault(), h.current?.focus());
-  }, []), w = b(
+    ) === j.target && (j.preventDefault(), p.current?.focus());
+  }, []), M = b(
     () => ({
-      open: u,
-      onOpen: y,
-      onClose: k,
-      onFocusContent: C,
-      onBlurContent: T,
-      triggerRef: h,
-      id: p,
-      contentRef: f,
+      open: h,
+      onOpen: C,
+      onClose: x,
+      onFocusContent: k,
+      onBlurContent: L,
+      triggerRef: p,
+      id: y,
+      contentRef: m,
       trigger: s,
       position: i
     }),
-    [u, s, i]
+    [h, s, i]
   );
-  return /* @__PURE__ */ l.jsx(c, { ...a, ...a, className: m, children: /* @__PURE__ */ l.jsxs(Hr, { value: w, children: [
+  return /* @__PURE__ */ l.jsx(d, { ...u, ...u, className: w, children: /* @__PURE__ */ l.jsxs(Hr, { value: M, children: [
     v,
-    x
+    T
   ] }) });
-}), Ut = B(Xr);
-Ut.displayName = "Dropdown";
+}), Ht = I(Xr);
+Ht.displayName = "Dropdown";
 Xr.displayName = "Dropdown";
-Ut.Trigger = gs;
-Ut.Content = ys;
+Ht.Trigger = gs;
+Ht.Content = ys;
 const T2 = [
   "top-start",
   "top",
@@ -5686,43 +5692,43 @@ const T2 = [
       "aria-hidden": "true"
     }
   );
-}, u2 = B(qr);
+}, u2 = I(qr);
 u2.displayName = "KSkeleton";
 qr.displayName = "KSkeleton";
 const Jr = wt(null), d2 = () => {
-  const t = J(Jr);
+  const t = tt(Jr);
   if (!t) throw new Error("useModal must be used within a ModalProvider");
   return t;
 }, h2 = {
   fade: {
-    initial: { opacity: 0, transform: "translate(-50%, -50%)" },
-    animate: { opacity: 1, transform: "translate(-50%, -50%)" },
-    exit: { opacity: 0, transform: "translate(-50%, -50%)" },
-    transition: { duration: 0.16, ease: "easeInOut" }
+    initial: { opacity: 0, top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
+    animate: { opacity: 1, top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
+    exit: { opacity: 0, top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
+    transition: { duration: 0.12, ease: "easeInOut" }
   },
   slide: {
     initial: { opacity: 0, top: "calc(50% - 8px)", left: "50%", transform: "translate(-50%, -50%)" },
     animate: { opacity: 1, top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
     exit: { opacity: 0, top: "calc(50% - 8px)", left: "50%", transform: "translate(-50%, -50%)" },
-    transition: { duration: 0.16, ease: "easeInOut" }
+    transition: { duration: 0.12, ease: "easeInOut" }
   },
   scale: {
     initial: { opacity: 0, top: "50%", left: "50%", transform: "translate(-50%, -50%) scale(0.96)" },
     animate: { opacity: 1, top: "50%", left: "50%", transform: "translate(-50%, -50%) scale(1)" },
     exit: { opacity: 0, top: "50%", left: "50%", transform: "translate(-50%, -50%) scale(0.96)" },
-    transition: { duration: 0.16, ease: "easeInOut" }
+    transition: { duration: 0.12, ease: "easeInOut" }
   }
 }, Qr = Z((t, e) => {
   const { title: n, children: s, className: i, ...r } = t, { setTitle: o } = d2(), a = b(() => {
     const u = ["k-modal__header"];
     return i && u.push(i), u.join(" ");
-  }, [i]), c = M(() => {
+  }, [i]), c = S(() => {
     typeof n == "string" && o(n), typeof s == "string" && o(s);
   }, [n, s]);
-  return bt(() => {
+  return Tt(() => {
     c();
   }, [n, s]), /* @__PURE__ */ l.jsx("div", { ref: e, ...r, className: a, children: n ?? s });
-}), xs = B(Qr);
+}), xs = I(Qr);
 xs.displayName = "KModalHeader";
 Qr.displayName = "KModalHeader";
 const ta = Z((t, e) => {
@@ -5734,7 +5740,7 @@ const ta = Z((t, e) => {
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     /* @__PURE__ */ l.jsx("div", { ref: e, ...i, className: r, tabIndex: 0, children: n })
   );
-}), vs = B(ta);
+}), vs = I(ta);
 vs.displayName = "KModalContent";
 ta.displayName = "KModalContent";
 const ea = Z((t, e) => {
@@ -5743,7 +5749,7 @@ const ea = Z((t, e) => {
     return s && a.push(s), a.join(" ");
   }, [s]);
   return /* @__PURE__ */ l.jsx("div", { ref: e, ...r, className: o, children: n });
-}), Cs = B(ea);
+}), Cs = I(ea);
 Cs.displayName = "KModalFooter";
 ea.displayName = "KModalFooter";
 const na = (t) => {
@@ -5763,57 +5769,57 @@ const na = (t) => {
     escClosable: p = !1,
     children: m,
     container: y
-  } = t, k = Mn(y), [v, x] = rt(null), C = b(() => h2[u], [u]);
+  } = t, w = Mn(y), [C, x] = at(null), v = b(() => h2[u], [u]);
   if (r === void 0 && typeof o != "function")
     throw new Error('You must provide at least one of "setIsOpen" or "onClose".');
-  const T = b(() => ({ ...c, width: n, height: s }), [c, n, s]), w = b(() => {
-    const z = ["k-modal", `k-modal--${i}`];
-    return e && z.push("k-modal--open"), e || z.push("k-modal--close"), a && z.push(a), z.join(" ");
-  }, [e, i, a]), j = M(() => {
+  const T = b(() => ({ ...c, width: n, height: s }), [c, n, s]), k = b(() => {
+    const K = ["k-modal", `k-modal--${i}`];
+    return e && K.push("k-modal--open"), e || K.push("k-modal--close"), a && K.push(a), K.join(" ");
+  }, [e, i, a]), L = S(() => {
     o?.(), r?.(!1);
-  }, [o, r]), S = M(() => {
-    f && j();
-  }, [f, j]), { modalHeader: L, modalContent: D, modalFooter: N } = b(() => {
-    let z = null, R = null, G = null;
-    return St.forEach(m, (E) => {
-      yt(E) && (E.type === xs && (z = E), E.type === vs && (R = E), E.type === Cs && (G = E));
-    }), { modalHeader: z, modalContent: R, modalFooter: G };
-  }, [m]), I = b(() => ({
+  }, [o, r]), M = S(() => {
+    f && L();
+  }, [f, L]), { modalHeader: j, modalContent: _, modalFooter: N } = b(() => {
+    let K = null, R = null, G = null;
+    return At.forEach(m, (D) => {
+      yt(D) && (D.type === xs && (K = D), D.type === vs && (R = D), D.type === Cs && (G = D));
+    }), { modalHeader: K, modalContent: R, modalFooter: G };
+  }, [m]), B = b(() => ({
     isOpen: e,
-    title: v,
+    title: C,
     setTitle: x
-  }), [e, v]);
+  }), [e, C]);
   return Ui(() => {
-    p && j();
-  }), k ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    p && L();
+  }), w ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     Sn(
-      /* @__PURE__ */ l.jsx(Jr.Provider, { value: I, children: /* @__PURE__ */ l.jsxs(
-        Oe,
+      /* @__PURE__ */ l.jsx(Jr.Provider, { value: B, children: /* @__PURE__ */ l.jsxs(
+        Fe,
         {
           isOpen: e,
-          className: w,
+          className: k,
           style: T,
-          ...C,
+          ...v,
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": v ?? void 0,
+          "aria-label": C ?? void 0,
           children: [
-            L,
-            D,
+            j,
+            _,
             N
           ]
         }
       ) }),
-      k
+      w
     ),
-    d && /* @__PURE__ */ l.jsx(ia, { isOpen: e, onClick: S, opacity: h })
+    d && /* @__PURE__ */ l.jsx(ia, { isOpen: e, onClick: M, opacity: h })
   ] }) : null;
-}, ze = B(na);
-ze.displayName = "KModal";
+}, Ke = I(na);
+Ke.displayName = "KModal";
 na.displayName = "KModal";
-ze.Header = xs;
-ze.Content = vs;
-ze.Footer = Cs;
+Ke.Header = xs;
+Ke.Content = vs;
+Ke.Footer = Cs;
 const M2 = ["medium", "small", "large"], Ki = {
   initial: { opacity: 0 },
   animate: { opacity: 1 },
@@ -5833,34 +5839,34 @@ const M2 = ["medium", "small", "large"], Ki = {
     container: d,
     ...h
   } = t, f = Mn(d), p = b(() => c ? 0 : void 0, [c]), m = b(() => c ? { role: "button", "aria-label": "backdrop" } : { role: r, "aria-label": h["aria-label"] }, [c, r]), y = b(() => {
-    const w = ["k-backdrop__container"];
-    return n && w.push(n), w.join(" ");
-  }, [n]), k = b(() => ({ ...s, opacity: o, zIndex: a }), [s, o, a]), v = b(() => typeof o == "number" ? { ...Ki, animate: { opacity: o, zIndex: a } } : Ki, [o, a]), x = M((w) => {
-    c?.(w);
-  }, [c]), C = M((w) => {
-    Lt(w, () => {
+    const k = ["k-backdrop__container"];
+    return n && k.push(n), k.join(" ");
+  }, [n]), w = b(() => ({ ...s, opacity: o, zIndex: a }), [s, o, a]), C = b(() => typeof o == "number" ? { ...Ki, animate: { opacity: o, zIndex: a } } : Ki, [o, a]), x = S((k) => {
+    c?.(k);
+  }, [c]), v = S((k) => {
+    Mt(k, () => {
       c?.();
-    }), u?.(w);
+    }), u?.(k);
   }, [u]), T = b(() => i ? {} : { role: "presentation" }, [i]);
   return f ? Sn(
-    /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(Oe, { as: "div", isOpen: e, className: "k-backdrop", ...v, ...T, children: [
+    /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(Fe, { as: "div", isOpen: e, className: "k-backdrop", ...C, ...T, children: [
       /* @__PURE__ */ l.jsx(
         "div",
         {
           ...m,
           className: y,
-          style: k,
+          style: w,
           ...h,
           tabIndex: p,
           onClick: x,
-          onKeyDown: C
+          onKeyDown: v
         }
       ),
       i
     ] }) }),
     f
   ) : null;
-}, ia = B(sa);
+}, ia = I(sa);
 ia.displayName = "KBackdrop";
 sa.displayName = "KBackdrop";
 const oa = Z((t, e) => {
@@ -5898,7 +5904,7 @@ const oa = Z((t, e) => {
       ) })
     }
   );
-}), f2 = B(oa);
+}), f2 = I(oa);
 oa.displayName = "KSpinner";
 f2.displayName = "KSpinner";
 const P = "currentColor", p2 = {
@@ -6963,10 +6969,10 @@ const P = "currentColor", p2 = {
   const n = p2[t](e);
   return n || null;
 }, ra = Z(({ ...t }, e) => {
-  const { id: n, className: s, style: i } = { ...t }, { icon: r, size: o = "medium", onClick: a } = { ...t }, { color: c, disabled: u } = { ...t }, d = X(null), h = `k-icon-${Gt()}`, f = b(() => a ? 0 : void 0, [a]);
+  const { id: n, className: s, style: i } = { ...t }, { icon: r, size: o = "medium", onClick: a } = { ...t }, { color: c, disabled: u } = { ...t }, d = J(null), h = `k-icon-${Yt()}`, f = b(() => a ? 0 : void 0, [a]);
   if (!r)
     throw Error("Error: icon is required and must be provided.");
-  ft(e, () => ({
+  pt(e, () => ({
     click: () => {
       d.current?.click();
     }
@@ -6982,9 +6988,9 @@ const P = "currentColor", p2 = {
     if (!x)
       throw Error(`Not Found icon. icon: ${r}`);
     return x;
-  }, [r, c]), k = M((x) => {
+  }, [r, c]), w = S((x) => {
     u || a?.(x);
-  }, [a, u]), v = M((x) => {
+  }, [a, u]), C = S((x) => {
     (x.key === "enter" || x.key === " ") && (u || a?.(x));
   }, [u, a]);
   return (
@@ -6999,14 +7005,14 @@ const P = "currentColor", p2 = {
         role: a ? "button" : "img",
         tabIndex: f,
         "aria-label": `${r} icon`,
-        onClick: k,
-        onKeyDown: v,
+        onClick: w,
+        onKeyDown: C,
         children: y
       }
     )
   );
-}), Ke = B(ra);
-Ke.displayName = "KIcon";
+}), Ce = I(ra);
+Ce.displayName = "KIcon";
 ra.displayName = "KIcon";
 const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(g2), aa = Z((t, e) => {
   const {
@@ -7024,88 +7030,108 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     disabled: p,
     onChange: m,
     ...y
-  } = t, k = b(() => o.find((K) => K.value === r)?.label || null, [r, o]), v = X(null), x = X(null), [C, T] = rt("auto"), [w, j] = rt(null), S = b(() => w ? -16 : 4, [w]), L = Tn(v), D = b(() => {
+  } = t, w = b(() => o.find((it) => it.value === r)?.label || null, [r, o]), [C, x] = at(!1), v = J(null), T = J(null), [k, L] = at("auto"), [M, j] = at(null), _ = b(() => M ? -16 : 4, [M]), N = Tn(v), B = b(() => {
     const V = ["k-select"];
-    return n && V.push(n), f && V.push(`k-select--${f}`), p && V.push("k-select--disabled"), w && V.push("k-select--error"), V.join(" ");
-  }, [n, f, w, p]), N = M(() => {
+    return n && V.push(n), f && V.push(`k-select--${f}`), p && V.push("k-select--disabled"), M && V.push("k-select--error"), V.join(" ");
+  }, [n, f, M, p]), K = b(() => {
+    const V = ["k-select__fieldset__container__icon"];
+    return C && V.push("k-select__fieldset__container__icon--open"), V.join(" ");
+  }, [C]), R = b(() => !f || f === "medium" ? "medium" : "small", [f]), G = S(() => {
     const V = v.current?.getBoundingClientRect().width;
-    T(V ? V + 2 : "auto");
-  }, []), I = M(async (V) => {
+    L(V ? V + 2 : "auto");
+  }, []), D = S(() => {
+    x(!0);
+  }, []), O = S(() => {
+    x(!1);
+  }, []), z = S(async (V) => {
     if (!s)
       return console.warn("not found rules."), !0;
-    const K = V ?? r;
-    for (let st = 0; st < s.length; st++) {
-      const _ = await (await s[st])(K?.toString()), F = typeof _ == "string" ? _ : null;
-      if (F)
-        return j(F), !1;
+    const it = V ?? r;
+    for (let nt = 0; nt < s.length; nt++) {
+      const jt = await (await s[nt])(it?.toString()), X = typeof jt == "string" ? jt : null;
+      if (X)
+        return j(X), !1;
     }
     return j(null), !0;
-  }, [s, r]), z = M((V) => {
-    m(V), i && I(V);
-  }, [m, i, I]), R = M((V) => {
-    p || L?.register(V);
-  }, [p]), G = M(() => {
-    p || L.remove();
-  }, [p]), E = M(() => {
-    p || L.remove();
-  }, [p]), O = b(() => {
+  }, [s, r]), Y = S((V) => {
+    m(V), i && z(V);
+  }, [m, i, z]), lt = S((V) => {
+    p || N?.register(V);
+  }, [p]), g = S(() => {
+    p || N.remove();
+  }, [p]), E = S(() => {
+    p || N.remove();
+  }, [p]), F = b(() => {
     const V = ["k-select__fieldset__legend"];
     return a && V.push("k-select__fieldset__legend--show"), V.join(" ");
   }, [a]);
-  return bt(() => {
-    N();
-  }, [f]), ft(e, () => ({
+  return Tt(() => {
+    G();
+  }, [f]), pt(e, () => ({
     onOpen: () => {
-      x.current?.onOpen();
+      T.current?.onOpen();
     },
     onClose: () => {
-      x.current?.onClose();
+      T.current?.onClose();
     },
-    onValidate: () => I()
-  })), /* @__PURE__ */ l.jsxs(Ut, { className: D, trigger: "click", position: "bottom-start", ...y, children: [
-    /* @__PURE__ */ l.jsxs(Ut.Trigger, { className: "k-select__trigger", disabled: p, children: [
-      /* @__PURE__ */ l.jsxs("fieldset", { className: "k-select__fieldset", style: { width: h }, children: [
-        /* @__PURE__ */ l.jsxs("legend", { className: O, children: [
-          a,
-          a && c && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__legend__required", children: "*" })
+    onValidate: () => z()
+  })), /* @__PURE__ */ l.jsxs(
+    Ht,
+    {
+      className: B,
+      trigger: "click",
+      position: "bottom-start",
+      ...y,
+      onDropdownOpen: D,
+      onDropdownClose: O,
+      "aria-disabled": p,
+      children: [
+        /* @__PURE__ */ l.jsxs(Ht.Trigger, { className: "k-select__trigger", disabled: p, children: [
+          /* @__PURE__ */ l.jsxs("fieldset", { className: "k-select__fieldset", style: { width: h }, children: [
+            /* @__PURE__ */ l.jsxs("legend", { className: F, children: [
+              a,
+              a && c && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__legend__required", children: "*" })
+            ] }),
+            /* @__PURE__ */ l.jsxs(
+              "div",
+              {
+                ref: v,
+                className: "k-select__fieldset__container",
+                onMouseDown: lt,
+                onMouseUp: g,
+                onMouseLeave: E,
+                children: [
+                  w && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__value", children: w }),
+                  r === void 0 && d && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__placeholder", children: d }),
+                  /* @__PURE__ */ l.jsx(Ce, { className: K, icon: "keyboard_arrow_down", size: R })
+                ]
+              }
+            )
+          ] }),
+          M && /* @__PURE__ */ l.jsx("div", { className: "k-select__fieldset__message", children: M })
         ] }),
-        /* @__PURE__ */ l.jsxs(
-          "div",
-          {
-            ref: v,
-            className: "k-select__fieldset__container",
-            onMouseDown: R,
-            onMouseUp: G,
-            onMouseLeave: E,
-            children: [
-              k && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__value", children: k }),
-              r === void 0 && d && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__placeholder", children: d })
-            ]
-          }
-        )
-      ] }),
-      w && /* @__PURE__ */ l.jsx("div", { className: "k-select__fieldset__message", children: w })
-    ] }),
-    /* @__PURE__ */ l.jsx(Ut.Content, { className: "k-select__content", gap: S, children: /* @__PURE__ */ l.jsxs($t, { width: C, size: "medium", className: `k-select__content__menu k-select__content__menu--${f}`, children: [
-      o.map((V) => /* @__PURE__ */ l.jsx(
-        $t.ItemSelectable,
-        {
-          label: V.label,
-          selected: r === V.value,
-          onClick: () => {
-            z(V.value);
-          }
-        },
-        V.value
-      )),
-      o.length === 0 && /* @__PURE__ */ l.jsx($t.Item, { label: u })
-    ] }) })
-  ] });
-}), y2 = B(aa);
+        /* @__PURE__ */ l.jsx(Ht.Content, { className: "k-select__content", gap: _, children: /* @__PURE__ */ l.jsxs(Ut, { width: k, size: "medium", className: `k-select__content__menu k-select__content__menu--${f}`, children: [
+          o.map((V) => /* @__PURE__ */ l.jsx(
+            Ut.ItemSelectable,
+            {
+              label: V.label,
+              selected: r === V.value,
+              onClick: () => {
+                Y(V.value);
+              }
+            },
+            V.value
+          )),
+          o.length === 0 && /* @__PURE__ */ l.jsx(Ut.Item, { label: u })
+        ] }) })
+      ]
+    }
+  );
+}), y2 = I(aa);
 aa.displayName = "KSelect";
 y2.displayName = "KSelect";
 const la = Z((t, e) => {
-  const n = `k-text-field-${Gt()}`, {
+  const n = `k-text-field-${Yt()}`, {
     id: s = n,
     value: i,
     type: r = "text",
@@ -7119,85 +7145,85 @@ const la = Z((t, e) => {
     onFocus: p,
     onBlur: m,
     onKeyDown: y,
-    autoCapitalize: k,
-    autoCorrect: v,
+    autoCapitalize: w,
+    autoCorrect: C,
     autoComplete: x,
-    leftContent: C,
+    leftContent: v,
     rightContent: T,
-    label: w,
-    width: j,
-    style: S,
-    size: L = "medium",
-    className: D,
+    label: k,
+    width: L,
+    style: M,
+    size: j = "medium",
+    className: _,
     rules: N,
-    validateOnChange: I,
-    ...z
-  } = t, R = X(null), [G, E] = rt(!1), [O, V] = rt(!1), [K, st] = rt(null), g = b(() => r === "password", [r]), _ = b(() => r === "password" && O ? "text" : r, [r, O]), F = b(() => {
-    const $ = ["k-text-field", `k-text-field--${L}`];
-    return D && $.push(D), c && $.push("k-text-field--disabled"), G && $.push("k-text-field--focus"), u && $.push("k-text-field--readOnly"), r === "password" && $.push("k-text-field--password"), typeof K == "string" && $.push("k-text-field--error"), $.join(" ");
-  }, [D, c, u, r, K, L, G]), Q = b(() => {
+    validateOnChange: B,
+    ...K
+  } = t, R = J(null), [G, D] = at(!1), [O, z] = at(!1), [Y, lt] = at(null), g = b(() => r === "password", [r]), E = b(() => r === "password" && O ? "text" : r, [r, O]), F = b(() => {
+    const $ = ["k-text-field", `k-text-field--${j}`];
+    return _ && $.push(_), c && $.push("k-text-field--disabled"), G && $.push("k-text-field--focus"), u && $.push("k-text-field--readOnly"), r === "password" && $.push("k-text-field--password"), typeof Y == "string" && $.push("k-text-field--error"), $.join(" ");
+  }, [_, c, u, r, Y, j, G]), V = b(() => {
     const $ = ["k-text-field__fieldset__legend__label"];
-    return w && $.push("k-text-field__fieldset__legend__label--show"), $.join(" ");
-  }, [w]), pt = b(() => ({ ...S, width: j }), [S, j]), at = b(() => ({ textAlign: h }), [h]), At = M(async ($) => {
+    return k && $.push("k-text-field__fieldset__legend__label--show"), $.join(" ");
+  }, [k]), it = b(() => ({ ...M, width: L }), [M, L]), nt = b(() => ({ textAlign: h }), [h]), kt = S(async ($) => {
     if (!N)
       return console.warn("not found rules."), !0;
     const ca = $ ?? i;
     for (let $e = 0; $e < N.length; $e++) {
       const ws = await (await N[$e])(ca), ks = typeof ws == "string" ? ws : null;
       if (ks)
-        return st(ks), !1;
-    }
-    return st(null), !0;
-  }, [N, i]), Qt = M(($) => {
-    f?.($.target.value), I && At($.target.value);
-  }, [f, At, I]), tt = M(($) => {
-    E(!0), p?.($);
-  }, [p]), kt = M(($) => {
-    E(!1), m?.($);
-  }, [m]), te = M(($) => {
+        return lt(ks), !1;
+    }
+    return lt(null), !0;
+  }, [N, i]), jt = S(($) => {
+    f?.($.target.value), B && kt($.target.value);
+  }, [f, kt, B]), X = S(($) => {
+    D(!0), p?.($);
+  }, [p]), bt = S(($) => {
+    D(!1), m?.($);
+  }, [m]), te = S(($) => {
     y?.($);
-  }, [y]), We = M(() => {
-    V(($) => !$);
+  }, [y]), We = S(() => {
+    z(($) => !$);
   }, [r]);
-  return ft(e, () => ({
+  return pt(e, () => ({
     value: i,
     focus: () => R.current?.focus(),
     blur: () => R.current?.blur(),
-    onValidate: () => At()
+    onValidate: () => kt()
   })), /* @__PURE__ */ l.jsxs("div", { className: F, children: [
-    /* @__PURE__ */ l.jsxs("fieldset", { className: "k-text-field__fieldset", style: pt, children: [
-      /* @__PURE__ */ l.jsx("legend", { className: "k-text-field__fieldset__legend", children: /* @__PURE__ */ l.jsxs("label", { htmlFor: s, className: Q, children: [
-        w,
-        w && d && /* @__PURE__ */ l.jsx("span", { className: "k-text-field__fieldset__legend__label__required", children: "*" })
+    /* @__PURE__ */ l.jsxs("fieldset", { className: "k-text-field__fieldset", style: it, children: [
+      /* @__PURE__ */ l.jsx("legend", { className: "k-text-field__fieldset__legend", children: /* @__PURE__ */ l.jsxs("label", { htmlFor: s, className: V, children: [
+        k,
+        k && d && /* @__PURE__ */ l.jsx("span", { className: "k-text-field__fieldset__legend__label__required", children: "*" })
       ] }) }),
       /* @__PURE__ */ l.jsxs("div", { className: "k-text-field__fieldset__container", children: [
-        C && /* @__PURE__ */ l.jsx("div", { className: "k-text-field__fieldset__container__left", children: C }),
+        v && /* @__PURE__ */ l.jsx("div", { className: "k-text-field__fieldset__container__left", children: v }),
         /* @__PURE__ */ l.jsx(
           io,
           {
             ref: R,
             id: s,
             className: "k-text-field__fieldset__container__input",
-            type: _,
-            label: w,
+            type: E,
+            label: k,
             value: i,
             disabled: c,
             readOnly: u,
             placeholder: o,
             maxLength: a,
-            onChange: Qt,
-            onFocus: tt,
-            onBlur: kt,
+            onChange: jt,
+            onFocus: X,
+            onBlur: bt,
             onKeyDown: te,
             autoComplete: x,
-            autoCorrect: v,
-            autoCapitalize: k,
-            style: at,
-            ...z
+            autoCorrect: C,
+            autoCapitalize: w,
+            style: nt,
+            ...K
           }
         ),
         g && /* @__PURE__ */ l.jsx(
-          Ke,
+          Ce,
           {
             icon: g ? "visibility" : "visibility_off",
             size: 18,
@@ -7209,11 +7235,11 @@ const la = Z((t, e) => {
         T && /* @__PURE__ */ l.jsx("div", { className: "k-text-field__fieldset__container__right", children: T })
       ] })
     ] }),
-    K && /* @__PURE__ */ l.jsx("div", { className: "k-text-field__fieldset__message", children: K })
+    Y && /* @__PURE__ */ l.jsx("div", { className: "k-text-field__fieldset__message", children: Y })
   ] });
 });
 la.displayName = "KTextField";
-const P2 = B(la);
+const P2 = I(la);
 export {
   b2 as BUTTON_VARIANTS,
   g2 as ICON_SIZES,
@@ -7221,12 +7247,12 @@ export {
   ia as KBackdrop,
   fs as KButton,
   r2 as KButtonGroup,
-  Ut as KDropdown,
-  Ke as KIcon,
+  Ht as KDropdown,
+  Ce as KIcon,
   S2 as KIconSizeList,
   M2 as KMODAL_SIZES,
-  $t as KMenu,
-  ze as KModal,
+  Ut as KMenu,
+  Ke as KModal,
   y2 as KSelect,
   u2 as KSkeleton,
   f2 as KSpinner,