kku-ui 0.2.5 → 0.2.52

package/lib/es/index.js

@@ -48,15 +48,15 @@ var ne = {};
 var bs;
 function xa() {
   return bs || (bs = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(g) {
-      if (g == null) return null;
-      if (typeof g == "function")
-        return g.$$typeof === N ? null : g.displayName || g.name || null;
-      if (typeof g == "string") return g;
-      switch (g) {
-        case y:
+    function t(y) {
+      if (y == null) return null;
+      if (typeof y == "function")
+        return y.$$typeof === N ? null : y.displayName || y.name || null;
+      if (typeof y == "string") return y;
+      switch (y) {
+        case x:
           return "Fragment";
-        case C:
+        case v:
           return "Profiler";
         case w:
           return "StrictMode";
@@ -67,126 +67,126 @@ function xa() {
         case _:
           return "Activity";
       }
-      if (typeof g == "object")
-        switch (typeof g.tag == "number" && console.error(
+      if (typeof y == "object")
+        switch (typeof y.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), g.$$typeof) {
+        ), y.$$typeof) {
           case m:
             return "Portal";
-          case v:
-            return (g.displayName || "Context") + ".Provider";
-          case x:
-            return (g._context.displayName || "Context") + ".Consumer";
+          case g:
+            return (y.displayName || "Context") + ".Provider";
+          case C:
+            return (y._context.displayName || "Context") + ".Consumer";
           case T:
-            var E = g.render;
-            return g = g.displayName, g || (g = E.displayName || E.name || "", g = g !== "" ? "ForwardRef(" + g + ")" : "ForwardRef"), g;
+            var E = y.render;
+            return y = y.displayName, y || (y = E.displayName || E.name || "", y = y !== "" ? "ForwardRef(" + y + ")" : "ForwardRef"), y;
           case M:
-            return E = g.displayName || null, E !== null ? E : t(g.type) || "Memo";
+            return E = y.displayName || null, E !== null ? E : t(y.type) || "Memo";
           case j:
-            E = g._payload, g = g._init;
+            E = y._payload, y = y._init;
             try {
-              return t(g(E));
+              return t(y(E));
             } catch {
             }
         }
       return null;
     }
-    function e(g) {
-      return "" + g;
+    function e(y) {
+      return "" + y;
     }
-    function n(g) {
+    function n(y) {
       try {
-        e(g);
+        e(y);
         var E = !1;
       } catch {
         E = !0;
       }
       if (E) {
         E = console;
-        var F = E.error, V = typeof Symbol == "function" && Symbol.toStringTag && g[Symbol.toStringTag] || g.constructor.name || "Object";
+        var F = E.error, V = typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.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.",
           V
-        ), e(g);
+        ), e(y);
       }
     }
-    function s(g) {
-      if (g === y) return "<>";
-      if (typeof g == "object" && g !== null && g.$$typeof === j)
+    function s(y) {
+      if (y === x) return "<>";
+      if (typeof y == "object" && y !== null && y.$$typeof === j)
         return "<...>";
       try {
-        var E = t(g);
+        var E = t(y);
         return E ? "<" + E + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var g = B.A;
-      return g === null ? null : g.getOwner();
+      var y = B.A;
+      return y === null ? null : y.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
-    function o(g) {
-      if (K.call(g, "key")) {
-        var E = Object.getOwnPropertyDescriptor(g, "key").get;
+    function o(y) {
+      if (K.call(y, "key")) {
+        var E = Object.getOwnPropertyDescriptor(y, "key").get;
         if (E && E.isReactWarning) return !1;
       }
-      return g.key !== void 0;
+      return y.key !== void 0;
     }
-    function a(g, E) {
+    function a(y, E) {
       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
         ));
       }
-      F.isReactWarning = !0, Object.defineProperty(g, "key", {
+      F.isReactWarning = !0, Object.defineProperty(y, "key", {
         get: F,
         configurable: !0
       });
     }
     function c() {
-      var g = t(this.type);
-      return O[g] || (O[g] = !0, console.error(
+      var y = t(this.type);
+      return O[y] || (O[y] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), g = this.props.ref, g !== void 0 ? g : null;
+      )), y = this.props.ref, y !== void 0 ? y : null;
     }
-    function u(g, E, F, V, it, nt, kt, jt) {
-      return F = nt.ref, g = {
+    function u(y, E, F, V, it, nt, kt, jt) {
+      return F = nt.ref, y = {
         $$typeof: p,
-        type: g,
+        type: y,
         key: E,
         props: nt,
         _owner: it
-      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(g, "ref", {
+      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(y, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(g, "ref", { enumerable: !1, value: null }), g._store = {}, Object.defineProperty(g._store, "validated", {
+      }) : Object.defineProperty(y, "ref", { enumerable: !1, value: null }), y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(g, "_debugInfo", {
+      }), Object.defineProperty(y, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(g, "_debugStack", {
+      }), Object.defineProperty(y, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: kt
-      }), Object.defineProperty(g, "_debugTask", {
+      }), Object.defineProperty(y, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: jt
-      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     }
-    function d(g, E, F, V, it, nt, kt, jt) {
+    function d(y, E, F, V, it, nt, kt, jt) {
       var X = E.children;
       if (X !== void 0)
         if (V)
@@ -200,7 +200,7 @@ function xa() {
             );
         else h(X);
       if (K.call(E, "key")) {
-        X = t(g);
+        X = t(y);
         var bt = Object.keys(E).filter(function(We) {
           return We !== "key";
         });
@@ -224,9 +224,9 @@ React keys must be passed directly to JSX without using spread:
       } else F = E;
       return X && a(
         F,
-        typeof g == "function" ? g.displayName || g.name || "Unknown" : g
+        typeof y == "function" ? y.displayName || y.name || "Unknown" : y
       ), u(
-        g,
+        y,
         X,
         nt,
         it,
@@ -236,44 +236,44 @@ React keys must be passed directly to JSX without using spread:
         jt
       );
     }
-    function h(g) {
-      typeof g == "object" && g !== null && g.$$typeof === p && g._store && (g._store.validated = 1);
+    function h(y) {
+      typeof y == "object" && y !== null && y.$$typeof === p && y._store && (y._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, K = 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"), x = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), g = 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 = {
-      "react-stack-bottom-frame": function(g) {
-        return g();
+      "react-stack-bottom-frame": function(y) {
+        return y();
       }
     };
     var D, O = {}, z = f["react-stack-bottom-frame"].bind(
       f,
       r
     )(), Y = G(s(r)), lt = {};
-    ne.Fragment = y, ne.jsx = function(g, E, F, V, it) {
+    ne.Fragment = x, ne.jsx = function(y, E, F, V, it) {
       var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
-        g,
+        y,
         E,
         F,
         !1,
         V,
         it,
         nt ? Error("react-stack-top-frame") : z,
-        nt ? G(s(g)) : Y
+        nt ? G(s(y)) : Y
       );
-    }, ne.jsxs = function(g, E, F, V, it) {
+    }, ne.jsxs = function(y, E, F, V, it) {
       var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
-        g,
+        y,
         E,
         F,
         !0,
         V,
         it,
         nt ? Error("react-stack-top-frame") : z,
-        nt ? G(s(g)) : Y
+        nt ? G(s(y)) : Y
       );
     };
   }()), ne;
@@ -577,8 +577,8 @@ function Pa(t, e) {
      * Schedule a process to run on the next frame.
      */
     schedule: (h, f = !1, p = !1) => {
-      const y = p && i ? n : s;
-      return f && o.add(h), y.has(h) || y.add(h), h;
+      const x = p && i ? n : s;
+      return f && o.add(h), x.has(h) || x.add(h), h;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -606,18 +606,18 @@ function wo(t, e) {
     delta: 0,
     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 = 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));
+  }, r = () => n = !0, o = ke.reduce((g, T) => (g[T] = Pa(r, e ? T : void 0), g), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: h, preRender: f, render: p, postRender: m } = o, x = () => {
+    const g = Ct.useManualTiming ? i.timestamp : performance.now();
+    n = !1, Ct.useManualTiming || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, Aa), 1)), i.timestamp = g, 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(x));
   }, w = () => {
-    n = !0, s = !0, i.isProcessing || t(y);
+    n = !0, s = !0, i.isProcessing || t(x);
   };
-  return { schedule: ke.reduce((v, T) => {
+  return { schedule: ke.reduce((g, T) => {
     const k = o[T];
-    return v[T] = (L, M = !1, j = !1) => (n || w(), k.schedule(L, M, j)), v;
-  }, {}), cancel: (v) => {
+    return g[T] = (L, M = !1, j = !1) => (n || w(), k.schedule(L, M, j)), g;
+  }, {}), cancel: (g) => {
     for (let T = 0; T < ke.length; T++)
-      o[ke[T]].cancel(v);
+      o[ke[T]].cancel(g);
   }, state: i, steps: o };
 }
 const { schedule: W, cancel: St, state: et, steps: Ue } = /* @__PURE__ */ wo(typeof requestAnimationFrame < "u" ? requestAnimationFrame : dt, !0);
@@ -894,8 +894,8 @@ function i1({ duration: t = U.duration, bounce: e = U.bounce, velocity: n = U.ve
     const d = u * o, h = d * t, f = d - n, p = an(u, o), m = Math.exp(-h);
     return Ye - f / p * m;
   }, r = (u) => {
-    const h = u * o * t, f = h * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * t, m = Math.exp(-h), y = an(Math.pow(u, 2), o);
-    return (-i(u) + Ye > 0 ? -1 : 1) * ((f - p) * m) / y;
+    const h = u * o * t, f = h * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * t, m = Math.exp(-h), x = an(Math.pow(u, 2), o);
+    return (-i(u) + Ye > 0 ? -1 : 1) * ((f - p) * m) / x;
   }) : (i = (u) => {
     const d = Math.exp(-u * t), h = (u - n) * t + 1;
     return -Ye + d * h;
@@ -971,33 +971,33 @@ function Re(t = U.visualDuration, e = U.bounce) {
   const r = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: r }, { stiffness: c, damping: u, mass: d, duration: h, velocity: f, isResolvedFromDuration: p } = c1({
     ...n,
     velocity: -/* @__PURE__ */ mt(n.velocity || 0)
-  }), m = f || 0, y = u / (2 * Math.sqrt(c * d)), 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) {
-    const k = an(C, y);
-    v = (L) => {
-      const M = Math.exp(-y * C * L);
-      return o - M * ((m + y * C * w) / k * Math.sin(k * L) + w * Math.cos(k * L));
+  }), m = f || 0, x = u / (2 * Math.sqrt(c * d)), w = o - r, v = /* @__PURE__ */ mt(Math.sqrt(c / d)), C = Math.abs(w) < 5;
+  s || (s = C ? U.restSpeed.granular : U.restSpeed.default), i || (i = C ? U.restDelta.granular : U.restDelta.default);
+  let g;
+  if (x < 1) {
+    const k = an(v, x);
+    g = (L) => {
+      const M = Math.exp(-x * v * L);
+      return o - M * ((m + x * v * w) / k * Math.sin(k * L) + w * Math.cos(k * L));
     };
-  } else if (y === 1)
-    v = (k) => o - Math.exp(-C * k) * (w + (m + C * w) * k);
+  } else if (x === 1)
+    g = (k) => o - Math.exp(-v * k) * (w + (m + v * w) * k);
   else {
-    const k = C * Math.sqrt(y * y - 1);
-    v = (L) => {
-      const M = Math.exp(-y * C * L), j = Math.min(k * L, 300);
-      return o - M * ((m + y * C * w) * Math.sinh(j) + k * w * Math.cosh(j)) / k;
+    const k = v * Math.sqrt(x * x - 1);
+    g = (L) => {
+      const M = Math.exp(-x * v * L), j = Math.min(k * L, 300);
+      return o - M * ((m + x * v * w) * Math.sinh(j) + k * w * Math.cosh(j)) / k;
     };
   }
   const T = {
     calculatedDuration: p && h || null,
     next: (k) => {
-      const L = v(k);
+      const L = g(k);
       if (p)
         a.done = k >= h;
       else {
         let M = k === 0 ? m : 0;
-        y < 1 && (M = k === 0 ? /* @__PURE__ */ ft(m) : Vo(v, k, L));
+        x < 1 && (M = k === 0 ? /* @__PURE__ */ ft(m) : Vo(g, k, L));
         const j = Math.abs(M) <= s, _ = Math.abs(o - L) <= i;
         a.done = j && _;
       }
@@ -1021,18 +1021,18 @@ function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
     done: !1,
     value: h
   }, p = (j) => a !== void 0 && j < a || c !== void 0 && j > c, m = (j) => a === void 0 ? c : c === void 0 || Math.abs(a - j) < Math.abs(c - j) ? a : c;
-  let y = n * e;
-  const w = h + y, C = o === void 0 ? w : o(w);
-  C !== w && (y = C - h);
-  const x = (j) => -y * Math.exp(-j / s), v = (j) => C + x(j), T = (j) => {
-    const _ = x(j), N = v(j);
-    f.done = Math.abs(_) <= u, f.value = f.done ? C : N;
+  let x = n * e;
+  const w = h + x, v = o === void 0 ? w : o(w);
+  v !== w && (x = v - h);
+  const C = (j) => -x * Math.exp(-j / s), g = (j) => v + C(j), T = (j) => {
+    const _ = C(j), N = g(j);
+    f.done = Math.abs(_) <= u, f.value = f.done ? v : N;
   };
   let k, L;
   const M = (j) => {
     p(f.value) && (k = j, L = Re({
       keyframes: [f.value, m(f.value)],
-      velocity: Vo(v, j, f.value),
+      velocity: Vo(g, j, f.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -1185,22 +1185,22 @@ class Xn extends Yn {
     const { generator: s, totalDuration: i, mixKeyframes: r, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
     if (this.startTime === null)
       return s.next(0);
-    const { delay: u = 0, keyframes: d, repeat: h, repeatType: f, repeatDelay: p, type: m, onUpdate: y, finalKeyframe: w } = this.options;
+    const { delay: u = 0, keyframes: d, repeat: h, repeatType: f, repeatDelay: p, type: m, onUpdate: x, finalKeyframe: w } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - i / this.speed, this.startTime)), n ? this.currentTime = e : this.updateTime(e);
-    const C = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), x = this.playbackSpeed >= 0 ? C < 0 : C > i;
-    this.currentTime = Math.max(C, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
-    let v = this.currentTime, T = s;
+    const v = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), C = this.playbackSpeed >= 0 ? v < 0 : v > i;
+    this.currentTime = Math.max(v, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = i);
+    let g = this.currentTime, T = s;
     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 = xt(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)), g = xt(0, 1, N) * a;
     }
-    const k = x ? { done: !1, value: d[0] } : T.next(v);
+    const k = C ? { done: !1, value: d[0] } : T.next(g);
     r && (k.value = r(k.value));
     let { done: L } = k;
-    !x && c !== null && (L = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
+    !C && c !== null && (L = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && L);
-    return M && m !== ln && (k.value = Gn(d, this.options, w, this.speed)), y && y(k.value), M && this.finish(), k;
+    return M && m !== ln && (k.value = Gn(d, this.options, w, this.speed)), x && x(k.value), M && this.finish(), k;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1672,7 +1672,7 @@ class U1 extends Yn {
       element: d,
       ...h
     }, p = d?.KeyframeResolver || qn;
-    this.keyframeResolver = new p(a, (m, y, w) => this.onKeyframesResolved(m, y, f, !w), c, u, d), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new p(a, (m, x, w) => this.onKeyframesResolved(m, x, f, !w), c, u, d), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(e, n, s, i) {
     this.keyframeResolver = void 0;
@@ -2307,8 +2307,8 @@ function xl({ children: t, isPresent: e, anchorX: n, root: s }) {
     r.current.dataset.motionPopId = i;
     const m = document.createElement("style");
     a && (m.nonce = a);
-    const y = s ?? document.head;
-    return y.appendChild(m), m.sheet && m.sheet.insertRule(`
+    const x = s ?? document.head;
+    return x.appendChild(m), m.sheet && m.sheet.insertRule(`
           [data-motion-pop-id="${i}"] {
             position: absolute !important;
             width: ${c}px !important;
@@ -2317,7 +2317,7 @@ function xl({ children: t, isPresent: e, anchorX: n, root: s }) {
             top: ${d}px !important;
           }
         `), () => {
-      y.removeChild(m), y.contains(m) && y.removeChild(m);
+      x.removeChild(m), x.contains(m) && x.removeChild(m);
     };
   }, [e]), l.jsx(yl, { isPresent: e, childRef: r, sizeRef: o, children: Ln.cloneElement(t, { ref: r }) });
 }
@@ -2366,35 +2366,35 @@ function Gs(t) {
   }), 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 = J(!0), m = J(h), y = Dn(() => /* @__PURE__ */ new Map()), [w, C] = at(h), [x, v] = at(h);
+  const [u, d] = Xo(o), h = b(() => Gs(t), [t]), f = o && !u ? [] : h.map(be), p = J(!0), m = J(h), x = Dn(() => /* @__PURE__ */ new Map()), [w, v] = at(h), [C, g] = at(h);
   oo(() => {
     p.current = !1, m.current = h;
-    for (let L = 0; L < x.length; L++) {
-      const M = be(x[L]);
-      f.includes(M) ? y.delete(M) : y.get(M) !== !0 && y.set(M, !1);
+    for (let L = 0; L < C.length; L++) {
+      const M = be(C[L]);
+      f.includes(M) ? x.delete(M) : x.get(M) !== !0 && x.set(M, !1);
     }
-  }, [x, f.length, f.join("-")]);
+  }, [C, f.length, f.join("-")]);
   const T = [];
   if (h !== w) {
     let L = [...h];
-    for (let M = 0; M < x.length; M++) {
-      const j = x[M], _ = be(j);
+    for (let M = 0; M < C.length; M++) {
+      const j = C[M], _ = be(j);
       f.includes(_) || (L.splice(M, 0, j), T.push(j));
     }
-    return r === "wait" && T.length && (L = T), v(Gs(L)), C(h), null;
+    return r === "wait" && T.length && (L = T), g(Gs(L)), v(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.`);
+  process.env.NODE_ENV !== "production" && r === "wait" && C.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 } = tt(Rn);
-  return l.jsx(l.Fragment, { children: x.map((L) => {
-    const M = be(L), j = o && !u ? !1 : h === x || f.includes(M), _ = () => {
-      if (y.has(M))
-        y.set(M, !0);
+  return l.jsx(l.Fragment, { children: C.map((L) => {
+    const M = be(L), j = o && !u ? !1 : h === C || f.includes(M), _ = () => {
+      if (x.has(M))
+        x.set(M, !0);
       else
         return;
       let N = !0;
-      y.forEach((B) => {
+      x.forEach((B) => {
         B || (N = !1);
-      }), N && (k?.(), v(m.current), o && d?.(), s && s());
+      }), N && (k?.(), g(m.current), o && d?.(), s && s());
     };
     return l.jsx(vl, { isPresent: j, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: r, root: c, onExitComplete: j ? void 0 : _, anchorX: a, children: L }, M);
   }) });
@@ -2869,17 +2869,17 @@ function Jl(t, e, n, s) {
     for (let p = 0; p < f.length; p++) {
       const m = us(t, f[p]);
       if (m) {
-        const { transitionEnd: y, transition: w, ...C } = m;
-        for (const x in C) {
-          let v = C[x];
-          if (Array.isArray(v)) {
-            const T = d ? v.length - 1 : 0;
-            v = v[T];
+        const { transitionEnd: x, transition: w, ...v } = m;
+        for (const C in v) {
+          let g = v[C];
+          if (Array.isArray(g)) {
+            const T = d ? g.length - 1 : 0;
+            g = g[T];
           }
-          v !== null && (i[x] = v);
+          g !== null && (i[C] = g);
         }
-        for (const x in y)
-          i[x] = y[x];
+        for (const C in x)
+          i[C] = x[C];
       }
     }
   }
@@ -3036,15 +3036,15 @@ function dr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     }, m = h.get();
     if (m !== void 0 && !h.isAnimating && !Array.isArray(f) && f === m && !p.velocity)
       continue;
-    let y = !1;
+    let x = !1;
     if (window.MotionHandoffAnimation) {
-      const C = ur(t);
-      if (C) {
-        const x = window.MotionHandoffAnimation(C, d, W);
-        x !== null && (p.startTime = x, y = !0);
+      const v = ur(t);
+      if (v) {
+        const C = window.MotionHandoffAnimation(v, d, W);
+        C !== null && (p.startTime = C, x = !0);
       }
     }
-    xn(t, d), h.start(hs(d, h, f, t.shouldReduceMotion && Fo.has(d) ? { type: !1 } : p, t, y));
+    xn(t, d), h.start(hs(d, h, f, t.shouldReduceMotion && Fo.has(d) ? { type: !1 } : p, t, x));
     const w = h.animation;
     w && c.push(w);
   }
@@ -3146,26 +3146,26 @@ function kc(t) {
     const { props: u } = t, d = fr(t.parent) || {}, h = [], f = /* @__PURE__ */ new Set();
     let p = {}, m = 1 / 0;
     for (let w = 0; w < Cc; w++) {
-      const C = vc[w], x = n[C], v = u[C] !== void 0 ? u[C] : d[C], T = he(v), k = C === c ? x.isActive : null;
+      const v = vc[w], C = n[v], g = u[v] !== void 0 ? u[v] : d[v], T = he(g), k = v === c ? C.isActive : null;
       k === !1 && (m = w);
-      let L = v === d[C] && v !== u[C] && T;
-      if (L && s && t.manuallyAnimateOnMount && (L = !1), x.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
-      !x.isActive && k === null || // If we didn't and don't have any defined prop for this animation type
-      !v && !x.prevProp || // Or if the prop doesn't define an animation
-      Ie(v) || typeof v == "boolean")
+      let L = g === d[v] && g !== u[v] && T;
+      if (L && s && t.manuallyAnimateOnMount && (L = !1), C.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
+      !C.isActive && k === null || // If we didn't and don't have any defined prop for this animation type
+      !g && !C.prevProp || // Or if the prop doesn't define an animation
+      Ie(g) || typeof g == "boolean")
         continue;
-      const M = jc(x.prevProp, v);
+      const M = jc(C.prevProp, g);
       let j = M || // If we're making this variant active, we want to always make it active
-      C === c && x.isActive && !L && T || // If we removed a higher-priority variant (i is in reverse order)
+      v === c && C.isActive && !L && T || // If we removed a higher-priority variant (i is in reverse order)
       w > m && T, _ = !1;
-      const N = Array.isArray(v) ? v : [v];
-      let B = N.reduce(i(C), {});
+      const N = Array.isArray(g) ? g : [g];
+      let B = N.reduce(i(v), {});
       k === !1 && (B = {});
-      const { prevResolvedValues: K = {} } = x, R = {
+      const { prevResolvedValues: K = {} } = C, R = {
         ...K,
         ...B
       }, G = (z) => {
-        j = !0, f.has(z) && (_ = !0, f.delete(z)), x.needsAnimating[z] = !0;
+        j = !0, f.has(z) && (_ = !0, f.delete(z)), C.needsAnimating[z] = !0;
         const Y = t.getValue(z);
         Y && (Y.liveStyle = !1);
       };
@@ -3173,27 +3173,27 @@ function kc(t) {
         const Y = B[z], lt = K[z];
         if (p.hasOwnProperty(z))
           continue;
-        let g = !1;
-        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;
+        let y = !1;
+        yn(Y) && yn(lt) ? y = !hr(Y, lt) : y = Y !== lt, y ? Y != null ? G(z) : f.add(z) : Y !== void 0 && f.has(z) ? G(z) : C.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) => ({
+      C.prevProp = g, C.prevResolvedValues = B, C.isActive && (p = { ...p, ...B }), s && t.blockInitialAnimation && (j = !1), j && (!(L && M) || _) && h.push(...N.map((z) => ({
         animation: z,
-        options: { type: C }
+        options: { type: v }
       })));
     }
     if (f.size) {
       const w = {};
       if (typeof u.initial != "boolean") {
-        const C = pe(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        C && C.transition && (w.transition = C.transition);
+        const v = pe(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        v && v.transition && (w.transition = v.transition);
       }
-      f.forEach((C) => {
-        const x = t.getBaseTarget(C), v = t.getValue(C);
-        v && (v.liveStyle = !0), w[C] = x ?? null;
+      f.forEach((v) => {
+        const C = t.getBaseTarget(v), g = t.getValue(v);
+        g && (g.liveStyle = !0), w[v] = C ?? null;
       }), h.push({ animation: w });
     }
-    let y = !!h.length;
-    return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (y = !1), s = !1, y ? e(h) : Promise.resolve();
+    let x = !!h.length;
+    return s && (u.initial === !1 || u.initial === u.animate) && !t.manuallyAnimateOnMount && (x = !1), s = !1, x ? e(h) : Promise.resolve();
   }
   function a(c, u) {
     if (n[c].isActive === u)
@@ -3451,19 +3451,19 @@ class wr {
       const f = Qe(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = Oc(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!p && !m)
         return;
-      const { point: y } = f, { timestamp: w } = et;
-      this.history.push({ ...y, timestamp: w });
-      const { onStart: C, onMove: x } = this.handlers;
-      p || (C && C(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), x && x(this.lastMoveEvent, f);
+      const { point: x } = f, { timestamp: w } = et;
+      this.history.push({ ...x, timestamp: w });
+      const { onStart: v, onMove: C } = this.handlers;
+      p || (v && v(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), C && C(this.lastMoveEvent, f);
     }, this.handlePointerMove = (f, p) => {
       this.lastMoveEvent = f, this.lastMoveEventInfo = Je(p, this.transformPagePoint), W.update(this.updatePoint, !0);
     }, this.handlePointerUp = (f, p) => {
       this.end();
-      const { onEnd: m, onSessionEnd: y, resumeAnimation: w } = this.handlers;
+      const { onEnd: m, onSessionEnd: x, resumeAnimation: w } = this.handlers;
       if (this.dragSnapToOrigin && w && w(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const C = Qe(f.type === "pointercancel" ? this.lastMoveEventInfo : Je(p, this.transformPagePoint), this.history);
-      this.startEvent && m && m(f, C), y && y(f, C);
+      const v = Qe(f.type === "pointercancel" ? this.lastMoveEventInfo : Je(p, this.transformPagePoint), this.history);
+      this.startEvent && m && m(f, v), x && x(f, v);
     }, !ns(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = o, this.contextWindow = i || window;
@@ -3580,33 +3580,33 @@ class Yc {
       const { dragSnapToOrigin: f } = this.getProps();
       f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(ve(h).point);
     }, o = (h, f) => {
-      const { drag: p, dragPropagation: m, onDragStart: y } = this.getProps();
+      const { drag: p, dragPropagation: m, onDragStart: x } = this.getProps();
       if (p && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = ll(p), !this.openDragLock))
         return;
-      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), ut((C) => {
-        let x = this.getAxisMotionValue(C).get() || 0;
-        if (gt.test(x)) {
-          const { projection: v } = this.visualElement;
-          if (v && v.layout) {
-            const T = v.layout.layoutBox[C];
-            T && (x = ot(T) * (parseFloat(x) / 100));
+      this.latestPointerEvent = h, this.latestPanInfo = f, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), ut((v) => {
+        let C = this.getAxisMotionValue(v).get() || 0;
+        if (gt.test(C)) {
+          const { projection: g } = this.visualElement;
+          if (g && g.layout) {
+            const T = g.layout.layoutBox[v];
+            T && (C = ot(T) * (parseFloat(C) / 100));
           }
         }
-        this.originPoint[C] = x;
-      }), y && W.postRender(() => y(h, f)), xn(this.visualElement, "transform");
+        this.originPoint[v] = C;
+      }), x && W.postRender(() => x(h, f)), xn(this.visualElement, "transform");
       const { animationState: w } = this.visualElement;
       w && w.setActive("whileDrag", !0);
     }, a = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f;
-      const { dragPropagation: p, dragDirectionLock: m, onDirectionLock: y, onDrag: w } = this.getProps();
+      const { dragPropagation: p, dragDirectionLock: m, onDirectionLock: x, onDrag: w } = this.getProps();
       if (!p && !this.openDragLock)
         return;
-      const { offset: C } = f;
+      const { offset: v } = f;
       if (m && this.currentDirection === null) {
-        this.currentDirection = Xc(C), this.currentDirection !== null && y && y(this.currentDirection);
+        this.currentDirection = Xc(v), this.currentDirection !== null && x && x(this.currentDirection);
         return;
       }
-      this.updateAxis("x", f.point, C), this.updateAxis("y", f.point, C), this.visualElement.render(), w && w(h, f);
+      this.updateAxis("x", f.point, v), this.updateAxis("y", f.point, v), this.visualElement.render(), w && w(h, f);
     }, c = (h, f) => {
       this.latestPointerEvent = h, this.latestPanInfo = f, this.stop(h, f), this.latestPointerEvent = null, this.latestPanInfo = null;
     }, u = () => ut((h) => this.getAnimationState(h) === "paused" && this.getAxisMotionValue(h).animation?.play()), { dragSnapToOrigin: d } = this.getProps();
@@ -4170,15 +4170,15 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || A0, { onLayoutAnimationStart: y, onLayoutAnimationComplete: w } = u.getProps(), C = !this.targetLayout || !Mr(this.targetLayout, p), x = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || x || h && (C || !this.currentAnimation)) {
+        const m = this.options.transition || u.getDefaultTransition() || A0, { onLayoutAnimationStart: x, onLayoutAnimationComplete: w } = u.getProps(), v = !this.targetLayout || !Mr(this.targetLayout, p), C = !h && f;
+        if (this.options.layoutRoot || this.resumeFrom || C || h && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const v = {
+          const g = {
             ...Qn(m, "layout"),
-            onPlay: y,
+            onPlay: x,
             onComplete: w
           };
-          (u.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(d, x);
+          (u.shouldReduceMotion || this.options.layoutRoot) && (g.delay = 0, g.type = !1), this.startAnimation(g), this.setAnimationOrigin(d, C);
         } else
           h || Di(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
         this.targetLayout = p;
@@ -4427,12 +4427,12 @@ 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 = 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));
+      const f = q(), p = c ? c.source : void 0, m = this.layout ? this.layout.source : void 0, x = p !== m, w = this.getStack(), v = !w || w.members.length <= 1, C = !!(x && !v && this.options.crossfade === !0 && !this.path.some(P0));
       this.animationProgress = 0;
-      let v;
+      let g;
       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 = 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;
+        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), g && f0(this.relativeTarget, g) && (this.isProjectionDirty = !1), g || (g = q()), ct(g, this.relativeTarget)), x && (this.animationValues = d, a0(d, u, this.latestValues, k, C, v)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = k;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
@@ -4551,13 +4551,13 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       for (const m in fe) {
         if (d[m] === void 0)
           continue;
-        const { correct: y, applyTo: w, isCSSVariable: C } = fe[m], x = h === "none" ? d[m] : y(d[m], u);
+        const { correct: x, applyTo: w, isCSSVariable: v } = fe[m], C = h === "none" ? d[m] : x(d[m], u);
         if (w) {
-          const v = w.length;
-          for (let T = 0; T < v; T++)
-            o[w[T]] = x;
+          const g = w.length;
+          for (let T = 0; T < g; T++)
+            o[w[T]] = C;
         } else
-          C ? this.options.visualElement.renderState.vars[m] = x : o[m] = x;
+          v ? this.options.visualElement.renderState.vars[m] = C : o[m] = C;
       }
       this.options.layoutId && (o.pointerEvents = u === this ? Se(a?.pointerEvents) || "" : "none");
     }
@@ -5211,11 +5211,11 @@ const Nr = Z((t, e) => {
     style: f,
     onClick: p,
     onMouseDown: m,
-    onMouseLeave: y,
+    onMouseLeave: x,
     onMouseUp: w,
-    onKeyDown: C,
-    onKeyUp: x,
-    ...v
+    onKeyDown: v,
+    onKeyUp: C,
+    ...g
   } = t, T = J(null), k = Tn(T), L = b(() => c === "plain", [c]);
   pt(e, () => ({
     focus() {
@@ -5238,19 +5238,19 @@ const Nr = Z((t, e) => {
   }, [k, L, m]), B = S((D) => {
     w?.(D), L || k.remove();
   }, [k, L, w]), K = S((D) => {
-    if (y?.(D), !T?.current)
+    if (x?.(D), !T?.current)
       throw Error("Invalid rootRef.");
     L || k.remove();
-  }, [k, L, y]), R = S((D) => {
-    C?.(D), L || k?.register(D);
-  }, [k, C]), G = S((D) => {
-    x?.(D), L || Mt(D, () => k.remove());
-  }, [k, x]);
+  }, [k, L, x]), R = S((D) => {
+    v?.(D), L || k?.register(D);
+  }, [k, v]), G = S((D) => {
+    C?.(D), L || Mt(D, () => k.remove());
+  }, [k, C]);
   return /* @__PURE__ */ l.jsx(
     Ji,
     {
       ref: T,
-      ...v,
+      ...g,
       type: n,
       label: i,
       className: M,
@@ -5290,7 +5290,7 @@ const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, .
     return e && p.push(e), p.join(" ");
   }, [e]), d = S(
     (p) => {
-      t ? c((m) => m.includes(p) ? m.filter((y) => y !== p) : [...m, p]) : o((m) => m === p ? null : p);
+      t ? c((m) => m.includes(p) ? m.filter((x) => x !== p) : [...m, p]) : o((m) => m === p ? null : p);
     },
     [t]
   ), h = S(
@@ -5298,18 +5298,18 @@ const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, .
     [t, r, a]
   ), f = b(() => At.toArray(s).map((p, m) => {
     if (!yt(p) || p.type !== fs) return null;
-    const y = h(m), w = p, C = (v) => {
-      d(m), w.props.onClick?.(v);
-    }, x = (v) => {
-      w.props.onKeyDown?.(v), Mt(v, () => d(m));
+    const x = h(m), w = p, v = (g) => {
+      d(m), w.props.onClick?.(g);
+    }, C = (g) => {
+      w.props.onKeyDown?.(g), Mt(g, () => d(m));
     };
     return _e(w, {
       ...w.props,
       variant: n,
-      className: y ? "k-button--selected" : void 0,
+      className: x ? "k-button--selected" : void 0,
       key: p.key ?? `k-button--${m}`,
-      onClick: C,
-      onKeyDown: x
+      onClick: v,
+      onKeyDown: C
     });
   }), [s, n, h, d]);
   return /* @__PURE__ */ l.jsx("div", { ...i, className: u, role: "group", children: f });
@@ -5356,35 +5356,35 @@ const zr = Z((t, e) => {
     onMouseDown: f,
     onMouseLeave: p,
     onMouseUp: m,
-    onKeyDown: y,
+    onKeyDown: x,
     onKeyUp: w,
-    ...C
-  } = t, x = J(null), v = Tn(x);
-  pt(e, () => x.current, []);
+    ...v
+  } = t, C = J(null), g = Tn(C);
+  pt(e, () => C.current, []);
   const T = b(() => {
     const O = ["k-menu-item", `k-menu-item--${r}`];
     return s && O.push(s), d && O.push("k-menu-item--disabled"), O.join(" ");
   }, [s, r]), 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, () => {
+    f?.(O), d || g?.register(O);
+  }, [g, f]), j = S((O) => {
+    m?.(O), g.remove();
+  }, [g, m]), _ = S((O) => {
+    p?.(O), g.remove();
+  }, [g, p]), N = S((O) => {
+    x?.(O), g?.register(O), Mt(O, () => {
       h?.();
     });
-  }, [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]);
+  }, [g, x]), B = S((O) => {
+    w?.(O), Mt(O, () => g.remove());
+  }, [g, w]), K = b(() => o ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), R = b(() => /* @__PURE__ */ l.jsx("div", { className: "k-menu-item__label", children: a }), [a]), G = b(() => c ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), D = b(() => u ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
   return /* @__PURE__ */ l.jsxs(
     to,
     {
       as: "li",
-      ref: x,
-      ...C,
+      ref: C,
+      ...v,
       className: T,
       style: k,
       disabled: d,
@@ -5476,29 +5476,29 @@ const Gr = Z((t, e) => {
     onFocus: u,
     onBlur: d,
     ...h
-  } = t, { id: f, triggerRef: p, contentRef: m, trigger: y, open: w, onOpen: C, onClose: x, onFocusContent: v } = Zr(), T = b(() => r ? -1 : 0, [r]);
+  } = t, { id: f, triggerRef: p, contentRef: m, trigger: x, open: w, onOpen: v, onClose: C, onFocusContent: g } = Zr(), T = b(() => r ? -1 : 0, [r]);
   pt(e, () => p.current, []);
   const k = b(() => {
     const R = ["k-dropdown__trigger"];
     return s && R.push(s), r && R.push("k-dropdown__trigger--disabled"), R.join(" ");
   }, [s, r]), L = S((R) => {
-    i?.(R), y === "click" && !r && (w ? x() : C());
-  }, [w, i, y, r]), M = S((R) => {
-    o?.(R), y === "hover" && !r && C();
-  }, [y, o, r]), j = S((R) => {
-    a?.(R), y === "hover" && x();
-  }, [y, a]), _ = S((R) => {
+    i?.(R), x === "click" && !r && (w ? C() : v());
+  }, [w, i, x, r]), M = S((R) => {
+    o?.(R), x === "hover" && !r && v();
+  }, [x, o, r]), j = S((R) => {
+    a?.(R), x === "hover" && C();
+  }, [x, a]), _ = S((R) => {
     if (c?.(R), r)
       return;
-    Mt(R, C);
-    const G = y === "hover" && R.key === "Tab" && !R.shiftKey, D = y === "click" && w && R.key === "Tab" && !R.shiftKey;
-    (G || D) && (R.preventDefault(), v());
-  }, [c, y, w, r]), N = S((R) => {
-    u?.(R), y === "hover" && !r && C();
-  }, [u, y, r]), B = S((R) => {
-    d?.(R), y === "hover" && x();
-  }, [d, y]), 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
+    Mt(R, v);
+    const G = x === "hover" && R.key === "Tab" && !R.shiftKey, D = x === "click" && w && R.key === "Tab" && !R.shiftKey;
+    (G || D) && (R.preventDefault(), g());
+  }, [c, x, w, r]), N = S((R) => {
+    u?.(R), x === "hover" && !r && v();
+  }, [u, x, r]), B = S((R) => {
+    d?.(R), x === "hover" && C();
+  }, [d, x]), K = b(() => At.map(n, (R) => yt(R) ? _e(R, { tabIndex: -1 }) : R), [n]);
+  return ma(m, C, p), // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex,jsx-a11y/no-static-element-interactions
   /* @__PURE__ */ l.jsx(
     "div",
     {
@@ -5523,7 +5523,7 @@ const Gr = Z((t, e) => {
 }), gs = I(Gr);
 gs.displayName = "Dropdown.Trigger";
 Gr.displayName = "Dropdown.Trigger";
-const c2 = 240, Yr = Z((t, e) => {
+const c2 = 160, Yr = Z((t, e) => {
   const {
     className: n,
     style: s,
@@ -5538,41 +5538,41 @@ const c2 = 240, Yr = Z((t, e) => {
     gap: f = 2,
     offset: p,
     container: m,
-    zIndex: y,
+    zIndex: x,
     ...w
-  } = t, { open: C, triggerRef: x, contentRef: v, position: T, onOpen: k, onClose: L, onBlurContent: M, trigger: j } = Zr(), { top: _, left: N } = ga({
-    triggerRef: x,
-    contentRef: v,
+  } = t, { open: v, triggerRef: C, contentRef: g, position: T, onOpen: k, onClose: L, onBlurContent: M, trigger: j } = Zr(), { top: _, left: N } = ga({
+    triggerRef: C,
+    contentRef: g,
     position: T,
     offset: p,
-    open: C,
+    open: v,
     gap: f
   }), B = Mn(m);
-  Ui(L), pt(e, () => v.current);
+  Ui(L), pt(e, () => g.current);
   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]), O = S((g) => {
-    a?.(g), j === "hover" && L();
-  }, [j, a]), z = S((g) => {
-    Mt(g, L), g.key === "Tab" && g.shiftKey && M(g);
-  }, [d]), Y = S((g) => {
-    c?.(g), j === "hover" && k();
-  }, [c, j]), lt = S((g) => {
-    u?.(g), j === "hover" && L();
+    const y = ["k-dropdown__content"];
+    return n && y.push(n), y.join(" ");
+  }, [n]), R = b(() => ({ ...s, position: "fixed", top: _, left: N, zIndex: x }), [s, _, N, x]), G = S((y) => {
+    r?.(y), h && L();
+  }, [r, h]), D = S((y) => {
+    o?.(y), j === "hover" && k();
+  }, [j, o]), O = S((y) => {
+    a?.(y), j === "hover" && L();
+  }, [j, a]), z = S((y) => {
+    Mt(y, L), y.key === "Tab" && y.shiftKey && M(y);
+  }, [d]), Y = S((y) => {
+    c?.(y), j === "hover" && k();
+  }, [c, j]), lt = S((y) => {
+    u?.(y), j === "hover" && L();
   }, [u, j]);
   if (Tt(() => {
-  }, [C]), !!B)
+  }, [v]), !!B)
     return Sn(
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
       /* @__PURE__ */ l.jsx(
         "div",
         {
-          ref: v,
+          ref: g,
           ...w,
           className: K,
           style: R,
@@ -5585,7 +5585,7 @@ const c2 = 240, Yr = Z((t, e) => {
           children: /* @__PURE__ */ l.jsx(
             Fe,
             {
-              isOpen: C,
+              isOpen: v,
               initial: { opacity: 0 },
               animate: { opacity: 1 },
               exit: { opacity: 0 },
@@ -5610,19 +5610,19 @@ const Xr = Z((t, e) => {
     onDropdownOpen: a,
     onDropdownClose: c,
     ...u
-  } = t, d = n || "div", [h, f] = at(!1), p = J(null), m = J(null), y = `k-dropdown-${Yt()}`, w = b(() => {
+  } = t, d = n || "div", [h, f] = at(!1), p = J(null), m = J(null), x = `k-dropdown-${Yt()}`, w = b(() => {
     const j = ["k-dropdown"];
     return o && j.push(o), j.join(" ");
-  }, [o]), C = S(() => {
+  }, [o]), v = S(() => {
     f(!0), a?.();
-  }, [a]), x = S(() => {
+  }, [a]), C = S(() => {
     f(!1), c?.();
   }, [c]);
   pt(e, () => ({
-    onOpen: C,
-    onClose: x
+    onOpen: v,
+    onClose: C
   }));
-  const { Trigger: v, Content: T } = b(() => {
+  const { Trigger: g, Content: T } = b(() => {
     const j = At.toArray(r), _ = j.find(
       (B) => yt(B) && B.type === gs
     ), N = j.find(
@@ -5642,12 +5642,12 @@ const Xr = Z((t, e) => {
   }, []), M = b(
     () => ({
       open: h,
-      onOpen: C,
-      onClose: x,
+      onOpen: v,
+      onClose: C,
       onFocusContent: k,
       onBlurContent: L,
       triggerRef: p,
-      id: y,
+      id: x,
       contentRef: m,
       trigger: s,
       position: i
@@ -5655,7 +5655,7 @@ const Xr = Z((t, e) => {
     [h, s, i]
   );
   return /* @__PURE__ */ l.jsx(d, { ...u, ...u, className: w, children: /* @__PURE__ */ l.jsxs(Hr, { value: M, children: [
-    v,
+    g,
     T
   ] }) });
 }), Ht = I(Xr);
@@ -5768,8 +5768,8 @@ const na = (t) => {
     overlayClosable: f,
     escClosable: p = !1,
     children: m,
-    container: y
-  } = t, w = Mn(y), [C, x] = at(null), v = b(() => h2[u], [u]);
+    container: x
+  } = t, w = Mn(x), [v, C] = at(null), g = 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(() => {
@@ -5786,9 +5786,9 @@ const na = (t) => {
     }), { modalHeader: K, modalContent: R, modalFooter: G };
   }, [m]), B = b(() => ({
     isOpen: e,
-    title: C,
-    setTitle: x
-  }), [e, C]);
+    title: v,
+    setTitle: C
+  }), [e, v]);
   return Ui(() => {
     p && L();
   }), w ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
@@ -5799,10 +5799,10 @@ const na = (t) => {
           isOpen: e,
           className: k,
           style: T,
-          ...v,
+          ...g,
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": C ?? void 0,
+          "aria-label": v ?? void 0,
           children: [
             j,
             _,
@@ -5838,28 +5838,28 @@ const M2 = ["medium", "small", "large"], Ki = {
     onKeyDown: u,
     container: d,
     ...h
-  } = t, f = Mn(d), p = b(() => c ? 0 : void 0, [c]), m = b(() => c ? { role: "button", "aria-label": "backdrop" } : { role: r, "aria-label": h["aria-label"] }, [c, r]), y = b(() => {
+  } = t, f = Mn(d), p = b(() => c ? 0 : void 0, [c]), m = b(() => c ? { role: "button", "aria-label": "backdrop" } : { role: r, "aria-label": h["aria-label"] }, [c, r]), x = b(() => {
     const k = ["k-backdrop__container"];
     return n && k.push(n), k.join(" ");
-  }, [n]), w = b(() => ({ ...s, opacity: o, zIndex: a }), [s, o, a]), C = b(() => typeof o == "number" ? { ...Ki, animate: { opacity: o, zIndex: a } } : Ki, [o, a]), x = S((k) => {
+  }, [n]), w = b(() => ({ ...s, opacity: o, zIndex: a }), [s, o, a]), v = b(() => typeof o == "number" ? { ...Ki, animate: { opacity: o, zIndex: a } } : Ki, [o, a]), C = S((k) => {
     c?.(k);
-  }, [c]), v = S((k) => {
+  }, [c]), g = S((k) => {
     Mt(k, () => {
       c?.();
     }), u?.(k);
   }, [u]), T = b(() => i ? {} : { role: "presentation" }, [i]);
   return f ? Sn(
-    /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(Fe, { as: "div", isOpen: e, className: "k-backdrop", ...C, ...T, children: [
+    /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(Fe, { as: "div", isOpen: e, className: "k-backdrop", ...v, ...T, children: [
       /* @__PURE__ */ l.jsx(
         "div",
         {
           ...m,
-          className: y,
+          className: x,
           style: w,
           ...h,
           tabIndex: p,
-          onClick: x,
-          onKeyDown: v
+          onClick: C,
+          onKeyDown: g
         }
       ),
       i
@@ -6968,46 +6968,57 @@ const P = "currentColor", p2 = {
 }, m2 = (t, e) => {
   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 = J(null), h = `k-icon-${Yt()}`, f = b(() => a ? 0 : void 0, [a]);
+}, ra = Z((t, e) => {
+  const {
+    id: n,
+    className: s,
+    style: i,
+    icon: r,
+    size: o = "medium",
+    onClick: a,
+    color: c,
+    disabled: u,
+    ...d
+  } = t, h = J(null), f = `k-icon-${Yt()}`, p = b(() => a ? 0 : void 0, [a]);
   if (!r)
     throw Error("Error: icon is required and must be provided.");
   pt(e, () => ({
     click: () => {
-      d.current?.click();
+      h.current?.click();
     }
   }));
-  const p = b(() => {
-    const x = [];
-    return s && x.push(s), typeof o == "string" && x.push(`k-icon--${o}`), a && x.push("k-icon--clickable"), u && x.push(`k-icon--${u}`), x.join(" ");
-  }, [s, u, o, r, a]), m = b(() => {
-    const x = { ...i };
-    return typeof o == "number" && (x.width = o, x.height = o, x.fontSize = o), x;
-  }, [o]), y = b(() => {
-    const x = m2(r, c);
-    if (!x)
+  const m = b(() => {
+    const g = [];
+    return s && g.push(s), typeof o == "string" && g.push(`k-icon--${o}`), a && g.push("k-icon--clickable"), u && g.push(`k-icon--${u}`), g.join(" ");
+  }, [s, u, o, r, a]), x = b(() => {
+    const g = { ...i };
+    return typeof o == "number" && (g.width = o, g.height = o, g.fontSize = o), g;
+  }, [o]), w = b(() => {
+    const g = m2(r, c);
+    if (!g)
       throw Error(`Not Found icon. icon: ${r}`);
-    return x;
-  }, [r, c]), w = S((x) => {
-    u || a?.(x);
-  }, [a, u]), C = S((x) => {
-    (x.key === "enter" || x.key === " ") && (u || a?.(x));
+    return g;
+  }, [r, c]), v = S((g) => {
+    u || a?.(g);
+  }, [a, u]), C = S((g) => {
+    (g.key === "enter" || g.key === " ") && (u || a?.(g));
   }, [u, a]);
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ l.jsx(
       "span",
       {
-        ref: d,
-        id: n || h,
-        className: `k-icon ${p}`,
-        style: m,
+        ref: h,
+        id: n || f,
+        className: `k-icon ${m}`,
+        style: x,
         role: a ? "button" : "img",
-        tabIndex: f,
+        tabIndex: p,
         "aria-label": `${r} icon`,
-        onClick: w,
+        onClick: v,
         onKeyDown: C,
-        children: y
+        ...d,
+        children: w
       }
     )
   );
@@ -7026,23 +7037,23 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     noDataText: u = "No Data",
     placeholder: d,
     width: h,
-    size: f,
+    size: f = "medium",
     disabled: p,
     onChange: m,
-    ...y
-  } = 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(() => {
+    ...x
+  } = t, w = b(() => o.find((it) => it.value === r)?.label || null, [r, o]), [v, C] = at(!1), g = J(null), T = J(null), [k, L] = at("auto"), [M, j] = at(null), _ = b(() => M ? -16 : 4, [M]), N = Tn(g), 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;
+    return v && V.push("k-select__fieldset__container__icon--open"), V.join(" ");
+  }, [v]), R = b(() => !f || f === "medium" ? "medium" : "small", [f]), G = S(() => {
+    const V = g.current?.getBoundingClientRect().width;
     L(V ? V + 2 : "auto");
   }, []), D = S(() => {
-    x(!0);
+    C(!0);
   }, []), O = S(() => {
-    x(!1);
+    C(!1);
   }, []), z = S(async (V) => {
     if (!s)
       return console.warn("not found rules."), !0;
@@ -7057,7 +7068,7 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     m(V), i && z(V);
   }, [m, i, z]), lt = S((V) => {
     p || N?.register(V);
-  }, [p]), g = S(() => {
+  }, [p]), y = S(() => {
     p || N.remove();
   }, [p]), E = S(() => {
     p || N.remove();
@@ -7081,13 +7092,14 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
       className: B,
       trigger: "click",
       position: "bottom-start",
-      ...y,
+      ...x,
+      style: { width: h },
       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("fieldset", { className: "k-select__fieldset", children: [
             /* @__PURE__ */ l.jsxs("legend", { className: F, children: [
               a,
               a && c && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__legend__required", children: "*" })
@@ -7095,10 +7107,10 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
             /* @__PURE__ */ l.jsxs(
               "div",
               {
-                ref: v,
+                ref: g,
                 className: "k-select__fieldset__container",
                 onMouseDown: lt,
-                onMouseUp: g,
+                onMouseUp: y,
                 onMouseLeave: E,
                 children: [
                   w && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__value", children: w }),
@@ -7144,11 +7156,11 @@ const la = Z((t, e) => {
     onChange: f,
     onFocus: p,
     onBlur: m,
-    onKeyDown: y,
+    onKeyDown: x,
     autoCapitalize: w,
-    autoCorrect: C,
-    autoComplete: x,
-    leftContent: v,
+    autoCorrect: v,
+    autoComplete: C,
+    leftContent: g,
     rightContent: T,
     label: k,
     width: L,
@@ -7158,7 +7170,7 @@ const la = Z((t, e) => {
     rules: N,
     validateOnChange: B,
     ...K
-  } = t, R = J(null), [G, D] = at(!1), [O, z] = at(!1), [Y, lt] = at(null), g = b(() => r === "password", [r]), E = b(() => r === "password" && O ? "text" : r, [r, O]), F = b(() => {
+  } = t, R = J(null), [G, D] = at(!1), [O, z] = at(!1), [Y, lt] = at(null), y = b(() => r === "password", [r]), E = b(() => r === "password" && O ? "text" : r, [r, O]), F = b(() => {
     const $ = ["k-text-field", `k-text-field--${j}`];
     return _ && $.push(_), c && $.push("k-text-field--disabled"), G && $.push("k-text-field--focus"), u && $.push("k-text-field--readOnly"), r === "password" && $.push("k-text-field--password"), typeof Y == "string" && $.push("k-text-field--error"), $.join(" ");
   }, [_, c, u, r, Y, j, G]), V = b(() => {
@@ -7181,8 +7193,8 @@ const la = Z((t, e) => {
   }, [p]), bt = S(($) => {
     D(!1), m?.($);
   }, [m]), te = S(($) => {
-    y?.($);
-  }, [y]), We = S(() => {
+    x?.($);
+  }, [x]), We = S(() => {
     z(($) => !$);
   }, [r]);
   return pt(e, () => ({
@@ -7190,14 +7202,14 @@ const la = Z((t, e) => {
     focus: () => R.current?.focus(),
     blur: () => R.current?.blur(),
     onValidate: () => kt()
-  })), /* @__PURE__ */ l.jsxs("div", { className: F, children: [
-    /* @__PURE__ */ l.jsxs("fieldset", { className: "k-text-field__fieldset", style: it, children: [
+  })), /* @__PURE__ */ l.jsxs("div", { className: F, style: it, children: [
+    /* @__PURE__ */ l.jsxs("fieldset", { className: "k-text-field__fieldset", children: [
       /* @__PURE__ */ l.jsx("legend", { className: "k-text-field__fieldset__legend", children: /* @__PURE__ */ l.jsxs("label", { htmlFor: s, className: V, children: [
         k,
         k && d && /* @__PURE__ */ l.jsx("span", { className: "k-text-field__fieldset__legend__label__required", children: "*" })
       ] }) }),
       /* @__PURE__ */ l.jsxs("div", { className: "k-text-field__fieldset__container", children: [
-        v && /* @__PURE__ */ l.jsx("div", { className: "k-text-field__fieldset__container__left", children: v }),
+        g && /* @__PURE__ */ l.jsx("div", { className: "k-text-field__fieldset__container__left", children: g }),
         /* @__PURE__ */ l.jsx(
           io,
           {
@@ -7215,17 +7227,17 @@ const la = Z((t, e) => {
             onFocus: X,
             onBlur: bt,
             onKeyDown: te,
-            autoComplete: x,
-            autoCorrect: C,
+            autoComplete: C,
+            autoCorrect: v,
             autoCapitalize: w,
             style: nt,
             ...K
           }
         ),
-        g && /* @__PURE__ */ l.jsx(
+        y && /* @__PURE__ */ l.jsx(
           Ce,
           {
-            icon: g ? "visibility" : "visibility_off",
+            icon: y ? "visibility" : "visibility_off",
             size: 18,
             onClick: We,
             disabled: c,