kku-ui 0.2.54 → 0.2.55

package/lib/es/index.js

@@ -1,5 +1,5 @@
 import * as Tn from "react";
-import ha, { createContext as wt, useContext as Q, memo as I, useCallback as M, useRef as q, useState as at, useMemo as j, useEffect as Lt, Children as At, isValidElement as yt, forwardRef as W, useLayoutEffect as fa, useId as Yt, useInsertionEffect as Wi, Fragment as Ui, createElement as pa, Component as ma, useImperativeHandle as pt, cloneElement as _e } from "react";
+import ha, { createContext as wt, useContext as tt, memo as O, useCallback as M, useRef as J, useState as at, useMemo as j, useEffect as Lt, Children as At, isValidElement as yt, forwardRef as U, useLayoutEffect as fa, useId as Yt, useInsertionEffect as Wi, Fragment as Ui, createElement as pa, Component as ma, useImperativeHandle as pt, cloneElement as _e } from "react";
 import "lodash-es";
 import { u as ga, a as Ln, b as ya, c as xa, d as Mn, e as $i } from "../useEscapeKey-BH1YNl0p.js";
 import { createPortal as Sn } from "react-dom";
@@ -48,13 +48,13 @@ var se = {};
 var bs;
 function Ca() {
   return bs || (bs = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(m) {
-      if (m == null) return null;
-      if (typeof m == "function")
-        return m.$$typeof === N ? null : m.displayName || m.name || null;
-      if (typeof m == "string") return m;
-      switch (m) {
-        case y:
+    function t(y) {
+      if (y == null) return null;
+      if (typeof y == "function")
+        return y.$$typeof === N ? null : y.displayName || y.name || null;
+      if (typeof y == "string") return y;
+      switch (y) {
+        case g:
           return "Fragment";
         case v:
           return "Profiler";
@@ -64,147 +64,147 @@ function Ca() {
           return "Suspense";
         case L:
           return "SuspenseList";
-        case _:
+        case E:
           return "Activity";
       }
-      if (typeof m == "object")
-        switch (typeof m.tag == "number" && console.error(
+      if (typeof y == "object")
+        switch (typeof y.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), m.$$typeof) {
-          case g:
+        ), y.$$typeof) {
+          case m:
             return "Portal";
           case x:
-            return (m.displayName || "Context") + ".Provider";
+            return (y.displayName || "Context") + ".Provider";
           case k:
-            return (m._context.displayName || "Context") + ".Consumer";
+            return (y._context.displayName || "Context") + ".Consumer";
           case T:
-            var D = m.render;
-            return m = m.displayName, m || (m = D.displayName || D.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
+            var D = y.render;
+            return y = y.displayName, y || (y = D.displayName || D.name || "", y = y !== "" ? "ForwardRef(" + y + ")" : "ForwardRef"), y;
           case S:
-            return D = m.displayName || null, D !== null ? D : t(m.type) || "Memo";
+            return D = y.displayName || null, D !== null ? D : t(y.type) || "Memo";
           case b:
-            D = m._payload, m = m._init;
+            D = y._payload, y = y._init;
             try {
-              return t(m(D));
+              return t(y(D));
             } catch {
             }
         }
       return null;
     }
-    function e(m) {
-      return "" + m;
+    function e(y) {
+      return "" + y;
     }
-    function n(m) {
+    function n(y) {
       try {
-        e(m);
+        e(y);
         var D = !1;
       } catch {
         D = !0;
       }
       if (D) {
         D = console;
-        var F = D.error, V = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
-        return F.call(
+        var z = D.error, V = typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.constructor.name || "Object";
+        return z.call(
           D,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           V
-        ), e(m);
+        ), e(y);
       }
     }
-    function s(m) {
-      if (m === y) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === b)
+    function s(y) {
+      if (y === g) return "<>";
+      if (typeof y == "object" && y !== null && y.$$typeof === b)
         return "<...>";
       try {
-        var D = t(m);
+        var D = t(y);
         return D ? "<" + D + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var m = B.A;
-      return m === null ? null : m.getOwner();
+      var y = I.A;
+      return y === null ? null : y.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
-    function o(m) {
-      if (z.call(m, "key")) {
-        var D = Object.getOwnPropertyDescriptor(m, "key").get;
+    function o(y) {
+      if (K.call(y, "key")) {
+        var D = Object.getOwnPropertyDescriptor(y, "key").get;
         if (D && D.isReactWarning) return !1;
       }
-      return m.key !== void 0;
+      return y.key !== void 0;
     }
-    function l(m, D) {
-      function F() {
-        G || (G = !0, console.error(
+    function l(y, D) {
+      function z() {
+        Y || (Y = !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)",
           D
         ));
       }
-      F.isReactWarning = !0, Object.defineProperty(m, "key", {
-        get: F,
+      z.isReactWarning = !0, Object.defineProperty(y, "key", {
+        get: z,
         configurable: !0
       });
     }
     function c() {
-      var m = t(this.type);
-      return lt[m] || (lt[m] = !0, console.error(
+      var y = t(this.type);
+      return lt[y] || (lt[y] = !0, console.error(
         "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."
-      )), m = this.props.ref, m !== void 0 ? m : null;
+      )), y = this.props.ref, y !== void 0 ? y : null;
     }
-    function u(m, D, F, V, it, et, kt, jt) {
-      return F = et.ref, m = {
+    function u(y, D, z, V, it, nt, kt, jt) {
+      return z = nt.ref, y = {
         $$typeof: p,
-        type: m,
+        type: y,
         key: D,
-        props: et,
+        props: nt,
         _owner: it
-      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(m, "ref", {
+      }, (z !== void 0 ? z : null) !== null ? Object.defineProperty(y, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
+      }) : Object.defineProperty(y, "ref", { enumerable: !1, value: null }), y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(m, "_debugInfo", {
+      }), Object.defineProperty(y, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(m, "_debugStack", {
+      }), Object.defineProperty(y, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: kt
-      }), Object.defineProperty(m, "_debugTask", {
+      }), Object.defineProperty(y, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: jt
-      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     }
-    function d(m, D, F, V, it, et, kt, jt) {
-      var Y = D.children;
-      if (Y !== void 0)
+    function d(y, D, z, V, it, nt, kt, jt) {
+      var X = D.children;
+      if (X !== void 0)
         if (V)
-          if (R(Y)) {
-            for (V = 0; V < Y.length; V++)
-              h(Y[V]);
-            Object.freeze && Object.freeze(Y);
+          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(Y);
-      if (z.call(D, "key")) {
-        Y = t(m);
+        else h(X);
+      if (K.call(D, "key")) {
+        X = t(y);
         var bt = Object.keys(D).filter(function(We) {
           return We !== "key";
         });
-        V = 0 < bt.length ? "{key: someKey, " + bt.join(": ..., ") + ": ...}" : "{key: someKey}", st[Y + V] || (bt = 0 < bt.length ? "{" + bt.join(": ..., ") + ": ...}" : "{}", console.error(
+        V = 0 < bt.length ? "{key: someKey, " + bt.join(": ..., ") + ": ...}" : "{key: someKey}", B[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} />
@@ -212,68 +212,68 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           V,
-          Y,
+          X,
           bt,
-          Y
-        ), st[Y + V] = !0);
+          X
+        ), B[X + V] = !0);
       }
-      if (Y = null, F !== void 0 && (n(F), Y = "" + F), o(D) && (n(D.key), Y = "" + D.key), "key" in D) {
-        F = {};
+      if (X = null, z !== void 0 && (n(z), X = "" + z), o(D) && (n(D.key), X = "" + D.key), "key" in D) {
+        z = {};
         for (var ee in D)
-          ee !== "key" && (F[ee] = D[ee]);
-      } else F = D;
-      return Y && l(
-        F,
-        typeof m == "function" ? m.displayName || m.name || "Unknown" : m
+          ee !== "key" && (z[ee] = D[ee]);
+      } else z = D;
+      return X && l(
+        z,
+        typeof y == "function" ? y.displayName || y.name || "Unknown" : y
       ), u(
-        m,
-        Y,
-        et,
+        y,
+        X,
+        nt,
         it,
         i(),
-        F,
+        z,
         kt,
         jt
       );
     }
-    function h(m) {
-      typeof m == "object" && m !== null && m.$$typeof === p && m._store && (m._store.validated = 1);
+    function h(y) {
+      typeof y == "object" && y !== null && y.$$typeof === p && y._store && (y._store.validated = 1);
     }
-    var f = ha, p = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), x = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), b = 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, z = Object.prototype.hasOwnProperty, R = Array.isArray, E = console.createTask ? console.createTask : function() {
+    var f = ha, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), x = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), I = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, R = Array.isArray, _ = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
-      "react-stack-bottom-frame": function(m) {
-        return m();
+      "react-stack-bottom-frame": function(y) {
+        return y();
       }
     };
-    var G, lt = {}, O = f["react-stack-bottom-frame"].bind(
+    var Y, lt = {}, F = f["react-stack-bottom-frame"].bind(
       f,
       r
-    )(), U = E(s(r)), st = {};
-    se.Fragment = y, se.jsx = function(m, D, F, V, it) {
-      var et = 1e4 > B.recentlyCreatedOwnerStacks++;
+    )(), $ = _(s(r)), B = {};
+    se.Fragment = g, se.jsx = function(y, D, z, V, it) {
+      var nt = 1e4 > I.recentlyCreatedOwnerStacks++;
       return d(
-        m,
+        y,
         D,
-        F,
+        z,
         !1,
         V,
         it,
-        et ? Error("react-stack-top-frame") : O,
-        et ? E(s(m)) : U
+        nt ? Error("react-stack-top-frame") : F,
+        nt ? _(s(y)) : $
       );
-    }, se.jsxs = function(m, D, F, V, it) {
-      var et = 1e4 > B.recentlyCreatedOwnerStacks++;
+    }, se.jsxs = function(y, D, z, V, it) {
+      var nt = 1e4 > I.recentlyCreatedOwnerStacks++;
       return d(
-        m,
+        y,
         D,
-        F,
+        z,
         !0,
         V,
         it,
-        et ? Error("react-stack-top-frame") : O,
-        et ? E(s(m)) : U
+        nt ? Error("react-stack-top-frame") : F,
+        nt ? _(s(y)) : $
       );
     };
   }()), se;
@@ -284,7 +284,7 @@ function wa() {
 }
 var a = wa();
 const Hi = wt(void 0), Zi = () => {
-  const t = Q(Hi);
+  const t = tt(Hi);
   if (t === void 0)
     throw new Error("useAccordionContext는 AccordionProvider 내에서 사용되어야 합니다.");
   return t;
@@ -310,11 +310,11 @@ const Hi = wt(void 0), Zi = () => {
       children: typeof e == "function" ? e({ isOpen: r }) : e
     }
   );
-}, Pn = I(Gi);
+}, Pn = O(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 = q(null), [l, c] = at("auto"), u = j(() => ({
+  const { children: e, style: n, ...s } = t, { isOpen: i, summaryId: r } = Zi(), o = J(null), [l, c] = at("auto"), u = j(() => ({
     ...n,
     overflow: "hidden",
     maxHeight: i ? l : 0
@@ -341,11 +341,11 @@ const Yi = (t) => {
       children: typeof e == "function" ? e({ isOpen: i }) : e
     }
   );
-}, An = I(Yi);
+}, An = O(Yi);
 An.displayName = "Accordion.Content";
 Yi.displayName = "Accordion.Content";
 const Xi = (t) => {
-  const { defaultOpen: e, children: n, ...s } = t, [i, r] = at(!!e), o = q(null), l = ga("accordion-"), c = j(() => ({ isOpen: i, setIsOpen: r, root: o, summaryId: l }), [i]), { SummaryElement: u, ContentElement: d } = j(() => {
+  const { defaultOpen: e, children: n, ...s } = t, [i, r] = at(!!e), o = J(null), l = ga("accordion-"), c = j(() => ({ isOpen: i, setIsOpen: r, root: o, summaryId: l }), [i]), { SummaryElement: u, ContentElement: d } = j(() => {
     let h = null, f = null;
     return At.forEach(n, (p) => {
       yt(p) && (p?.type === Pn && (h = p), p?.type === An && (f = p));
@@ -355,12 +355,12 @@ const Xi = (t) => {
     u,
     d
   ] }) });
-}, Ut = I(Xi);
+}, Ut = O(Xi);
 Xi.displayName = "Accordion";
 Ut.displayName = "Accordion";
 Ut.Summary = Pn;
 Ut.Content = An;
-const qi = W((t, e) => {
+const qi = U((t, e) => {
   const { type: n, label: s, disabled: i, children: r, tabIndex: o, ...l } = t;
   if (s && r)
     throw new Error("Button 컴포넌트에 label과 children을 동시에 넣을 수 없습니다.");
@@ -381,26 +381,26 @@ const qi = W((t, e) => {
       }
     )
   );
-}), Ji = I(qi);
+}), Ji = O(qi);
 qi.displayName = "Button";
 Ji.displayName = "Button";
-const Vn = W(
+const Vn = U(
   ({ as: t, children: e, ...n }, s) => {
     const i = t || "ul";
     return /* @__PURE__ */ a.jsx(i, { ref: s, role: "menu", ...n, children: e });
   }
-), ka = I(Vn);
+), ka = O(Vn);
 Vn.displayName = "Menu";
 ka.displayName = "Menu";
-const Qi = W(
+const Qi = U(
   (t, e) => {
     const { as: n, children: s, disabled: i, tabIndex: r, ...o } = t, l = n || "li", c = j(() => i ? void 0 : r ?? 0, [i, r]);
     return /* @__PURE__ */ a.jsx(l, { ref: e, as: n, role: "menuitem", "aria-disabled": i, tabIndex: c, ...o, children: s });
   }
-), to = I(Qi);
+), to = O(Qi);
 Qi.displayName = "MenuItem";
 to.displayName = "MenuItem";
-const eo = W((t, e) => {
+const eo = U((t, e) => {
   const {
     value: n,
     disabled: s,
@@ -429,17 +429,17 @@ const eo = W((t, e) => {
   );
 });
 eo.displayName = "Switch";
-const no = I(eo);
+const no = O(eo);
 no.displayName = "Switch";
-const so = W((t, e) => {
+const so = U((t, e) => {
   const { label: n, disabled: s, ...i } = t, r = j(() => n || void 0, [n]);
   return /* @__PURE__ */ a.jsx("input", { ref: e, ...i, disabled: s, "aria-label": r, "aria-disabled": s });
-}), io = I(so);
+}), io = O(so);
 so.displayName = "TextField";
 io.displayName = "TextField";
 const Rn = wt({});
 function Dn(t) {
-  const e = q(null);
+  const e = J(null);
   return e.current === null && (e.current = t()), e.current;
 }
 const En = typeof window < "u", oo = En ? fa : Lt, Ne = /* @__PURE__ */ wt(null);
@@ -577,8 +577,8 @@ function Va(t, e) {
      * Schedule a process to run on the next frame.
      */
     schedule: (h, f = !1, p = !1) => {
-      const y = p && i ? n : s;
-      return f && o.add(h), y.has(h) || y.add(h), h;
+      const g = p && i ? n : s;
+      return f && o.add(h), g.has(h) || g.add(h), h;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -606,11 +606,11 @@ function wo(t, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, r = () => n = !0, o = ke.reduce((x, T) => (x[T] = Va(r, e ? T : void 0), x), {}), { setup: l, read: c, resolveKeyframes: u, preUpdate: d, update: h, preRender: f, render: p, postRender: g } = o, y = () => {
+  }, r = () => n = !0, o = ke.reduce((x, T) => (x[T] = Va(r, e ? T : void 0), x), {}), { setup: l, read: c, resolveKeyframes: u, preUpdate: d, update: h, preRender: f, render: p, postRender: m } = o, g = () => {
     const x = Ct.useManualTiming ? i.timestamp : performance.now();
-    n = !1, Ct.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(x - i.timestamp, Ra), 1)), i.timestamp = x, i.isProcessing = !0, l.process(i), c.process(i), u.process(i), d.process(i), h.process(i), f.process(i), p.process(i), g.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
+    n = !1, Ct.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(x - i.timestamp, Ra), 1)), i.timestamp = x, i.isProcessing = !0, l.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(g));
   }, w = () => {
-    n = !0, s = !0, i.isProcessing || t(y);
+    n = !0, s = !0, i.isProcessing || t(g);
   };
   return { schedule: ke.reduce((x, T) => {
     const C = o[T];
@@ -620,13 +620,13 @@ function wo(t, e) {
       o[ke[T]].cancel(x);
   }, state: i, steps: o };
 }
-const { schedule: K, cancel: St, state: tt, steps: $e } = /* @__PURE__ */ wo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dt, !0);
+const { schedule: W, cancel: St, state: et, steps: $e } = /* @__PURE__ */ wo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dt, !0);
 let Le;
 function Da() {
   Le = void 0;
 }
 const rt = {
-  now: () => (Le === void 0 && rt.set(tt.isProcessing || Ct.useManualTiming ? tt.timestamp : performance.now()), Le),
+  now: () => (Le === void 0 && rt.set(et.isProcessing || Ct.useManualTiming ? et.timestamp : performance.now()), Le),
   set: (t) => {
     Le = t, queueMicrotask(Da);
   }
@@ -687,13 +687,13 @@ const on = {
   test: /* @__PURE__ */ $n("hsl", "hue"),
   parse: /* @__PURE__ */ jo("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + gt.transform(re(e)) + ", " + gt.transform(re(n)) + ", " + re(de.transform(s)) + ")"
-}, J = {
+}, 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 = J.parse(t);
-    return e.alpha = 0, J.transform(e);
+    const e = Q.parse(t);
+    return e.alpha = 0, Q.transform(e);
   }
 }, Ka = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function Wa(t) {
@@ -707,7 +707,7 @@ function he(t) {
     var: []
   }, i = [];
   let r = 0;
-  const l = e.replace(Ha, (c) => (J.test(c) ? (s.color.push(r), i.push(To), n.push(J.parse(c))) : c.startsWith($a) ? (s.var.push(r), i.push(Ua), n.push(c)) : (s.number.push(r), i.push(bo), n.push(parseFloat(c))), ++r, Vs)).split(Vs);
+  const l = e.replace(Ha, (c) => (Q.test(c) ? (s.color.push(r), i.push(To), n.push(Q.parse(c))) : c.startsWith($a) ? (s.var.push(r), i.push(Ua), n.push(c)) : (s.number.push(r), i.push(bo), n.push(parseFloat(c))), ++r, Vs)).split(Vs);
   return { values: n, split: l, indexes: s, types: i };
 }
 function Lo(t) {
@@ -720,12 +720,12 @@ function Mo(t) {
     for (let o = 0; o < s; o++)
       if (r += e[o], i[o] !== void 0) {
         const l = n[o];
-        l === bo ? r += re(i[o]) : l === To ? r += J.transform(i[o]) : r += i[o];
+        l === bo ? r += re(i[o]) : l === To ? r += Q.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const Za = (t) => typeof t == "number" ? 0 : J.test(t) ? J.getAnimatableNone(t) : t;
+const Za = (t) => typeof t == "number" ? 0 : Q.test(t) ? Q.getAnimatableNone(t) : t;
 function Ga(t) {
   const e = Lo(t);
   return Mo(t)(e.map(Za));
@@ -758,7 +758,7 @@ function Ya({ hue: t, saturation: e, lightness: n, alpha: s }) {
 function Ae(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const Z = (t, e, n) => t + (e - t) * n, Ge = (t, e, n) => {
+const G = (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);
 }, Xa = [on, Et, It], qa = (t) => Xa.find((e) => e.test(t));
@@ -774,16 +774,16 @@ const Ds = (t, e) => {
   if (!n || !s)
     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 = Z(n.alpha, s.alpha, r), Et.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 = G(n.alpha, s.alpha, r), Et.transform(i));
 }, rn = /* @__PURE__ */ new Set(["none", "hidden"]);
 function Ja(t, e) {
   return rn.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function Qa(t, e) {
-  return (n) => Z(t, e, n);
+  return (n) => G(t, e, n);
 }
 function Hn(t) {
-  return typeof t == "number" ? Qa : typeof t == "string" ? Wn(t) ? Ae : J.test(t) ? Ds : n1 : Array.isArray(t) ? So : typeof t == "object" ? J.test(t) ? Ds : t1 : Ae;
+  return typeof t == "number" ? Qa : typeof t == "string" ? Wn(t) ? Ae : Q.test(t) ? Ds : n1 : Array.isArray(t) ? So : typeof t == "object" ? Q.test(t) ? Ds : t1 : Ae;
 }
 function So(t, e) {
   const n = [...t], s = n.length, i = t.map((r, o) => Hn(r)(r, e[o]));
@@ -816,18 +816,18 @@ const n1 = (t, 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 ? Ja(t, e) : ye(So(e1(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" ? Z(t, e, n) : Hn(t)(t, e);
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? G(t, e, n) : Hn(t)(t, e);
 }
 const s1 = (t) => {
   const e = ({ timestamp: n }) => t(n);
   return {
-    start: (n = !0) => K.update(e, n),
+    start: (n = !0) => W.update(e, n),
     stop: () => St(e),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
      */
-    now: () => tt.isProcessing ? tt.timestamp : rt.now()
+    now: () => et.isProcessing ? et.timestamp : rt.now()
   };
 }, Ao = (t, e, n = 10) => {
   let s = "";
@@ -857,7 +857,7 @@ function Vo(t, e, n) {
   const s = Math.max(e - o1, 0);
   return co(n - t(s), e - s);
 }
-const H = {
+const Z = {
   // Default spring physics
   stiffness: 100,
   damping: 10,
@@ -886,16 +886,16 @@ const H = {
   minDamping: 0.05,
   maxDamping: 1
 }, Ye = 1e-3;
-function r1({ duration: t = H.duration, bounce: e = H.bounce, velocity: n = H.velocity, mass: s = H.mass }) {
+function r1({ duration: t = Z.duration, bounce: e = Z.bounce, velocity: n = Z.velocity, mass: s = Z.mass }) {
   let i, r;
-  Xt(t <= /* @__PURE__ */ ft(H.maxDuration), "Spring duration must be 10 seconds or less");
+  Xt(t <= /* @__PURE__ */ ft(Z.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
-  o = xt(H.minDamping, H.maxDamping, o), t = xt(H.minDuration, H.maxDuration, /* @__PURE__ */ mt(t)), o < 1 ? (i = (u) => {
-    const d = u * o, h = d * t, f = d - n, p = an(u, o), g = Math.exp(-h);
-    return Ye - f / p * g;
+  o = xt(Z.minDamping, Z.maxDamping, o), t = xt(Z.minDuration, Z.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);
+    return Ye - f / p * m;
   }, r = (u) => {
-    const h = u * o * t, f = h * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * t, g = Math.exp(-h), y = an(Math.pow(u, 2), o);
-    return (-i(u) + Ye > 0 ? -1 : 1) * ((f - p) * g) / y;
+    const h = u * o * t, f = h * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * t, m = Math.exp(-h), g = an(Math.pow(u, 2), o);
+    return (-i(u) + Ye > 0 ? -1 : 1) * ((f - p) * m) / g;
   }) : (i = (u) => {
     const d = Math.exp(-u * t), h = (u - n) * t + 1;
     return -Ye + d * h;
@@ -906,8 +906,8 @@ function r1({ duration: t = H.duration, bounce: e = H.bounce, velocity: n = H.ve
   const l = 5 / t, c = l1(i, r, l);
   if (t = /* @__PURE__ */ ft(t), isNaN(c))
     return {
-      stiffness: H.stiffness,
-      damping: H.damping,
+      stiffness: Z.stiffness,
+      damping: Z.damping,
       duration: t
     };
   {
@@ -935,10 +935,10 @@ function Es(t, e) {
 }
 function d1(t) {
   let e = {
-    velocity: H.velocity,
-    stiffness: H.stiffness,
-    damping: H.damping,
-    mass: H.mass,
+    velocity: Z.velocity,
+    stiffness: Z.stiffness,
+    damping: Z.damping,
+    mass: Z.mass,
     isResolvedFromDuration: !1,
     ...t
   };
@@ -947,7 +947,7 @@ function d1(t) {
       const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * xt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
       e = {
         ...e,
-        mass: H.mass,
+        mass: Z.mass,
         stiffness: i,
         damping: r
       };
@@ -956,12 +956,12 @@ function d1(t) {
       e = {
         ...e,
         ...n,
-        mass: H.mass
+        mass: Z.mass
       }, e.isResolvedFromDuration = !0;
     }
   return e;
 }
-function Re(t = H.visualDuration, e = H.bounce) {
+function Re(t = Z.visualDuration, e = Z.bounce) {
   const n = typeof t != "object" ? {
     visualDuration: t,
     keyframes: [0, 1],
@@ -971,22 +971,22 @@ function Re(t = H.visualDuration, e = H.bounce) {
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], l = { done: !1, value: r }, { stiffness: c, damping: u, mass: d, duration: h, velocity: f, isResolvedFromDuration: p } = d1({
     ...n,
     velocity: -/* @__PURE__ */ mt(n.velocity || 0)
-  }), g = f || 0, y = u / (2 * Math.sqrt(c * d)), w = o - r, v = /* @__PURE__ */ mt(Math.sqrt(c / d)), k = Math.abs(w) < 5;
-  s || (s = k ? H.restSpeed.granular : H.restSpeed.default), i || (i = k ? H.restDelta.granular : H.restDelta.default);
+  }), m = f || 0, g = u / (2 * Math.sqrt(c * d)), w = o - r, v = /* @__PURE__ */ mt(Math.sqrt(c / d)), k = Math.abs(w) < 5;
+  s || (s = k ? Z.restSpeed.granular : Z.restSpeed.default), i || (i = k ? Z.restDelta.granular : Z.restDelta.default);
   let x;
-  if (y < 1) {
-    const C = an(v, y);
+  if (g < 1) {
+    const C = an(v, g);
     x = (L) => {
-      const S = Math.exp(-y * v * L);
-      return o - S * ((g + y * v * w) / C * Math.sin(C * L) + w * Math.cos(C * L));
+      const S = Math.exp(-g * v * L);
+      return o - S * ((m + g * v * w) / C * Math.sin(C * L) + w * Math.cos(C * L));
     };
-  } else if (y === 1)
-    x = (C) => o - Math.exp(-v * C) * (w + (g + v * w) * C);
+  } else if (g === 1)
+    x = (C) => o - Math.exp(-v * C) * (w + (m + v * w) * C);
   else {
-    const C = v * Math.sqrt(y * y - 1);
+    const C = v * Math.sqrt(g * g - 1);
     x = (L) => {
-      const S = Math.exp(-y * v * L), b = Math.min(C * L, 300);
-      return o - S * ((g + y * v * w) * Math.sinh(b) + C * w * Math.cosh(b)) / C;
+      const S = Math.exp(-g * v * L), b = Math.min(C * L, 300);
+      return o - S * ((m + g * v * w) * Math.sinh(b) + C * w * Math.cosh(b)) / C;
     };
   }
   const T = {
@@ -996,10 +996,10 @@ function Re(t = H.visualDuration, e = H.bounce) {
       if (p)
         l.done = C >= h;
       else {
-        let S = C === 0 ? g : 0;
-        y < 1 && (S = C === 0 ? /* @__PURE__ */ ft(g) : Vo(x, C, L));
-        const b = Math.abs(S) <= s, _ = Math.abs(o - L) <= i;
-        l.done = b && _;
+        let S = C === 0 ? m : 0;
+        g < 1 && (S = C === 0 ? /* @__PURE__ */ ft(m) : Vo(x, C, L));
+        const b = Math.abs(S) <= s, E = Math.abs(o - L) <= i;
+        l.done = b && E;
       }
       return l.value = l.done ? o : L, l;
     },
@@ -1020,18 +1020,18 @@ function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   const h = t[0], f = {
     done: !1,
     value: h
-  }, p = (b) => l !== void 0 && b < l || c !== void 0 && b > c, g = (b) => l === void 0 ? c : c === void 0 || Math.abs(l - b) < Math.abs(c - b) ? l : c;
-  let y = n * e;
-  const w = h + y, v = o === void 0 ? w : o(w);
-  v !== w && (y = v - h);
-  const k = (b) => -y * Math.exp(-b / s), x = (b) => v + k(b), T = (b) => {
-    const _ = k(b), N = x(b);
-    f.done = Math.abs(_) <= u, f.value = f.done ? v : N;
+  }, p = (b) => l !== void 0 && b < l || c !== void 0 && b > c, m = (b) => l === void 0 ? c : c === void 0 || Math.abs(l - b) < Math.abs(c - b) ? l : c;
+  let g = n * e;
+  const w = h + g, v = o === void 0 ? w : o(w);
+  v !== w && (g = v - h);
+  const k = (b) => -g * Math.exp(-b / s), x = (b) => v + k(b), T = (b) => {
+    const E = k(b), N = x(b);
+    f.done = Math.abs(E) <= u, f.value = f.done ? v : N;
   };
   let C, L;
   const S = (b) => {
     p(f.value) && (C = b, L = Re({
-      keyframes: [f.value, g(f.value)],
+      keyframes: [f.value, m(f.value)],
       velocity: Vo(x, b, f.value),
       // TODO: This should be passing * 1000
       damping: i,
@@ -1043,8 +1043,8 @@ function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   return S(0), {
     calculatedDuration: null,
     next: (b) => {
-      let _ = !1;
-      return !L && C === void 0 && (_ = !0, T(b), S(b)), C !== void 0 && b >= C ? L.next(b - C) : (!_ && T(b), f);
+      let E = !1;
+      return !L && C === void 0 && (E = !0, T(b), S(b)), C !== void 0 && b >= C ? L.next(b - C) : (!E && T(b), f);
     }
   };
 }
@@ -1084,7 +1084,7 @@ function p1(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
     const i = /* @__PURE__ */ ue(0, e, s);
-    t.push(Z(n, 1, i));
+    t.push(G(n, 1, i));
   }
 }
 function m1(t) {
@@ -1185,22 +1185,22 @@ class Xn extends Yn {
     const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: l, calculatedDuration: c } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: u = 0, keyframes: d, repeat: h, repeatType: f, repeatDelay: p, type: g, onUpdate: y, finalKeyframe: w } = this.options;
+    const { delay: u = 0, keyframes: d, repeat: h, repeatType: f, repeatDelay: p, type: m, onUpdate: g, 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), k = this.playbackSpeed >= 0 ? v < 0 : v > i;
     this.currentTime = Math.max(v, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
     let x = this.currentTime, T = s;
     if (h) {
       const b = Math.min(this.currentTime, i) / l;
-      let _ = Math.floor(b), N = b % 1;
-      !N && b >= 1 && (N = 1), N === 1 && _--, _ = Math.min(_, h + 1), !!(_ % 2) && (f === "reverse" ? (N = 1 - N, p && (N -= p / l)) : f === "mirror" && (T = o)), x = xt(0, 1, N) * l;
+      let E = Math.floor(b), N = b % 1;
+      !N && b >= 1 && (N = 1), N === 1 && E--, E = Math.min(E, h + 1), !!(E % 2) && (f === "reverse" ? (N = 1 - N, p && (N -= p / l)) : f === "mirror" && (T = o)), x = xt(0, 1, N) * l;
     }
     const C = k ? { done: !1, value: d[0] } : T.next(x);
     r && (C.value = r(C.value));
     let { done: L } = C;
     !k && c !== null && (L = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const S = this.holdTime === null && (this.state === "finished" || this.state === "running" && L);
-    return S && g !== ln && (C.value = Gn(d, this.options, w, this.speed)), y && y(C.value), S && this.finish(), C;
+    return S && m !== ln && (C.value = Gn(d, this.options, w, this.speed)), g && g(C.value), S && this.finish(), C;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -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 ? (Bt.add(this), fn || (fn = !0, K.read(Eo), K.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;
@@ -1672,7 +1672,7 @@ class Z1 extends Yn {
       element: d,
       ...h
     }, p = d?.KeyframeResolver || qn;
-    this.keyframeResolver = new p(l, (g, y, w) => this.onKeyframesResolved(g, y, f, !w), c, u, d), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new p(l, (m, g, w) => this.onKeyframesResolved(m, g, f, !w), c, u, d), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
@@ -1869,17 +1869,17 @@ const el = /\b([a-z-]*)\(.*?\)/gu, gn = {
 }, sl = {
   ...ts,
   // Color props
-  color: J,
-  backgroundColor: J,
-  outlineColor: J,
-  fill: J,
-  stroke: J,
+  color: Q,
+  backgroundColor: Q,
+  outlineColor: Q,
+  fill: Q,
+  stroke: Q,
   // Border props
-  borderColor: J,
-  borderTopColor: J,
-  borderRightColor: J,
-  borderBottomColor: J,
-  borderLeftColor: J,
+  borderColor: Q,
+  borderTopColor: Q,
+  borderRightColor: Q,
+  borderBottomColor: Q,
+  borderLeftColor: Q,
   filter: gn,
   WebkitFilter: gn
 }, Wo = (t) => sl[t];
@@ -2031,7 +2031,7 @@ class cl {
     this.events[e] || (this.events[e] = new In());
     const s = this.events[e].add(n);
     return e === "change" ? () => {
-      s(), K.read(() => {
+      s(), W.read(() => {
         this.events.change.getSize() || this.stop();
       });
     } : s;
@@ -2249,8 +2249,8 @@ function ml(t, e, n = {}) {
     if (!Zs(l))
       return;
     Me.add(c);
-    const u = e(c, l), d = (p, g) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), Me.has(c) && Me.delete(c), Zs(p) && typeof u == "function" && u(p, { success: g });
+    const u = e(c, l), d = (p, 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 gl(t) {
   return Yo(t) && t.tagName === "svg";
 }
-const nt = (t) => !!(t && t.getVelocity), yl = [...Ko, J, Pt], xl = (t) => yl.find(zo(t)), ss = wt({
+const st = (t) => !!(t && t.getVelocity), yl = [...Ko, Q, Pt], xl = (t) => yl.find(zo(t)), ss = wt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -2292,23 +2292,23 @@ class vl extends Tn.Component {
   }
 }
 function Cl({ children: t, isPresent: e, anchorX: n, root: s }) {
-  const i = Yt(), r = q(null), o = q({
+  const i = Yt(), r = J(null), o = J({
     width: 0,
     height: 0,
     top: 0,
     left: 0,
     right: 0
-  }), { nonce: l } = Q(ss);
+  }), { nonce: l } = tt(ss);
   return Wi(() => {
     const { width: c, height: u, top: d, left: h, right: f } = o.current;
     if (e || !r.current || !c || !u)
       return;
     const p = n === "left" ? `left: ${h}` : `right: ${f}`;
     r.current.dataset.motionPopId = i;
-    const g = document.createElement("style");
-    l && (g.nonce = l);
-    const y = s ?? document.head;
-    return y.appendChild(g), g.sheet && g.sheet.insertRule(`
+    const m = document.createElement("style");
+    l && (m.nonce = l);
+    const g = s ?? document.head;
+    return g.appendChild(m), m.sheet && m.sheet.insertRule(`
           [data-motion-pop-id="${i}"] {
             position: absolute !important;
             width: ${c}px !important;
@@ -2317,7 +2317,7 @@ function Cl({ children: t, isPresent: e, anchorX: n, root: s }) {
             top: ${d}px !important;
           }
         `), () => {
-      y.removeChild(g), y.contains(g) && y.removeChild(g);
+      g.removeChild(m), g.contains(m) && g.removeChild(m);
     };
   }, [e]), a.jsx(vl, { isPresent: e, childRef: r, sizeRef: o, children: Tn.cloneElement(t, { ref: r }) });
 }
@@ -2330,15 +2330,15 @@ const wl = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
     custom: i,
     onExitComplete: (p) => {
       u.set(p, !0);
-      for (const g of u.values())
-        if (!g)
+      for (const m of u.values())
+        if (!m)
           return;
       s && s();
     },
     register: (p) => (u.set(p, !1), () => u.delete(p))
   }), [n, u, s]);
   return r && h && (f = { ...f }), j(() => {
-    u.forEach((p, g) => u.set(g, !1));
+    u.forEach((p, m) => u.set(m, !1));
   }, [n]), Tn.useEffect(() => {
     !n && !u.size && s && s();
   }, [n]), o === "popLayout" && (t = a.jsx(Cl, { isPresent: n, anchorX: l, root: c, children: t })), a.jsx(Ne.Provider, { value: f, children: t });
@@ -2347,7 +2347,7 @@ function kl() {
   return /* @__PURE__ */ new Map();
 }
 function Xo(t = !0) {
-  const e = Q(Ne);
+  const e = tt(Ne);
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: s, register: i } = e, r = Yt();
@@ -2366,37 +2366,37 @@ function Gs(t) {
   }), e;
 }
 const jl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: r = "sync", propagate: o = !1, anchorX: l = "left", root: c }) => {
-  const [u, d] = Xo(o), h = j(() => Gs(t), [t]), f = o && !u ? [] : h.map(be), p = q(!0), g = q(h), y = Dn(() => /* @__PURE__ */ new Map()), [w, v] = at(h), [k, x] = at(h);
+  const [u, d] = Xo(o), h = j(() => Gs(t), [t]), f = o && !u ? [] : h.map(be), p = J(!0), m = J(h), g = Dn(() => /* @__PURE__ */ new Map()), [w, v] = at(h), [k, x] = at(h);
   oo(() => {
-    p.current = !1, g.current = h;
+    p.current = !1, m.current = h;
     for (let L = 0; L < k.length; L++) {
       const S = be(k[L]);
-      f.includes(S) ? y.delete(S) : y.get(S) !== !0 && y.set(S, !1);
+      f.includes(S) ? g.delete(S) : g.get(S) !== !0 && g.set(S, !1);
     }
   }, [k, f.length, f.join("-")]);
   const T = [];
   if (h !== w) {
     let L = [...h];
     for (let S = 0; S < k.length; S++) {
-      const b = k[S], _ = be(b);
-      f.includes(_) || (L.splice(S, 0, b), T.push(b));
+      const b = k[S], E = be(b);
+      f.includes(E) || (L.splice(S, 0, b), T.push(b));
     }
     return r === "wait" && T.length && (L = T), x(Gs(L)), v(h), null;
   }
   process.env.NODE_ENV !== "production" && r === "wait" && k.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: C } = Q(Rn);
+  const { forceRender: C } = tt(Rn);
   return a.jsx(a.Fragment, { children: k.map((L) => {
-    const S = be(L), b = o && !u ? !1 : h === k || f.includes(S), _ = () => {
-      if (y.has(S))
-        y.set(S, !0);
+    const S = be(L), b = o && !u ? !1 : h === k || f.includes(S), E = () => {
+      if (g.has(S))
+        g.set(S, !0);
       else
         return;
       let N = !0;
-      y.forEach((B) => {
-        B || (N = !1);
-      }), N && (C?.(), x(g.current), o && d?.(), s && s());
+      g.forEach((I) => {
+        I || (N = !1);
+      }), N && (C?.(), x(m.current), o && d?.(), s && s());
     };
-    return a.jsx(wl, { isPresent: b, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: r, root: c, onExitComplete: b ? void 0 : _, anchorX: l, children: L }, S);
+    return a.jsx(wl, { isPresent: b, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: r, root: c, onExitComplete: b ? void 0 : E, anchorX: l, children: L }, S);
   }) });
 }, qo = wt({ strict: !1 }), Ys = {
   animation: [
@@ -2525,7 +2525,7 @@ function Pl(t, e) {
   return t.inherit !== !1 ? e : {};
 }
 function Al(t) {
-  const { initial: e, animate: n } = Pl(t, Q(Be));
+  const { initial: e, animate: n } = Pl(t, tt(Be));
   return j(() => ({ initial: e, animate: n }), [Xs(e), Xs(n)]);
 }
 function Xs(t) {
@@ -2550,7 +2550,7 @@ function Rl(t, e, n) {
 }
 const rs = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Dl = "framerAppearId", tr = "data-" + rs(Dl), er = wt({});
 function El(t, e, n, s, i) {
-  const { visualElement: r } = Q(Be), o = Q(qo), l = Q(Ne), c = Q(ss).reducedMotion, u = q(null);
+  const { visualElement: r } = tt(Be), o = tt(qo), l = 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,19 +2559,19 @@ function El(t, e, n, s, i) {
     blockInitialAnimation: l ? l.initial === !1 : !1,
     reducedMotionConfig: c
   }));
-  const d = u.current, h = Q(er);
+  const d = u.current, h = tt(er);
   d && !d.projection && i && (d.type === "html" || d.type === "svg") && _l(u.current, n, i, h);
-  const f = q(!1);
+  const f = J(!1);
   Wi(() => {
     d && f.current && d.update(n, l);
   });
-  const p = n[tr], g = q(!!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), g.current && d.animationState && d.animationState.animateChanges());
+    d && (f.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), es.render(d.render), m.current && d.animationState && d.animationState.animateChanges());
   }), Lt(() => {
-    d && (!g.current && d.animationState && d.animationState.animateChanges(), g.current && (queueMicrotask(() => {
+    d && (!m.current && d.animationState && d.animationState.animateChanges(), m.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(p);
-    }), g.current = !1));
+    }), m.current = !1));
   }), d;
 }
 function _l(t, e, n, s) {
@@ -2604,27 +2604,27 @@ function Nl({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
   function r(l, c) {
     let u;
     const d = {
-      ...Q(ss),
+      ...tt(ss),
       ...l,
       layoutId: Bl(l)
     }, { isStatic: h } = d, f = Al(l), p = s(l, h);
     if (!h && En) {
       Il(d, t);
-      const g = Ol(d);
-      u = g.MeasureLayout, f.visualElement = El(i, p, d, e, g.ProjectionNode);
+      const m = Ol(d);
+      u = m.MeasureLayout, f.visualElement = El(i, p, d, e, m.ProjectionNode);
     }
     return a.jsxs(Be.Provider, { value: f, children: [u && f.visualElement ? a.jsx(u, { visualElement: f.visualElement, ...d }) : null, n(i, l, Rl(p, f.visualElement, c), p, h, f.visualElement)] });
   }
   r.displayName = `motion.${typeof i == "string" ? i : `create(${i.displayName ?? i.name ?? ""})`}`;
-  const o = W(r);
+  const o = U(r);
   return o[Vl] = i, o;
 }
 function Bl({ layoutId: t }) {
-  const e = Q(Rn).id;
+  const e = tt(Rn).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Il(t, e) {
-  const n = Q(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 ? Xt(!1, s) : vt(!1, s);
@@ -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 Ul({ transformTemplate: t }, e) {
   return j(() => {
@@ -2817,7 +2817,7 @@ function cs(t) {
 }
 function Jl(t = !1) {
   return (n, s, i, { latestValues: r }, o) => {
-    const c = (cs(n) ? Xl : Hl)(s, r, o, n), u = Ml(s, typeof n == "string", t), d = n !== Ui ? { ...u, ...c, ref: i } : {}, { children: h } = s, f = j(() => nt(h) ? h.get() : h, [h]);
+    const c = (cs(n) ? Xl : Hl)(s, r, o, n), u = Ml(s, typeof n == "string", t), d = n !== Ui ? { ...u, ...c, ref: i } : {}, { children: h } = s, f = j(() => st(h) ? h.get() : h, [h]);
     return pa(n, {
       ...d,
       children: f
@@ -2842,7 +2842,7 @@ function us(t, e, n, s) {
   return e;
 }
 function Se(t) {
-  return nt(t) ? t.get() : t;
+  return st(t) ? t.get() : t;
 }
 function Ql({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   return {
@@ -2851,7 +2851,7 @@ function Ql({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, s, i) {
   };
 }
 const lr = (t) => (e, n) => {
-  const s = Q(Be), i = Q(Ne), 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 tc(t, e, n, s) {
@@ -2867,9 +2867,9 @@ function tc(t, e, n, s) {
   if (h && typeof h != "boolean" && !Ie(h)) {
     const f = Array.isArray(h) ? h : [h];
     for (let p = 0; p < f.length; p++) {
-      const g = us(t, f[p]);
-      if (g) {
-        const { transitionEnd: y, transition: w, ...v } = g;
+      const m = us(t, f[p]);
+      if (m) {
+        const { transitionEnd: g, transition: w, ...v } = m;
         for (const k in v) {
           let x = v[k];
           if (Array.isArray(x)) {
@@ -2878,8 +2878,8 @@ function tc(t, e, n, s) {
           }
           x !== null && (i[k] = x);
         }
-        for (const k in y)
-          i[k] = y[k];
+        for (const k in g)
+          i[k] = g[k];
       }
     }
   }
@@ -2888,7 +2888,7 @@ function tc(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 ec = {
@@ -2900,7 +2900,7 @@ const ec = {
 function cr(t, e, n) {
   const s = ds(t, e, n);
   for (const i in t)
-    if (nt(t[i]) || nt(e[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];
     }
@@ -2945,7 +2945,7 @@ function rc(t, e) {
   }
 }
 function ac(t) {
-  return !!(nt(t) && t.add);
+  return !!(st(t) && t.add);
 }
 function xn(t, e) {
   const n = t.getValue("willChange");
@@ -3010,7 +3010,7 @@ const hs = (t, e, n, s = {}, i, r) => (o) => {
   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 = !l.type && !l.ease, h && !r && e.get() !== void 0) {
     const f = cc(d.keyframes, l);
     if (f !== void 0) {
-      K.update(() => {
+      W.update(() => {
         d.onUpdate(f), d.onComplete();
       });
       return;
@@ -3033,23 +3033,23 @@ function dr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     const p = {
       delay: n,
       ...Qn(r || {}, d)
-    }, g = h.get();
-    if (g !== void 0 && !h.isAnimating && !Array.isArray(f) && f === g && !p.velocity)
+    }, m = h.get();
+    if (m !== void 0 && !h.isAnimating && !Array.isArray(f) && f === m && !p.velocity)
       continue;
-    let y = !1;
+    let g = !1;
     if (window.MotionHandoffAnimation) {
       const v = ur(t);
       if (v) {
-        const k = window.MotionHandoffAnimation(v, d, K);
-        k !== null && (p.startTime = k, y = !0);
+        const k = window.MotionHandoffAnimation(v, d, W);
+        k !== null && (p.startTime = k, g = !0);
       }
     }
-    xn(t, d), h.start(hs(d, h, f, t.shouldReduceMotion && Fo.has(d) ? { type: !1 } : p, t, y));
+    xn(t, d), h.start(hs(d, h, f, t.shouldReduceMotion && Fo.has(d) ? { type: !1 } : p, t, g));
     const w = h.animation;
     w && c.push(w);
   }
   return o && Promise.all(c).then(() => {
-    K.update(() => {
+    W.update(() => {
       o && rc(t, o);
     });
   }), c;
@@ -3134,8 +3134,8 @@ function bc(t) {
   const i = (c) => (u, d) => {
     const h = me(t, d, c === "exit" ? t.presenceContext?.custom : void 0);
     if (h) {
-      const { transition: f, transitionEnd: p, ...g } = h;
-      u = { ...u, ...g, ...p };
+      const { transition: f, transitionEnd: p, ...m } = h;
+      u = { ...u, ...m, ...p };
     }
     return u;
   };
@@ -3144,10 +3144,10 @@ function bc(t) {
   }
   function o(c) {
     const { props: u } = t, d = fr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
-    let p = {}, g = 1 / 0;
+    let p = {}, m = 1 / 0;
     for (let w = 0; w < kc; w++) {
       const v = wc[w], k = n[v], x = u[v] !== void 0 ? u[v] : d[v], T = fe(x), C = v === c ? k.isActive : null;
-      C === !1 && (g = w);
+      C === !1 && (m = w);
       let L = x === d[v] && x !== u[v] && T;
       if (L && s && t.manuallyAnimateOnMount && (L = !1), k.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
       !k.isActive && C === null || // If we didn't and don't have any defined prop for this animation type
@@ -3157,27 +3157,27 @@ function bc(t) {
       const S = Tc(k.prevProp, x);
       let b = S || // If we're making this variant active, we want to always make it active
       v === c && k.isActive && !L && T || // If we removed a higher-priority variant (i is in reverse order)
-      w > g && T, _ = !1;
+      w > m && T, E = !1;
       const N = Array.isArray(x) ? x : [x];
-      let B = N.reduce(i(v), {});
-      C === !1 && (B = {});
-      const { prevResolvedValues: z = {} } = k, R = {
-        ...z,
-        ...B
-      }, E = (O) => {
-        b = !0, f.has(O) && (_ = !0, f.delete(O)), k.needsAnimating[O] = !0;
-        const U = t.getValue(O);
-        U && (U.liveStyle = !1);
+      let I = N.reduce(i(v), {});
+      C === !1 && (I = {});
+      const { prevResolvedValues: K = {} } = k, R = {
+        ...K,
+        ...I
+      }, _ = (F) => {
+        b = !0, f.has(F) && (E = !0, f.delete(F)), k.needsAnimating[F] = !0;
+        const $ = t.getValue(F);
+        $ && ($.liveStyle = !1);
       };
-      for (const O in R) {
-        const U = B[O], st = z[O];
-        if (p.hasOwnProperty(O))
+      for (const F in R) {
+        const $ = I[F], B = K[F];
+        if (p.hasOwnProperty(F))
           continue;
-        let m = !1;
-        yn(U) && yn(st) ? m = !hr(U, st) : m = U !== st, m ? U != null ? E(O) : f.add(O) : U !== void 0 && f.has(O) ? E(O) : k.protectedKeys[O] = !0;
+        let y = !1;
+        yn($) && yn(B) ? y = !hr($, B) : y = $ !== B, y ? $ != null ? _(F) : f.add(F) : $ !== void 0 && f.has(F) ? _(F) : k.protectedKeys[F] = !0;
       }
-      k.prevProp = x, k.prevResolvedValues = B, k.isActive && (p = { ...p, ...B }), s && t.blockInitialAnimation && (b = !1), b && (!(L && S) || _) && h.push(...N.map((O) => ({
-        animation: O,
+      k.prevProp = x, k.prevResolvedValues = I, k.isActive && (p = { ...p, ...I }), s && t.blockInitialAnimation && (b = !1), b && (!(L && S) || E) && h.push(...N.map((F) => ({
+        animation: F,
         options: { type: v }
       })));
     }
@@ -3192,8 +3192,8 @@ function bc(t) {
         x && (x.liveStyle = !0), w[v] = k ?? 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();
+    let g = !!h.length;
+    return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (g = !1), s = !1, g ? e(h) : Promise.resolve();
   }
   function l(c, u) {
     if (n[c].isActive === u)
@@ -3344,7 +3344,7 @@ function Bc(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function Qs(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = Z(e.min, e.max, t.origin), t.scale = ot(n) / ot(e), t.translate = Z(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Dc && t.scale <= Ec || isNaN(t.scale)) && (t.scale = 1), (t.translate >= _c && t.translate <= Nc || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = G(e.min, e.max, t.origin), t.scale = ot(n) / ot(e), t.translate = G(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Dc && t.scale <= Ec || isNaN(t.scale)) && (t.scale = 1), (t.translate >= _c && t.translate <= Nc || isNaN(t.translate)) && (t.translate = 0);
 }
 function le(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);
@@ -3369,7 +3369,7 @@ const ni = () => ({
 }), zt = () => ({
   x: ni(),
   y: ni()
-}), si = () => ({ min: 0, max: 0 }), X = () => ({
+}), si = () => ({ min: 0, max: 0 }), q = () => ({
   x: si(),
   y: si()
 });
@@ -3425,7 +3425,7 @@ 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 = Z(t.min, t.max, i);
+  const r = G(t.min, t.max, i);
   wn(t, e, n, r, s);
 }
 function Wt(t, e) {
@@ -3448,26 +3448,26 @@ class wr {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const f = Qe(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, g = zc(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!p && !g)
+      const f = Qe(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = zc(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!p && !m)
         return;
-      const { point: y } = f, { timestamp: w } = tt;
-      this.history.push({ ...y, timestamp: w });
+      const { point: g } = f, { timestamp: w } = et;
+      this.history.push({ ...g, timestamp: w });
       const { onStart: v, onMove: k } = this.handlers;
       p || (v && v(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), k && k(this.lastMoveEvent, f);
     }, this.handlePointerMove = (f, p) => {
-      this.lastMoveEvent = f, this.lastMoveEventInfo = Je(p, this.transformPagePoint), K.update(this.updatePoint, !0);
+      this.lastMoveEvent = f, this.lastMoveEventInfo = Je(p, this.transformPagePoint), W.update(this.updatePoint, !0);
     }, this.handlePointerUp = (f, p) => {
       this.end();
-      const { onEnd: g, onSessionEnd: y, resumeAnimation: w } = this.handlers;
+      const { onEnd: m, onSessionEnd: g, 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 && g && g(f, v), y && y(f, v);
+      this.startEvent && m && m(f, v), g && g(f, v);
     }, !ns(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = o, this.contextWindow = i || window;
-    const l = Ce(e), c = Je(l, this.transformPagePoint), { point: u } = c, { timestamp: d } = tt;
+    const l = Ce(e), c = Je(l, this.transformPagePoint), { point: u } = c, { timestamp: d } = et;
     this.history = [{ ...u, timestamp: d }];
     const { onSessionStart: h } = n;
     h && h(e, Qe(c, this.history)), this.removeListeners = ye(ae(this.contextWindow, "pointermove", this.handlePointerMove), ae(this.contextWindow, "pointerup", this.handlePointerUp), ae(this.contextWindow, "pointercancel", this.handlePointerUp));
@@ -3518,7 +3518,7 @@ function Wc(t, e) {
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
 function Uc(t, { min: e, max: n }, s) {
-  return e !== void 0 && t < e ? t = s ? Z(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? Z(n, t, s.max) : Math.min(t, n)), t;
+  return e !== void 0 && t < e ? t = s ? G(e, t, s.min) : Math.max(t, e) : n !== void 0 && t > n && (t = s ? G(n, t, s.max) : Math.min(t, n)), t;
 }
 function di(t, e, n) {
   return {
@@ -3570,7 +3570,7 @@ function pi(t, e) {
 const Xc = /* @__PURE__ */ new WeakMap();
 class qc {
   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 = X(), 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;
@@ -3580,8 +3580,8 @@ class qc {
       const { dragSnapToOrigin: f } = this.getProps();
       f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ce(h).point);
     }, o = (h, f) => {
-      const { drag: p, dragPropagation: g, onDragStart: y } = this.getProps();
-      if (p && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = ul(p), !this.openDragLock))
+      const { drag: p, dragPropagation: m, onDragStart: g } = this.getProps();
+      if (p && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = ul(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), ut((v) => {
         let k = this.getAxisMotionValue(v).get() || 0;
@@ -3593,17 +3593,17 @@ class qc {
           }
         }
         this.originPoint[v] = k;
-      }), y && K.postRender(() => y(h, f)), xn(this.visualElement, "transform");
+      }), g && W.postRender(() => g(h, f)), xn(this.visualElement, "transform");
       const { animationState: w } = this.visualElement;
       w && w.setActive("whileDrag", !0);
     }, l = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f;
-      const { dragPropagation: p, dragDirectionLock: g, onDirectionLock: y, onDrag: w } = this.getProps();
+      const { dragPropagation: p, dragDirectionLock: m, onDirectionLock: g, onDrag: w } = this.getProps();
       if (!p && !this.openDragLock)
         return;
       const { offset: v } = f;
-      if (g && this.currentDirection === null) {
-        this.currentDirection = Jc(v), this.currentDirection !== null && y && y(this.currentDirection);
+      if (m && this.currentDirection === null) {
+        this.currentDirection = Jc(v), this.currentDirection !== null && g && g(this.currentDirection);
         return;
       }
       this.updateAxis("x", f.point, v), this.updateAxis("y", f.point, v), this.visualElement.render(), w && w(h, f);
@@ -3633,7 +3633,7 @@ class qc {
     const { velocity: o } = i;
     this.startAnimation(o);
     const { onDragEnd: l } = this.getProps();
-    l && K.postRender(() => l(s, i));
+    l && W.postRender(() => l(s, i));
   }
   /**
    * @internal
@@ -3682,7 +3682,7 @@ class qc {
         return;
       let h = c && c[d] || {};
       o && (h = { min: 0, max: 0 });
-      const f = i ? 200 : 1e6, p = i ? 40 : 1e7, g = {
+      const f = i ? 200 : 1e6, p = i ? 40 : 1e7, m = {
         type: "inertia",
         velocity: s ? e[d] : 0,
         bounceStiffness: f,
@@ -3693,7 +3693,7 @@ class qc {
         ...r,
         ...h
       };
-      return this.startAxisValueAnimation(d, g);
+      return this.startAxisValueAnimation(d, m);
     });
     return Promise.all(u).then(l);
   }
@@ -3728,7 +3728,7 @@ class qc {
       const { projection: i } = this.visualElement, r = this.getAxisMotionValue(n);
       if (i && i.layout) {
         const { min: o, max: l } = i.layout.layoutBox[n];
-        r.set(e[n] - Z(o, l, 0.5));
+        r.set(e[n] - G(o, l, 0.5));
       }
     });
   }
@@ -3757,7 +3757,7 @@ class qc {
       if (!Te(o, e, null))
         return;
       const l = this.getAxisMotionValue(o), { min: c, max: u } = this.constraints[o];
-      l.set(Z(c, u, i[o]));
+      l.set(G(c, u, i[o]));
     });
   }
   addListeners() {
@@ -3771,7 +3771,7 @@ class qc {
       const { dragConstraints: c } = this.getProps();
       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()), K.read(s);
+    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), W.read(s);
     const o = ge(window, "resize", () => this.scalePositionWithinConstraints()), l = i.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: u }) => {
       this.isDragging && u && (ut((d) => {
         const h = this.getAxisMotionValue(d);
@@ -3815,7 +3815,7 @@ class Qc extends Vt {
   }
 }
 const mi = (t) => (e, n) => {
-  t && K.postRender(() => t(e, n));
+  t && W.postRender(() => t(e, n));
 };
 class t0 extends Vt {
   constructor() {
@@ -3834,7 +3834,7 @@ class t0 extends Vt {
       onStart: mi(n),
       onMove: s,
       onEnd: (r, o) => {
-        delete this.session, i && K.postRender(() => i(r, o));
+        delete this.session, i && W.postRender(() => i(r, o));
       }
     };
   }
@@ -3882,7 +3882,7 @@ const ie = {
       return s;
     const r = Pt.createTransformer(t), o = typeof i[0] != "number" ? 1 : 0, l = n.x.scale * e.x, c = n.y.scale * e.y;
     i[0 + o] /= l, i[1 + o] /= c;
-    const u = Z(l, c, 0.5);
+    const u = G(l, c, 0.5);
     return typeof i[2 + o] == "number" && (i[2 + o] /= u), typeof i[3 + o] == "number" && (i[3 + o] /= u), r(i);
   }
 };
@@ -3904,7 +3904,7 @@ class n0 extends ma {
   }
   getSnapshotBeforeUpdate(e) {
     const { layoutDependency: n, visualElement: s, drag: i, isPresent: r } = this.props, { projection: o } = s;
-    return o && (o.isPresent = r, yi = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== r ? o.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? o.promote() : o.relegate() || K.postRender(() => {
+    return o && (o.isPresent = r, yi = !0, i || e.layoutDependency !== n || n === void 0 || e.isPresent !== r ? o.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? o.promote() : o.relegate() || W.postRender(() => {
       const l = o.getStack();
       (!l || !l.members.length) && this.safeToRemove();
     }))), null;
@@ -3928,8 +3928,8 @@ class n0 extends ma {
   }
 }
 function jr(t) {
-  const [e, n] = Xo(), s = Q(Rn);
-  return a.jsx(n0, { ...t, layoutGroup: s, switchLayoutGroup: Q(er), isPresent: e, safeToRemove: n });
+  const [e, n] = Xo(), s = tt(Rn);
+  return a.jsx(n0, { ...t, layoutGroup: s, switchLayoutGroup: tt(er), isPresent: e, safeToRemove: n });
 }
 const s0 = {
   borderRadius: {
@@ -3948,7 +3948,7 @@ const s0 = {
   boxShadow: e0
 };
 function i0(t, e, n) {
-  const s = nt(t) ? t : Zt(t);
+  const s = st(t) ? t : Zt(t);
   return s.start(hs("", s, e, n)), s.animation;
 }
 const o0 = (t, e) => t.depth - e.depth;
@@ -3971,19 +3971,19 @@ function a0(t, e) {
     const r = i - n;
     r >= e && (St(s), t(r - e));
   };
-  return K.setup(s, !0), () => St(s);
+  return W.setup(s, !0), () => St(s);
 }
 const br = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], l0 = br.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, vi = (t) => typeof t == "number" || A.test(t);
 function c0(t, e, n, s, i, r) {
-  i ? (t.opacity = Z(0, n.opacity ?? 1, u0(s)), t.opacityExit = Z(e.opacity ?? 1, 0, d0(s))) : r && (t.opacity = Z(e.opacity ?? 1, n.opacity ?? 1, s));
+  i ? (t.opacity = G(0, n.opacity ?? 1, u0(s)), t.opacityExit = G(e.opacity ?? 1, 0, d0(s))) : r && (t.opacity = G(e.opacity ?? 1, n.opacity ?? 1, s));
   for (let o = 0; o < l0; o++) {
     const l = `border${br[o]}Radius`;
     let c = Ci(e, l), u = Ci(n, l);
     if (c === void 0 && u === void 0)
       continue;
-    c || (c = 0), u || (u = 0), c === 0 || u === 0 || vi(c) === vi(u) ? (t[l] = Math.max(Z(xi(c), xi(u), s), 0), (gt.test(u) || gt.test(c)) && (t[l] += "%")) : t[l] = u;
+    c || (c = 0), u || (u = 0), c === 0 || u === 0 || vi(c) === vi(u) ? (t[l] = Math.max(G(xi(c), xi(u), s), 0), (gt.test(u) || gt.test(c)) && (t[l] += "%")) : t[l] = u;
   }
-  (e.rotate || n.rotate) && (t.rotate = Z(e.rotate || 0, n.rotate || 0, s));
+  (e.rotate || n.rotate) && (t.rotate = G(e.rotate || 0, n.rotate || 0, s));
 }
 function Ci(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
@@ -4005,9 +4005,9 @@ function ji(t, e, n, s, i) {
   return t -= e, t = Ee(t, 1 / n, s), i !== void 0 && (t = Ee(t, 1 / i, s)), t;
 }
 function h0(t, e = 0, n = 1, s = 0.5, i, r = t, o = t) {
-  if (gt.test(e) && (e = parseFloat(e), e = Z(o.min, o.max, e / 100) - o.min), typeof e != "number")
+  if (gt.test(e) && (e = parseFloat(e), e = G(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
-  let l = Z(r.min, r.max, s);
+  let l = G(r.min, r.max, s);
   t === r && (l -= e), t.min = ji(t.min, e, n, l, i), t.max = ji(t.max, e, n, l, i);
 }
 function bi(t, e, [n, s, i], r, o) {
@@ -4099,8 +4099,8 @@ function y0(t, e, n) {
   let s = "";
   const i = t.x.translate / e.x, r = t.y.translate / e.y, o = n?.z || 0;
   if ((i || r || o) && (s = `translate3d(${i}px, ${r}px, ${o}px) `), (e.x !== 1 || e.y !== 1) && (s += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
-    const { transformPerspective: u, rotate: d, rotateX: h, rotateY: f, skewX: p, skewY: g } = n;
-    u && (s = `perspective(${u}px) ${s}`), d && (s += `rotate(${d}deg) `), h && (s += `rotateX(${h}deg) `), f && (s += `rotateY(${f}deg) `), p && (s += `skewX(${p}deg) `), g && (s += `skewY(${g}deg) `);
+    const { transformPerspective: u, rotate: d, rotateX: h, rotateY: f, skewX: p, skewY: m } = n;
+    u && (s = `perspective(${u}px) ${s}`), d && (s += `rotate(${d}deg) `), h && (s += `rotateX(${h}deg) `), f && (s += `rotateY(${f}deg) `), p && (s += `skewX(${p}deg) `), m && (s += `skewY(${m}deg) `);
   }
   const l = t.x.scale * e.x, c = t.y.scale * e.y;
   return (l !== 1 || c !== 1) && (s += `scale(${l}, ${c})`), s || "none";
@@ -4120,7 +4120,7 @@ function Sr(t) {
   const n = ur(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: i, layoutId: r } = t.options;
-    window.MotionCancelOptimisedAnimation(n, "transform", K, !(i || r));
+    window.MotionCancelOptimisedAnimation(n, "transform", W, !(i || r));
   }
   const { parent: s } = t;
   s && !s.hasCheckedOptimisedAppear && Sr(s);
@@ -4158,7 +4158,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (u && !u.current && u.mount(o), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (c || l) && (this.isLayoutDirty = !0), t) {
         let d, h = 0;
         const f = () => this.root.updateBlockedByResize = !1;
-        K.read(() => {
+        W.read(() => {
           h = window.innerWidth;
         }), t(o, () => {
           const p = window.innerWidth;
@@ -4170,12 +4170,12 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const g = this.options.transition || u.getDefaultTransition() || R0, { onLayoutAnimationStart: y, onLayoutAnimationComplete: w } = u.getProps(), v = !this.targetLayout || !Mr(this.targetLayout, p), k = !h && f;
+        const m = this.options.transition || u.getDefaultTransition() || R0, { onLayoutAnimationStart: g, onLayoutAnimationComplete: w } = u.getProps(), v = !this.targetLayout || !Mr(this.targetLayout, p), k = !h && f;
         if (this.options.layoutRoot || this.resumeFrom || k || h && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const x = {
-            ...Qn(g, "layout"),
-            onPlay: y,
+            ...Qn(m, "layout"),
+            onPlay: g,
             onComplete: w
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (x.delay = 0, x.type = !1), this.startAnimation(x), this.setAnimationOrigin(d, k);
@@ -4239,7 +4239,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(T0), this.nodes.forEach(C0), this.nodes.forEach(w0)) : this.nodes.forEach(Ri), this.clearAllSnapshots();
       const l = rt.now();
-      tt.delta = xt(0, 1e3 / 60, l - tt.timestamp), tt.timestamp = l, tt.isProcessing = !0, $e.update.process(tt), $e.preRender.process(tt), $e.render.process(tt), tt.isProcessing = !1;
+      et.delta = xt(0, 1e3 / 60, l - et.timestamp), et.timestamp = l, et.isProcessing = !0, $e.update.process(et), $e.preRender.process(et), $e.render.process(et), et.isProcessing = !1;
     }
     didUpdate() {
       this.updateScheduled || (this.updateScheduled = !0, es.read(this.scheduleUpdate));
@@ -4248,10 +4248,10 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.nodes.forEach(b0), this.sharedNodes.forEach(P0);
     }
     scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, K.preRender(this.updateProjection, !1, !0));
+      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, W.preRender(this.updateProjection, !1, !0));
     }
     scheduleCheckAfterUnmount() {
-      K.postRender(() => {
+      W.postRender(() => {
         this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
       });
     }
@@ -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 = X(), 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: l } = this.options;
       l && l.notify("LayoutMeasure", this.layout.layoutBox, o ? o.layoutBox : void 0);
     }
@@ -4305,7 +4305,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     measurePageBox() {
       const { visualElement: o } = this.options;
       if (!o)
-        return X();
+        return q();
       const l = o.measureViewportBox();
       if (!(this.scroll?.wasRoot || this.path.some(E0))) {
         const { scroll: u } = this.root;
@@ -4314,7 +4314,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return l;
     }
     removeElementScroll(o) {
-      const l = X();
+      const l = q();
       if (ct(l, o), this.scroll?.wasRoot)
         return l;
       for (let c = 0; c < this.path.length; c++) {
@@ -4324,7 +4324,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return l;
     }
     applyTransform(o, l = !1) {
-      const c = X();
+      const c = q();
       ct(c, o);
       for (let u = 0; u < this.path.length; u++) {
         const d = this.path[u];
@@ -4336,14 +4336,14 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return Dt(this.latestValues) && Wt(c, this.latestValues), c;
     }
     removeTransform(o) {
-      const l = X();
+      const l = q();
       ct(l, o);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
         if (!u.instance || !Dt(u.latestValues))
           continue;
         Cn(u.latestValues) && u.updateSnapshot();
-        const d = X(), h = u.measurePageBox();
+        const d = q(), h = u.measurePageBox();
         ct(d, h), Ti(l, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
       }
       return Dt(this.latestValues) && Ti(l, this.latestValues), l;
@@ -4362,7 +4362,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
     }
     forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== tt.timestamp && this.relativeParent.resolveTargetDelta(!0);
+      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== et.timestamp && this.relativeParent.resolveTargetDelta(!0);
     }
     resolveTargetDelta(o = !1) {
       const l = this.getLead();
@@ -4372,14 +4372,14 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       const { layout: d, layoutId: h } = this.options;
       if (!(!this.layout || !(d || h))) {
-        if (this.resolvedRelativeTargetAt = tt.timestamp, !this.targetDelta && !this.relativeTarget) {
+        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 = X(), this.relativeTargetOrigin = X(), ce(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), ct(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(), ce(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 = X(), this.targetWithTransforms = X()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Ic(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)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = q(), this.targetWithTransforms = q()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Ic(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 = X(), this.relativeTargetOrigin = X(), ce(this.relativeTargetOrigin, this.target, f.target), ct(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(), ce(this.relativeTargetOrigin, this.target, f.target), ct(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -4393,14 +4393,14 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     calcProjection() {
       const o = this.getLead(), l = !!this.resumingFrom || this !== o;
       let c = !0;
-      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === tt.timestamp && (c = !1), c)
+      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (c = !1), l && (this.isSharedProjectionDirty || this.isTransformDirty) && (c = !1), this.resolvedRelativeTargetAt === et.timestamp && (c = !1), c)
         return;
       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;
       ct(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      Oc(this.layoutCorrected, this.treeScale, this.path, l), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = X());
+      Oc(this.layoutCorrected, this.treeScale, this.path, l), 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());
@@ -4427,16 +4427,16 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(o, l = !1) {
       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 = !l;
-      const f = X(), p = c ? c.source : void 0, g = this.layout ? this.layout.source : void 0, y = p !== g, w = this.getStack(), v = !w || w.members.length <= 1, k = !!(y && !v && this.options.crossfade === !0 && !this.path.some(V0));
+      const f = q(), p = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, g = p !== m, w = this.getStack(), v = !w || w.members.length <= 1, k = !!(g && !v && this.options.crossfade === !0 && !this.path.some(V0));
       this.animationProgress = 0;
       let x;
       this.mixTargetDelta = (T) => {
         const C = T / 1e3;
-        Ei(h.x, o.x, C), Ei(h.y, o.y, C), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ce(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), A0(this.relativeTarget, this.relativeTargetOrigin, f, C), x && m0(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = X()), ct(x, this.relativeTarget)), y && (this.animationValues = d, c0(d, u, this.latestValues, C, k, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
+        Ei(h.x, o.x, C), Ei(h.y, o.y, C), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ce(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), A0(this.relativeTarget, this.relativeTargetOrigin, f, C), x && m0(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = q()), ct(x, this.relativeTarget)), g && (this.animationValues = d, c0(d, u, this.latestValues, C, k, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (St(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = K.update(() => {
+      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 = i0(this.motionValue, [0, 1e3], {
           ...o,
           velocity: 0,
@@ -4465,7 +4465,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let { targetWithTransforms: l, target: c, layout: u, latestValues: d } = o;
       if (!(!l || !c || !u)) {
         if (this !== o && this.layout && u && Ar(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          c = this.target || 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 = ot(this.layout.layoutBox.y);
@@ -4548,16 +4548,16 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       c && (h = c(d, h)), o.transform = h;
       const { x: f, y: p } = this.projectionDelta;
       o.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, u.animationValues ? o.opacity = u === this ? d.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : o.opacity = u === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
-      for (const g in pe) {
-        if (d[g] === void 0)
+      for (const m in pe) {
+        if (d[m] === void 0)
           continue;
-        const { correct: y, applyTo: w, isCSSVariable: v } = pe[g], k = h === "none" ? d[g] : y(d[g], u);
+        const { correct: g, applyTo: w, isCSSVariable: v } = pe[m], k = h === "none" ? d[m] : g(d[m], u);
         if (w) {
           const x = w.length;
           for (let T = 0; T < x; T++)
             o[w[T]] = k;
         } else
-          v ? this.options.visualElement.renderState.vars[g] = k : o[g] = k;
+          v ? this.options.visualElement.renderState.vars[m] = k : o[m] = k;
       }
       this.options.layoutId && (o.pointerEvents = u === this ? Se(l?.pointerEvents) || "" : "none");
     }
@@ -4595,10 +4595,10 @@ function w0(t) {
       if (d && !d.resumeFrom) {
         const { snapshot: h, layout: f } = d;
         if (h && f) {
-          const p = X();
+          const p = q();
           ce(p, e.layoutBox, h.layoutBox);
-          const g = X();
-          ce(g, n, f.layoutBox), Mr(p, g) || (u = !0), d.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = p, t.relativeParent = d);
+          const m = q();
+          ce(m, n, f.layoutBox), Mr(p, m) || (u = !0), d.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = d);
         }
       }
     }
@@ -4651,10 +4651,10 @@ function P0(t) {
   t.removeLeadSnapshot();
 }
 function Ei(t, e, n) {
-  t.translate = Z(e.translate, 0, n), t.scale = Z(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
+  t.translate = G(e.translate, 0, n), t.scale = G(e.scale, 1, n), t.origin = e.origin, t.originPoint = e.originPoint;
 }
 function _i(t, e, n, s) {
-  t.min = Z(e.min, n.min, s), t.max = Z(e.max, n.max, s);
+  t.min = G(e.min, n.min, s), t.max = G(e.max, n.max, s);
 }
 function A0(t, e, n, s) {
   _i(t.x, e.x, n.x, s), _i(t.y, e.y, n.y, s);
@@ -4717,7 +4717,7 @@ function Oi(t, e, n) {
   const { props: s } = t;
   t.animationState && s.whileHover && t.animationState.setActive("whileHover", n === "Start");
   const i = "onHover" + n, r = s[i];
-  r && K.postRender(() => r(e, Ce(e)));
+  r && W.postRender(() => r(e, Ce(e)));
 }
 class B0 extends Vt {
   mount() {
@@ -4755,7 +4755,7 @@ function Fi(t, e, n) {
     return;
   t.animationState && s.whileTap && t.animationState.setActive("whileTap", n === "Start");
   const i = "onTap" + (n === "End" ? "" : n), r = s[i];
-  r && K.postRender(() => r(e, Ce(e)));
+  r && W.postRender(() => r(e, Ce(e)));
 }
 class O0 extends Vt {
   mount() {
@@ -4853,9 +4853,9 @@ const X0 = /* @__PURE__ */ new WeakMap();
 function q0(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))
+    else if (st(r))
       t.addValue(s, Zt(i, { owner: t }));
     else if (r !== i)
       if (t.hasValue(s)) {
@@ -4895,14 +4895,14 @@ class J0 {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const f = rt.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, K.render(this.render, !1, !0));
+      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 = l, 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) {
@@ -4923,7 +4923,7 @@ class J0 {
     const s = Qt.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (l) => {
-      this.latestValues[e] = l, this.props.onUpdate && K.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
+      this.latestValues[e] = l, this.props.onUpdate && W.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
     }), r = n.on("renderRequest", this.scheduleRender);
     let o;
     window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, e, n)), this.valueSubscriptions.set(e, () => {
@@ -4955,7 +4955,7 @@ class J0 {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : X();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : q();
   }
   getStaticValue(e) {
     return this.latestValues[e];
@@ -5040,7 +5040,7 @@ class J0 {
    */
   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) : !xl(s) && Pt.test(n) && (s = Uo(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) : !xl(s) && Pt.test(n) && (s = Uo(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 J0 {
     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 J0 {
   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}`);
     }));
   }
@@ -5159,7 +5159,7 @@ function e2(t, e, n, s) {
 }
 class n2 extends Dr {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = X;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = q;
   }
   getBaseTargetFromProps(e, n) {
     return e[n];
@@ -5194,9 +5194,9 @@ const s2 = (t, e) => cs(t) ? new n2(e) : new t2(e, {
 }, s2), o2 = /* @__PURE__ */ Sl(i2), r2 = (t, e) => {
   const { isOpen: n, as: s = "div", children: i, ...r } = t, o = o2[s];
   return /* @__PURE__ */ a.jsx(jl, { children: n && /* @__PURE__ */ a.jsx(o, { ref: e, ...r, children: i }) });
-}, a2 = W(r2), Fe = I(a2);
+}, a2 = U(r2), Fe = O(a2);
 Fe.displayName = "CTransition";
-const Nr = W((t, e) => {
+const Nr = U((t, e) => {
   const {
     type: n = "button",
     className: s,
@@ -5209,13 +5209,13 @@ const Nr = W((t, e) => {
     height: d,
     style: h,
     onClick: f,
-    onMouseDown: p,
-    onMouseLeave: g,
-    onMouseUp: y,
-    onKeyDown: w,
-    onKeyUp: v,
+    onMouseLeave: p,
+    onKeyDown: m,
+    onKeyUp: g,
+    onPointerDown: w,
+    onPointerUp: v,
     ...k
-  } = t, x = q(null), T = Ln(x), C = j(() => c === "plain", [c]);
+  } = t, x = J(null), T = Ln(x), C = j(() => c === "plain", [c]);
   pt(e, () => ({
     focus() {
       x.current?.focus();
@@ -5228,23 +5228,23 @@ const Nr = W((t, e) => {
     }
   }));
   const L = j(() => {
-    const E = ["k-button", `k-button--${l}`];
-    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, l, c, o]), S = j(() => ({ ...h, width: u, height: d }), []), b = M((E) => {
-    r || f?.(E);
-  }, [r, f]), _ = M((E) => {
-    p?.(E), !r && !C && T?.register(E);
-  }, [T, C, p]), N = M((E) => {
-    y?.(E), C || T.remove();
-  }, [T, C, y]), B = M((E) => {
-    if (g?.(E), !x?.current)
+    const _ = ["k-button", `k-button--${l}`];
+    return s && _.push(s), r && _.push("k-button--disabled"), c && _.push(`k-button--${c}`), o && _.push("k-button--danger"), _.join(" ");
+  }, [s, r, l, c, o]), S = j(() => ({ ...h, width: u, height: d }), []), b = M((_) => {
+    r || f?.(_);
+  }, [r, f]), E = M((_) => {
+    if (p?.(_), !x?.current)
       throw Error("Invalid rootRef.");
     C || T.remove();
-  }, [T, C, g]), z = M((E) => {
-    w?.(E), C || T?.register(E);
-  }, [T, w]), R = M((E) => {
-    v?.(E), C || Mt(E, () => T.remove());
-  }, [T, v]);
+  }, [T, C, p]), N = M((_) => {
+    m?.(_);
+  }, [m]), I = M((_) => {
+    g?.(_), C || Mt(_, () => T.remove());
+  }, [T, g]), K = M((_) => {
+    w?.(_), !r && !C && T?.register(_);
+  }, [T, r]), R = M((_) => {
+    T.remove(), v?.(_);
+  }, [T]);
   return /* @__PURE__ */ a.jsx(
     Ji,
     {
@@ -5255,15 +5255,15 @@ const Nr = W((t, e) => {
       className: L,
       style: S,
       disabled: r,
-      onMouseDown: _,
-      onMouseLeave: B,
+      onMouseLeave: E,
       onClick: b,
-      onMouseUp: N,
-      onKeyDown: z,
-      onKeyUp: R
+      onKeyDown: N,
+      onKeyUp: I,
+      onPointerDown: K,
+      onPointerUp: R
     }
   );
-}), fs = I(Nr);
+}), fs = O(Nr);
 Nr.displayName = "KButton";
 fs.displayName = "KButton";
 const S2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
@@ -5285,16 +5285,16 @@ const S2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
     }), c;
   }, [i, n, s]);
   return /* @__PURE__ */ a.jsx("div", { ...r, className: o, role: "group", children: l });
-}, l2 = I(Br);
+}, l2 = O(Br);
 l2.displayName = "KButtonGroup";
 Br.displayName = "KButtonGroup";
-const Ir = W((t, e) => {
+const Ir = U((t, e) => {
   const { value: n, className: s, ...i } = t, r = j(() => {
     const o = ["k-toggle-button"];
     return s && o.push(s), o.join(" ");
   }, [s]);
   return /* @__PURE__ */ a.jsx(fs, { ref: e, className: r, ...i });
-}), Or = I(Ir);
+}), Or = O(Ir);
 Ir.displayName = "KToggleButton";
 Or.displayName = "KToggleButton";
 const Fr = ({
@@ -5306,23 +5306,23 @@ const Fr = ({
   ...r
 }) => {
   const [o, l] = at(null), [c, u] = at([]), d = j(() => {
-    const g = ["k-toggle-button-group"];
-    return e && g.push(e), g.join(" ");
+    const m = ["k-toggle-button-group"];
+    return e && m.push(e), m.join(" ");
   }, [e]), h = M(
-    (g) => {
-      t ? u((y) => y.includes(g) ? y.filter((w) => w !== g) : [...y, g]) : l((y) => y === g ? null : g);
+    (m) => {
+      t ? u((g) => g.includes(m) ? g.filter((w) => w !== m) : [...g, m]) : l((g) => g === m ? null : m);
     },
     [t]
-  ), f = M((g) => t ? c.includes(g) : o === g, [t, o, c]), p = j(() => At.toArray(i).map((g) => {
-    if (!yt(g) || g.type !== Or) return null;
-    const y = g, { value: w } = y.props, v = f(w), k = (T) => {
-      h(w), y.props.onClick?.(T);
+  ), f = M((m) => t ? c.includes(m) : o === m, [t, o, c]), p = j(() => At.toArray(i).map((m) => {
+    if (!yt(m) || m.type !== Or) return null;
+    const g = m, { value: w } = g.props, v = f(w), k = (T) => {
+      h(w), g.props.onClick?.(T);
     }, x = (T) => {
-      y.props.onKeyDown?.(T), Mt(T, () => h(w));
+      g.props.onKeyDown?.(T), Mt(T, () => h(w));
     };
-    return _e(y, {
-      ...y.props,
-      key: g.key ?? `k-toggle-button--${w}`,
+    return _e(g, {
+      ...g.props,
+      key: m.key ?? `k-toggle-button--${w}`,
       className: v ? "k-toggle-button--selected" : void 0,
       variant: n,
       size: s,
@@ -5331,18 +5331,18 @@ const Fr = ({
     });
   }), [i, s, n, f, h]);
   return /* @__PURE__ */ a.jsx("div", { ...r, className: d, role: "group", children: p });
-}, c2 = I(Fr);
+}, c2 = O(Fr);
 Fr.displayName = "KToggleButtonGroup";
 c2.displayName = "KToggleButtonGroup";
-const zr = W((t, e) => {
-  const { className: n, value: s, disabled: i, size: r = "medium", ...o } = t, l = q(null), c = j(() => {
+const zr = U((t, e) => {
+  const { className: n, value: s, disabled: i, size: r = "medium", ...o } = t, l = J(null), c = j(() => {
     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 pt(e, () => ({
     toggle: () => l.current?.click()
   })), /* @__PURE__ */ a.jsx(no, { ref: l, ...o, value: s, className: c, disabled: i, children: /* @__PURE__ */ a.jsx("span", { className: "k-switch__toggle" }) });
-}), u2 = I(zr);
+}), u2 = O(zr);
 zr.displayName = "KSwitch";
 u2.displayName = "KSwitch";
 const Kr = (t) => {
@@ -5357,10 +5357,10 @@ const Kr = (t) => {
     ] }),
     /* @__PURE__ */ a.jsx(Ut.Content, { className: "k-accordion__content", children: /* @__PURE__ */ a.jsx("div", { className: "k-accordion__content__container", children: i }) })
   ] });
-}, d2 = I(Kr);
+}, d2 = O(Kr);
 d2.displayName = "KAccordion";
 Kr.displayName = "KAccordion";
-const Wr = W((t, e) => {
+const Wr = U((t, e) => {
   const {
     children: n,
     className: s,
@@ -5374,36 +5374,34 @@ const Wr = W((t, e) => {
     onClick: h,
     onMouseDown: f,
     onMouseLeave: p,
-    onMouseUp: g,
-    onKeyDown: y,
+    onMouseUp: m,
+    onKeyDown: g,
     onKeyUp: w,
     onPointerUp: v,
     onPointerDown: k,
     ...x
-  } = t, T = q(null), C = Ln(T);
+  } = t, T = J(null), C = Ln(T);
   pt(e, () => T.current, []);
   const L = j(() => {
-    const m = ["k-menu-item", `k-menu-item--${r}`];
-    return s && m.push(s), d && m.push("k-menu-item--disabled"), m.join(" ");
-  }, [s, r]), S = j(() => ({ ...i }), [i]), b = M((m) => {
-    d || h?.(m);
-  }, [d, h]), _ = M((m) => {
-    d || f?.(m);
-  }, [C, f, d]), N = M((m) => {
-    g?.(m), C.remove();
-  }, [C, g]), B = M((m) => {
-    p?.(m), C.remove();
-  }, [C, p]), z = M((m) => {
-    y?.(m), C?.register(m), Mt(m, () => {
+    const B = ["k-menu-item", `k-menu-item--${r}`];
+    return s && B.push(s), d && B.push("k-menu-item--disabled"), B.join(" ");
+  }, [s, r]), S = j(() => ({ ...i }), [i]), b = M((B) => {
+    d || f?.(B);
+  }, [C, f, d]), E = M((B) => {
+    m?.(B), C.remove();
+  }, [C, m]), N = M((B) => {
+    p?.(B), C.remove();
+  }, [C, p]), I = M((B) => {
+    g?.(B), C?.register(B), Mt(B, () => {
       h?.();
     });
-  }, [C, y]), R = M((m) => {
-    w?.(m), Mt(m, () => C.remove());
-  }, [C, w]), E = M((m) => {
-    d || C?.register(m), k?.(m);
-  }, [C, d, f]), G = M((m) => {
-    C.remove(), v?.(m);
-  }, [C, g]), lt = j(() => o ? /* @__PURE__ */ a.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), O = j(() => /* @__PURE__ */ a.jsx("div", { className: "k-menu-item__label", children: l }), [l]), U = j(() => c ? /* @__PURE__ */ a.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), st = j(() => u ? /* @__PURE__ */ a.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
+  }, [C, g]), K = M((B) => {
+    w?.(B), Mt(B, () => C.remove());
+  }, [C, w]), R = M((B) => {
+    d || (h?.(B), C?.register(B)), k?.(B);
+  }, [C, d, f]), _ = M((B) => {
+    C.remove(), v?.(B);
+  }, [C]), Y = j(() => o ? /* @__PURE__ */ a.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), lt = j(() => /* @__PURE__ */ a.jsx("div", { className: "k-menu-item__label", children: l }), [l]), F = j(() => c ? /* @__PURE__ */ a.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), $ = j(() => u ? /* @__PURE__ */ a.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
   return /* @__PURE__ */ a.jsxs(
     to,
     {
@@ -5413,27 +5411,26 @@ const Wr = W((t, e) => {
       className: L,
       style: S,
       disabled: d,
-      onClick: b,
-      onMouseDown: _,
-      onMouseUp: N,
-      onPointerDown: E,
-      onPointerUp: G,
-      onMouseLeave: B,
-      onKeyDown: z,
-      onKeyUp: R,
+      onMouseDown: b,
+      onMouseUp: E,
+      onPointerDown: R,
+      onPointerUp: _,
+      onMouseLeave: N,
+      onKeyDown: I,
+      onKeyUp: K,
       children: [
+        Y,
         lt,
-        O,
-        st,
-        U
+        $,
+        F
       ]
     }
   );
-}), ze = I(Wr);
+}), ze = O(Wr);
 ze.displayName = "KMenu.Item";
 Wr.displayName = "KMenu.Item";
-const Ur = W((t, e) => {
-  const { selected: n, className: s, label: i, ...r } = t, o = q(null);
+const Ur = U((t, e) => {
+  const { selected: n, className: s, label: i, ...r } = t, o = J(null);
   pt(e, () => o.current, []);
   const l = j(() => {
     const u = ["k-menu-item-selectable"];
@@ -5450,21 +5447,21 @@ const Ur = W((t, e) => {
       leftContent: c
     }
   );
-}), ps = I(Ur);
+}), ps = O(Ur);
 ps.displayName = "KMenu.ItemSelectable";
 Ur.displayName = "KMenu.ItemSelectable";
-const $r = W((t, e) => {
-  const { children: n, className: s, ...i } = t, r = q(null);
+const $r = U((t, e) => {
+  const { children: n, className: s, ...i } = t, r = J(null);
   pt(e, () => r.current, []);
   const o = j(() => {
     const l = ["k-menu-item-divider"];
     return s && l.push(s), l.join(" ");
   }, [s]);
   return /* @__PURE__ */ a.jsx("li", { ref: r, ...i, className: o, role: "separator", "aria-orientation": "horizontal" });
-}), ms = I($r);
+}), ms = O($r);
 ms.displayName = "KMenu.ItemDivider";
 $r.displayName = "KMenu.ItemDivider";
-const Hr = W((t, e) => {
+const Hr = U((t, e) => {
   const { children: n, className: s, style: i, width: r, size: o = "medium", ...l } = t, c = j(() => {
     const h = ["k-menu", `k-menu--${o}`];
     return s && h.push(s), h.join(" ");
@@ -5472,13 +5469,13 @@ const Hr = W((t, e) => {
     const h = [];
     return At.forEach(n, (f, p) => {
       if (yt(f) && (f.type === ze || f.type === ps || f.type === ms)) {
-        const g = f;
-        h.push(_e(g, { ...g.props, size: o, key: f.key ?? `k-menu-item-${p}` }));
+        const m = f;
+        h.push(_e(m, { ...m.props, size: o, key: f.key ?? `k-menu-item-${p}` }));
       }
     }), h;
   }, [n, o]);
   return /* @__PURE__ */ a.jsx(Vn, { ...l, as: "ul", ref: e, className: c, style: u, children: d });
-}), Zr = I(Hr);
+}), Zr = O(Hr);
 Zr.displayName = "KMenu";
 Hr.displayName = "KMenu";
 const $t = Zr;
@@ -5487,11 +5484,11 @@ $t.ItemSelectable = ps;
 $t.ItemDivider = ms;
 const Gr = wt(null);
 function Yr() {
-  const t = Q(Gr);
+  const t = tt(Gr);
   if (!t) throw new Error("KDropdown must be used within <KDropdown>");
   return t;
 }
-const Xr = W((t, e) => {
+const Xr = U((t, e) => {
   const {
     children: n,
     className: s,
@@ -5503,29 +5500,29 @@ const Xr = W((t, e) => {
     onFocus: u,
     onBlur: d,
     ...h
-  } = t, { id: f, triggerRef: p, contentRef: g, trigger: y, open: w, onOpen: v, onClose: k, onFocusContent: x } = Yr(), T = j(() => r ? -1 : 0, [r]);
+  } = t, { id: f, triggerRef: p, contentRef: m, trigger: g, open: w, onOpen: v, onClose: k, onFocusContent: x } = Yr(), T = j(() => r ? -1 : 0, [r]);
   pt(e, () => p.current, []);
   const C = j(() => {
     const R = ["k-dropdown__trigger"];
     return s && R.push(s), r && R.push("k-dropdown__trigger--disabled"), R.join(" ");
   }, [s, r]), L = M((R) => {
-    i?.(R), y === "click" && !r && (w ? k() : v());
-  }, [w, i, y, r]), S = M((R) => {
-    o?.(R), y === "hover" && !r && v();
-  }, [y, o, r]), b = M((R) => {
-    l?.(R), y === "hover" && k();
-  }, [y, l]), _ = M((R) => {
+    i?.(R), g === "click" && !r && (w ? k() : v());
+  }, [w, i, g, r]), S = M((R) => {
+    o?.(R), g === "hover" && !r && v();
+  }, [g, o, r]), b = M((R) => {
+    l?.(R), g === "hover" && k();
+  }, [g, l]), E = M((R) => {
     if (c?.(R), r)
       return;
     Mt(R, v);
-    const E = y === "hover" && R.key === "Tab" && !R.shiftKey, G = y === "click" && w && R.key === "Tab" && !R.shiftKey;
-    (E || G) && (R.preventDefault(), x());
-  }, [c, y, w, r]), N = M((R) => {
-    u?.(R), y === "hover" && !r && v();
-  }, [u, y, r]), B = M((R) => {
-    d?.(R), y === "hover" && k();
-  }, [d, y]), z = j(() => At.map(n, (R) => yt(R) ? _e(R, { tabIndex: -1 }) : R), [n]);
-  return ya(g, k, p), // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex,jsx-a11y/no-static-element-interactions
+    const _ = g === "hover" && R.key === "Tab" && !R.shiftKey, Y = g === "click" && w && R.key === "Tab" && !R.shiftKey;
+    (_ || Y) && (R.preventDefault(), x());
+  }, [c, g, w, r]), N = M((R) => {
+    u?.(R), g === "hover" && !r && v();
+  }, [u, g, r]), I = M((R) => {
+    d?.(R), g === "hover" && k();
+  }, [d, g]), K = j(() => At.map(n, (R) => yt(R) ? _e(R, { tabIndex: -1 }) : R), [n]);
+  return ya(m, k, p), // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex,jsx-a11y/no-static-element-interactions
   /* @__PURE__ */ a.jsx(
     "div",
     {
@@ -5538,19 +5535,19 @@ const Xr = W((t, e) => {
       "aria-controls": w ? f : void 0,
       "aria-expanded": w,
       "aria-haspopup": "true",
-      onKeyDown: _,
+      onKeyDown: E,
       onClick: L,
       onMouseEnter: S,
       onMouseLeave: b,
       onFocus: N,
-      onBlur: B,
-      children: z
+      onBlur: I,
+      children: K
     }
   );
-}), gs = I(Xr);
+}), gs = O(Xr);
 gs.displayName = "Dropdown.Trigger";
 Xr.displayName = "Dropdown.Trigger";
-const h2 = 160, qr = W((t, e) => {
+const h2 = 160, qr = U((t, e) => {
   const {
     className: n,
     style: s,
@@ -5564,36 +5561,35 @@ const h2 = 160, qr = W((t, e) => {
     autoClose: h = !0,
     gap: f = 2,
     offset: p,
-    container: g,
-    zIndex: y,
+    container: m,
+    zIndex: g,
     ...w
-  } = t, { open: v, triggerRef: k, contentRef: x, position: T, onOpen: C, onClose: L, onBlurContent: S, trigger: b } = Yr(), { top: _, left: N } = xa({
+  } = t, { open: v, triggerRef: k, contentRef: x, position: T, onOpen: C, onClose: L, onBlurContent: S, trigger: b } = Yr(), { top: E, left: N } = xa({
     triggerRef: k,
     contentRef: x,
     position: T,
     offset: p,
     open: v,
     gap: f
-  }), B = Mn(g);
+  }), I = Mn(m);
   $i(L), pt(e, () => x.current);
-  const z = j(() => {
-    const m = ["k-dropdown__content"];
-    return n && m.push(n), m.join(" ");
-  }, [n]), R = j(() => ({ ...s, position: "fixed", top: _, left: N, zIndex: y }), [s, _, N, y]), E = M((m) => {
-    r?.(m), h && L();
-  }, [r, h]), G = M((m) => {
-    o?.(m), b === "hover" && C();
-  }, [b, o]), lt = M((m) => {
-    l?.(m), b === "hover" && L();
-  }, [b, l]), O = M((m) => {
-    Mt(m, L), m.key === "Tab" && m.shiftKey && S(m);
-  }, [d]), U = M((m) => {
-    c?.(m), b === "hover" && C();
-  }, [c, b]), st = M((m) => {
-    u?.(m), b === "hover" && L();
+  const K = j(() => {
+    const y = ["k-dropdown__content"];
+    return n && y.push(n), y.join(" ");
+  }, [n]), R = j(() => ({ ...s, position: "fixed", top: E, left: N, zIndex: g }), [s, E, N, g]), _ = M((y) => {
+    r?.(y), h && L();
+  }, [r, h]), Y = M((y) => {
+    o?.(y), b === "hover" && C();
+  }, [b, o]), lt = M((y) => {
+    l?.(y), b === "hover" && L();
+  }, [b, l]), F = M((y) => {
+    Mt(y, L), y.key === "Tab" && y.shiftKey && S(y);
+  }, [d]), $ = M((y) => {
+    c?.(y), b === "hover" && C();
+  }, [c, b]), B = M((y) => {
+    u?.(y), b === "hover" && L();
   }, [u, b]);
-  if (Lt(() => {
-  }, [v]), !!B)
+  if (I)
     return Sn(
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       /* @__PURE__ */ a.jsx(
@@ -5601,14 +5597,14 @@ const h2 = 160, qr = W((t, e) => {
         {
           ref: x,
           ...w,
-          className: z,
+          className: K,
           style: R,
-          onClick: E,
-          onMouseEnter: G,
+          onClick: _,
+          onMouseEnter: Y,
           onMouseLeave: lt,
-          onFocus: U,
-          onBlur: st,
-          onKeyDown: O,
+          onFocus: $,
+          onBlur: B,
+          onKeyDown: F,
           children: /* @__PURE__ */ a.jsx(
             Fe,
             {
@@ -5622,12 +5618,12 @@ const h2 = 160, qr = W((t, e) => {
           )
         }
       ),
-      B
+      I
     );
-}), ys = I(qr);
+}), ys = O(qr);
 ys.displayName = "Dropdown.Content";
 qr.displayName = "Dropdown.Content";
-const Jr = W((t, e) => {
+const Jr = U((t, e) => {
   const {
     as: n,
     trigger: s = "hover",
@@ -5637,7 +5633,7 @@ const Jr = W((t, e) => {
     onDropdownOpen: l,
     onDropdownClose: c,
     ...u
-  } = t, d = n || "div", [h, f] = at(!1), p = q(null), g = q(null), y = `k-dropdown-${Yt()}`, w = j(() => {
+  } = t, d = n || "div", [h, f] = at(!1), p = J(null), m = J(null), g = `k-dropdown-${Yt()}`, w = j(() => {
     const b = ["k-dropdown"];
     return o && b.push(o), b.join(" ");
   }, [o]), v = M(() => {
@@ -5650,20 +5646,20 @@ const Jr = W((t, e) => {
     onClose: k
   }));
   const { Trigger: x, Content: T } = j(() => {
-    const b = At.toArray(r), _ = b.find(
-      (B) => yt(B) && B.type === gs
+    const b = At.toArray(r), E = b.find(
+      (I) => yt(I) && I.type === gs
     ), N = b.find(
-      (B) => yt(B) && B.type === ys
+      (I) => yt(I) && I.type === ys
     );
-    return { Trigger: _, Content: N };
+    return { Trigger: E, Content: N };
   }, [r]), C = M(() => {
-    if (!g.current) return;
-    g.current.querySelector(
+    if (!m.current) return;
+    m.current.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="menuitem"]'
     )?.focus();
   }, []), L = M((b) => {
-    if (!g.current) return;
-    g.current.querySelector(
+    if (!m.current) return;
+    m.current.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="menuitem"]'
     ) === b.target && (b.preventDefault(), p.current?.focus());
   }, []), S = j(
@@ -5674,8 +5670,8 @@ const Jr = W((t, e) => {
       onFocusContent: C,
       onBlurContent: L,
       triggerRef: p,
-      id: y,
-      contentRef: g,
+      id: g,
+      contentRef: m,
       trigger: s,
       position: i
     }),
@@ -5685,7 +5681,7 @@ const Jr = W((t, e) => {
     x,
     T
   ] }) });
-}), Ht = I(Jr);
+}), Ht = O(Jr);
 Ht.displayName = "Dropdown";
 Jr.displayName = "Dropdown";
 Ht.Trigger = gs;
@@ -5719,11 +5715,11 @@ const P2 = [
       "aria-hidden": "true"
     }
   );
-}, f2 = I(Qr);
+}, f2 = O(Qr);
 f2.displayName = "KSkeleton";
 Qr.displayName = "KSkeleton";
 const ta = wt(null), p2 = () => {
-  const t = Q(ta);
+  const t = tt(ta);
   if (!t) throw new Error("useModal must be used within a ModalProvider");
   return t;
 }, m2 = {
@@ -5745,7 +5741,7 @@ const ta = wt(null), p2 = () => {
     exit: { opacity: 0, top: "50%", left: "50%", transform: "translate(-50%, -50%) scale(0.96)" },
     transition: { duration: 0.12, ease: "easeInOut" }
   }
-}, ea = W((t, e) => {
+}, ea = U((t, e) => {
   const { title: n, children: s, className: i, ...r } = t, { setTitle: o, onCloseAction: l } = p2(), c = j(() => {
     const h = ["k-modal__header"];
     return i && h.push(i), h.join(" ");
@@ -5758,10 +5754,10 @@ const ta = wt(null), p2 = () => {
     n ?? s,
     d
   ] });
-}), xs = I(ea);
+}), xs = O(ea);
 xs.displayName = "KModalHeader";
 ea.displayName = "KModalHeader";
-const na = W((t, e) => {
+const na = U((t, e) => {
   const { children: n, className: s, ...i } = t, r = j(() => {
     const o = ["k-modal__content"];
     return s && o.push(s), o.join(" ");
@@ -5770,16 +5766,16 @@ const na = W((t, e) => {
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     /* @__PURE__ */ a.jsx("div", { ref: e, ...i, className: r, tabIndex: 0, children: n })
   );
-}), vs = I(na);
+}), vs = O(na);
 vs.displayName = "KModalContent";
 na.displayName = "KModalContent";
-const sa = W((t, e) => {
+const sa = U((t, e) => {
   const { children: n, className: s, align: i = "center", ...r } = t, o = j(() => {
     const l = ["k-modal__footer", `k-modal__footer--${i}`];
     return s && l.push(s), l.join(" ");
   }, [s]);
   return /* @__PURE__ */ a.jsx("div", { ref: e, ...r, className: o, children: n });
-}), Cs = I(sa);
+}), Cs = O(sa);
 Cs.displayName = "KModalFooter";
 sa.displayName = "KModalFooter";
 const ia = (t) => {
@@ -5797,24 +5793,24 @@ const ia = (t) => {
     overlayOpacity: h,
     overlayClosable: f,
     escClosable: p = !1,
-    children: g,
-    container: y
-  } = t, w = Mn(y), [v, k] = at(null), x = j(() => m2[u], [u]);
+    children: m,
+    container: g
+  } = t, w = Mn(g), [v, k] = at(null), x = j(() => m2[u], [u]);
   if (r === void 0 && typeof o != "function")
     throw new Error('You must provide at least one of "setIsOpen" or "onClose".');
   const T = j(() => ({ ...c, width: n, height: s }), [c, n, s]), C = j(() => {
-    const z = ["k-modal", `k-modal--${i}`];
-    return e && z.push("k-modal--open"), e || z.push("k-modal--close"), l && z.push(l), z.join(" ");
+    const K = ["k-modal", `k-modal--${i}`];
+    return e && K.push("k-modal--open"), e || K.push("k-modal--close"), l && K.push(l), K.join(" ");
   }, [e, i, l]), L = M(() => {
     o?.(), r?.(!1);
   }, [o, r]), S = M(() => {
     f && L();
-  }, [f, L]), { modalHeader: b, modalContent: _, modalFooter: N } = j(() => {
-    let z = null, R = null, E = null;
-    return At.forEach(g, (G) => {
-      yt(G) && (G.type === xs && (z = G), G.type === vs && (R = G), G.type === Cs && (E = G));
-    }), { modalHeader: z, modalContent: R, modalFooter: E };
-  }, [g]), B = j(() => ({
+  }, [f, L]), { modalHeader: b, modalContent: E, modalFooter: N } = j(() => {
+    let K = null, R = null, _ = null;
+    return At.forEach(m, (Y) => {
+      yt(Y) && (Y.type === xs && (K = Y), Y.type === vs && (R = Y), Y.type === Cs && (_ = Y));
+    }), { modalHeader: K, modalContent: R, modalFooter: _ };
+  }, [m]), I = j(() => ({
     isOpen: e,
     title: v,
     setTitle: k,
@@ -5824,7 +5820,7 @@ const ia = (t) => {
     p && L();
   }), w ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     Sn(
-      /* @__PURE__ */ a.jsx(ta.Provider, { value: B, children: /* @__PURE__ */ a.jsxs(
+      /* @__PURE__ */ a.jsx(ta.Provider, { value: I, children: /* @__PURE__ */ a.jsxs(
         Fe,
         {
           isOpen: e,
@@ -5836,7 +5832,7 @@ const ia = (t) => {
           "aria-label": v ?? void 0,
           children: [
             b,
-            _,
+            E,
             N
           ]
         }
@@ -5845,7 +5841,7 @@ const ia = (t) => {
     ),
     d && /* @__PURE__ */ a.jsx(ra, { isOpen: e, onClick: S, opacity: h })
   ] }) : null;
-}, Ke = I(ia);
+}, Ke = O(ia);
 Ke.displayName = "KModal";
 ia.displayName = "KModal";
 Ke.Header = xs;
@@ -5869,7 +5865,7 @@ const A2 = ["medium", "small", "large"], Ki = {
     onKeyDown: u,
     container: d,
     ...h
-  } = t, f = Mn(d), p = j(() => c ? 0 : void 0, [c]), g = j(() => c ? { role: "button", "aria-label": "backdrop" } : { role: r, "aria-label": h["aria-label"] }, [c, r]), y = j(() => {
+  } = t, f = Mn(d), p = j(() => c ? 0 : void 0, [c]), m = j(() => c ? { role: "button", "aria-label": "backdrop" } : { role: r, "aria-label": h["aria-label"] }, [c, r]), g = j(() => {
     const C = ["k-backdrop__container"];
     return n && C.push(n), C.join(" ");
   }, [n]), w = j(() => ({ ...s, opacity: o, zIndex: l }), [s, o, l]), v = j(() => typeof o == "number" ? { ...Ki, animate: { opacity: o, zIndex: l } } : Ki, [o, l]), k = M((C) => {
@@ -5884,8 +5880,8 @@ const A2 = ["medium", "small", "large"], Ki = {
       /* @__PURE__ */ a.jsx(
         "div",
         {
-          ...g,
-          className: y,
+          ...m,
+          className: g,
           style: w,
           ...h,
           tabIndex: p,
@@ -5897,10 +5893,10 @@ const A2 = ["medium", "small", "large"], Ki = {
     ] }) }),
     f
   ) : null;
-}, ra = I(oa);
+}, ra = O(oa);
 ra.displayName = "KBackdrop";
 oa.displayName = "KBackdrop";
-const aa = W((t, e) => {
+const aa = U((t, e) => {
   const { className: n, style: s, size: i = "medium", color: r = "currentColor", ...o } = t, l = j(() => {
     const u = ["k-spinner"];
     return n && u.push(n), typeof i == "string" && u.push(`k-spinner--${i}`), u.join(" ");
@@ -5935,7 +5931,7 @@ const aa = W((t, e) => {
       ) })
     }
   );
-}), g2 = I(aa);
+}), g2 = O(aa);
 aa.displayName = "KSpinner";
 g2.displayName = "KSpinner";
 const P = "currentColor", y2 = {
@@ -6999,7 +6995,7 @@ const P = "currentColor", y2 = {
 }, x2 = (t, e) => {
   const n = y2[t](e);
   return n || null;
-}, la = W((t, e) => {
+}, la = U((t, e) => {
   const {
     id: n,
     className: s,
@@ -7010,7 +7006,7 @@ const P = "currentColor", y2 = {
     color: c,
     disabled: u,
     ...d
-  } = t, h = q(null), f = `k-icon-${Yt()}`, p = j(() => l ? 0 : void 0, [l]);
+  } = t, h = J(null), f = `k-icon-${Yt()}`, p = j(() => l ? 0 : void 0, [l]);
   if (!r)
     throw Error("Error: icon is required and must be provided.");
   pt(e, () => ({
@@ -7018,10 +7014,10 @@ const P = "currentColor", y2 = {
       h.current?.click();
     }
   }));
-  const g = j(() => {
+  const m = j(() => {
     const x = [];
     return s && x.push(s), typeof o == "string" && x.push(`k-icon--${o}`), l && x.push("k-icon--clickable"), u && x.push(`k-icon--${u}`), x.join(" ");
-  }, [s, u, o, r, l]), y = j(() => {
+  }, [s, u, o, r, l]), g = j(() => {
     const x = { ...i };
     return typeof o == "number" && (x.width = o, x.height = o, x.fontSize = o), x;
   }, [o]), w = j(() => {
@@ -7041,8 +7037,8 @@ const P = "currentColor", y2 = {
       {
         ref: h,
         id: n || f,
-        className: `k-icon ${g}`,
-        style: y,
+        className: `k-icon ${m}`,
+        style: g,
         role: l ? "button" : "img",
         tabIndex: p,
         "aria-label": `${r} icon`,
@@ -7053,10 +7049,10 @@ const P = "currentColor", y2 = {
       }
     )
   );
-}), te = I(la);
+}), te = O(la);
 te.displayName = "KIcon";
 la.displayName = "KIcon";
-const v2 = ["xsmall", "small", "medium", "large", "xlarge"], V2 = Object.values(v2), ca = W((t, e) => {
+const v2 = ["xsmall", "small", "medium", "large", "xlarge"], V2 = Object.values(v2), ca = U((t, e) => {
   const {
     className: n,
     rules: s,
@@ -7070,45 +7066,47 @@ const v2 = ["xsmall", "small", "medium", "large", "xlarge"], V2 = Object.values(
     width: h,
     size: f = "medium",
     disabled: p,
-    onChange: g,
-    ...y
-  } = t, w = j(() => o.find((it) => it.value === r)?.label || null, [r, o]), [v, k] = at(!1), x = q(null), T = q(null), [C, L] = at("auto"), [S, b] = at(null), _ = j(() => S ? -16 : 4, [S]), N = Ln(x), B = j(() => {
+    onChange: m,
+    ...g
+  } = t, w = j(() => o.find((it) => it.value === r)?.label || null, [r, o]), [v, k] = at(!1), x = J(null), T = J(null), [C, L] = at("auto"), [S, b] = at(null), E = j(() => S ? -16 : 4, [S]), N = Ln(x), I = j(() => {
     const V = ["k-select"];
     return n && V.push(n), f && V.push(`k-select--${f}`), p && V.push("k-select--disabled"), S && V.push("k-select--error"), V.join(" ");
-  }, [n, f, S, p]), z = j(() => {
+  }, [n, f, S, p]), K = j(() => {
     const V = ["k-select__fieldset__container__icon"];
     return v && V.push("k-select__fieldset__container__icon--open"), V.join(" ");
-  }, [v]), R = j(() => !f || f === "medium" ? "medium" : "small", [f]), E = M(() => {
+  }, [v]), R = j(() => !f || f === "medium" ? "medium" : "small", [f]), _ = M(() => {
     const V = x.current?.getBoundingClientRect().width;
     L(V ? V + 2 : "auto");
-  }, []), G = M(() => {
+  }, []), Y = M(() => {
     k(!0);
   }, []), lt = M(() => {
     k(!1);
-  }, []), O = M(async (V) => {
+  }, []), F = M(async (V) => {
     if (!s)
       return console.warn("not found rules."), !0;
     const it = V ?? r;
-    for (let et = 0; et < s.length; et++) {
-      const jt = await (await s[et])(it?.toString()), Y = typeof jt == "string" ? jt : null;
-      if (Y)
-        return b(Y), !1;
+    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 b(X), !1;
     }
     return b(null), !0;
-  }, [s, r]), U = M((V) => {
-    g(V), i && O(V);
-  }, [g, i, O]), st = M((V) => {
+  }, [s, r]), $ = M((V) => {
+    m(V), i && F(V);
+  }, [m, i, F]), B = M((V) => {
     p || N?.register(V);
-  }, [p]), m = M(() => {
+  }, [p]), y = M(() => {
     p || N.remove();
   }, [p]), D = M(() => {
     p || N.remove();
-  }, [p]), F = j(() => {
+  }, [p]), z = j(() => {
     const V = ["k-select__fieldset__legend"];
     return l && V.push("k-select__fieldset__legend--show"), V.join(" ");
   }, [l]);
   return Lt(() => {
-    E();
+    T.current?.onClose();
+  }, [r]), Lt(() => {
+    _();
   }, [f]), pt(e, () => ({
     onOpen: () => {
       T.current?.onOpen();
@@ -7116,23 +7114,23 @@ const v2 = ["xsmall", "small", "medium", "large", "xlarge"], V2 = Object.values(
     onClose: () => {
       T.current?.onClose();
     },
-    onValidate: () => O()
+    onValidate: () => F()
   })), /* @__PURE__ */ a.jsxs(
     Ht,
     {
       ref: T,
-      className: B,
+      className: I,
       trigger: "click",
       position: "bottom-start",
-      ...y,
+      ...g,
       style: { width: h },
-      onDropdownOpen: G,
+      onDropdownOpen: Y,
       onDropdownClose: lt,
       "aria-disabled": p,
       children: [
         /* @__PURE__ */ a.jsxs(Ht.Trigger, { className: "k-select__trigger", disabled: p, children: [
           /* @__PURE__ */ a.jsxs("fieldset", { className: "k-select__fieldset", children: [
-            /* @__PURE__ */ a.jsxs("legend", { className: F, children: [
+            /* @__PURE__ */ a.jsxs("legend", { className: z, children: [
               l,
               l && c && /* @__PURE__ */ a.jsx("span", { className: "k-select__fieldset__legend__required", children: "*" })
             ] }),
@@ -7141,27 +7139,27 @@ const v2 = ["xsmall", "small", "medium", "large", "xlarge"], V2 = Object.values(
               {
                 ref: x,
                 className: "k-select__fieldset__container",
-                onMouseDown: st,
-                onMouseUp: m,
+                onMouseDown: B,
+                onMouseUp: y,
                 onMouseLeave: D,
                 children: [
                   w && /* @__PURE__ */ a.jsx("span", { className: "k-select__fieldset__container__value", children: w }),
                   r === void 0 && d && /* @__PURE__ */ a.jsx("span", { className: "k-select__fieldset__container__placeholder", children: d }),
-                  /* @__PURE__ */ a.jsx(te, { className: z, icon: "keyboard_arrow_down", size: R })
+                  /* @__PURE__ */ a.jsx(te, { className: K, icon: "keyboard_arrow_down", size: R })
                 ]
               }
             )
           ] }),
           S && /* @__PURE__ */ a.jsx("div", { className: "k-select__fieldset__message", children: S })
         ] }),
-        /* @__PURE__ */ a.jsx(Ht.Content, { className: "k-select__content", gap: _, children: /* @__PURE__ */ a.jsxs($t, { width: C, size: f, className: `k-select__content__menu k-select__content__menu--${f}`, children: [
+        /* @__PURE__ */ a.jsx(Ht.Content, { className: "k-select__content", gap: E, children: /* @__PURE__ */ a.jsxs($t, { width: C, size: f, className: `k-select__content__menu k-select__content__menu--${f}`, children: [
           o.map((V) => /* @__PURE__ */ a.jsx(
             $t.ItemSelectable,
             {
               label: V.label,
               selected: r === V.value,
-              onPointerDown: () => {
-                U(V.value), T.current?.onClose();
+              onClick: () => {
+                $(V.value);
               }
             },
             V.value
@@ -7171,10 +7169,10 @@ const v2 = ["xsmall", "small", "medium", "large", "xlarge"], V2 = Object.values(
       ]
     }
   );
-}), C2 = I(ca);
+}), C2 = O(ca);
 ca.displayName = "KSelect";
 C2.displayName = "KSelect";
-const ua = W((t, e) => {
+const ua = U((t, e) => {
   const n = `k-text-field-${Yt()}`, {
     id: s = n,
     value: i,
@@ -7187,8 +7185,8 @@ const ua = W((t, e) => {
     align: h = "left",
     onChange: f,
     onFocus: p,
-    onBlur: g,
-    onKeyDown: y,
+    onBlur: m,
+    onKeyDown: g,
     autoCapitalize: w,
     autoCorrect: v,
     autoComplete: k,
@@ -7198,43 +7196,43 @@ const ua = W((t, e) => {
     width: L,
     style: S,
     size: b = "medium",
-    className: _,
+    className: E,
     rules: N,
-    validateOnChange: B,
-    ...z
-  } = t, R = q(null), [E, G] = at(!1), [lt, O] = at(!1), [U, st] = at(null), m = j(() => r === "password", [r]), D = j(() => r === "password" && lt ? "text" : r, [r, lt]), F = j(() => {
-    const $ = ["k-text-field", `k-text-field--${b}`];
-    return _ && $.push(_), c && $.push("k-text-field--disabled"), E && $.push("k-text-field--focus"), u && $.push("k-text-field--readOnly"), r === "password" && $.push("k-text-field--password"), typeof U == "string" && $.push("k-text-field--error"), $.join(" ");
-  }, [_, c, u, r, U, b, E]), V = j(() => {
-    const $ = ["k-text-field__fieldset__legend__label"];
-    return C && $.push("k-text-field__fieldset__legend__label--show"), $.join(" ");
-  }, [C]), it = j(() => ({ ...S, width: L }), [S, L]), et = j(() => ({ textAlign: h }), [h]), kt = M(async ($) => {
+    validateOnChange: I,
+    ...K
+  } = t, R = J(null), [_, Y] = at(!1), [lt, F] = at(!1), [$, B] = at(null), y = j(() => r === "password", [r]), D = j(() => r === "password" && lt ? "text" : r, [r, lt]), z = j(() => {
+    const H = ["k-text-field", `k-text-field--${b}`];
+    return E && H.push(E), c && H.push("k-text-field--disabled"), _ && H.push("k-text-field--focus"), u && H.push("k-text-field--readOnly"), r === "password" && H.push("k-text-field--password"), typeof $ == "string" && H.push("k-text-field--error"), H.join(" ");
+  }, [E, c, u, r, $, b, _]), V = j(() => {
+    const H = ["k-text-field__fieldset__legend__label"];
+    return C && H.push("k-text-field__fieldset__legend__label--show"), H.join(" ");
+  }, [C]), it = j(() => ({ ...S, width: L }), [S, L]), nt = j(() => ({ textAlign: h }), [h]), kt = M(async (H) => {
     if (!N)
       return console.warn("not found rules."), !0;
-    const da = $ ?? i;
+    const da = H ?? i;
     for (let Ue = 0; Ue < N.length; Ue++) {
       const ws = await (await N[Ue])(da), ks = typeof ws == "string" ? ws : null;
       if (ks)
-        return st(ks), !1;
-    }
-    return st(null), !0;
-  }, [N, i]), jt = M(($) => {
-    f?.($.target.value), B && kt($.target.value);
-  }, [f, kt, B]), Y = M(($) => {
-    G(!0), p?.($);
-  }, [p]), bt = M(($) => {
-    G(!1), g?.($);
-  }, [g]), ee = M(($) => {
-    y?.($);
-  }, [y]), We = M(() => {
-    O(($) => !$);
+        return B(ks), !1;
+    }
+    return B(null), !0;
+  }, [N, i]), jt = M((H) => {
+    f?.(H.target.value), I && kt(H.target.value);
+  }, [f, kt, I]), X = M((H) => {
+    Y(!0), p?.(H);
+  }, [p]), bt = M((H) => {
+    Y(!1), m?.(H);
+  }, [m]), ee = M((H) => {
+    g?.(H);
+  }, [g]), We = M(() => {
+    F((H) => !H);
   }, [r]);
   return pt(e, () => ({
     value: i,
     focus: () => R.current?.focus(),
     blur: () => R.current?.blur(),
     onValidate: () => kt()
-  })), /* @__PURE__ */ a.jsxs("div", { className: F, style: it, children: [
+  })), /* @__PURE__ */ a.jsxs("div", { className: z, style: it, children: [
     /* @__PURE__ */ a.jsxs("fieldset", { className: "k-text-field__fieldset", children: [
       /* @__PURE__ */ a.jsx("legend", { className: "k-text-field__fieldset__legend", children: /* @__PURE__ */ a.jsxs("label", { htmlFor: s, className: V, children: [
         C,
@@ -7256,20 +7254,20 @@ const ua = W((t, e) => {
             placeholder: o,
             maxLength: l,
             onChange: jt,
-            onFocus: Y,
+            onFocus: X,
             onBlur: bt,
             onKeyDown: ee,
             autoComplete: k,
             autoCorrect: v,
             autoCapitalize: w,
-            style: et,
-            ...z
+            style: nt,
+            ...K
           }
         ),
-        m && /* @__PURE__ */ a.jsx(
+        y && /* @__PURE__ */ a.jsx(
           te,
           {
-            icon: m ? "visibility" : "visibility_off",
+            icon: y ? "visibility" : "visibility_off",
             size: 18,
             onClick: We,
             disabled: c,
@@ -7279,9 +7277,9 @@ const ua = W((t, e) => {
         T && /* @__PURE__ */ a.jsx("div", { className: "k-text-field__fieldset__container__right", children: T })
       ] })
     ] }),
-    U && /* @__PURE__ */ a.jsx("div", { className: "k-text-field__fieldset__message", children: U })
+    $ && /* @__PURE__ */ a.jsx("div", { className: "k-text-field__fieldset__message", children: $ })
   ] });
-}), w2 = I(ua);
+}), w2 = O(ua);
 ua.displayName = "KTextField";
 w2.displayName = "KTextField";
 export {