kku-ui 0.2.2 → 0.2.4

package/lib/es/index.js

@@ -1,5 +1,5 @@
 import * as Ln from "react";
-import ua, { createContext as kt, useContext as Q, memo as O, useCallback as S, useRef as q, useState as rt, useMemo as b, useEffect as Tt, Children as At, isValidElement as xt, forwardRef as Z, useLayoutEffect as da, useId as Yt, useInsertionEffect as Wi, Fragment as $i, createElement as ha, Component as fa, useImperativeHandle as pt, cloneElement as _e } from "react";
+import ua, { createContext as wt, useContext as tt, memo as I, useCallback as S, useRef as J, useState as at, useMemo as b, useEffect as Tt, Children as At, isValidElement as yt, forwardRef as Z, useLayoutEffect as da, useId as Yt, useInsertionEffect as Wi, Fragment as $i, createElement as ha, Component as fa, useImperativeHandle as pt, cloneElement as _e } from "react";
 import "lodash-es";
 import { u as pa, a as Tn, b as ma, c as ga, d as Mn, e as Ui } from "../useEscapeKey-BH1YNl0p.js";
 import { createPortal as Sn } from "react-dom";
@@ -103,11 +103,11 @@ function xa() {
       }
       if (E) {
         E = console;
-        var P = E.error, W = typeof Symbol == "function" && Symbol.toStringTag && g[Symbol.toStringTag] || g.constructor.name || "Object";
-        return P.call(
+        var F = E.error, V = typeof Symbol == "function" && Symbol.toStringTag && g[Symbol.toStringTag] || g.constructor.name || "Object";
+        return F.call(
           E,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          W
+          V
         ), e(g);
       }
     }
@@ -130,38 +130,38 @@ function xa() {
       return Error("react-stack-top-frame");
     }
     function o(g) {
-      if (F.call(g, "key")) {
+      if (K.call(g, "key")) {
         var E = Object.getOwnPropertyDescriptor(g, "key").get;
         if (E && E.isReactWarning) return !1;
       }
       return g.key !== void 0;
     }
     function a(g, E) {
-      function P() {
+      function F() {
         D || (D = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           E
         ));
       }
-      P.isReactWarning = !0, Object.defineProperty(g, "key", {
-        get: P,
+      F.isReactWarning = !0, Object.defineProperty(g, "key", {
+        get: F,
         configurable: !0
       });
     }
     function c() {
       var g = t(this.type);
-      return I[g] || (I[g] = !0, console.error(
+      return O[g] || (O[g] = !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."
       )), g = this.props.ref, g !== void 0 ? g : null;
     }
-    function u(g, E, P, W, it, lt, mt, jt) {
-      return P = lt.ref, g = {
+    function u(g, E, F, V, it, nt, kt, jt) {
+      return F = nt.ref, g = {
         $$typeof: p,
         type: g,
         key: E,
-        props: lt,
+        props: nt,
         _owner: it
-      }, (P !== void 0 ? P : null) !== null ? Object.defineProperty(g, "ref", {
+      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(g, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(g, "ref", { enumerable: !1, value: null }), g._store = {}, Object.defineProperty(g._store, "validated", {
@@ -178,7 +178,7 @@ function xa() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: mt
+        value: kt
       }), Object.defineProperty(g, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -186,60 +186,60 @@ function xa() {
         value: jt
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     }
-    function d(g, E, P, W, it, lt, mt, jt) {
-      var tt = E.children;
-      if (tt !== void 0)
-        if (W)
-          if (R(tt)) {
-            for (W = 0; W < tt.length; W++)
-              h(tt[W]);
-            Object.freeze && Object.freeze(tt);
+    function d(g, E, F, V, it, nt, kt, jt) {
+      var X = E.children;
+      if (X !== void 0)
+        if (V)
+          if (R(X)) {
+            for (V = 0; V < X.length; V++)
+              h(X[V]);
+            Object.freeze && Object.freeze(X);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(tt);
-      if (F.call(E, "key")) {
-        tt = t(g);
+        else h(X);
+      if (K.call(E, "key")) {
+        X = t(g);
         var bt = Object.keys(E).filter(function(We) {
           return We !== "key";
         });
-        W = 0 < bt.length ? "{key: someKey, " + bt.join(": ..., ") + ": ...}" : "{key: someKey}", at[tt + W] || (bt = 0 < bt.length ? "{" + bt.join(": ..., ") + ": ...}" : "{}", console.error(
+        V = 0 < bt.length ? "{key: someKey, " + bt.join(": ..., ") + ": ...}" : "{key: someKey}", lt[X + V] || (bt = 0 < bt.length ? "{" + bt.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          W,
-          tt,
+          V,
+          X,
           bt,
-          tt
-        ), at[tt + W] = !0);
+          X
+        ), lt[X + V] = !0);
       }
-      if (tt = null, P !== void 0 && (n(P), tt = "" + P), o(E) && (n(E.key), tt = "" + E.key), "key" in E) {
-        P = {};
+      if (X = null, F !== void 0 && (n(F), X = "" + F), o(E) && (n(E.key), X = "" + E.key), "key" in E) {
+        F = {};
         for (var te in E)
-          te !== "key" && (P[te] = E[te]);
-      } else P = E;
-      return tt && a(
-        P,
+          te !== "key" && (F[te] = E[te]);
+      } else F = E;
+      return X && a(
+        F,
         typeof g == "function" ? g.displayName || g.name || "Unknown" : g
       ), u(
         g,
-        tt,
-        lt,
+        X,
+        nt,
         it,
         i(),
-        P,
-        mt,
+        F,
+        kt,
         jt
       );
     }
     function h(g) {
       typeof g == "object" && g !== null && g.$$typeof === p && g._store && (g._store.validated = 1);
     }
-    var f = ua, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), B = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, R = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var f = ua, p = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), v = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), B = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, R = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -247,33 +247,33 @@ React keys must be passed directly to JSX without using spread:
         return g();
       }
     };
-    var D, I = {}, z = f["react-stack-bottom-frame"].bind(
+    var D, O = {}, z = f["react-stack-bottom-frame"].bind(
       f,
       r
-    )(), Y = G(s(r)), at = {};
-    ne.Fragment = y, ne.jsx = function(g, E, P, W, it) {
-      var lt = 1e4 > B.recentlyCreatedOwnerStacks++;
+    )(), Y = G(s(r)), lt = {};
+    ne.Fragment = y, ne.jsx = function(g, E, F, V, it) {
+      var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
         g,
         E,
-        P,
+        F,
         !1,
-        W,
+        V,
         it,
-        lt ? Error("react-stack-top-frame") : z,
-        lt ? G(s(g)) : Y
+        nt ? Error("react-stack-top-frame") : z,
+        nt ? G(s(g)) : Y
       );
-    }, ne.jsxs = function(g, E, P, W, it) {
-      var lt = 1e4 > B.recentlyCreatedOwnerStacks++;
+    }, ne.jsxs = function(g, E, F, V, it) {
+      var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
         g,
         E,
-        P,
+        F,
         !0,
-        W,
+        V,
         it,
-        lt ? Error("react-stack-top-frame") : z,
-        lt ? G(s(g)) : Y
+        nt ? Error("react-stack-top-frame") : z,
+        nt ? G(s(g)) : Y
       );
     };
   }()), ne;
@@ -283,8 +283,8 @@ function va() {
   return Ls || (Ls = 1, process.env.NODE_ENV === "production" ? we.exports = ya() : we.exports = xa()), we.exports;
 }
 var l = va();
-const Hi = kt(void 0), Zi = () => {
-  const t = Q(Hi);
+const Hi = wt(void 0), Zi = () => {
+  const t = tt(Hi);
   if (t === void 0)
     throw new Error("useAccordionContext는 AccordionProvider 내에서 사용되어야 합니다.");
   return t;
@@ -310,11 +310,11 @@ const Hi = kt(void 0), Zi = () => {
       children: typeof e == "function" ? e({ isOpen: r }) : e
     }
   );
-}, Pn = O(Gi);
+}, Pn = I(Gi);
 Pn.displayName = "Accordion.Summary";
 Gi.displayName = "Accordion.Summary";
 const Yi = (t) => {
-  const { children: e, style: n, ...s } = t, { isOpen: i, summaryId: r } = Zi(), o = q(null), [a, c] = rt("auto"), u = b(() => ({
+  const { children: e, style: n, ...s } = t, { isOpen: i, summaryId: r } = Zi(), o = J(null), [a, c] = at("auto"), u = b(() => ({
     ...n,
     overflow: "hidden",
     maxHeight: i ? a : 0
@@ -341,21 +341,21 @@ const Yi = (t) => {
       children: typeof e == "function" ? e({ isOpen: i }) : e
     }
   );
-}, An = O(Yi);
+}, An = I(Yi);
 An.displayName = "Accordion.Content";
 Yi.displayName = "Accordion.Content";
 const Xi = (t) => {
-  const { defaultOpen: e, children: n, ...s } = t, [i, r] = rt(!!e), o = q(null), a = pa("accordion-"), c = b(() => ({ isOpen: i, setIsOpen: r, root: o, summaryId: a }), [i]), { SummaryElement: u, ContentElement: d } = b(() => {
+  const { defaultOpen: e, children: n, ...s } = t, [i, r] = at(!!e), o = J(null), a = pa("accordion-"), c = b(() => ({ isOpen: i, setIsOpen: r, root: o, summaryId: a }), [i]), { SummaryElement: u, ContentElement: d } = b(() => {
     let h = null, f = null;
     return At.forEach(n, (p) => {
-      xt(p) && (p?.type === Pn && (h = p), p?.type === An && (f = p));
+      yt(p) && (p?.type === Pn && (h = p), p?.type === An && (f = p));
     }), { SummaryElement: h, ContentElement: f };
   }, [n]);
   return /* @__PURE__ */ l.jsx("details", { ref: o, ...s, open: !0, "data-open": String(i), children: /* @__PURE__ */ l.jsxs(Hi.Provider, { value: c, children: [
     u,
     d
   ] }) });
-}, $t = O(Xi);
+}, $t = I(Xi);
 Xi.displayName = "Accordion";
 $t.displayName = "Accordion";
 $t.Summary = Pn;
@@ -381,7 +381,7 @@ const qi = Z((t, e) => {
       }
     )
   );
-}), Ji = O(qi);
+}), Ji = I(qi);
 qi.displayName = "Button";
 Ji.displayName = "Button";
 const Vn = Z(
@@ -389,7 +389,7 @@ const Vn = Z(
     const i = t || "ul";
     return /* @__PURE__ */ l.jsx(i, { ref: s, role: "menu", ...n, children: e });
   }
-), Ca = O(Vn);
+), Ca = I(Vn);
 Vn.displayName = "Menu";
 Ca.displayName = "Menu";
 const Qi = Z(
@@ -397,7 +397,7 @@ const Qi = Z(
     const { as: n, children: s, disabled: i, tabIndex: r, ...o } = t, a = n || "li", c = b(() => i ? void 0 : r ?? 0, [i, r]);
     return /* @__PURE__ */ l.jsx(a, { ref: e, as: n, role: "menuitem", "aria-disabled": i, tabIndex: c, ...o, children: s });
   }
-), to = O(Qi);
+), to = I(Qi);
 Qi.displayName = "MenuItem";
 to.displayName = "MenuItem";
 const eo = Z((t, e) => {
@@ -429,20 +429,20 @@ const eo = Z((t, e) => {
   );
 });
 eo.displayName = "Switch";
-const no = O(eo);
+const no = I(eo);
 no.displayName = "Switch";
 const so = Z((t, e) => {
   const { label: n, disabled: s, ...i } = t, r = b(() => n || void 0, [n]);
   return /* @__PURE__ */ l.jsx("input", { ref: e, ...i, disabled: s, "aria-label": r, "aria-disabled": s });
-}), io = O(so);
+}), io = I(so);
 so.displayName = "TextField";
 io.displayName = "TextField";
-const Rn = kt({});
+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 ? da : Tt, Ne = /* @__PURE__ */ kt(null);
+const En = typeof window < "u", oo = En ? da : Tt, Ne = /* @__PURE__ */ wt(null);
 function _n(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -450,17 +450,17 @@ function Nn(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-const vt = (t, e, n) => n > e ? e : n < t ? t : n;
+const xt = (t, e, n) => n > e ? e : n < t ? t : n;
 let Xt = () => {
-}, Ct = () => {
+}, vt = () => {
 };
 process.env.NODE_ENV !== "production" && (Xt = (t, e) => {
   !t && typeof console < "u" && console.warn(e);
-}, Ct = (t, e) => {
+}, vt = (t, e) => {
   if (!t)
     throw new Error(e);
 });
-const wt = {}, ro = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+const Ct = {}, ro = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
 function ao(t) {
   return typeof t == "object" && t !== null;
 }
@@ -499,7 +499,7 @@ class In {
     this.subscriptions.length = 0;
   }
 }
-const ft = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, gt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
+const ft = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, mt = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
 function co(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
@@ -535,11 +535,11 @@ const ho = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fo
   anticipate: go
 }, Sa = (t) => typeof t == "string", Ss = (t) => {
   if (Co(t)) {
-    Ct(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    vt(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, s, i] = t;
     return ye(e, n, s, i);
   } else if (Sa(t))
-    return Ct(Ms[t] !== void 0, `Invalid easing type '${t}'`), Ms[t];
+    return vt(Ms[t] !== void 0, `Invalid easing type '${t}'`), Ms[t];
   return t;
 }, ke = [
   "setup",
@@ -607,8 +607,8 @@ function wo(t, e) {
     timestamp: 0,
     isProcessing: !1
   }, r = () => n = !0, o = ke.reduce((v, T) => (v[T] = Pa(r, e ? T : void 0), v), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: h, preRender: f, render: p, postRender: m } = o, y = () => {
-    const v = wt.useManualTiming ? i.timestamp : performance.now();
-    n = !1, wt.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(v - i.timestamp, Aa), 1)), i.timestamp = v, i.isProcessing = !0, a.process(i), c.process(i), u.process(i), d.process(i), h.process(i), f.process(i), p.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
+    const v = Ct.useManualTiming ? i.timestamp : performance.now();
+    n = !1, Ct.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(v - i.timestamp, Aa), 1)), i.timestamp = v, i.isProcessing = !0, a.process(i), c.process(i), u.process(i), d.process(i), h.process(i), f.process(i), p.process(i), m.process(i), i.isProcessing = !1, n && e && (s = !1, t(y));
   }, w = () => {
     n = !0, s = !0, i.isProcessing || t(y);
   };
@@ -620,13 +620,13 @@ function wo(t, e) {
       o[ke[T]].cancel(v);
   }, state: i, steps: o };
 }
-const { schedule: K, cancel: St, state: et, steps: Ue } = /* @__PURE__ */ wo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dt, !0);
+const { schedule: W, cancel: St, state: et, steps: Ue } = /* @__PURE__ */ wo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dt, !0);
 let Te;
 function Va() {
   Te = void 0;
 }
-const ot = {
-  now: () => (Te === void 0 && ot.set(et.isProcessing || wt.useManualTiming ? et.timestamp : performance.now()), Te),
+const rt = {
+  now: () => (Te === void 0 && rt.set(et.isProcessing || Ct.useManualTiming ? et.timestamp : performance.now()), Te),
   set: (t) => {
     Te = t, queueMicrotask(Va);
   }
@@ -636,7 +636,7 @@ const ot = {
   transform: (t) => t
 }, ue = {
   ...qt,
-  transform: (t) => vt(0, 1, t)
+  transform: (t) => xt(0, 1, t)
 }, je = {
   ...qt,
   default: 1
@@ -654,7 +654,7 @@ const _a = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Na = (t) => vt(0, 255, t), He = {
+}, Na = (t) => xt(0, 255, t), He = {
   ...qt,
   transform: (t) => Math.round(Na(t))
 }, Et = {
@@ -679,21 +679,21 @@ const on = {
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), Lt = /* @__PURE__ */ xe("deg"), yt = /* @__PURE__ */ xe("%"), V = /* @__PURE__ */ xe("px"), Ia = /* @__PURE__ */ xe("vh"), Oa = /* @__PURE__ */ xe("vw"), As = {
-  ...yt,
-  parse: (t) => yt.parse(t) / 100,
-  transform: (t) => yt.transform(t * 100)
+}), Lt = /* @__PURE__ */ xe("deg"), gt = /* @__PURE__ */ xe("%"), A = /* @__PURE__ */ xe("px"), Ia = /* @__PURE__ */ xe("vh"), Oa = /* @__PURE__ */ xe("vw"), As = {
+  ...gt,
+  parse: (t) => gt.parse(t) / 100,
+  transform: (t) => gt.transform(t * 100)
 }, It = {
   test: /* @__PURE__ */ Un("hsl", "hue"),
   parse: /* @__PURE__ */ jo("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + yt.transform(oe(e)) + ", " + yt.transform(oe(n)) + ", " + oe(ue.transform(s)) + ")"
-}, J = {
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + gt.transform(oe(e)) + ", " + gt.transform(oe(n)) + ", " + oe(ue.transform(s)) + ")"
+}, Q = {
   test: (t) => 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);
   }
 }, Fa = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function za(t) {
@@ -707,7 +707,7 @@ function de(t) {
     var: []
   }, i = [];
   let r = 0;
-  const a = e.replace($a, (c) => (J.test(c) ? (s.color.push(r), i.push(Lo), n.push(J.parse(c))) : c.startsWith(Wa) ? (s.var.push(r), i.push(Ka), n.push(c)) : (s.number.push(r), i.push(bo), n.push(parseFloat(c))), ++r, Vs)).split(Vs);
+  const a = e.replace($a, (c) => (Q.test(c) ? (s.color.push(r), i.push(Lo), n.push(Q.parse(c))) : c.startsWith(Wa) ? (s.var.push(r), i.push(Ka), n.push(c)) : (s.number.push(r), i.push(bo), n.push(parseFloat(c))), ++r, Vs)).split(Vs);
   return { values: n, split: a, indexes: s, types: i };
 }
 function To(t) {
@@ -720,12 +720,12 @@ function Mo(t) {
     for (let o = 0; o < s; o++)
       if (r += e[o], i[o] !== void 0) {
         const a = n[o];
-        a === bo ? r += oe(i[o]) : a === Lo ? r += J.transform(i[o]) : r += i[o];
+        a === bo ? r += oe(i[o]) : a === Lo ? r += Q.transform(i[o]) : r += i[o];
       }
     return r;
   };
 }
-const Ua = (t) => typeof t == "number" ? 0 : J.test(t) ? J.getAnimatableNone(t) : t;
+const Ua = (t) => typeof t == "number" ? 0 : Q.test(t) ? Q.getAnimatableNone(t) : t;
 function Ha(t) {
   const e = To(t);
   return Mo(t)(e.map(Ua));
@@ -783,7 +783,7 @@ function qa(t, e) {
   return (n) => H(t, e, n);
 }
 function Hn(t) {
-  return typeof t == "number" ? qa : typeof t == "string" ? Wn(t) ? Ae : J.test(t) ? Ds : t1 : Array.isArray(t) ? So : typeof t == "object" ? J.test(t) ? Ds : Ja : Ae;
+  return typeof t == "number" ? qa : typeof t == "string" ? Wn(t) ? Ae : Q.test(t) ? Ds : t1 : Array.isArray(t) ? So : typeof t == "object" ? Q.test(t) ? Ds : Ja : Ae;
 }
 function So(t, e) {
   const n = [...t], s = n.length, i = t.map((r, o) => Hn(r)(r, e[o]));
@@ -821,13 +821,13 @@ function Po(t, e, n) {
 const e1 = (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: () => et.isProcessing ? et.timestamp : ot.now()
+    now: () => et.isProcessing ? et.timestamp : rt.now()
   };
 }, Ao = (t, e, n = 10) => {
   let s = "";
@@ -849,7 +849,7 @@ function n1(t, e = 100, n) {
   return {
     type: "keyframes",
     ease: (r) => s.next(i * r).value / e,
-    duration: /* @__PURE__ */ gt(i)
+    duration: /* @__PURE__ */ mt(i)
   };
 }
 const s1 = 5;
@@ -890,7 +890,7 @@ function i1({ duration: t = U.duration, bounce: e = U.bounce, velocity: n = U.ve
   let i, r;
   Xt(t <= /* @__PURE__ */ ft(U.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
-  o = vt(U.minDamping, U.maxDamping, o), t = vt(U.minDuration, U.maxDuration, /* @__PURE__ */ gt(t)), o < 1 ? (i = (u) => {
+  o = xt(U.minDamping, U.maxDamping, o), t = xt(U.minDuration, U.maxDuration, /* @__PURE__ */ mt(t)), o < 1 ? (i = (u) => {
     const d = u * o, h = d * t, f = d - n, p = an(u, o), m = Math.exp(-h);
     return Ye - f / p * m;
   }, r = (u) => {
@@ -944,7 +944,7 @@ function c1(t) {
   };
   if (!Es(t, l1) && Es(t, a1))
     if (t.visualDuration) {
-      const n = t.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * vt(0.05, 1, 1 - (t.bounce || 0)) * Math.sqrt(i);
+      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: U.mass,
@@ -970,8 +970,8 @@ function Re(t = U.visualDuration, e = U.bounce) {
   let { restSpeed: s, restDelta: i } = n;
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: c, damping: u, mass: d, duration: h, velocity: f, isResolvedFromDuration: p } = c1({
     ...n,
-    velocity: -/* @__PURE__ */ gt(n.velocity || 0)
-  }), m = f || 0, y = u / (2 * Math.sqrt(c * d)), w = o - r, C = /* @__PURE__ */ gt(Math.sqrt(c / d)), x = Math.abs(w) < 5;
+    velocity: -/* @__PURE__ */ mt(n.velocity || 0)
+  }), m = f || 0, y = u / (2 * Math.sqrt(c * d)), w = o - r, C = /* @__PURE__ */ mt(Math.sqrt(c / d)), x = Math.abs(w) < 5;
   s || (s = x ? U.restSpeed.granular : U.restSpeed.default), i || (i = x ? U.restDelta.granular : U.restDelta.default);
   let v;
   if (y < 1) {
@@ -1049,7 +1049,7 @@ function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   };
 }
 function u1(t, e, n) {
-  const s = [], i = n || wt.mix || Po, r = t.length - 1;
+  const s = [], i = n || Ct.mix || Po, r = t.length - 1;
   for (let o = 0; o < r; o++) {
     let a = i(t[o], t[o + 1]);
     if (e) {
@@ -1062,7 +1062,7 @@ function u1(t, e, n) {
 }
 function d1(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = t.length;
-  if (Ct(r === e.length, "Both input and output ranges must be the same length"), r === 1)
+  if (vt(r === e.length, "Both input and output ranges must be the same length"), r === 1)
     return () => e[0];
   if (r === 2 && e[0] === e[1])
     return () => e[1];
@@ -1078,7 +1078,7 @@ function d1(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
     const f = /* @__PURE__ */ ce(t[h], t[h + 1], d);
     return a[h](f);
   };
-  return n ? (d) => u(vt(t[0], t[r - 1], d)) : u;
+  return n ? (d) => u(xt(t[0], t[r - 1], d)) : u;
 }
 function h1(t, e) {
   const n = t[t.length - 1];
@@ -1158,7 +1158,7 @@ class Xn extends Yn {
   constructor(e) {
     super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
       const { motionValue: n } = this.options;
-      n && n.updatedAt !== ot.now() && this.tick(ot.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
+      n && n.updatedAt !== rt.now() && this.tick(rt.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
     }, this.options = e, this.initAnimation(), this.play(), e.autoplay === !1 && this.pause();
   }
   initAnimation() {
@@ -1167,7 +1167,7 @@ class Xn extends Yn {
     const { type: n = Ot, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = e;
     let { keyframes: a } = e;
     const c = n || Ot;
-    process.env.NODE_ENV !== "production" && c !== Ot && Ct(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== Ot && typeof a[0] != "number" && (this.mixKeyframes = ge(x1, Po(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== Ot && vt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== Ot && typeof a[0] != "number" && (this.mixKeyframes = ge(x1, Po(a[0], a[1])), a = [0, 100]);
     const u = c({ ...e, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = c({
       ...e,
@@ -1193,7 +1193,7 @@ class Xn extends Yn {
     if (h) {
       const j = Math.min(this.currentTime, i) / a;
       let _ = Math.floor(j), N = j % 1;
-      !N && j >= 1 && (N = 1), N === 1 && _--, _ = Math.min(_, h + 1), !!(_ % 2) && (f === "reverse" ? (N = 1 - N, p && (N -= p / a)) : f === "mirror" && (T = o)), v = vt(0, 1, N) * a;
+      !N && j >= 1 && (N = 1), N === 1 && _--, _ = Math.min(_, h + 1), !!(_ % 2) && (f === "reverse" ? (N = 1 - N, p && (N -= p / a)) : f === "mirror" && (T = o)), v = xt(0, 1, N) * a;
     }
     const k = x ? { done: !1, value: d[0] } : T.next(v);
     r && (k.value = r(k.value));
@@ -1211,10 +1211,10 @@ class Xn extends Yn {
     return this.finished.then(e, n);
   }
   get duration() {
-    return /* @__PURE__ */ gt(this.calculatedDuration);
+    return /* @__PURE__ */ mt(this.calculatedDuration);
   }
   get time() {
-    return /* @__PURE__ */ gt(this.currentTime);
+    return /* @__PURE__ */ mt(this.currentTime);
   }
   set time(e) {
     e = /* @__PURE__ */ ft(e), this.currentTime = e, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = e : this.driver && (this.startTime = this.driver.now() - e / this.playbackSpeed), this.driver?.start(!1);
@@ -1223,9 +1223,9 @@ class Xn extends Yn {
     return this.playbackSpeed;
   }
   set speed(e) {
-    this.updateTime(ot.now());
+    this.updateTime(rt.now());
     const n = this.playbackSpeed !== e;
-    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ gt(this.currentTime));
+    this.playbackSpeed = e, n && (this.time = /* @__PURE__ */ mt(this.currentTime));
   }
   play() {
     if (this.isStopped)
@@ -1236,7 +1236,7 @@ class Xn extends Yn {
     this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
   }
   pause() {
-    this.state = "paused", this.updateTime(ot.now()), this.holdTime = this.currentTime;
+    this.state = "paused", this.updateTime(rt.now()), this.holdTime = this.currentTime;
   }
   complete() {
     this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
@@ -1342,7 +1342,7 @@ const Jt = [
   "skew",
   "skewX",
   "skewY"
-], Qt = new Set(Jt), Is = (t) => t === qt || t === V, b1 = /* @__PURE__ */ new Set(["x", "y", "z"]), L1 = Jt.filter((t) => !b1.has(t));
+], Qt = new Set(Jt), Is = (t) => t === qt || t === A, b1 = /* @__PURE__ */ new Set(["x", "y", "z"]), L1 = Jt.filter((t) => !b1.has(t));
 function T1(t) {
   const e = [];
   return L1.forEach((n) => {
@@ -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;
@@ -1490,7 +1490,7 @@ class _1 extends Yn {
     if (super(), this.finishedTime = null, this.isStopped = !1, !e)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: c } = e;
-    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, Ct(typeof e.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
+    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = e, vt(typeof e.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
     const u = E1(e);
     this.animation = D1(n, s, i, u, r), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
@@ -1539,10 +1539,10 @@ class _1 extends Yn {
   }
   get duration() {
     const e = this.animation.effect?.getComputedTiming?.().duration || 0;
-    return /* @__PURE__ */ gt(Number(e));
+    return /* @__PURE__ */ mt(Number(e));
   }
   get time() {
-    return /* @__PURE__ */ gt(Number(this.animation.currentTime) || 0);
+    return /* @__PURE__ */ mt(Number(this.animation.currentTime) || 0);
   }
   set time(e) {
     this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ ft(e);
@@ -1659,7 +1659,7 @@ class U1 extends Yn {
   constructor({ autoplay: e = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: u, element: d, ...h }) {
     super(), this.stop = () => {
       this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
-    }, this.createdAt = ot.now();
+    }, this.createdAt = rt.now();
     const f = {
       autoplay: e,
       delay: n,
@@ -1677,7 +1677,7 @@ class U1 extends Yn {
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
     const { name: r, type: o, velocity: a, delay: c, isHandoff: u, onUpdate: d } = s;
-    this.resolvedAt = ot.now(), F1(e, r, o, a) || ((wt.instantAnimations || !c) && d?.(Gn(e, s, n)), e[0] = e[e.length - 1], s.duration = 0, s.repeat = 0);
+    this.resolvedAt = rt.now(), F1(e, r, o, a) || ((Ct.instantAnimations || !c) && d?.(Gn(e, s, n)), e[0] = e[e.length - 1], s.duration = 0, s.repeat = 0);
     const f = {
       startTime: i ? this.resolvedAt ? this.resolvedAt - this.createdAt > $1 ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: n,
@@ -1749,7 +1749,7 @@ function Z1(t) {
 }
 const G1 = 4;
 function Oo(t, e, n = 1) {
-  Ct(n <= G1, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
+  vt(n <= G1, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);
   const [s, i] = Z1(t);
   if (!s)
     return;
@@ -1774,7 +1774,7 @@ const Fo = /* @__PURE__ */ new Set([
 ]), Y1 = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, zo = (t) => (e) => e.test(t), Ko = [qt, V, yt, Lt, Oa, Ia, Y1], Ks = (t) => Ko.find(zo(t));
+}, zo = (t) => (e) => e.test(t), Ko = [qt, A, gt, Lt, Oa, Ia, Y1], Ks = (t) => Ko.find(zo(t));
 function X1(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || lo(t) : !0;
 }
@@ -1811,55 +1811,55 @@ const Q1 = /\b([a-z-]*)\(.*?\)/gu, gn = {
   skew: Lt,
   skewX: Lt,
   skewY: Lt,
-  distance: V,
-  translateX: V,
-  translateY: V,
-  translateZ: V,
-  x: V,
-  y: V,
-  z: V,
-  perspective: V,
-  transformPerspective: V,
+  distance: A,
+  translateX: A,
+  translateY: A,
+  translateZ: A,
+  x: A,
+  y: A,
+  z: A,
+  perspective: A,
+  transformPerspective: A,
   opacity: ue,
   originX: As,
   originY: As,
-  originZ: V
+  originZ: A
 }, ts = {
   // Border props
-  borderWidth: V,
-  borderTopWidth: V,
-  borderRightWidth: V,
-  borderBottomWidth: V,
-  borderLeftWidth: V,
-  borderRadius: V,
-  radius: V,
-  borderTopLeftRadius: V,
-  borderTopRightRadius: V,
-  borderBottomRightRadius: V,
-  borderBottomLeftRadius: V,
+  borderWidth: A,
+  borderTopWidth: A,
+  borderRightWidth: A,
+  borderBottomWidth: A,
+  borderLeftWidth: A,
+  borderRadius: A,
+  radius: A,
+  borderTopLeftRadius: A,
+  borderTopRightRadius: A,
+  borderBottomRightRadius: A,
+  borderBottomLeftRadius: A,
   // Positioning props
-  width: V,
-  maxWidth: V,
-  height: V,
-  maxHeight: V,
-  top: V,
-  right: V,
-  bottom: V,
-  left: V,
+  width: A,
+  maxWidth: A,
+  height: A,
+  maxHeight: A,
+  top: A,
+  right: A,
+  bottom: A,
+  left: A,
   // Spacing props
-  padding: V,
-  paddingTop: V,
-  paddingRight: V,
-  paddingBottom: V,
-  paddingLeft: V,
-  margin: V,
-  marginTop: V,
-  marginRight: V,
-  marginBottom: V,
-  marginLeft: V,
+  padding: A,
+  paddingTop: A,
+  paddingRight: A,
+  paddingBottom: A,
+  paddingLeft: A,
+  margin: A,
+  marginTop: A,
+  marginRight: A,
+  marginBottom: A,
+  marginLeft: A,
   // Misc
-  backgroundPositionX: V,
-  backgroundPositionY: V,
+  backgroundPositionX: A,
+  backgroundPositionY: A,
   ...tl,
   zIndex: Ws,
   // SVG
@@ -1869,17 +1869,17 @@ const Q1 = /\b([a-z-]*)\(.*?\)/gu, gn = {
 }, el = {
   ...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) => el[t];
@@ -1971,7 +1971,7 @@ class al {
    */
   constructor(e, n = {}) {
     this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s, i = !0) => {
-      const r = ot.now();
+      const r = rt.now();
       if (this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
         for (const o of this.dependents)
           o.dirty();
@@ -1979,7 +1979,7 @@ class al {
     }, this.hasAnimated = !1, this.setCurrent(e), this.owner = n.owner;
   }
   setCurrent(e) {
-    this.current = e, this.updatedAt = ot.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = rl(this.current));
+    this.current = e, this.updatedAt = rt.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = rl(this.current));
   }
   setPrevFrameValue(e = this.current) {
     this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
@@ -2031,7 +2031,7 @@ class al {
     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;
@@ -2107,7 +2107,7 @@ class al {
    * @public
    */
   getVelocity() {
-    const e = ot.now();
+    const e = rt.now();
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > $s)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, $s);
@@ -2268,7 +2268,7 @@ function Yo(t) {
 function pl(t) {
   return Yo(t) && t.tagName === "svg";
 }
-const nt = (t) => !!(t && t.getVelocity), ml = [...Ko, J, Pt], gl = (t) => ml.find(zo(t)), ss = kt({
+const st = (t) => !!(t && t.getVelocity), ml = [...Ko, Q, Pt], gl = (t) => ml.find(zo(t)), ss = wt({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
@@ -2292,13 +2292,13 @@ class yl extends Ln.Component {
   }
 }
 function xl({ children: t, isPresent: e, anchorX: n, root: s }) {
-  const i = 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: a } = Q(ss);
+  }), { nonce: a } = tt(ss);
   return Wi(() => {
     const { width: c, height: u, top: d, left: h, right: f } = o.current;
     if (e || !r.current || !c || !u)
@@ -2347,7 +2347,7 @@ function Cl() {
   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();
@@ -2362,11 +2362,11 @@ const be = (t) => t.key || "";
 function Gs(t) {
   const e = [];
   return At.forEach(t, (n) => {
-    xt(n) && e.push(n);
+    yt(n) && e.push(n);
   }), e;
 }
 const wl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presenceAffectsLayout: i = !0, mode: r = "sync", propagate: o = !1, anchorX: a = "left", root: c }) => {
-  const [u, d] = Xo(o), h = b(() => Gs(t), [t]), f = o && !u ? [] : h.map(be), p = q(!0), m = q(h), y = Dn(() => /* @__PURE__ */ new Map()), [w, C] = rt(h), [x, v] = rt(h);
+  const [u, d] = Xo(o), h = b(() => Gs(t), [t]), f = o && !u ? [] : h.map(be), p = J(!0), m = J(h), y = Dn(() => /* @__PURE__ */ new Map()), [w, C] = at(h), [x, v] = at(h);
   oo(() => {
     p.current = !1, m.current = h;
     for (let L = 0; L < x.length; L++) {
@@ -2384,7 +2384,7 @@ const wl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
     return r === "wait" && T.length && (L = T), v(Gs(L)), C(h), null;
   }
   process.env.NODE_ENV !== "production" && r === "wait" && x.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-  const { forceRender: k } = Q(Rn);
+  const { forceRender: k } = tt(Rn);
   return l.jsx(l.Fragment, { children: x.map((L) => {
     const M = be(L), j = o && !u ? !1 : h === x || f.includes(M), _ = () => {
       if (y.has(M))
@@ -2398,7 +2398,7 @@ const wl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
     };
     return l.jsx(vl, { isPresent: j, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: r, root: c, onExitComplete: j ? void 0 : _, anchorX: a, children: L }, M);
   }) });
-}, qo = kt({ strict: !1 }), Ys = {
+}, qo = wt({ strict: !1 }), Ys = {
   animation: [
     "animate",
     "variants",
@@ -2492,7 +2492,7 @@ function Tl(t) {
     get: (s, i) => i === "create" ? t : (e.has(i) || e.set(i, t(i)), e.get(i))
   });
 }
-const Be = /* @__PURE__ */ kt({});
+const Be = /* @__PURE__ */ wt({});
 function Ie(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
@@ -2525,7 +2525,7 @@ function Ml(t, e) {
   return t.inherit !== !1 ? e : {};
 }
 function Sl(t) {
-  const { initial: e, animate: n } = Ml(t, Q(Be));
+  const { initial: e, animate: n } = Ml(t, tt(Be));
   return b(() => ({ initial: e, animate: n }), [Xs(e), Xs(n)]);
 }
 function Xs(t) {
@@ -2548,9 +2548,9 @@ function Al(t, e, n) {
     [e]
   );
 }
-const rs = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Vl = "framerAppearId", tr = "data-" + rs(Vl), er = kt({});
+const rs = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Vl = "framerAppearId", tr = "data-" + rs(Vl), er = wt({});
 function Rl(t, e, n, s, i) {
-  const { visualElement: r } = Q(Be), o = Q(qo), a = Q(Ne), c = Q(ss).reducedMotion, u = q(null);
+  const { visualElement: r } = tt(Be), o = tt(qo), a = tt(Ne), c = tt(ss).reducedMotion, u = J(null);
   s = s || o.renderer, !u.current && s && (u.current = s(t, {
     visualState: e,
     parent: r,
@@ -2559,13 +2559,13 @@ function Rl(t, e, n, s, i) {
     blockInitialAnimation: a ? a.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") && Dl(u.current, n, i, h);
-  const f = q(!1);
+  const f = J(!1);
   Wi(() => {
     d && f.current && d.update(n, a);
   });
-  const p = n[tr], m = 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), m.current && d.animationState && d.animationState.animateChanges());
   }), Tt(() => {
@@ -2604,7 +2604,7 @@ function El({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
   function r(a, c) {
     let u;
     const d = {
-      ...Q(ss),
+      ...tt(ss),
       ...a,
       layoutId: _l(a)
     }, { isStatic: h } = d, f = Sl(a), p = s(a, h);
@@ -2620,14 +2620,14 @@ function El({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
   return o[Pl] = i, o;
 }
 function _l({ layoutId: t }) {
-  const e = Q(Rn).id;
+  const e = tt(Rn).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
 function Nl(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) : Ct(!1, s);
+    t.ignoreStrict ? Xt(!1, s) : vt(!1, s);
   }
 }
 function Bl(t) {
@@ -2702,7 +2702,7 @@ const ls = () => ({
 });
 function ir(t, e, n) {
   for (const s in e)
-    !nt(e[s]) && !sr(s, n) && (t[s] = e[s]);
+    !st(e[s]) && !sr(s, n) && (t[s] = e[s]);
 }
 function Kl({ transformTemplate: t }, e) {
   return b(() => {
@@ -2728,8 +2728,8 @@ const Ul = {
 function Zl(t, e, n = 1, s = 0, i = !0) {
   t.pathLength = 1;
   const r = i ? Ul : Hl;
-  t[r.offset] = V.transform(-s);
-  const o = V.transform(e), a = V.transform(n);
+  t[r.offset] = A.transform(-s);
+  const o = A.transform(e), a = A.transform(n);
   t[r.array] = `${o} ${a}`;
 }
 function or(t, {
@@ -2817,7 +2817,7 @@ function cs(t) {
 }
 function Xl(t = !1) {
   return (n, s, i, { latestValues: r }, o) => {
-    const c = (cs(n) ? Gl : $l)(s, r, o, n), u = Ll(s, typeof n == "string", t), d = n !== $i ? { ...u, ...c, ref: i } : {}, { children: h } = s, f = b(() => nt(h) ? h.get() : h, [h]);
+    const c = (cs(n) ? Gl : $l)(s, r, o, n), u = Ll(s, typeof n == "string", t), d = n !== $i ? { ...u, ...c, ref: i } : {}, { children: h } = s, f = b(() => st(h) ? h.get() : h, [h]);
     return ha(n, {
       ...d,
       children: f
@@ -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 Jl(t, e, n, s) {
@@ -2888,7 +2888,7 @@ function Jl(t, e, n, s) {
 function ds(t, e, n) {
   const { style: s } = t, i = {};
   for (const r in s)
-    (nt(s[r]) || e.style && nt(e.style[r]) || sr(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (i[r] = s[r]);
+    (st(s[r]) || e.style && st(e.style[r]) || sr(r, t) || n?.getValue(r)?.liveStyle !== void 0) && (i[r] = s[r]);
   return i;
 }
 const Ql = {
@@ -2900,7 +2900,7 @@ const Ql = {
 function cr(t, e, n) {
   const s = ds(t, e, n);
   for (const i in t)
-    if (nt(t[i]) || nt(e[i])) {
+    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,14 +2945,14 @@ function ic(t, e) {
   }
 }
 function oc(t) {
-  return !!(nt(t) && t.add);
+  return !!(st(t) && t.add);
 }
 function xn(t, e) {
   const n = t.getValue("willChange");
   if (oc(n))
     return n.add(e);
-  if (!n && wt.WillChange) {
-    const s = new wt.WillChange("auto");
+  if (!n && Ct.WillChange) {
+    const s = new Ct.WillChange("auto");
     t.addValue("willChange", s), s.add(e);
   }
 }
@@ -3007,10 +3007,10 @@ const hs = (t, e, n, s = {}, i, r) => (o) => {
   };
   fc(a) || Object.assign(d, hc(t, d)), d.duration && (d.duration = /* @__PURE__ */ ft(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ ft(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
   let h = !1;
-  if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (d.duration = 0, d.delay === 0 && (h = !0)), (wt.instantAnimations || wt.skipAnimations) && (h = !0, d.duration = 0, d.delay = 0), d.allowFlatten = !a.type && !a.ease, h && !r && e.get() !== void 0) {
+  if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (d.duration = 0, d.delay === 0 && (h = !0)), (Ct.instantAnimations || Ct.skipAnimations) && (h = !0, d.duration = 0, d.delay = 0), d.allowFlatten = !a.type && !a.ease, h && !r && e.get() !== void 0) {
     const f = ac(d.keyframes, a);
     if (f !== void 0) {
-      K.update(() => {
+      W.update(() => {
         d.onUpdate(f), d.onComplete();
       });
       return;
@@ -3040,7 +3040,7 @@ function dr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     if (window.MotionHandoffAnimation) {
       const C = ur(t);
       if (C) {
-        const x = window.MotionHandoffAnimation(C, d, K);
+        const x = window.MotionHandoffAnimation(C, d, W);
         x !== null && (p.startTime = x, y = !0);
       }
     }
@@ -3049,7 +3049,7 @@ function dr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     w && c.push(w);
   }
   return o && Promise.all(c).then(() => {
-    K.update(() => {
+    W.update(() => {
       o && ic(t, o);
     });
   }), c;
@@ -3161,8 +3161,8 @@ function kc(t) {
       const N = Array.isArray(v) ? v : [v];
       let B = N.reduce(i(C), {});
       k === !1 && (B = {});
-      const { prevResolvedValues: F = {} } = x, R = {
-        ...F,
+      const { prevResolvedValues: K = {} } = x, R = {
+        ...K,
         ...B
       }, G = (z) => {
         j = !0, f.has(z) && (_ = !0, f.delete(z)), x.needsAnimating[z] = !0;
@@ -3170,11 +3170,11 @@ function kc(t) {
         Y && (Y.liveStyle = !1);
       };
       for (const z in R) {
-        const Y = B[z], at = F[z];
+        const Y = B[z], lt = K[z];
         if (p.hasOwnProperty(z))
           continue;
         let g = !1;
-        yn(Y) && yn(at) ? g = !hr(Y, at) : g = Y !== at, g ? Y != null ? G(z) : f.add(z) : Y !== void 0 && f.has(z) ? G(z) : x.protectedKeys[z] = !0;
+        yn(Y) && yn(lt) ? g = !hr(Y, lt) : g = Y !== lt, g ? Y != null ? G(z) : f.add(z) : Y !== void 0 && f.has(z) ? G(z) : x.protectedKeys[z] = !0;
       }
       x.prevProp = v, x.prevResolvedValues = B, x.isActive && (p = { ...p, ...B }), s && t.blockInitialAnimation && (j = !1), j && (!(L && M) || _) && h.push(...N.map((z) => ({
         animation: z,
@@ -3337,26 +3337,26 @@ function Ac(t, e) {
   };
 }
 const mr = 1e-4, Vc = 1 - mr, Rc = 1 + mr, gr = 0.01, Dc = 0 - gr, Ec = 0 + gr;
-function st(t) {
+function ot(t) {
   return t.max - t.min;
 }
 function _c(t, e, n) {
   return Math.abs(t - e) <= n;
 }
 function Qs(t, e, n, s = 0.5) {
-  t.origin = s, t.originPoint = H(e.min, e.max, t.origin), t.scale = st(n) / st(e), t.translate = H(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Vc && t.scale <= Rc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Dc && t.translate <= Ec || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = s, t.originPoint = H(e.min, e.max, t.origin), t.scale = ot(n) / ot(e), t.translate = H(n.min, n.max, t.origin) - t.originPoint, (t.scale >= Vc && t.scale <= Rc || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Dc && t.translate <= Ec || isNaN(t.translate)) && (t.translate = 0);
 }
 function ae(t, e, n, s) {
   Qs(t.x, e.x, n.x, s ? s.originX : void 0), Qs(t.y, e.y, n.y, s ? s.originY : void 0);
 }
 function ti(t, e, n) {
-  t.min = n.min + e.min, t.max = t.min + st(e);
+  t.min = n.min + e.min, t.max = t.min + ot(e);
 }
 function Nc(t, e, n) {
   ti(t.x, e.x, n.x), ti(t.y, e.y, n.y);
 }
 function ei(t, e, n) {
-  t.min = e.min - n.min, t.max = t.min + st(e);
+  t.min = e.min - n.min, t.max = t.min + ot(e);
 }
 function le(t, e, n) {
   ei(t.x, e.x, n.x), ei(t.y, e.y, n.y);
@@ -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()
 });
@@ -3456,7 +3456,7 @@ class wr {
       const { onStart: C, onMove: x } = this.handlers;
       p || (C && C(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, f);
     }, this.handlePointerMove = (f, p) => {
-      this.lastMoveEvent = f, this.lastMoveEventInfo = Je(p, this.transformPagePoint), 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: m, onSessionEnd: y, resumeAnimation: w } = this.handlers;
@@ -3508,7 +3508,7 @@ function zc(t, e) {
     n--;
   if (!s)
     return { x: 0, y: 0 };
-  const r = /* @__PURE__ */ gt(i.timestamp - s.timestamp);
+  const r = /* @__PURE__ */ mt(i.timestamp - s.timestamp);
   if (r === 0)
     return { x: 0, y: 0 };
   const o = {
@@ -3544,8 +3544,8 @@ function $c(t, e) {
 }
 function Uc(t, e) {
   let n = 0.5;
-  const s = st(t), i = st(e);
-  return i > s ? n = /* @__PURE__ */ ce(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ ce(t.min, t.max - i, e.min)), vt(0, 1, n);
+  const s = ot(t), i = ot(e);
+  return i > s ? n = /* @__PURE__ */ ce(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ ce(t.min, t.max - i, e.min)), xt(0, 1, n);
 }
 function Hc(t, e) {
   const n = {};
@@ -3570,7 +3570,7 @@ function pi(t, e) {
 const Gc = /* @__PURE__ */ new WeakMap();
 class Yc {
   constructor(e) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = 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;
@@ -3585,15 +3585,15 @@ class Yc {
         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((C) => {
         let x = this.getAxisMotionValue(C).get() || 0;
-        if (yt.test(x)) {
+        if (gt.test(x)) {
           const { projection: v } = this.visualElement;
           if (v && v.layout) {
             const T = v.layout.layoutBox[C];
-            T && (x = st(T) * (parseFloat(x) / 100));
+            T && (x = ot(T) * (parseFloat(x) / 100));
           }
         }
         this.originPoint[C] = x;
-      }), y && K.postRender(() => y(h, f)), xn(this.visualElement, "transform");
+      }), y && W.postRender(() => y(h, f)), xn(this.visualElement, "transform");
       const { animationState: w } = this.visualElement;
       w && w.setActive("whileDrag", !0);
     }, a = (h, f) => {
@@ -3633,7 +3633,7 @@ class Yc {
     const { velocity: o } = i;
     this.startAnimation(o);
     const { onDragEnd: a } = this.getProps();
-    a && K.postRender(() => a(s, i));
+    a && W.postRender(() => a(s, i));
   }
   /**
    * @internal
@@ -3664,7 +3664,7 @@ class Yc {
     if (!e || !Ft(e))
       return !1;
     const s = e.current;
-    Ct(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    vt(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
     const { projection: i } = this.visualElement;
     if (!i || !i.layout)
       return !1;
@@ -3771,7 +3771,7 @@ class Yc {
       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 = me(window, "resize", () => this.scalePositionWithinConstraints()), a = 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 Jc extends Vt {
   constructor() {
@@ -3834,7 +3834,7 @@ class Jc 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));
       }
     };
   }
@@ -3868,7 +3868,7 @@ const se = {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (V.test(t))
+      if (A.test(t))
         t = parseFloat(t);
       else
         return t;
@@ -3904,7 +3904,7 @@ class t0 extends fa {
   }
   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 a = o.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
@@ -3928,8 +3928,8 @@ class t0 extends fa {
   }
 }
 function jr(t) {
-  const [e, n] = Xo(), s = Q(Rn);
-  return l.jsx(t0, { ...t, layoutGroup: s, switchLayoutGroup: Q(er), isPresent: e, safeToRemove: n });
+  const [e, n] = Xo(), s = tt(Rn);
+  return l.jsx(t0, { ...t, layoutGroup: s, switchLayoutGroup: tt(er), isPresent: e, safeToRemove: n });
 }
 const e0 = {
   borderRadius: {
@@ -3948,7 +3948,7 @@ const e0 = {
   boxShadow: Qc
 };
 function n0(t, e, n) {
-  const s = nt(t) ? t : Zt(t);
+  const s = st(t) ? t : Zt(t);
   return s.start(hs("", s, e, n)), s.animation;
 }
 const s0 = (t, e) => t.depth - e.depth;
@@ -3967,13 +3967,13 @@ class i0 {
   }
 }
 function o0(t, e) {
-  const n = ot.now(), s = ({ timestamp: i }) => {
+  const n = rt.now(), s = ({ timestamp: i }) => {
     const r = i - n;
     r >= e && (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"], r0 = br.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, vi = (t) => typeof t == "number" || V.test(t);
+const br = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], r0 = br.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, vi = (t) => typeof t == "number" || A.test(t);
 function a0(t, e, n, s, i, r) {
   i ? (t.opacity = H(0, n.opacity ?? 1, l0(s)), t.opacityExit = H(e.opacity ?? 1, 0, c0(s))) : r && (t.opacity = H(e.opacity ?? 1, n.opacity ?? 1, s));
   for (let o = 0; o < r0; o++) {
@@ -3981,7 +3981,7 @@ function a0(t, e, n, s, i, r) {
     let c = Ci(e, a), u = Ci(n, a);
     if (c === void 0 && u === void 0)
       continue;
-    c || (c = 0), u || (u = 0), c === 0 || u === 0 || vi(c) === vi(u) ? (t[a] = Math.max(H(xi(c), xi(u), s), 0), (yt.test(u) || yt.test(c)) && (t[a] += "%")) : t[a] = u;
+    c || (c = 0), u || (u = 0), c === 0 || u === 0 || vi(c) === vi(u) ? (t[a] = Math.max(H(xi(c), xi(u), s), 0), (gt.test(u) || gt.test(c)) && (t[a] += "%")) : t[a] = u;
   }
   (e.rotate || n.rotate) && (t.rotate = H(e.rotate || 0, n.rotate || 0, s));
 }
@@ -4005,7 +4005,7 @@ 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 u0(t, e = 0, n = 1, s = 0.5, i, r = t, o = t) {
-  if (yt.test(e) && (e = parseFloat(e), e = H(o.min, o.max, e / 100) - o.min), typeof e != "number")
+  if (gt.test(e) && (e = parseFloat(e), e = H(o.min, o.max, e / 100) - o.min), typeof e != "number")
     return;
   let a = H(r.min, r.max, s);
   t === r && (a -= e), t.min = ji(t.min, e, n, a, i), t.max = ji(t.max, e, n, a, i);
@@ -4036,7 +4036,7 @@ function Mr(t, e) {
   return Si(t.x, e.x) && Si(t.y, e.y);
 }
 function Pi(t) {
-  return st(t.x) / st(t.y);
+  return ot(t.x) / ot(t.y);
 }
 function Ai(t, e) {
   return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
@@ -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 || a) && (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;
@@ -4238,8 +4238,8 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       }
       this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(j0), this.nodes.forEach(x0), this.nodes.forEach(v0)) : this.nodes.forEach(Ri), this.clearAllSnapshots();
-      const a = ot.now();
-      et.delta = vt(0, 1e3 / 60, a - et.timestamp), et.timestamp = a, et.isProcessing = !0, Ue.update.process(et), Ue.preRender.process(et), Ue.render.process(et), et.isProcessing = !1;
+      const a = rt.now();
+      et.delta = xt(0, 1e3 / 60, a - et.timestamp), et.timestamp = a, et.isProcessing = !0, Ue.update.process(et), Ue.preRender.process(et), Ue.render.process(et), et.isProcessing = !1;
     }
     didUpdate() {
       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(k0), this.sharedNodes.forEach(M0);
     }
     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();
       });
     }
@@ -4259,7 +4259,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !st(this.snapshot.measuredBox.x) && !st(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !ot(this.snapshot.measuredBox.x) && !ot(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -4268,7 +4268,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         for (let c = 0; c < this.path.length; c++)
           this.path[c].updateScroll();
       const o = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = 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: a } = this.options;
       a && a.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 a = o.measureViewportBox();
       if (!(this.scroll?.wasRoot || this.path.some(R0))) {
         const { scroll: u } = this.root;
@@ -4314,7 +4314,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     removeElementScroll(o) {
-      const a = X();
+      const a = q();
       if (ct(a, o), this.scroll?.wasRoot)
         return a;
       for (let c = 0; c < this.path.length; c++) {
@@ -4324,7 +4324,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return a;
     }
     applyTransform(o, a = !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 a = X();
+      const a = q();
       ct(a, 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), Li(a, u.latestValues, u.snapshot ? u.snapshot.layoutBox : void 0, d);
       }
       return Dt(this.latestValues) && Li(a, this.latestValues), a;
@@ -4374,12 +4374,12 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (!(!this.layout || !(d || h))) {
         if (this.resolvedRelativeTargetAt = et.timestamp, !this.targetDelta && !this.relativeTarget) {
           const f = this.getClosestProjectingParent();
-          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = X(), this.relativeTargetOrigin = X(), le(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(), le(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), ct(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = X(), this.targetWithTransforms = X()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Nc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : ct(this.target, this.layout.layoutBox), xr(this.target, this.targetDelta)) : ct(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = q(), this.targetWithTransforms = q()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Nc(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : ct(this.target, this.layout.layoutBox), xr(this.target, this.targetDelta)) : ct(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const f = this.getClosestProjectingParent();
-          f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = X(), this.relativeTargetOrigin = X(), le(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(), le(this.relativeTargetOrigin, this.target, f.target), ct(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -4400,7 +4400,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       ct(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      Bc(this.layoutCorrected, this.treeScale, this.path, a), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = X());
+      Bc(this.layoutCorrected, this.treeScale, this.path, a), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = q());
       const { target: p } = o;
       if (!p) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4427,16 +4427,16 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(o, a = !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 = !a;
-      const f = X(), p = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, y = p !== m, w = this.getStack(), C = !w || w.members.length <= 1, x = !!(y && !C && this.options.crossfade === !0 && !this.path.some(P0));
+      const f = q(), p = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, y = p !== m, w = this.getStack(), C = !w || w.members.length <= 1, x = !!(y && !C && this.options.crossfade === !0 && !this.path.some(P0));
       this.animationProgress = 0;
       let v;
       this.mixTargetDelta = (T) => {
         const k = T / 1e3;
-        Ei(h.x, o.x, k), Ei(h.y, o.y, k), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (le(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), S0(this.relativeTarget, this.relativeTargetOrigin, f, k), v && f0(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = X()), ct(v, this.relativeTarget)), y && (this.animationValues = d, a0(d, u, this.latestValues, k, x, C)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = k;
+        Ei(h.x, o.x, k), Ei(h.y, o.y, k), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (le(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), S0(this.relativeTarget, this.relativeTargetOrigin, f, k), v && f0(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = q()), ct(v, this.relativeTarget)), y && (this.animationValues = d, a0(d, u, this.latestValues, k, x, C)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = k;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (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 = n0(this.motionValue, [0, 1e3], {
           ...o,
           velocity: 0,
@@ -4465,10 +4465,10 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let { targetWithTransforms: a, target: c, layout: u, latestValues: d } = o;
       if (!(!a || !c || !u)) {
         if (this !== o && this.layout && u && Ar(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
-          c = this.target || X();
-          const h = st(this.layout.layoutBox.x);
+          c = this.target || q();
+          const h = ot(this.layout.layoutBox.x);
           c.x.min = o.target.x.min, c.x.max = c.x.min + h;
-          const f = st(this.layout.layoutBox.y);
+          const f = ot(this.layout.layoutBox.y);
           c.y.min = o.target.y.min, c.y.max = c.y.min + f;
         }
         ct(a, c), Wt(a, d), ae(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
@@ -4578,10 +4578,10 @@ function v0(t) {
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: n, measuredBox: s } = t.layout, { animationType: i } = t.options, r = e.source !== t.layout.source;
     i === "size" ? ut((d) => {
-      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = st(h);
+      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = ot(h);
       h.min = n[d].min, h.max = h.min + f;
     }) : Ar(i, e.layoutBox, n) && ut((d) => {
-      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = st(n[d]);
+      const h = r ? e.measuredBox[d] : e.layoutBox[d], f = ot(n[d]);
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[d].max = t.relativeTarget[d].min + f);
     });
     const o = zt();
@@ -4595,9 +4595,9 @@ function v0(t) {
       if (d && !d.resumeFrom) {
         const { snapshot: h, layout: f } = d;
         if (h && f) {
-          const p = X();
+          const p = q();
           le(p, e.layoutBox, h.layoutBox);
-          const m = X();
+          const m = q();
           le(m, n, f.layoutBox), Mr(p, m) || (u = !0), d.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = d);
         }
       }
@@ -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, ve(e)));
+  r && W.postRender(() => r(e, ve(e)));
 }
 class _0 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, ve(e)));
+  r && W.postRender(() => r(e, ve(e)));
 }
 class B0 extends Vt {
   mount() {
@@ -4853,9 +4853,9 @@ const G0 = /* @__PURE__ */ new WeakMap();
 function Y0(t, e, n) {
   for (const s in e) {
     const i = e[s], r = n[s];
-    if (nt(i))
+    if (st(i))
       t.addValue(s, i);
-    else if (nt(r))
+    else if (st(r))
       t.addValue(s, Zt(i, { owner: t }));
     else if (r !== i)
       if (t.hasValue(s)) {
@@ -4894,15 +4894,15 @@ class X0 {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = qn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const f = ot.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, K.render(this.render, !1, !0));
+      const f = rt.now();
+      this.renderScheduledAt < f && (this.renderScheduledAt = f, W.render(this.render, !1, !0));
     };
     const { latestValues: c, renderState: u } = o;
     this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = e, this.props = n, this.presenceContext = s, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = 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 X0 {
     const s = Qt.has(e);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (a) => {
-      this.latestValues[e] = a, this.props.onUpdate && K.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
+      this.latestValues[e] = a, 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 X0 {
    * 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 X0 {
    */
   readValue(e, n) {
     let s = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return s != null && (typeof s == "string" && (ro(s) || lo(s)) ? s = parseFloat(s) : !gl(s) && Pt.test(n) && (s = $o(e, n)), this.setBaseTarget(e, nt(s) ? s.get() : s)), nt(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (ro(s) || lo(s)) ? s = parseFloat(s) : !gl(s) && Pt.test(n) && (s = $o(e, n)), this.setBaseTarget(e, st(s) ? s.get() : s)), st(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -5063,7 +5063,7 @@ class X0 {
     if (n && s !== void 0)
       return s;
     const i = this.getBaseTargetFromProps(this.props, e);
-    return i !== void 0 && !nt(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
+    return i !== void 0 && !st(i) ? i : this.initialValues[e] !== void 0 && s === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
     return this.events[e] || (this.events[e] = new In()), this.events[e].add(n);
@@ -5088,7 +5088,7 @@ class Dr extends X0 {
   handleChildMotionValue() {
     this.childSubscription && (this.childSubscription(), delete this.childSubscription);
     const { children: e } = this.props;
-    nt(e) && (this.childSubscription = e.on("change", (n) => {
+    st(e) && (this.childSubscription = e.on("change", (n) => {
       this.current && (this.current.textContent = `${n}`);
     }));
   }
@@ -5159,7 +5159,7 @@ function Q0(t, e, n, s) {
 }
 class t2 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,7 +5194,7 @@ const e2 = (t, e) => cs(t) ? new t2(e) : new J0(e, {
 }, e2), s2 = /* @__PURE__ */ Tl(n2), i2 = (t, e) => {
   const { isOpen: n, as: s = "div", children: i, ...r } = t, o = s2[s];
   return /* @__PURE__ */ l.jsx(wl, { children: n && /* @__PURE__ */ l.jsx(o, { ref: e, ...r, children: i }) });
-}, o2 = Z(i2), Fe = O(o2);
+}, o2 = Z(i2), Fe = I(o2);
 Fe.displayName = "CTransition";
 const Nr = Z((t, e) => {
   const {
@@ -5216,7 +5216,7 @@ const Nr = Z((t, e) => {
     onKeyDown: C,
     onKeyUp: x,
     ...v
-  } = t, T = q(null), k = Tn(T), L = b(() => c === "plain", [c]);
+  } = t, T = J(null), k = Tn(T), L = b(() => c === "plain", [c]);
   pt(e, () => ({
     focus() {
       T.current?.focus();
@@ -5237,7 +5237,7 @@ const Nr = Z((t, e) => {
     m?.(D), !r && !L && k?.register(D);
   }, [k, L, m]), B = S((D) => {
     w?.(D), L || k.remove();
-  }, [k, L, w]), F = S((D) => {
+  }, [k, L, w]), K = S((D) => {
     if (y?.(D), !T?.current)
       throw Error("Invalid rootRef.");
     L || k.remove();
@@ -5257,14 +5257,14 @@ const Nr = Z((t, e) => {
       style: j,
       disabled: r,
       onMouseDown: N,
-      onMouseLeave: F,
+      onMouseLeave: K,
       onClick: _,
       onMouseUp: B,
       onKeyDown: R,
       onKeyUp: G
     }
   );
-}), fs = O(Nr);
+}), fs = I(Nr);
 Nr.displayName = "KButton";
 fs.displayName = "KButton";
 const b2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
@@ -5274,18 +5274,18 @@ const b2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
   }, [e]), o = b(() => {
     const a = [];
     return At.forEach(s, (c, u) => {
-      if (xt(c) && c.type === fs) {
+      if (yt(c) && c.type === fs) {
         const d = c;
         a.push(_e(d, { ...d.props, variant: n, key: c.key ?? `k-button--${u}}` }));
       }
     }), a;
   }, [s, n]);
   return /* @__PURE__ */ l.jsx("div", { ...i, className: r, role: "group", children: o });
-}, r2 = O(Br);
+}, r2 = I(Br);
 r2.displayName = "KButtonGroup";
 Br.displayName = "KButtonGroup";
 const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, ...i }) => {
-  const [r, o] = rt(null), [a, c] = rt([]), u = b(() => {
+  const [r, o] = at(null), [a, c] = at([]), u = b(() => {
     const p = ["k-toggle-button"];
     return e && p.push(e), p.join(" ");
   }, [e]), d = S(
@@ -5297,7 +5297,7 @@ const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, .
     (p) => t ? a.includes(p) : r === p,
     [t, r, a]
   ), f = b(() => At.toArray(s).map((p, m) => {
-    if (!xt(p) || p.type !== fs) return null;
+    if (!yt(p) || p.type !== fs) return null;
     const y = h(m), w = p, C = (v) => {
       d(m), w.props.onClick?.(v);
     }, x = (v) => {
@@ -5315,15 +5315,15 @@ const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, .
   return /* @__PURE__ */ l.jsx("div", { ...i, className: u, role: "group", children: f });
 };
 Ir.displayName = "KToggleButton";
-const L2 = O(Ir), Or = Z((t, e) => {
-  const { className: n, value: s, disabled: i, size: r = "medium", ...o } = t, a = q(null), c = b(() => {
+const L2 = I(Ir), Or = Z((t, e) => {
+  const { className: n, value: s, disabled: i, size: r = "medium", ...o } = t, a = J(null), c = b(() => {
     const u = ["k-switch", `k-switch--${s ? "on" : "off"}`];
     return n && u.push(n), r && u.push(`k-switch--${r}`), i && u.push("k-switch--disabled"), u.join(" ");
   }, [s, n, r, i]);
   return pt(e, () => ({
     toggle: () => a.current?.click()
   })), /* @__PURE__ */ l.jsx(no, { ref: a, ...o, value: s, className: c, disabled: i, children: /* @__PURE__ */ l.jsx("span", { className: "k-switch__toggle" }) });
-}), a2 = O(Or);
+}), a2 = I(Or);
 Or.displayName = "KSwitch";
 a2.displayName = "KSwitch";
 const Fr = (t) => {
@@ -5338,7 +5338,7 @@ const Fr = (t) => {
     ] }),
     /* @__PURE__ */ l.jsx($t.Content, { className: "k-accordion__content", children: /* @__PURE__ */ l.jsx("div", { className: "k-accordion__content__container", children: i }) })
   ] });
-}, l2 = O(Fr);
+}, l2 = I(Fr);
 l2.displayName = "KAccordion";
 Fr.displayName = "KAccordion";
 const zr = Z((t, e) => {
@@ -5359,26 +5359,26 @@ const zr = Z((t, e) => {
     onKeyDown: y,
     onKeyUp: w,
     ...C
-  } = t, x = q(null), v = Tn(x);
+  } = t, x = J(null), v = Tn(x);
   pt(e, () => x.current, []);
   const T = b(() => {
-    const I = ["k-menu-item", `k-menu-item--${r}`];
-    return s && I.push(s), d && I.push("k-menu-item--disabled"), I.join(" ");
-  }, [s, r]), k = b(() => ({ ...i }), [i]), L = S((I) => {
-    d || h?.(I);
-  }, [d, h]), M = S((I) => {
-    f?.(I), d || v?.register(I);
-  }, [v, f]), j = S((I) => {
-    m?.(I), v.remove();
-  }, [v, m]), _ = S((I) => {
-    p?.(I), v.remove();
-  }, [v, p]), N = S((I) => {
-    y?.(I), v?.register(I), Mt(I, () => {
+    const O = ["k-menu-item", `k-menu-item--${r}`];
+    return s && O.push(s), d && O.push("k-menu-item--disabled"), O.join(" ");
+  }, [s, r]), k = b(() => ({ ...i }), [i]), L = S((O) => {
+    d || h?.(O);
+  }, [d, h]), M = S((O) => {
+    f?.(O), d || v?.register(O);
+  }, [v, f]), j = S((O) => {
+    m?.(O), v.remove();
+  }, [v, m]), _ = S((O) => {
+    p?.(O), v.remove();
+  }, [v, p]), N = S((O) => {
+    y?.(O), v?.register(O), Mt(O, () => {
       h?.();
     });
-  }, [v, y]), B = S((I) => {
-    w?.(I), Mt(I, () => v.remove());
-  }, [v, w]), F = b(() => o ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), R = b(() => /* @__PURE__ */ l.jsx("div", { className: "k-menu-item__label", children: a }), [a]), G = b(() => c ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), D = b(() => u ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
+  }, [v, y]), B = S((O) => {
+    w?.(O), Mt(O, () => v.remove());
+  }, [v, w]), K = b(() => o ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), R = b(() => /* @__PURE__ */ l.jsx("div", { className: "k-menu-item__label", children: a }), [a]), G = b(() => c ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), D = b(() => u ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
   return /* @__PURE__ */ l.jsxs(
     to,
     {
@@ -5395,18 +5395,18 @@ const zr = Z((t, e) => {
       onKeyDown: N,
       onKeyUp: B,
       children: [
-        F,
+        K,
         R,
         D,
         G
       ]
     }
   );
-}), ze = O(zr);
+}), ze = I(zr);
 ze.displayName = "KMenu.Item";
 zr.displayName = "KMenu.Item";
 const Kr = Z((t, e) => {
-  const { selected: n, className: s, label: i, ...r } = t, o = q(null);
+  const { selected: n, className: s, label: i, ...r } = t, o = J(null);
   pt(e, () => o.current, []);
   const a = b(() => {
     const u = ["k-menu-item-selectable"];
@@ -5423,18 +5423,18 @@ const Kr = Z((t, e) => {
       leftContent: c
     }
   );
-}), ps = O(Kr);
+}), ps = I(Kr);
 ps.displayName = "KMenu.ItemSelectable";
 Kr.displayName = "KMenu.ItemSelectable";
 const Wr = Z((t, e) => {
-  const { children: n, className: s, ...i } = t, r = q(null);
+  const { children: n, className: s, ...i } = t, r = J(null);
   pt(e, () => r.current, []);
   const o = b(() => {
     const a = ["k-menu-item-divider"];
     return s && a.push(s), a.join(" ");
   }, [s]);
   return /* @__PURE__ */ l.jsx("li", { ref: r, ...i, className: o, role: "separator", "aria-orientation": "horizontal" });
-}), ms = O(Wr);
+}), ms = I(Wr);
 ms.displayName = "KMenu.ItemDivider";
 Wr.displayName = "KMenu.ItemDivider";
 const $r = Z((t, e) => {
@@ -5444,23 +5444,23 @@ const $r = Z((t, e) => {
   }, [s, o]), u = b(() => ({ ...i, width: r }), [i, r]), d = b(() => {
     const h = [];
     return At.forEach(n, (f, p) => {
-      if (xt(f) && (f.type === ze || f.type === ps || f.type === ms)) {
+      if (yt(f) && (f.type === ze || f.type === ps || f.type === ms)) {
         const m = f;
         h.push(_e(m, { ...m.props, size: o, key: f.key ?? `k-menu-item-${p}` }));
       }
     }), h;
   }, [n, o]);
   return /* @__PURE__ */ l.jsx(Vn, { ...a, as: "ul", ref: e, className: c, style: u, children: d });
-}), Ur = O($r);
+}), Ur = I($r);
 Ur.displayName = "KMenu";
 $r.displayName = "KMenu";
 const Ut = Ur;
 Ut.Item = ze;
 Ut.ItemSelectable = ps;
 Ut.ItemDivider = ms;
-const Hr = kt(null);
+const Hr = wt(null);
 function Zr() {
-  const t = Q(Hr);
+  const t = tt(Hr);
   if (!t) throw new Error("KDropdown must be used within <KDropdown>");
   return t;
 }
@@ -5497,7 +5497,7 @@ const Gr = Z((t, e) => {
     u?.(R), y === "hover" && !r && C();
   }, [u, y, r]), B = S((R) => {
     d?.(R), y === "hover" && x();
-  }, [d, y]), F = b(() => At.map(n, (R) => xt(R) ? _e(R, { tabIndex: -1 }) : R), [n]);
+  }, [d, y]), K = b(() => At.map(n, (R) => yt(R) ? _e(R, { tabIndex: -1 }) : R), [n]);
   return ma(m, x, p), // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex,jsx-a11y/no-static-element-interactions
   /* @__PURE__ */ l.jsx(
     "div",
@@ -5517,10 +5517,10 @@ const Gr = Z((t, e) => {
       onMouseLeave: j,
       onFocus: N,
       onBlur: B,
-      children: F
+      children: K
     }
   );
-}), gs = O(Gr);
+}), gs = I(Gr);
 gs.displayName = "Dropdown.Trigger";
 Gr.displayName = "Dropdown.Trigger";
 const c2 = 240, Yr = Z((t, e) => {
@@ -5549,20 +5549,20 @@ const c2 = 240, Yr = Z((t, e) => {
     gap: f
   }), B = Mn(m);
   Ui(L), pt(e, () => v.current);
-  const F = b(() => {
+  const K = b(() => {
     const g = ["k-dropdown__content"];
     return n && g.push(n), g.join(" ");
   }, [n]), R = b(() => ({ ...s, position: "fixed", top: _, left: N, zIndex: y }), [s, _, N, y]), G = S((g) => {
     r?.(g), h && L();
   }, [r, h]), D = S((g) => {
     o?.(g), j === "hover" && k();
-  }, [j, o]), I = S((g) => {
+  }, [j, o]), O = S((g) => {
     a?.(g), j === "hover" && L();
   }, [j, a]), z = S((g) => {
     Mt(g, L), g.key === "Tab" && g.shiftKey && M(g);
   }, [d]), Y = S((g) => {
     c?.(g), j === "hover" && k();
-  }, [c, j]), at = S((g) => {
+  }, [c, j]), lt = S((g) => {
     u?.(g), j === "hover" && L();
   }, [u, j]);
   if (Tt(() => {
@@ -5574,13 +5574,13 @@ const c2 = 240, Yr = Z((t, e) => {
         {
           ref: v,
           ...w,
-          className: F,
+          className: K,
           style: R,
           onClick: G,
           onMouseEnter: D,
-          onMouseLeave: I,
+          onMouseLeave: O,
           onFocus: Y,
-          onBlur: at,
+          onBlur: lt,
           onKeyDown: z,
           children: /* @__PURE__ */ l.jsx(
             Fe,
@@ -5597,7 +5597,7 @@ const c2 = 240, Yr = Z((t, e) => {
       ),
       B
     );
-}), ys = O(Yr);
+}), ys = I(Yr);
 ys.displayName = "Dropdown.Content";
 Yr.displayName = "Dropdown.Content";
 const Xr = Z((t, e) => {
@@ -5610,7 +5610,7 @@ const Xr = Z((t, e) => {
     onDropdownOpen: a,
     onDropdownClose: c,
     ...u
-  } = t, d = n || "div", [h, f] = rt(!1), p = q(null), m = q(null), y = `k-dropdown-${Yt()}`, w = b(() => {
+  } = t, d = n || "div", [h, f] = at(!1), p = J(null), m = J(null), y = `k-dropdown-${Yt()}`, w = b(() => {
     const j = ["k-dropdown"];
     return o && j.push(o), j.join(" ");
   }, [o]), C = S(() => {
@@ -5624,9 +5624,9 @@ const Xr = Z((t, e) => {
   }));
   const { Trigger: v, Content: T } = b(() => {
     const j = At.toArray(r), _ = j.find(
-      (B) => xt(B) && B.type === gs
+      (B) => yt(B) && B.type === gs
     ), N = j.find(
-      (B) => xt(B) && B.type === ys
+      (B) => yt(B) && B.type === ys
     );
     return { Trigger: _, Content: N };
   }, [r]), k = S(() => {
@@ -5658,7 +5658,7 @@ const Xr = Z((t, e) => {
     v,
     T
   ] }) });
-}), Ht = O(Xr);
+}), Ht = I(Xr);
 Ht.displayName = "Dropdown";
 Xr.displayName = "Dropdown";
 Ht.Trigger = gs;
@@ -5692,11 +5692,11 @@ const T2 = [
       "aria-hidden": "true"
     }
   );
-}, u2 = O(qr);
+}, u2 = I(qr);
 u2.displayName = "KSkeleton";
 qr.displayName = "KSkeleton";
-const Jr = kt(null), d2 = () => {
-  const t = Q(Jr);
+const Jr = wt(null), d2 = () => {
+  const t = tt(Jr);
   if (!t) throw new Error("useModal must be used within a ModalProvider");
   return t;
 }, h2 = {
@@ -5728,7 +5728,7 @@ const Jr = kt(null), d2 = () => {
   return Tt(() => {
     c();
   }, [n, s]), /* @__PURE__ */ l.jsx("div", { ref: e, ...r, className: a, children: n ?? s });
-}), xs = O(Qr);
+}), xs = I(Qr);
 xs.displayName = "KModalHeader";
 Qr.displayName = "KModalHeader";
 const ta = Z((t, e) => {
@@ -5740,7 +5740,7 @@ const ta = Z((t, e) => {
     // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
     /* @__PURE__ */ l.jsx("div", { ref: e, ...i, className: r, tabIndex: 0, children: n })
   );
-}), vs = O(ta);
+}), vs = I(ta);
 vs.displayName = "KModalContent";
 ta.displayName = "KModalContent";
 const ea = Z((t, e) => {
@@ -5749,7 +5749,7 @@ const ea = Z((t, e) => {
     return s && a.push(s), a.join(" ");
   }, [s]);
   return /* @__PURE__ */ l.jsx("div", { ref: e, ...r, className: o, children: n });
-}), Cs = O(ea);
+}), Cs = I(ea);
 Cs.displayName = "KModalFooter";
 ea.displayName = "KModalFooter";
 const na = (t) => {
@@ -5769,21 +5769,21 @@ const na = (t) => {
     escClosable: p = !1,
     children: m,
     container: y
-  } = t, w = Mn(y), [C, x] = rt(null), v = b(() => h2[u], [u]);
+  } = t, w = Mn(y), [C, x] = at(null), v = b(() => h2[u], [u]);
   if (r === void 0 && typeof o != "function")
     throw new Error('You must provide at least one of "setIsOpen" or "onClose".');
   const T = b(() => ({ ...c, width: n, height: s }), [c, n, s]), k = b(() => {
-    const F = ["k-modal", `k-modal--${i}`];
-    return e && F.push("k-modal--open"), e || F.push("k-modal--close"), a && F.push(a), F.join(" ");
+    const K = ["k-modal", `k-modal--${i}`];
+    return e && K.push("k-modal--open"), e || K.push("k-modal--close"), a && K.push(a), K.join(" ");
   }, [e, i, a]), L = S(() => {
     o?.(), r?.(!1);
   }, [o, r]), M = S(() => {
     f && L();
   }, [f, L]), { modalHeader: j, modalContent: _, modalFooter: N } = b(() => {
-    let F = null, R = null, G = null;
+    let K = null, R = null, G = null;
     return At.forEach(m, (D) => {
-      xt(D) && (D.type === xs && (F = D), D.type === vs && (R = D), D.type === Cs && (G = D));
-    }), { modalHeader: F, modalContent: R, modalFooter: G };
+      yt(D) && (D.type === xs && (K = D), D.type === vs && (R = D), D.type === Cs && (G = D));
+    }), { modalHeader: K, modalContent: R, modalFooter: G };
   }, [m]), B = b(() => ({
     isOpen: e,
     title: C,
@@ -5814,7 +5814,7 @@ const na = (t) => {
     ),
     d && /* @__PURE__ */ l.jsx(ia, { isOpen: e, onClick: M, opacity: h })
   ] }) : null;
-}, Ke = O(na);
+}, Ke = I(na);
 Ke.displayName = "KModal";
 na.displayName = "KModal";
 Ke.Header = xs;
@@ -5866,7 +5866,7 @@ const M2 = ["medium", "small", "large"], Ki = {
     ] }) }),
     f
   ) : null;
-}, ia = O(sa);
+}, ia = I(sa);
 ia.displayName = "KBackdrop";
 sa.displayName = "KBackdrop";
 const oa = Z((t, e) => {
@@ -5904,11 +5904,11 @@ const oa = Z((t, e) => {
       ) })
     }
   );
-}), f2 = O(oa);
+}), f2 = I(oa);
 oa.displayName = "KSpinner";
 f2.displayName = "KSpinner";
-const A = "currentColor", p2 = {
-  close: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
+const P = "currentColor", p2 = {
+  close: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -5918,7 +5918,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_up: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_up: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -5932,7 +5932,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_down: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_down: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -5946,7 +5946,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_right: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_right: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -5960,7 +5960,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_left: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_left: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -5974,7 +5974,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_up_right: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_up_right: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -5988,7 +5988,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_up_left: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_up_left: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6002,7 +6002,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_down_right: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_down_right: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6016,7 +6016,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  arrow_down_left: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  arrow_down_left: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6030,7 +6030,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  keyboard_arrow_down: (t = A) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", children: [
+  keyboard_arrow_down: (t = P) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6044,7 +6044,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  checkbox_unchecked: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  checkbox_unchecked: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ l.jsx("g", { fillRule: "nonzero", children: /* @__PURE__ */ l.jsx(
@@ -6055,7 +6055,7 @@ const A = "currentColor", p2 = {
       }
     ) }) }) })
   ] }),
-  checkbox_checked: (t = A) => /* @__PURE__ */ l.jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  checkbox_checked: (t = P) => /* @__PURE__ */ l.jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx("g", { stroke: "none", strokeWidth: "1", fillRule: "evenodd", children: /* @__PURE__ */ l.jsx("g", { fillRule: "nonzero", children: /* @__PURE__ */ l.jsx(
@@ -6066,7 +6066,7 @@ const A = "currentColor", p2 = {
       }
     ) }) }) })
   ] }),
-  visibility: (t = A) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [
+  visibility: (t = P) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6077,7 +6077,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  visibility_off: (t = A) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [
+  visibility_off: (t = P) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6088,7 +6088,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  radio_unchecked: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+  radio_unchecked: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6101,7 +6101,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  drag: (t = A) => /* @__PURE__ */ l.jsxs("svg", { fill: "none", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [
+  drag: (t = P) => /* @__PURE__ */ l.jsxs("svg", { fill: "none", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6113,7 +6113,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  page: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  page: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsxs("g", { children: [
@@ -6170,7 +6170,7 @@ const A = "currentColor", p2 = {
       )
     ] })
   ] }),
-  search: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  search: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6183,7 +6183,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  book: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  book: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6197,7 +6197,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  github: (t = A) => /* @__PURE__ */ l.jsx(
+  github: (t = P) => /* @__PURE__ */ l.jsx(
     "svg",
     {
       width: "100%",
@@ -6273,7 +6273,7 @@ const A = "currentColor", p2 = {
       ] })
     }
   ),
-  gmail: (t = A) => /* @__PURE__ */ l.jsxs(
+  gmail: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       width: "100%",
@@ -6373,7 +6373,7 @@ const A = "currentColor", p2 = {
       }
     ) }) })
   ] }),
-  vue: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
+  vue: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsxs("g", { children: [
@@ -6382,7 +6382,7 @@ const A = "currentColor", p2 = {
       /* @__PURE__ */ l.jsx("path", { d: "M7.53,3.925,16,18.485l8.4-14.56H19.22L16,9.525l-3.29-5.6Z", fill: "#35495e" })
     ] })
   ] }),
-  notion: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
+  notion: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6392,7 +6392,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  code: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 64 64", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
+  code: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "0 0 64 64", xmlns: "http://www.w3.org/2000/svg", fill: t, children: [
     /* @__PURE__ */ l.jsx("circle", { fill: "currentColor", cx: "32", cy: "32", r: "32" }),
     /* @__PURE__ */ l.jsx(
       "path",
@@ -6437,7 +6437,7 @@ const A = "currentColor", p2 = {
       }
     )
   ] }),
-  dev: (t = A) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: t, children: [
+  dev: (t = P) => /* @__PURE__ */ l.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: t, children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsxs("g", { children: [
@@ -6451,7 +6451,7 @@ const A = "currentColor", p2 = {
       )
     ] })
   ] }),
-  algorithm: (t = A) => /* @__PURE__ */ l.jsxs(
+  algorithm: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       viewBox: "0 0 64 64",
@@ -6482,7 +6482,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  paste: (t = A) => /* @__PURE__ */ l.jsxs(
+  paste: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6500,7 +6500,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  block: (t = A) => /* @__PURE__ */ l.jsxs(
+  block: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6522,7 +6522,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  dashboard: (t = A) => /* @__PURE__ */ l.jsxs(
+  dashboard: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6552,7 +6552,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  setting: (t = A) => /* @__PURE__ */ l.jsxs(
+  setting: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       width: "100%",
@@ -6575,7 +6575,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  premium: (t = A) => /* @__PURE__ */ l.jsxs(
+  premium: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6604,7 +6604,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  exchange: (t = A) => /* @__PURE__ */ l.jsxs(
+  exchange: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       width: "100%",
@@ -6650,7 +6650,7 @@ const A = "currentColor", p2 = {
       }
     )
   ] }),
-  triangleUp: (t = A) => /* @__PURE__ */ l.jsxs(
+  triangleUp: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6671,7 +6671,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  triangleDown: (t = A) => /* @__PURE__ */ l.jsx(
+  triangleDown: (t = P) => /* @__PURE__ */ l.jsx(
     "svg",
     {
       fill: t,
@@ -6684,7 +6684,7 @@ const A = "currentColor", p2 = {
         c0,0.6,0.4,1,1,1h18c0.2,0,0.3,0,0.5-0.1C22,20.4,22.1,19.8,21.9,19.3z` }) })
     }
   ),
-  blockRemaining: (t = A) => /* @__PURE__ */ l.jsxs(
+  blockRemaining: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6704,7 +6704,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  star: (t = A) => /* @__PURE__ */ l.jsxs(
+  star: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6729,7 +6729,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  currency: (t = A) => /* @__PURE__ */ l.jsxs(
+  currency: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6752,7 +6752,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  stack: (t = A) => /* @__PURE__ */ l.jsxs(
+  stack: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6772,7 +6772,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  data: (t = A) => /* @__PURE__ */ l.jsxs(
+  data: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6795,7 +6795,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  miner: (t = A) => /* @__PURE__ */ l.jsxs(
+  miner: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6826,7 +6826,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  confirm: (t = A) => /* @__PURE__ */ l.jsx(
+  confirm: (t = P) => /* @__PURE__ */ l.jsx(
     "svg",
     {
       fill: "none",
@@ -6846,7 +6846,7 @@ const A = "currentColor", p2 = {
       )
     }
   ),
-  open: (t = A) => /* @__PURE__ */ l.jsxs(
+  open: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: "none",
@@ -6870,7 +6870,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  won: (t = A) => /* @__PURE__ */ l.jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", viewBox: "-5.12 -5.12 74.24 74.24", fill: t, children: [
+  won: (t = P) => /* @__PURE__ */ l.jsxs("svg", { width: "100%", height: "100%", xmlns: "http://www.w3.org/2000/svg", viewBox: "-5.12 -5.12 74.24 74.24", fill: t, children: [
     /* @__PURE__ */ l.jsx(
       "path",
       {
@@ -6894,7 +6894,7 @@ const A = "currentColor", p2 = {
     /* @__PURE__ */ l.jsx("line", { fill: "none", stroke: t, strokeWidth: "4.608", strokeMiterlimit: "10", x1: "13", y1: "30", x2: "51", y2: "30" }),
     /* @__PURE__ */ l.jsx("line", { fill: "none", stroke: t, strokeWidth: "4.608", strokeMiterlimit: "10", x1: "13", y1: "36", x2: "51", y2: "36" })
   ] }),
-  dollar: (t = A) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "-0.48 -0.48 24.96 24.96", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  dollar: (t = P) => /* @__PURE__ */ l.jsxs("svg", { viewBox: "-0.48 -0.48 24.96 24.96", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("circle", { cx: "12", cy: "12", r: "10", stroke: t, strokeWidth: "1.632" }),
     /* @__PURE__ */ l.jsx("path", { d: "M12 6V18", stroke: t, strokeWidth: "1.632", strokeLinecap: "round" }),
     /* @__PURE__ */ l.jsx(
@@ -6907,7 +6907,7 @@ const A = "currentColor", p2 = {
       }
     )
   ] }),
-  app: (t = A) => /* @__PURE__ */ l.jsxs(
+  app: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6927,7 +6927,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  disconnect: (t = A) => /* @__PURE__ */ l.jsxs("svg", { fill: t, width: "100%", height: "100%", viewBox: "0 0 56 56", xmlns: "http://www.w3.org/2000/svg", children: [
+  disconnect: (t = P) => /* @__PURE__ */ l.jsxs("svg", { fill: t, width: "100%", height: "100%", viewBox: "0 0 56 56", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx(
@@ -6937,7 +6937,7 @@ const A = "currentColor", p2 = {
       }
     ) })
   ] }),
-  refresh: (t = A) => /* @__PURE__ */ l.jsxs(
+  refresh: (t = P) => /* @__PURE__ */ l.jsxs(
     "svg",
     {
       fill: t,
@@ -6960,7 +6960,7 @@ const A = "currentColor", p2 = {
       ]
     }
   ),
-  check: (t = A) => /* @__PURE__ */ l.jsxs("svg", { fill: t, viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: [
+  check: (t = P) => /* @__PURE__ */ l.jsxs("svg", { fill: t, viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: [
     /* @__PURE__ */ l.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ l.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ l.jsx("g", { children: /* @__PURE__ */ l.jsx("path", { d: "M5 16.577l2.194-2.195 5.486 5.484L24.804 7.743 27 9.937l-14.32 14.32z" }) })
@@ -6969,7 +6969,7 @@ const A = "currentColor", p2 = {
   const n = p2[t](e);
   return n || null;
 }, ra = Z(({ ...t }, e) => {
-  const { id: n, className: s, style: i } = { ...t }, { icon: r, size: o = "medium", onClick: a } = { ...t }, { color: c, disabled: u } = { ...t }, d = q(null), h = `k-icon-${Yt()}`, f = b(() => a ? 0 : void 0, [a]);
+  const { id: n, className: s, style: i } = { ...t }, { icon: r, size: o = "medium", onClick: a } = { ...t }, { color: c, disabled: u } = { ...t }, d = J(null), h = `k-icon-${Yt()}`, f = b(() => a ? 0 : void 0, [a]);
   if (!r)
     throw Error("Error: icon is required and must be provided.");
   pt(e, () => ({
@@ -7011,7 +7011,7 @@ const A = "currentColor", p2 = {
       }
     )
   );
-}), Ce = O(ra);
+}), Ce = I(ra);
 Ce.displayName = "KIcon";
 ra.displayName = "KIcon";
 const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(g2), aa = Z((t, e) => {
@@ -7030,43 +7030,43 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     disabled: p,
     onChange: m,
     ...y
-  } = t, w = b(() => o.find((W) => W.value === r)?.label || null, [r, o]), [C, x] = rt(!1), v = q(null), T = q(null), [k, L] = rt("auto"), [M, j] = rt(null), _ = b(() => M ? -16 : 4, [M]), N = Tn(v), B = b(() => {
-    const P = ["k-select"];
-    return n && P.push(n), f && P.push(`k-select--${f}`), p && P.push("k-select--disabled"), M && P.push("k-select--error"), P.join(" ");
-  }, [n, f, M, p]), F = b(() => {
-    const P = ["k-select__fieldset__container__icon"];
-    return C && P.push("k-select__fieldset__container__icon--open"), P.join(" ");
-  }, [C]), R = S(() => {
-    const P = v.current?.getBoundingClientRect().width;
-    L(P ? P + 2 : "auto");
-  }, []), G = S(() => {
-    x(!0);
+  } = t, w = b(() => o.find((it) => it.value === r)?.label || null, [r, o]), [C, x] = at(!1), v = J(null), T = J(null), [k, L] = at("auto"), [M, j] = at(null), _ = b(() => M ? -16 : 4, [M]), N = Tn(v), B = b(() => {
+    const V = ["k-select"];
+    return n && V.push(n), f && V.push(`k-select--${f}`), p && V.push("k-select--disabled"), M && V.push("k-select--error"), V.join(" ");
+  }, [n, f, M, p]), K = b(() => {
+    const V = ["k-select__fieldset__container__icon"];
+    return C && V.push("k-select__fieldset__container__icon--open"), V.join(" ");
+  }, [C]), R = b(() => !f || f === "medium" ? "medium" : "small", [f]), G = S(() => {
+    const V = v.current?.getBoundingClientRect().width;
+    L(V ? V + 2 : "auto");
   }, []), D = S(() => {
+    x(!0);
+  }, []), O = S(() => {
     x(!1);
-  }, []), I = S(async (P) => {
+  }, []), z = S(async (V) => {
     if (!s)
       return console.warn("not found rules."), !0;
-    const W = P ?? r;
-    for (let it = 0; it < s.length; it++) {
-      const mt = await (await s[it])(W?.toString()), jt = typeof mt == "string" ? mt : null;
-      if (jt)
-        return j(jt), !1;
+    const it = V ?? r;
+    for (let nt = 0; nt < s.length; nt++) {
+      const jt = await (await s[nt])(it?.toString()), X = typeof jt == "string" ? jt : null;
+      if (X)
+        return j(X), !1;
     }
     return j(null), !0;
-  }, [s, r]), z = S((P) => {
-    m(P), i && I(P);
-  }, [m, i, I]), Y = S((P) => {
-    p || N?.register(P);
-  }, [p]), at = S(() => {
-    p || N.remove();
+  }, [s, r]), Y = S((V) => {
+    m(V), i && z(V);
+  }, [m, i, z]), lt = S((V) => {
+    p || N?.register(V);
   }, [p]), g = S(() => {
     p || N.remove();
-  }, [p]), E = b(() => {
-    const P = ["k-select__fieldset__legend"];
-    return a && P.push("k-select__fieldset__legend--show"), P.join(" ");
+  }, [p]), E = S(() => {
+    p || N.remove();
+  }, [p]), F = b(() => {
+    const V = ["k-select__fieldset__legend"];
+    return a && V.push("k-select__fieldset__legend--show"), V.join(" ");
   }, [a]);
   return Tt(() => {
-    R();
+    G();
   }, [f]), pt(e, () => ({
     onOpen: () => {
       T.current?.onOpen();
@@ -7074,7 +7074,7 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     onClose: () => {
       T.current?.onClose();
     },
-    onValidate: () => I()
+    onValidate: () => z()
   })), /* @__PURE__ */ l.jsxs(
     Ht,
     {
@@ -7082,12 +7082,13 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
       trigger: "click",
       position: "bottom-start",
       ...y,
-      onDropdownOpen: G,
-      onDropdownClose: D,
+      onDropdownOpen: D,
+      onDropdownClose: O,
+      "aria-disabled": p,
       children: [
         /* @__PURE__ */ l.jsxs(Ht.Trigger, { className: "k-select__trigger", disabled: p, children: [
           /* @__PURE__ */ l.jsxs("fieldset", { className: "k-select__fieldset", style: { width: h }, children: [
-            /* @__PURE__ */ l.jsxs("legend", { className: E, children: [
+            /* @__PURE__ */ l.jsxs("legend", { className: F, children: [
               a,
               a && c && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__legend__required", children: "*" })
             ] }),
@@ -7096,13 +7097,13 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
               {
                 ref: v,
                 className: "k-select__fieldset__container",
-                onMouseDown: Y,
-                onMouseUp: at,
-                onMouseLeave: g,
+                onMouseDown: lt,
+                onMouseUp: g,
+                onMouseLeave: E,
                 children: [
                   w && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__value", children: w }),
                   r === void 0 && d && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__placeholder", children: d }),
-                  /* @__PURE__ */ l.jsx(Ce, { className: F, icon: "keyboard_arrow_down", size: f })
+                  /* @__PURE__ */ l.jsx(Ce, { className: K, icon: "keyboard_arrow_down", size: R })
                 ]
               }
             )
@@ -7110,23 +7111,23 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
           M && /* @__PURE__ */ l.jsx("div", { className: "k-select__fieldset__message", children: M })
         ] }),
         /* @__PURE__ */ l.jsx(Ht.Content, { className: "k-select__content", gap: _, children: /* @__PURE__ */ l.jsxs(Ut, { width: k, size: "medium", className: `k-select__content__menu k-select__content__menu--${f}`, children: [
-          o.map((P) => /* @__PURE__ */ l.jsx(
+          o.map((V) => /* @__PURE__ */ l.jsx(
             Ut.ItemSelectable,
             {
-              label: P.label,
-              selected: r === P.value,
+              label: V.label,
+              selected: r === V.value,
               onClick: () => {
-                z(P.value);
+                Y(V.value);
               }
             },
-            P.value
+            V.value
           )),
           o.length === 0 && /* @__PURE__ */ l.jsx(Ut.Item, { label: u })
         ] }) })
       ]
     }
   );
-}), y2 = O(aa);
+}), y2 = I(aa);
 aa.displayName = "KSelect";
 y2.displayName = "KSelect";
 const la = Z((t, e) => {
@@ -7156,26 +7157,26 @@ const la = Z((t, e) => {
     className: _,
     rules: N,
     validateOnChange: B,
-    ...F
-  } = t, R = q(null), [G, D] = rt(!1), [I, z] = rt(!1), [Y, at] = rt(null), g = b(() => r === "password", [r]), E = b(() => r === "password" && I ? "text" : r, [r, I]), P = b(() => {
+    ...K
+  } = t, R = J(null), [G, D] = at(!1), [O, z] = at(!1), [Y, lt] = at(null), g = b(() => r === "password", [r]), E = b(() => r === "password" && O ? "text" : r, [r, O]), F = b(() => {
     const $ = ["k-text-field", `k-text-field--${j}`];
     return _ && $.push(_), c && $.push("k-text-field--disabled"), G && $.push("k-text-field--focus"), u && $.push("k-text-field--readOnly"), r === "password" && $.push("k-text-field--password"), typeof Y == "string" && $.push("k-text-field--error"), $.join(" ");
-  }, [_, c, u, r, Y, j, G]), W = b(() => {
+  }, [_, c, u, r, Y, j, G]), V = b(() => {
     const $ = ["k-text-field__fieldset__legend__label"];
     return k && $.push("k-text-field__fieldset__legend__label--show"), $.join(" ");
-  }, [k]), it = b(() => ({ ...M, width: L }), [M, L]), lt = b(() => ({ textAlign: h }), [h]), mt = S(async ($) => {
+  }, [k]), it = b(() => ({ ...M, width: L }), [M, L]), nt = b(() => ({ textAlign: h }), [h]), kt = S(async ($) => {
     if (!N)
       return console.warn("not found rules."), !0;
     const ca = $ ?? i;
     for (let $e = 0; $e < N.length; $e++) {
       const ws = await (await N[$e])(ca), ks = typeof ws == "string" ? ws : null;
       if (ks)
-        return at(ks), !1;
+        return lt(ks), !1;
     }
-    return at(null), !0;
+    return lt(null), !0;
   }, [N, i]), jt = S(($) => {
-    f?.($.target.value), B && mt($.target.value);
-  }, [f, mt, B]), tt = S(($) => {
+    f?.($.target.value), B && kt($.target.value);
+  }, [f, kt, B]), X = S(($) => {
     D(!0), p?.($);
   }, [p]), bt = S(($) => {
     D(!1), m?.($);
@@ -7188,10 +7189,10 @@ const la = Z((t, e) => {
     value: i,
     focus: () => R.current?.focus(),
     blur: () => R.current?.blur(),
-    onValidate: () => mt()
-  })), /* @__PURE__ */ l.jsxs("div", { className: P, children: [
+    onValidate: () => kt()
+  })), /* @__PURE__ */ l.jsxs("div", { className: F, children: [
     /* @__PURE__ */ l.jsxs("fieldset", { className: "k-text-field__fieldset", style: it, children: [
-      /* @__PURE__ */ l.jsx("legend", { className: "k-text-field__fieldset__legend", children: /* @__PURE__ */ l.jsxs("label", { htmlFor: s, className: W, children: [
+      /* @__PURE__ */ l.jsx("legend", { className: "k-text-field__fieldset__legend", children: /* @__PURE__ */ l.jsxs("label", { htmlFor: s, className: V, children: [
         k,
         k && d && /* @__PURE__ */ l.jsx("span", { className: "k-text-field__fieldset__legend__label__required", children: "*" })
       ] }) }),
@@ -7211,14 +7212,14 @@ const la = Z((t, e) => {
             placeholder: o,
             maxLength: a,
             onChange: jt,
-            onFocus: tt,
+            onFocus: X,
             onBlur: bt,
             onKeyDown: te,
             autoComplete: x,
             autoCorrect: C,
             autoCapitalize: w,
-            style: lt,
-            ...F
+            style: nt,
+            ...K
           }
         ),
         g && /* @__PURE__ */ l.jsx(
@@ -7238,9 +7239,11 @@ const la = Z((t, e) => {
   ] });
 });
 la.displayName = "KTextField";
-const P2 = O(la);
+const P2 = I(la);
 export {
+  $t as Accordion,
   b2 as BUTTON_VARIANTS,
+  Ji as Button,
   g2 as ICON_SIZES,
   l2 as KAccordion,
   ia as KBackdrop,
@@ -7258,5 +7261,10 @@ export {
   a2 as KSwitch,
   P2 as KTextField,
   L2 as KToggleButton,
-  T2 as K_DROPDOWN_POSITIONS
+  T2 as K_DROPDOWN_POSITIONS,
+  Vn as Menu,
+  to as MenuItem,
+  no as Switch,
+  io as TextField,
+  Fe as Transition
 };