kku-ui 0.2.52 → 0.2.53

package/lib/es/index.js

@@ -1,9 +1,9 @@
 import * as Ln 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 ua, { createContext as wt, useContext as tt, memo as I, useCallback as S, useRef as J, useState as at, useMemo as j, useEffect as Tt, Children as At, isValidElement as yt, forwardRef as Z, useLayoutEffect as da, useId as Yt, useInsertionEffect as Wi, Fragment as $i, createElement as ha, Component as fa, useImperativeHandle as pt, cloneElement as _e } from "react";
 import "lodash-es";
 import { u as pa, a as Tn, b as ma, c as ga, d as Mn, e as Ui } from "../useEscapeKey-BH1YNl0p.js";
 import { createPortal as Sn } from "react-dom";
-var we = { exports: {} }, ee = {};
+var we = { exports: {} }, ne = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -15,7 +15,7 @@ var we = { exports: {} }, ee = {};
  */
 var js;
 function ya() {
-  if (js) return ee;
+  if (js) return ne;
   js = 1;
   var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
   function n(s, i, r) {
@@ -33,9 +33,9 @@ function ya() {
       props: r
     };
   }
-  return ee.Fragment = e, ee.jsx = n, ee.jsxs = n, ee;
+  return ne.Fragment = e, ne.jsx = n, ne.jsxs = n, ne;
 }
-var ne = {};
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -82,7 +82,7 @@ function xa() {
             return y = y.displayName, y || (y = E.displayName || E.name || "", y = y !== "" ? "ForwardRef(" + y + ")" : "ForwardRef"), y;
           case M:
             return E = y.displayName || null, E !== null ? E : t(y.type) || "Memo";
-          case j:
+          case b:
             E = y._payload, y = y._init;
             try {
               return t(y(E));
@@ -113,7 +113,7 @@ function xa() {
     }
     function s(y) {
       if (y === x) return "<>";
-      if (typeof y == "object" && y !== null && y.$$typeof === j)
+      if (typeof y == "object" && y !== null && y.$$typeof === b)
         return "<...>";
       try {
         var E = t(y);
@@ -219,8 +219,8 @@ React keys must be passed directly to JSX without using spread:
       }
       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" && (F[te] = E[te]);
+        for (var ee in E)
+          ee !== "key" && (F[ee] = E[ee]);
       } else F = E;
       return X && a(
         F,
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
     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"), 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() {
+    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"), b = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), B = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, R = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
       f,
       r
     )(), Y = G(s(r)), lt = {};
-    ne.Fragment = x, ne.jsx = function(y, E, F, V, it) {
+    se.Fragment = x, se.jsx = function(y, E, F, V, it) {
       var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
         y,
@@ -263,7 +263,7 @@ React keys must be passed directly to JSX without using spread:
         nt ? Error("react-stack-top-frame") : z,
         nt ? G(s(y)) : Y
       );
-    }, ne.jsxs = function(y, E, F, V, it) {
+    }, se.jsxs = function(y, E, F, V, it) {
       var nt = 1e4 > B.recentlyCreatedOwnerStacks++;
       return d(
         y,
@@ -276,7 +276,7 @@ React keys must be passed directly to JSX without using spread:
         nt ? G(s(y)) : Y
       );
     };
-  }()), ne;
+  }()), se;
 }
 var Ls;
 function va() {
@@ -314,7 +314,7 @@ const Hi = wt(void 0), Zi = () => {
 Pn.displayName = "Accordion.Summary";
 Gi.displayName = "Accordion.Summary";
 const Yi = (t) => {
-  const { children: e, style: n, ...s } = t, { isOpen: i, summaryId: r } = Zi(), o = J(null), [a, c] = at("auto"), u = b(() => ({
+  const { children: e, style: n, ...s } = t, { isOpen: i, summaryId: r } = Zi(), o = J(null), [a, c] = at("auto"), u = j(() => ({
     ...n,
     overflow: "hidden",
     maxHeight: i ? a : 0
@@ -345,7 +345,7 @@ const Yi = (t) => {
 An.displayName = "Accordion.Content";
 Yi.displayName = "Accordion.Content";
 const Xi = (t) => {
-  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(() => {
+  const { defaultOpen: e, children: n, ...s } = t, [i, r] = at(!!e), o = J(null), a = pa("accordion-"), c = j(() => ({ isOpen: i, setIsOpen: r, root: o, summaryId: a }), [i]), { SummaryElement: u, ContentElement: d } = j(() => {
     let h = null, f = null;
     return At.forEach(n, (p) => {
       yt(p) && (p?.type === Pn && (h = p), p?.type === An && (f = p));
@@ -364,7 +364,7 @@ const qi = Z((t, e) => {
   const { type: n, label: s, disabled: i, children: r, tabIndex: o, ...a } = t;
   if (s && r)
     throw new Error("Button 컴포넌트에 label과 children을 동시에 넣을 수 없습니다.");
-  const c = b(() => !r && s ? s : void 0, [r, s]), u = b(() => i ? -1 : o || 0, [o, i]);
+  const c = j(() => !r && s ? s : void 0, [r, s]), u = j(() => i ? -1 : o || 0, [o, i]);
   return (
     // eslint-disable-next-line react/button-has-type
     /* @__PURE__ */ l.jsx(
@@ -394,7 +394,7 @@ Vn.displayName = "Menu";
 Ca.displayName = "Menu";
 const Qi = Z(
   (t, e) => {
-    const { as: n, children: s, disabled: i, tabIndex: r, ...o } = t, a = n || "li", c = b(() => i ? void 0 : r ?? 0, [i, r]);
+    const { as: n, children: s, disabled: i, tabIndex: r, ...o } = t, a = n || "li", c = j(() => 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 = I(Qi);
@@ -408,7 +408,7 @@ const eo = Z((t, e) => {
     onChange: r,
     children: o,
     ...a
-  } = t, c = b(() => s ? -1 : 0, [s]), u = S((d) => {
+  } = t, c = j(() => s ? -1 : 0, [s]), u = S((d) => {
     i?.(d), r?.(!n);
   }, [n, r, i]);
   return /* @__PURE__ */ l.jsx(
@@ -432,7 +432,7 @@ eo.displayName = "Switch";
 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]);
+  const { label: n, disabled: s, ...i } = t, r = j(() => n || void 0, [n]);
   return /* @__PURE__ */ l.jsx("input", { ref: e, ...i, disabled: s, "aria-label": r, "aria-disabled": s });
 }), io = I(so);
 so.displayName = "TextField";
@@ -470,7 +470,7 @@ function Bn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const dt = /* @__NO_SIDE_EFFECTS__ */ (t) => t, wa = (t, e) => (n) => e(t(n)), ge = (...t) => t.reduce(wa), ce = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const dt = /* @__NO_SIDE_EFFECTS__ */ (t) => t, wa = (t, e) => (n) => e(t(n)), ye = (...t) => t.reduce(wa), ue = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const s = e - t;
   return s === 0 ? 1 : (n - t) / s;
 };
@@ -515,13 +515,13 @@ function ba(t, e, n, s, i) {
   while (Math.abs(r) > ka && ++a < ja);
   return o;
 }
-function ye(t, e, n, s) {
+function xe(t, e, n, s) {
   if (t === e && n === s)
     return dt;
   const i = (r) => ba(r, 0, 1, t, n);
   return (r) => r === 0 || r === 1 ? r : uo(i(r), e, s);
 }
-const ho = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fo = (t) => (e) => 1 - t(1 - e), po = /* @__PURE__ */ ye(0.33, 1.53, 0.69, 0.99), Fn = /* @__PURE__ */ fo(po), mo = /* @__PURE__ */ ho(Fn), go = (t) => (t *= 2) < 1 ? 0.5 * Fn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), zn = (t) => 1 - Math.sin(Math.acos(t)), yo = fo(zn), xo = ho(zn), La = /* @__PURE__ */ ye(0.42, 0, 1, 1), Ta = /* @__PURE__ */ ye(0, 0, 0.58, 1), vo = /* @__PURE__ */ ye(0.42, 0, 0.58, 1), Ma = (t) => Array.isArray(t) && typeof t[0] != "number", Co = (t) => Array.isArray(t) && typeof t[0] == "number", Ms = {
+const ho = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fo = (t) => (e) => 1 - t(1 - e), po = /* @__PURE__ */ xe(0.33, 1.53, 0.69, 0.99), Fn = /* @__PURE__ */ fo(po), mo = /* @__PURE__ */ ho(Fn), go = (t) => (t *= 2) < 1 ? 0.5 * Fn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), zn = (t) => 1 - Math.sin(Math.acos(t)), yo = fo(zn), xo = ho(zn), La = /* @__PURE__ */ xe(0.42, 0, 1, 1), Ta = /* @__PURE__ */ xe(0, 0, 0.58, 1), vo = /* @__PURE__ */ xe(0.42, 0, 0.58, 1), Ma = (t) => Array.isArray(t) && typeof t[0] != "number", Co = (t) => Array.isArray(t) && typeof t[0] == "number", Ms = {
   linear: dt,
   easeIn: La,
   easeInOut: vo,
@@ -537,7 +537,7 @@ const ho = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, fo
   if (Co(t)) {
     vt(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, s, i] = t;
-    return ye(e, n, s, i);
+    return xe(e, n, s, i);
   } else if (Sa(t))
     return vt(Ms[t] !== void 0, `Invalid easing type '${t}'`), Ms[t];
   return t;
@@ -614,7 +614,7 @@ function wo(t, e) {
   };
   return { schedule: ke.reduce((g, T) => {
     const k = o[T];
-    return g[T] = (L, M = !1, j = !1) => (n || w(), k.schedule(L, M, j)), g;
+    return g[T] = (L, M = !1, b = !1) => (n || w(), k.schedule(L, M, b)), g;
   }, {}), cancel: (g) => {
     for (let T = 0; T < ke.length; T++)
       o[ke[T]].cancel(g);
@@ -634,13 +634,13 @@ const rt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, ue = {
+}, de = {
   ...qt,
   transform: (t) => xt(0, 1, t)
 }, je = {
   ...qt,
   default: 1
-}, oe = (t) => Math.round(t * 1e5) / 1e5, $n = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+}, re = (t) => Math.round(t * 1e5) / 1e5, $n = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function Ea(t) {
   return t == null;
 }
@@ -660,7 +660,7 @@ const _a = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
 }, Et = {
   test: /* @__PURE__ */ Un("rgb", "red"),
   parse: /* @__PURE__ */ jo("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + He.transform(t) + ", " + He.transform(e) + ", " + He.transform(n) + ", " + oe(ue.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + He.transform(t) + ", " + He.transform(e) + ", " + He.transform(n) + ", " + re(de.transform(s)) + ")"
 };
 function Ba(t) {
   let e = "", n = "", s = "", i = "";
@@ -675,18 +675,18 @@ const on = {
   test: /* @__PURE__ */ Un("#"),
   parse: Ba,
   transform: Et.transform
-}, xe = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
+}, ve = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), Lt = /* @__PURE__ */ xe("deg"), gt = /* @__PURE__ */ xe("%"), A = /* @__PURE__ */ xe("px"), Ia = /* @__PURE__ */ xe("vh"), Oa = /* @__PURE__ */ xe("vw"), As = {
+}), Lt = /* @__PURE__ */ ve("deg"), gt = /* @__PURE__ */ ve("%"), A = /* @__PURE__ */ ve("px"), Ia = /* @__PURE__ */ ve("vh"), Oa = /* @__PURE__ */ ve("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) + ", " + gt.transform(oe(e)) + ", " + gt.transform(oe(n)) + ", " + oe(ue.transform(s)) + ")"
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + gt.transform(re(e)) + ", " + gt.transform(re(n)) + ", " + re(de.transform(s)) + ")"
 }, 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),
@@ -700,7 +700,7 @@ function za(t) {
   return isNaN(t) && typeof t == "string" && (t.match($n)?.length || 0) + (t.match(Fa)?.length || 0) > 0;
 }
 const bo = "number", Lo = "color", Ka = "var", Wa = "var(", Vs = "${}", $a = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function de(t) {
+function he(t) {
   const e = t.toString(), n = [], s = {
     color: [],
     number: [],
@@ -711,16 +711,16 @@ function de(t) {
   return { values: n, split: a, indexes: s, types: i };
 }
 function To(t) {
-  return de(t).values;
+  return he(t).values;
 }
 function Mo(t) {
-  const { split: e, types: n } = de(t), s = e.length;
+  const { split: e, types: n } = he(t), s = e.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += e[o], i[o] !== void 0) {
         const a = n[o];
-        a === bo ? r += oe(i[o]) : a === Lo ? r += Q.transform(i[o]) : r += i[o];
+        a === bo ? r += re(i[o]) : a === Lo ? r += Q.transform(i[o]) : r += i[o];
       }
     return r;
   };
@@ -812,8 +812,8 @@ function Qa(t, e) {
   return n;
 }
 const t1 = (t, e) => {
-  const n = Pt.createTransformer(e), s = de(t), i = de(e);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? rn.has(t) && !i.values.length || rn.has(e) && !s.values.length ? Xa(t, e) : ge(So(Qa(s, i), i.values), n) : (Xt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ae(t, e));
+  const n = Pt.createTransformer(e), s = he(t), i = he(e);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? rn.has(t) && !i.values.length || rn.has(e) && !s.values.length ? Xa(t, e) : ye(So(Qa(s, i), i.values), n) : (Xt(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ae(t, e));
 };
 function Po(t, e, n) {
   return typeof t == "number" && typeof e == "number" && typeof n == "number" ? H(t, e, n) : Hn(t)(t, e);
@@ -985,8 +985,8 @@ function Re(t = U.visualDuration, e = U.bounce) {
   else {
     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 M = Math.exp(-x * v * L), b = Math.min(k * L, 300);
+      return o - M * ((m + x * v * w) * Math.sinh(b) + k * w * Math.cosh(b)) / k;
     };
   }
   const T = {
@@ -998,8 +998,8 @@ function Re(t = U.visualDuration, e = U.bounce) {
       else {
         let M = k === 0 ? m : 0;
         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 && _;
+        const b = Math.abs(M) <= s, _ = Math.abs(o - L) <= i;
+        a.done = b && _;
       }
       return a.value = a.done ? o : L, a;
     },
@@ -1020,19 +1020,19 @@ function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   const h = t[0], f = {
     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;
+  }, p = (b) => a !== void 0 && b < a || c !== void 0 && b > c, m = (b) => a === void 0 ? c : c === void 0 || Math.abs(a - b) < Math.abs(c - b) ? a : c;
   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);
+  const C = (b) => -x * Math.exp(-b / s), g = (b) => v + C(b), T = (b) => {
+    const _ = C(b), N = g(b);
     f.done = Math.abs(_) <= u, f.value = f.done ? v : N;
   };
   let k, L;
-  const M = (j) => {
-    p(f.value) && (k = j, L = Re({
+  const M = (b) => {
+    p(f.value) && (k = b, L = Re({
       keyframes: [f.value, m(f.value)],
-      velocity: Vo(g, j, f.value),
+      velocity: Vo(g, b, f.value),
       // TODO: This should be passing * 1000
       damping: i,
       stiffness: r,
@@ -1042,9 +1042,9 @@ function ln({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: s = 3
   };
   return M(0), {
     calculatedDuration: null,
-    next: (j) => {
+    next: (b) => {
       let _ = !1;
-      return !L && k === void 0 && (_ = !0, T(j), M(j)), k !== void 0 && j >= k ? L.next(j - k) : (!_ && T(j), f);
+      return !L && k === void 0 && (_ = !0, T(b), M(b)), k !== void 0 && b >= k ? L.next(b - k) : (!_ && T(b), f);
     }
   };
 }
@@ -1054,7 +1054,7 @@ function u1(t, e, n) {
     let a = i(t[o], t[o + 1]);
     if (e) {
       const c = Array.isArray(e) ? e[o] || dt : e;
-      a = ge(c, a);
+      a = ye(c, a);
     }
     s.push(a);
   }
@@ -1075,7 +1075,7 @@ function d1(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
     if (c > 1)
       for (; h < t.length - 2 && !(d < t[h + 1]); h++)
         ;
-    const f = /* @__PURE__ */ ce(t[h], t[h + 1], d);
+    const f = /* @__PURE__ */ ue(t[h], t[h + 1], d);
     return a[h](f);
   };
   return n ? (d) => u(xt(t[0], t[r - 1], d)) : u;
@@ -1083,7 +1083,7 @@ function d1(t, e, { clamp: n = !0, ease: s, mixer: i } = {}) {
 function h1(t, e) {
   const n = t[t.length - 1];
   for (let s = 1; s <= e; s++) {
-    const i = /* @__PURE__ */ ce(0, e, s);
+    const i = /* @__PURE__ */ ue(0, e, s);
     t.push(H(n, 1, i));
   }
 }
@@ -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 && 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]);
+    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 = ye(x1, Po(a[0], a[1])), a = [0, 100]);
     const u = c({ ...e, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = c({
       ...e,
@@ -1191,9 +1191,9 @@ class Xn extends Yn {
     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)), g = xt(0, 1, N) * a;
+      const b = Math.min(this.currentTime, i) / a;
+      let _ = Math.floor(b), N = b % 1;
+      !N && b >= 1 && (N = 1), N === 1 && _--, _ = Math.min(_, h + 1), !!(_ % 2) && (f === "reverse" ? (N = 1 - N, p && (N -= p / a)) : f === "mirror" && (T = o)), g = xt(0, 1, N) * a;
     }
     const k = C ? { done: !1, value: d[0] } : T.next(g);
     r && (k.value = r(k.value));
@@ -1447,20 +1447,20 @@ const _o = /* @__PURE__ */ R1(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), ie = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Os = {
+}, "linearEasing"), oe = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Os = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ ie([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ ie([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ ie([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ ie([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ oe([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ oe([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ oe([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ oe([0.33, 1.53, 0.69, 0.99])
 };
 function No(t, e) {
   if (t)
-    return typeof t == "function" ? _o() ? Ao(t, e) : "ease-out" : Co(t) ? ie(t) : Array.isArray(t) ? t.map((n) => No(n, e) || Os.easeOut) : Os[t];
+    return typeof t == "function" ? _o() ? Ao(t, e) : "ease-out" : Co(t) ? oe(t) : Array.isArray(t) ? t.map((n) => No(n, e) || Os.easeOut) : Os[t];
 }
 function D1(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, u = void 0) {
   const d = {
@@ -1820,7 +1820,7 @@ const Q1 = /\b([a-z-]*)\(.*?\)/gu, gn = {
   z: A,
   perspective: A,
   transformPerspective: A,
-  opacity: ue,
+  opacity: de,
   originX: As,
   originY: As,
   originZ: A
@@ -1863,8 +1863,8 @@ const Q1 = /\b([a-z-]*)\(.*?\)/gu, gn = {
   ...tl,
   zIndex: Ws,
   // SVG
-  fillOpacity: ue,
-  strokeOpacity: ue,
+  fillOpacity: de,
+  strokeOpacity: de,
   numOctaves: Ws
 }, el = {
   ...ts,
@@ -1892,7 +1892,7 @@ function sl(t, e, n) {
   let s = 0, i;
   for (; s < t.length && !i; ) {
     const r = t[s];
-    typeof r == "string" && !nl.has(r) && de(r).values.length && (i = t[s]), s++;
+    typeof r == "string" && !nl.has(r) && he(r).values.length && (i = t[s]), s++;
   }
   if (i && n)
     for (const r of e)
@@ -2323,7 +2323,7 @@ function xl({ children: t, isPresent: e, anchorX: n, root: s }) {
 }
 const vl = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom: i, presenceAffectsLayout: r, mode: o, anchorX: a, root: c }) => {
   const u = Dn(Cl), d = Yt();
-  let h = !0, f = b(() => (h = !1, {
+  let h = !0, f = j(() => (h = !1, {
     id: d,
     initial: e,
     isPresent: n,
@@ -2337,7 +2337,7 @@ const vl = ({ children: t, initial: e, isPresent: n, onExitComplete: s, custom:
     },
     register: (p) => (u.set(p, !1), () => u.delete(p))
   }), [n, u, s]);
-  return r && h && (f = { ...f }), b(() => {
+  return r && h && (f = { ...f }), j(() => {
     u.forEach((p, m) => u.set(m, !1));
   }, [n]), Ln.useEffect(() => {
     !n && !u.size && s && s();
@@ -2366,7 +2366,7 @@ 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), x = Dn(() => /* @__PURE__ */ new Map()), [w, v] = at(h), [C, g] = at(h);
+  const [u, d] = Xo(o), h = j(() => 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 < C.length; L++) {
@@ -2378,15 +2378,15 @@ const wl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
   if (h !== w) {
     let L = [...h];
     for (let M = 0; M < C.length; M++) {
-      const j = C[M], _ = be(j);
-      f.includes(_) || (L.splice(M, 0, j), T.push(j));
+      const b = C[M], _ = be(b);
+      f.includes(_) || (L.splice(M, 0, b), T.push(b));
     }
     return r === "wait" && T.length && (L = T), g(Gs(L)), v(h), null;
   }
   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: C.map((L) => {
-    const M = be(L), j = o && !u ? !1 : h === C || f.includes(M), _ = () => {
+    const M = be(L), b = o && !u ? !1 : h === C || f.includes(M), _ = () => {
       if (x.has(M))
         x.set(M, !0);
       else
@@ -2396,7 +2396,7 @@ const wl = ({ children: t, custom: e, initial: n = !0, onExitComplete: s, presen
         B || (N = !1);
       }), 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);
+    return l.jsx(vl, { isPresent: b, initial: !p.current || n ? void 0 : !1, custom: e, presenceAffectsLayout: i, mode: r, root: c, onExitComplete: b ? void 0 : _, anchorX: a, children: L }, M);
   }) });
 }, qo = wt({ strict: !1 }), Ys = {
   animation: [
@@ -2496,7 +2496,7 @@ const Be = /* @__PURE__ */ wt({});
 function Ie(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-function he(t) {
+function fe(t) {
   return typeof t == "string" || Array.isArray(t);
 }
 const is = [
@@ -2509,7 +2509,7 @@ const is = [
   "exit"
 ], os = ["initial", ...is];
 function Oe(t) {
-  return Ie(t.animate) || os.some((e) => he(t[e]));
+  return Ie(t.animate) || os.some((e) => fe(t[e]));
 }
 function Qo(t) {
   return !!(Oe(t) || t.variants);
@@ -2518,15 +2518,15 @@ function Ml(t, e) {
   if (Oe(t)) {
     const { initial: n, animate: s } = t;
     return {
-      initial: n === !1 || he(n) ? n : void 0,
-      animate: he(s) ? s : void 0
+      initial: n === !1 || fe(n) ? n : void 0,
+      animate: fe(s) ? s : void 0
     };
   }
   return t.inherit !== !1 ? e : {};
 }
 function Sl(t) {
   const { initial: e, animate: n } = Ml(t, tt(Be));
-  return b(() => ({ initial: e, animate: n }), [Xs(e), Xs(n)]);
+  return j(() => ({ initial: e, animate: n }), [Xs(e), Xs(n)]);
 }
 function Xs(t) {
   return Array.isArray(t) ? t.join(" ") : t;
@@ -2640,13 +2640,13 @@ function Bl(t) {
     ProjectionNode: s.ProjectionNode
   };
 }
-const fe = {};
+const pe = {};
 function Il(t) {
   for (const e in t)
-    fe[e] = t[e], Kn(e) && (fe[e].isCSSVariable = !0);
+    pe[e] = t[e], Kn(e) && (pe[e].isCSSVariable = !0);
 }
 function sr(t, { layout: e, layoutId: n }) {
-  return Qt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!fe[t] || t === "opacity");
+  return Qt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!pe[t] || t === "opacity");
 }
 const Ol = {
   x: "translateX",
@@ -2705,7 +2705,7 @@ function ir(t, e, n) {
     !st(e[s]) && !sr(s, n) && (t[s] = e[s]);
 }
 function Kl({ transformTemplate: t }, e) {
-  return b(() => {
+  return j(() => {
     const n = ls();
     return as(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
@@ -2755,7 +2755,7 @@ const rr = () => ({
   attrs: {}
 }), ar = (t) => typeof t == "string" && t.toLowerCase() === "svg";
 function Gl(t, e, n, s) {
-  const i = b(() => {
+  const i = j(() => {
     const r = rr();
     return or(r, e, ar(s), t.transformTemplate, t.style), {
       ...r.attrs,
@@ -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(() => st(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 = j(() => st(h) ? h.get() : h, [h]);
     return ha(n, {
       ...d,
       children: f
@@ -2924,7 +2924,7 @@ function ec(t, e) {
     return El(o);
   };
 }
-function pe(t, e, n) {
+function me(t, e, n) {
   const s = t.getProps();
   return us(s, e, n !== void 0 ? n : s.custom, t);
 }
@@ -2936,7 +2936,7 @@ function sc(t) {
   return yn(t) ? t[t.length - 1] || 0 : t;
 }
 function ic(t, e) {
-  const n = pe(t, e);
+  const n = me(t, e);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
@@ -3055,7 +3055,7 @@ function dr(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
   }), c;
 }
 function vn(t, e, n = {}) {
-  const s = pe(t, e, n.type === "exit" ? t.presenceContext?.custom : void 0);
+  const s = me(t, e, n.type === "exit" ? t.presenceContext?.custom : void 0);
   let { transition: i = t.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
   const r = s ? () => Promise.all(dr(t, s, n)) : () => Promise.resolve(), o = t.variantChildren && t.variantChildren.size ? (c = 0) => {
@@ -3092,7 +3092,7 @@ function yc(t, e, n = {}) {
   } else if (typeof e == "string")
     s = vn(t, e, n);
   else {
-    const i = typeof e == "function" ? pe(t, e, n.custom) : e;
+    const i = typeof e == "function" ? me(t, e, n.custom) : e;
     s = Promise.all(dr(t, i, n));
   }
   return s.then(() => {
@@ -3121,7 +3121,7 @@ function fr(t) {
   const e = {};
   for (let n = 0; n < xc; n++) {
     const s = os[n], i = t.props[s];
-    (he(i) || i === !1) && (e[s] = i);
+    (fe(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
@@ -3132,7 +3132,7 @@ function wc(t) {
 function kc(t) {
   let e = wc(t), n = Js(), s = !0;
   const i = (c) => (u, d) => {
-    const h = pe(t, d, c === "exit" ? t.presenceContext?.custom : void 0);
+    const h = me(t, d, c === "exit" ? t.presenceContext?.custom : void 0);
     if (h) {
       const { transition: f, transitionEnd: p, ...m } = h;
       u = { ...u, ...m, ...p };
@@ -3146,7 +3146,7 @@ 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 v = vc[w], C = n[v], g = u[v] !== void 0 ? u[v] : d[v], T = he(g), k = v === c ? C.isActive : null;
+      const v = vc[w], C = n[v], g = u[v] !== void 0 ? u[v] : d[v], T = fe(g), k = v === c ? C.isActive : null;
       k === !1 && (m = w);
       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
@@ -3155,7 +3155,7 @@ function kc(t) {
       Ie(g) || typeof g == "boolean")
         continue;
       const M = jc(C.prevProp, g);
-      let j = M || // If we're making this variant active, we want to always make it active
+      let b = M || // If we're making this variant active, we want to always make it active
       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(g) ? g : [g];
@@ -3165,7 +3165,7 @@ function kc(t) {
         ...K,
         ...B
       }, G = (z) => {
-        j = !0, f.has(z) && (_ = !0, f.delete(z)), C.needsAnimating[z] = !0;
+        b = !0, f.has(z) && (_ = !0, f.delete(z)), C.needsAnimating[z] = !0;
         const Y = t.getValue(z);
         Y && (Y.liveStyle = !1);
       };
@@ -3176,7 +3176,7 @@ function kc(t) {
         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;
       }
-      C.prevProp = g, C.prevResolvedValues = B, C.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 && (b = !1), b && (!(L && M) || _) && h.push(...N.map((z) => ({
         animation: z,
         options: { type: v }
       })));
@@ -3184,7 +3184,7 @@ function kc(t) {
     if (f.size) {
       const w = {};
       if (typeof u.initial != "boolean") {
-        const v = pe(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        const v = me(t, Array.isArray(u.initial) ? u.initial[0] : u.initial);
         v && v.transition && (w.transition = v.transition);
       }
       f.forEach((v) => {
@@ -3301,10 +3301,10 @@ const Mc = {
     Feature: Tc
   }
 };
-function me(t, e, n, s = { passive: !0 }) {
+function ge(t, e, n, s = { passive: !0 }) {
   return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
-function ve(t) {
+function Ce(t) {
   return {
     point: {
       x: t.pageX,
@@ -3312,9 +3312,9 @@ function ve(t) {
     }
   };
 }
-const Sc = (t) => (e) => ns(e) && t(e, ve(e));
-function re(t, e, n, s) {
-  return me(t, e, Sc(n), s);
+const Sc = (t) => (e) => ns(e) && t(e, Ce(e));
+function ae(t, e, n, s) {
+  return ge(t, e, Sc(n), s);
 }
 function pr({ top: t, left: e, right: n, bottom: s }) {
   return {
@@ -3346,7 +3346,7 @@ function _c(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 = 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) {
+function le(t, e, n, s) {
   Qs(t.x, e.x, n.x, s ? s.originX : void 0), Qs(t.y, e.y, n.y, s ? s.originY : void 0);
 }
 function ti(t, e, n) {
@@ -3358,7 +3358,7 @@ function Nc(t, e, n) {
 function ei(t, e, n) {
   t.min = e.min - n.min, t.max = t.min + ot(e);
 }
-function le(t, e, n) {
+function ce(t, e, n) {
   ei(t.x, e.x, n.x), ei(t.y, e.y, n.y);
 }
 const ni = () => ({
@@ -3467,10 +3467,10 @@ class wr {
     }, !ns(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.distanceThreshold = o, this.contextWindow = i || window;
-    const a = ve(e), c = Je(a, this.transformPagePoint), { point: u } = c, { timestamp: d } = et;
+    const a = Ce(e), c = Je(a, this.transformPagePoint), { point: u } = c, { timestamp: d } = et;
     this.history = [{ ...u, timestamp: d }];
     const { onSessionStart: h } = n;
-    h && h(e, Qe(c, this.history)), this.removeListeners = ge(re(this.contextWindow, "pointermove", this.handlePointerMove), re(this.contextWindow, "pointerup", this.handlePointerUp), re(this.contextWindow, "pointercancel", this.handlePointerUp));
+    h && h(e, Qe(c, this.history)), this.removeListeners = ye(ae(this.contextWindow, "pointermove", this.handlePointerMove), ae(this.contextWindow, "pointerup", this.handlePointerUp), ae(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3545,7 +3545,7 @@ function $c(t, e) {
 function Uc(t, e) {
   let n = 0.5;
   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);
+  return i > s ? n = /* @__PURE__ */ ue(e.min, e.max - s, t.min) : s > i && (n = /* @__PURE__ */ ue(t.min, t.max - i, e.min)), xt(0, 1, n);
 }
 function Hc(t, e) {
   const n = {};
@@ -3578,7 +3578,7 @@ class Yc {
       return;
     const r = (h) => {
       const { dragSnapToOrigin: f } = this.getProps();
-      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(ve(h).point);
+      f ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ce(h).point);
     }, o = (h, f) => {
       const { drag: p, dragPropagation: m, onDragStart: x } = this.getProps();
       if (p && !m && (this.openDragLock && this.openDragLock(), this.openDragLock = ll(p), !this.openDragLock))
@@ -3764,7 +3764,7 @@ class Yc {
     if (!this.visualElement.current)
       return;
     Gc.set(this.visualElement, this);
-    const e = this.visualElement.current, n = re(e, "pointerdown", (c) => {
+    const e = this.visualElement.current, n = ae(e, "pointerdown", (c) => {
       const { drag: u, dragListener: d = !0 } = this.getProps();
       u && d && this.start(c);
     }), s = () => {
@@ -3772,7 +3772,7 @@ class Yc {
       Ft(c) && c.current && (this.constraints = this.resolveRefConstraints());
     }, { projection: i } = this.visualElement, r = i.addEventListener("measure", s);
     i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), W.read(s);
-    const o = me(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: u }) => {
+    const o = ge(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: u }) => {
       this.isDragging && u && (ut((d) => {
         const h = this.getAxisMotionValue(d);
         h && (this.originPoint[d] += c[d].translate, h.set(h.get() + c[d].translate));
@@ -3839,7 +3839,7 @@ class Jc extends Vt {
     };
   }
   mount() {
-    this.removePointerDownListener = re(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
+    this.removePointerDownListener = ae(this.node.current, "pointerdown", (e) => this.onPointerDown(e));
   }
   update() {
     this.session && this.session.updateHandlers(this.createPanHandlers());
@@ -3863,7 +3863,7 @@ const Pe = {
 function gi(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
-const se = {
+const ie = {
   correct: (t, e) => {
     if (!e.target)
       return t;
@@ -3933,7 +3933,7 @@ function jr(t) {
 }
 const e0 = {
   borderRadius: {
-    ...se,
+    ...ie,
     applyTo: [
       "borderTopLeftRadius",
       "borderTopRightRadius",
@@ -3941,10 +3941,10 @@ const e0 = {
       "borderBottomRightRadius"
     ]
   },
-  borderTopLeftRadius: se,
-  borderTopRightRadius: se,
-  borderBottomLeftRadius: se,
-  borderBottomRightRadius: se,
+  borderTopLeftRadius: ie,
+  borderTopRightRadius: ie,
+  borderBottomLeftRadius: ie,
+  borderBottomRightRadius: ie,
   boxShadow: Qc
 };
 function n0(t, e, n) {
@@ -3990,7 +3990,7 @@ function Ci(t, e) {
 }
 const l0 = /* @__PURE__ */ Lr(0, 0.5, yo), c0 = /* @__PURE__ */ Lr(0.5, 0.95, dt);
 function Lr(t, e, n) {
-  return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ ce(t, e, s));
+  return (s) => s < t ? 0 : s > e ? 1 : n(/* @__PURE__ */ ue(t, e, s));
 }
 function wi(t, e) {
   t.min = e.min, t.max = e.max;
@@ -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 = q(), this.relativeTargetOrigin = q(), 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(), ce(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), ct(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = 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 = q(), this.relativeTargetOrigin = q(), 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(), ce(this.relativeTargetOrigin, this.target, f.target), ct(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
       }
     }
@@ -4406,7 +4406,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (ki(this.prevProjectionDelta.x, this.projectionDelta.x), ki(this.prevProjectionDelta.y, this.projectionDelta.y)), ae(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Ai(this.projectionDelta.x, this.prevProjectionDelta.x) || !Ai(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p));
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (ki(this.prevProjectionDelta.x, this.projectionDelta.x), ki(this.prevProjectionDelta.y, this.projectionDelta.y)), le(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Ai(this.projectionDelta.x, this.prevProjectionDelta.x) || !Ai(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p));
     }
     hide() {
       this.isVisible = !1;
@@ -4432,7 +4432,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       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), 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;
+        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 && (ce(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) {
@@ -4471,7 +4471,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           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);
+        ct(a, c), Wt(a, d), le(this.projectionDeltaWithTransform, this.layoutCorrected, a, d);
       }
     }
     registerSharedNode(o, a) {
@@ -4548,10 +4548,10 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       c && (h = c(d, h)), o.transform = h;
       const { x: f, y: p } = this.projectionDelta;
       o.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, u.animationValues ? o.opacity = u === this ? d.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : o.opacity = u === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
-      for (const m in fe) {
+      for (const m in pe) {
         if (d[m] === void 0)
           continue;
-        const { correct: x, applyTo: w, isCSSVariable: v } = fe[m], C = h === "none" ? d[m] : x(d[m], u);
+        const { correct: x, applyTo: w, isCSSVariable: v } = pe[m], C = h === "none" ? d[m] : x(d[m], u);
         if (w) {
           const g = w.length;
           for (let T = 0; T < g; T++)
@@ -4585,9 +4585,9 @@ function v0(t) {
       h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[d].max = t.relativeTarget[d].min + f);
     });
     const o = zt();
-    ae(o, n, e.layoutBox);
+    le(o, n, e.layoutBox);
     const a = zt();
-    r ? ae(a, t.applyTransform(s, !0), e.measuredBox) : ae(a, n, e.layoutBox);
+    r ? le(a, t.applyTransform(s, !0), e.measuredBox) : le(a, n, e.layoutBox);
     const c = !Tr(o);
     let u = !1;
     if (!t.resumeFrom) {
@@ -4596,9 +4596,9 @@ function v0(t) {
         const { snapshot: h, layout: f } = d;
         if (h && f) {
           const p = q();
-          le(p, e.layoutBox, h.layoutBox);
+          ce(p, e.layoutBox, h.layoutBox);
           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);
+          ce(m, n, f.layoutBox), Mr(p, m) || (u = !0), d.options.layoutRoot && (t.relativeTarget = m, t.relativeTargetOrigin = p, t.relativeParent = d);
         }
       }
     }
@@ -4679,7 +4679,7 @@ function R0(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
 const D0 = Pr({
-  attachResizeListener: (t, e) => me(t, "resize", e),
+  attachResizeListener: (t, e) => ge(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
     y: document.documentElement.scrollTop || document.body.scrollTop
@@ -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 && W.postRender(() => r(e, ve(e)));
+  r && W.postRender(() => r(e, Ce(e)));
 }
 class _0 extends Vt {
   mount() {
@@ -4744,7 +4744,7 @@ class N0 extends Vt {
     !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
   mount() {
-    this.unmount = ge(me(this.node.current, "focus", () => this.onFocus()), me(this.node.current, "blur", () => this.onBlur()));
+    this.unmount = ye(ge(this.node.current, "focus", () => this.onFocus()), ge(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
@@ -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 && W.postRender(() => r(e, ve(e)));
+  r && W.postRender(() => r(e, Ce(e)));
 }
 class B0 extends Vt {
   mount() {
@@ -5216,7 +5216,7 @@ const Nr = Z((t, e) => {
     onKeyDown: v,
     onKeyUp: C,
     ...g
-  } = t, T = J(null), k = Tn(T), L = b(() => c === "plain", [c]);
+  } = t, T = J(null), k = Tn(T), L = j(() => c === "plain", [c]);
   pt(e, () => ({
     focus() {
       T.current?.focus();
@@ -5228,10 +5228,10 @@ const Nr = Z((t, e) => {
       r || T.current?.click();
     }
   }));
-  const M = b(() => {
+  const M = j(() => {
     const D = ["k-button", `k-button--${a}`];
     return s && D.push(s), r && D.push("k-button--disabled"), c && D.push(`k-button--${c}`), o && D.push("k-button--danger"), D.join(" ");
-  }, [s, r, a, c, o]), j = b(() => ({ ...f, width: d, height: h }), []), _ = S((D) => {
+  }, [s, r, a, c, o]), b = j(() => ({ ...f, width: d, height: h }), []), _ = S((D) => {
     r || p?.(D);
   }, [r, p]), N = S((D) => {
     m?.(D), !r && !L && k?.register(D);
@@ -5254,7 +5254,7 @@ const Nr = Z((t, e) => {
       type: n,
       label: i,
       className: M,
-      style: j,
+      style: b,
       disabled: r,
       onMouseDown: N,
       onMouseLeave: K,
@@ -5268,10 +5268,10 @@ const Nr = Z((t, e) => {
 Nr.displayName = "KButton";
 fs.displayName = "KButton";
 const b2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
-  const { className: e, variant: n = "outlined", children: s, ...i } = t, r = b(() => {
+  const { className: e, variant: n = "outlined", children: s, ...i } = t, r = j(() => {
     const a = ["k-button-group"];
     return e && a.push(e), a.join(" ");
-  }, [e]), o = b(() => {
+  }, [e]), o = j(() => {
     const a = [];
     return At.forEach(s, (c, u) => {
       if (yt(c) && c.type === fs) {
@@ -5285,7 +5285,7 @@ const b2 = ["outlined", "solid", "primary", "subtle", "plain"], Br = (t) => {
 r2.displayName = "KButtonGroup";
 Br.displayName = "KButtonGroup";
 const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, ...i }) => {
-  const [r, o] = at(null), [a, c] = at([]), u = b(() => {
+  const [r, o] = at(null), [a, c] = at([]), u = j(() => {
     const p = ["k-toggle-button"];
     return e && p.push(e), p.join(" ");
   }, [e]), d = S(
@@ -5296,7 +5296,7 @@ const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, .
   ), h = S(
     (p) => t ? a.includes(p) : r === p,
     [t, r, a]
-  ), f = b(() => At.toArray(s).map((p, m) => {
+  ), f = j(() => At.toArray(s).map((p, m) => {
     if (!yt(p) || p.type !== fs) return null;
     const x = h(m), w = p, v = (g) => {
       d(m), w.props.onClick?.(g);
@@ -5316,7 +5316,7 @@ const Ir = ({ multiple: t, className: e, variant: n = "outlined", children: s, .
 };
 Ir.displayName = "KToggleButton";
 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 { className: n, value: s, disabled: i, size: r = "medium", ...o } = t, a = J(null), c = j(() => {
     const u = ["k-switch", `k-switch--${s ? "on" : "off"}`];
     return n && u.push(n), r && u.push(`k-switch--${r}`), i && u.push("k-switch--disabled"), u.join(" ");
   }, [s, n, r, i]);
@@ -5327,14 +5327,14 @@ const L2 = I(Ir), Or = Z((t, e) => {
 Or.displayName = "KSwitch";
 a2.displayName = "KSwitch";
 const Fr = (t) => {
-  const { className: e, defaultOpen: n, summary: s, children: i, width: r, style: o, size: a = "medium", ...c } = t, u = b(() => {
+  const { className: e, defaultOpen: n, summary: s, children: i, width: r, style: o, size: a = "medium", ...c } = t, u = j(() => {
     const h = ["k-accordion", `k-accordion--${a}`];
     return e && h.push(e), h.join(" ");
-  }, [e, a]), d = b(() => ({ ...o, maxWidth: r }), [o, r]);
+  }, [e, a]), d = j(() => ({ ...o, maxWidth: r }), [o, r]);
   return /* @__PURE__ */ l.jsxs($t, { className: u, style: d, defaultOpen: n, ...c, children: [
     /* @__PURE__ */ l.jsxs($t.Summary, { className: "k-accordion__summary", children: [
       /* @__PURE__ */ l.jsx("p", { className: "k-accordion__summary__text", children: s }),
-      /* @__PURE__ */ l.jsx(Ce, { icon: "keyboard_arrow_down", size: "small", className: "k-accordion__summary__icon" })
+      /* @__PURE__ */ l.jsx(te, { icon: "keyboard_arrow_down", size: "small", className: "k-accordion__summary__icon" })
     ] }),
     /* @__PURE__ */ l.jsx($t.Content, { className: "k-accordion__content", children: /* @__PURE__ */ l.jsx("div", { className: "k-accordion__content__container", children: i }) })
   ] });
@@ -5361,14 +5361,14 @@ const zr = Z((t, e) => {
     ...v
   } = t, C = J(null), g = Tn(C);
   pt(e, () => C.current, []);
-  const T = b(() => {
+  const T = j(() => {
     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) => {
+  }, [s, r]), k = j(() => ({ ...i }), [i]), L = S((O) => {
     d || h?.(O);
   }, [d, h]), M = S((O) => {
     f?.(O), d || g?.register(O);
-  }, [g, f]), j = S((O) => {
+  }, [g, f]), b = S((O) => {
     m?.(O), g.remove();
   }, [g, m]), _ = S((O) => {
     p?.(O), g.remove();
@@ -5378,7 +5378,7 @@ const zr = Z((t, e) => {
     });
   }, [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]);
+  }, [g, w]), K = j(() => o ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__left-content", children: o }) : null, [o]), R = j(() => /* @__PURE__ */ l.jsx("div", { className: "k-menu-item__label", children: a }), [a]), G = j(() => c ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__right-content", children: c }) : null, [c]), D = j(() => u ? /* @__PURE__ */ l.jsx("span", { className: "k-menu-item__shortcut", children: u }) : null, [u]);
   return /* @__PURE__ */ l.jsxs(
     to,
     {
@@ -5390,7 +5390,7 @@ const zr = Z((t, e) => {
       disabled: d,
       onClick: L,
       onMouseDown: M,
-      onMouseUp: j,
+      onMouseUp: b,
       onMouseLeave: _,
       onKeyDown: N,
       onKeyUp: B,
@@ -5408,10 +5408,10 @@ zr.displayName = "KMenu.Item";
 const Kr = Z((t, e) => {
   const { selected: n, className: s, label: i, ...r } = t, o = J(null);
   pt(e, () => o.current, []);
-  const a = b(() => {
+  const a = j(() => {
     const u = ["k-menu-item-selectable"];
     return s && u.push(s), n && u.push("k-menu-item-selectable--selected"), u.join(" ");
-  }, [s, n]), c = b(() => n && /* @__PURE__ */ l.jsx(Ce, { className: "k-menu-item-selectable-check", icon: "check", size: 10 }), [n]);
+  }, [s, n]), c = j(() => n && /* @__PURE__ */ l.jsx(te, { className: "k-menu-item-selectable-check", icon: "check", size: 10 }), [n]);
   return /* @__PURE__ */ l.jsx(
     ze,
     {
@@ -5429,7 +5429,7 @@ Kr.displayName = "KMenu.ItemSelectable";
 const Wr = Z((t, e) => {
   const { children: n, className: s, ...i } = t, r = J(null);
   pt(e, () => r.current, []);
-  const o = b(() => {
+  const o = j(() => {
     const a = ["k-menu-item-divider"];
     return s && a.push(s), a.join(" ");
   }, [s]);
@@ -5438,10 +5438,10 @@ const Wr = Z((t, e) => {
 ms.displayName = "KMenu.ItemDivider";
 Wr.displayName = "KMenu.ItemDivider";
 const $r = Z((t, e) => {
-  const { children: n, className: s, style: i, width: r, size: o = "medium", ...a } = t, c = b(() => {
+  const { children: n, className: s, style: i, width: r, size: o = "medium", ...a } = t, c = j(() => {
     const h = ["k-menu", `k-menu--${o}`];
     return s && h.push(s), h.join(" ");
-  }, [s, o]), u = b(() => ({ ...i, width: r }), [i, r]), d = b(() => {
+  }, [s, o]), u = j(() => ({ ...i, width: r }), [i, r]), d = j(() => {
     const h = [];
     return At.forEach(n, (f, p) => {
       if (yt(f) && (f.type === ze || f.type === ps || f.type === ms)) {
@@ -5476,16 +5476,16 @@ const Gr = Z((t, e) => {
     onFocus: u,
     onBlur: d,
     ...h
-  } = t, { id: f, triggerRef: p, contentRef: m, trigger: x, open: w, onOpen: v, onClose: C, onFocusContent: g } = 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 = j(() => r ? -1 : 0, [r]);
   pt(e, () => p.current, []);
-  const k = b(() => {
+  const k = j(() => {
     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), 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) => {
+  }, [x, o, r]), b = S((R) => {
     a?.(R), x === "hover" && C();
   }, [x, a]), _ = S((R) => {
     if (c?.(R), r)
@@ -5497,7 +5497,7 @@ const Gr = Z((t, e) => {
     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]);
+  }, [d, x]), K = j(() => 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",
@@ -5514,7 +5514,7 @@ const Gr = Z((t, e) => {
       onKeyDown: _,
       onClick: L,
       onMouseEnter: M,
-      onMouseLeave: j,
+      onMouseLeave: b,
       onFocus: N,
       onBlur: B,
       children: K
@@ -5540,7 +5540,7 @@ const c2 = 160, Yr = Z((t, e) => {
     container: m,
     zIndex: x,
     ...w
-  } = t, { open: v, triggerRef: C, contentRef: g, position: T, onOpen: k, onClose: L, onBlurContent: M, trigger: j } = Zr(), { top: _, left: N } = ga({
+  } = t, { open: v, triggerRef: C, contentRef: g, position: T, onOpen: k, onClose: L, onBlurContent: M, trigger: b } = Zr(), { top: _, left: N } = ga({
     triggerRef: C,
     contentRef: g,
     position: T,
@@ -5549,22 +5549,22 @@ const c2 = 160, Yr = Z((t, e) => {
     gap: f
   }), B = Mn(m);
   Ui(L), pt(e, () => g.current);
-  const K = b(() => {
+  const K = j(() => {
     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) => {
+  }, [n]), R = j(() => ({ ...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) => {
+    o?.(y), b === "hover" && k();
+  }, [b, o]), O = S((y) => {
+    a?.(y), b === "hover" && L();
+  }, [b, 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]);
+    c?.(y), b === "hover" && k();
+  }, [c, b]), lt = S((y) => {
+    u?.(y), b === "hover" && L();
+  }, [u, b]);
   if (Tt(() => {
   }, [v]), !!B)
     return Sn(
@@ -5610,9 +5610,9 @@ const Xr = Z((t, e) => {
     onDropdownOpen: a,
     onDropdownClose: c,
     ...u
-  } = 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(" ");
+  } = t, d = n || "div", [h, f] = at(!1), p = J(null), m = J(null), x = `k-dropdown-${Yt()}`, w = j(() => {
+    const b = ["k-dropdown"];
+    return o && b.push(o), b.join(" ");
   }, [o]), v = S(() => {
     f(!0), a?.();
   }, [a]), C = S(() => {
@@ -5622,10 +5622,10 @@ const Xr = Z((t, e) => {
     onOpen: v,
     onClose: C
   }));
-  const { Trigger: g, Content: T } = b(() => {
-    const j = At.toArray(r), _ = j.find(
+  const { Trigger: g, Content: T } = j(() => {
+    const b = At.toArray(r), _ = b.find(
       (B) => yt(B) && B.type === gs
-    ), N = j.find(
+    ), N = b.find(
       (B) => yt(B) && B.type === ys
     );
     return { Trigger: _, Content: N };
@@ -5634,12 +5634,12 @@ const Xr = Z((t, e) => {
     m.current.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="menuitem"]'
     )?.focus();
-  }, []), L = S((j) => {
+  }, []), L = S((b) => {
     if (!m.current) return;
     m.current.querySelector(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [role="menuitem"]'
-    ) === j.target && (j.preventDefault(), p.current?.focus());
-  }, []), M = b(
+    ) === b.target && (b.preventDefault(), p.current?.focus());
+  }, []), M = j(
     () => ({
       open: h,
       onOpen: v,
@@ -5677,10 +5677,10 @@ const T2 = [
   "left",
   "left-end"
 ], qr = ({ ...t }) => {
-  const { id: e, className: n, style: s } = t, { width: i = "100%", height: r = "auto", animation: o = "pulse", borderRadius: a } = t, { onClick: c } = t, u = b(() => {
+  const { id: e, className: n, style: s } = t, { width: i = "100%", height: r = "auto", animation: o = "pulse", borderRadius: a } = t, { onClick: c } = t, u = j(() => {
     const h = ["k-skeleton"];
     return n && h.push(n), o && h.push(`k-skeleton--${o}`), h.join(" ");
-  }, [n, o]), d = b(() => ({ ...s, width: i, height: r, borderRadius: a }), [s, i, r, a]);
+  }, [n, o]), d = j(() => ({ ...s, width: i, height: r, borderRadius: a }), [s, i, r, a]);
   return /* @__PURE__ */ l.jsx(
     "div",
     {
@@ -5719,20 +5719,23 @@ const Jr = wt(null), d2 = () => {
     transition: { duration: 0.12, ease: "easeInOut" }
   }
 }, Qr = Z((t, e) => {
-  const { title: n, children: s, className: i, ...r } = t, { setTitle: o } = d2(), a = b(() => {
-    const u = ["k-modal__header"];
-    return i && u.push(i), u.join(" ");
-  }, [i]), c = S(() => {
+  const { title: n, children: s, className: i, ...r } = t, { setTitle: o, onCloseAction: a } = d2(), c = j(() => {
+    const h = ["k-modal__header"];
+    return i && h.push(i), h.join(" ");
+  }, [i]), u = S(() => {
     typeof n == "string" && o(n), typeof s == "string" && o(s);
-  }, [n, s]);
+  }, [n, s]), d = j(() => /* @__PURE__ */ l.jsx(te, { icon: "close", onClick: a, size: 16, className: "k-modal__header__close" }), [a]);
   return Tt(() => {
-    c();
-  }, [n, s]), /* @__PURE__ */ l.jsx("div", { ref: e, ...r, className: a, children: n ?? s });
+    u();
+  }, [n, s]), /* @__PURE__ */ l.jsxs("div", { ref: e, ...r, className: c, children: [
+    n ?? s,
+    d
+  ] });
 }), xs = I(Qr);
 xs.displayName = "KModalHeader";
 Qr.displayName = "KModalHeader";
 const ta = Z((t, e) => {
-  const { children: n, className: s, ...i } = t, r = b(() => {
+  const { children: n, className: s, ...i } = t, r = j(() => {
     const o = ["k-modal__content"];
     return s && o.push(s), o.join(" ");
   }, [s]);
@@ -5744,7 +5747,7 @@ const ta = Z((t, e) => {
 vs.displayName = "KModalContent";
 ta.displayName = "KModalContent";
 const ea = Z((t, e) => {
-  const { children: n, className: s, align: i = "center", ...r } = t, o = b(() => {
+  const { children: n, className: s, align: i = "center", ...r } = t, o = j(() => {
     const a = ["k-modal__footer", `k-modal__footer--${i}`];
     return s && a.push(s), a.join(" ");
   }, [s]);
@@ -5769,26 +5772,27 @@ const na = (t) => {
     escClosable: p = !1,
     children: m,
     container: x
-  } = t, w = Mn(x), [v, C] = at(null), g = b(() => h2[u], [u]);
+  } = t, w = Mn(x), [v, C] = at(null), g = j(() => 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 T = j(() => ({ ...c, width: n, height: s }), [c, n, s]), k = j(() => {
     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(() => {
+  }, [f, L]), { modalHeader: b, modalContent: _, modalFooter: N } = j(() => {
     let K = null, R = null, G = null;
     return At.forEach(m, (D) => {
       yt(D) && (D.type === xs && (K = D), D.type === vs && (R = D), D.type === Cs && (G = D));
     }), { modalHeader: K, modalContent: R, modalFooter: G };
-  }, [m]), B = b(() => ({
+  }, [m]), B = j(() => ({
     isOpen: e,
     title: v,
-    setTitle: C
-  }), [e, v]);
+    setTitle: C,
+    onCloseAction: L
+  }), [e, v, L]);
   return Ui(() => {
     p && L();
   }), w ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
@@ -5804,7 +5808,7 @@ const na = (t) => {
           "aria-modal": "true",
           "aria-label": v ?? void 0,
           children: [
-            j,
+            b,
             _,
             N
           ]
@@ -5838,16 +5842,16 @@ 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]), x = b(() => {
+  } = t, f = Mn(d), p = j(() => c ? 0 : void 0, [c]), m = j(() => c ? { role: "button", "aria-label": "backdrop" } : { role: r, "aria-label": h["aria-label"] }, [c, r]), x = j(() => {
     const k = ["k-backdrop__container"];
     return n && k.push(n), k.join(" ");
-  }, [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) => {
+  }, [n]), w = j(() => ({ ...s, opacity: o, zIndex: a }), [s, o, a]), v = j(() => typeof o == "number" ? { ...Ki, animate: { opacity: o, zIndex: a } } : Ki, [o, a]), C = S((k) => {
     c?.(k);
   }, [c]), g = S((k) => {
     Mt(k, () => {
       c?.();
     }), u?.(k);
-  }, [u]), T = b(() => i ? {} : { role: "presentation" }, [i]);
+  }, [u]), T = j(() => i ? {} : { role: "presentation" }, [i]);
   return f ? Sn(
     /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs(Fe, { as: "div", isOpen: e, className: "k-backdrop", ...v, ...T, children: [
       /* @__PURE__ */ l.jsx(
@@ -5870,10 +5874,10 @@ const M2 = ["medium", "small", "large"], Ki = {
 ia.displayName = "KBackdrop";
 sa.displayName = "KBackdrop";
 const oa = Z((t, e) => {
-  const { className: n, style: s, size: i = "medium", color: r = "currentColor", ...o } = t, a = b(() => {
+  const { className: n, style: s, size: i = "medium", color: r = "currentColor", ...o } = t, a = j(() => {
     const u = ["k-spinner"];
     return n && u.push(n), typeof i == "string" && u.push(`k-spinner--${i}`), u.join(" ");
-  }, [n, i]), c = b(() => {
+  }, [n, i]), c = j(() => {
     const u = { ...s };
     return typeof i == "number" && (u.width = i, u.height = i), u;
   }, [s]);
@@ -6979,7 +6983,7 @@ const P = "currentColor", p2 = {
     color: c,
     disabled: u,
     ...d
-  } = t, h = J(null), f = `k-icon-${Yt()}`, p = b(() => a ? 0 : void 0, [a]);
+  } = t, h = J(null), f = `k-icon-${Yt()}`, p = j(() => a ? 0 : void 0, [a]);
   if (!r)
     throw Error("Error: icon is required and must be provided.");
   pt(e, () => ({
@@ -6987,13 +6991,13 @@ const P = "currentColor", p2 = {
       h.current?.click();
     }
   }));
-  const m = b(() => {
+  const m = j(() => {
     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(() => {
+  }, [s, u, o, r, a]), x = j(() => {
     const g = { ...i };
     return typeof o == "number" && (g.width = o, g.height = o, g.fontSize = o), g;
-  }, [o]), w = b(() => {
+  }, [o]), w = j(() => {
     const g = m2(r, c);
     if (!g)
       throw Error(`Not Found icon. icon: ${r}`);
@@ -7022,8 +7026,8 @@ const P = "currentColor", p2 = {
       }
     )
   );
-}), Ce = I(ra);
-Ce.displayName = "KIcon";
+}), te = I(ra);
+te.displayName = "KIcon";
 ra.displayName = "KIcon";
 const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(g2), aa = Z((t, e) => {
   const {
@@ -7041,13 +7045,13 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     disabled: p,
     onChange: m,
     ...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(() => {
+  } = t, w = j(() => 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, b] = at(null), _ = j(() => M ? -16 : 4, [M]), N = Tn(g), B = j(() => {
     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(() => {
+  }, [n, f, M, p]), K = j(() => {
     const V = ["k-select__fieldset__container__icon"];
     return v && V.push("k-select__fieldset__container__icon--open"), V.join(" ");
-  }, [v]), R = b(() => !f || f === "medium" ? "medium" : "small", [f]), G = S(() => {
+  }, [v]), R = j(() => !f || f === "medium" ? "medium" : "small", [f]), G = S(() => {
     const V = g.current?.getBoundingClientRect().width;
     L(V ? V + 2 : "auto");
   }, []), D = S(() => {
@@ -7061,9 +7065,9 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     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 b(X), !1;
     }
-    return j(null), !0;
+    return b(null), !0;
   }, [s, r]), Y = S((V) => {
     m(V), i && z(V);
   }, [m, i, z]), lt = S((V) => {
@@ -7072,7 +7076,7 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
     p || N.remove();
   }, [p]), E = S(() => {
     p || N.remove();
-  }, [p]), F = b(() => {
+  }, [p]), F = j(() => {
     const V = ["k-select__fieldset__legend"];
     return a && V.push("k-select__fieldset__legend--show"), V.join(" ");
   }, [a]);
@@ -7115,14 +7119,14 @@ const g2 = ["xsmall", "small", "medium", "large", "xlarge"], S2 = Object.values(
                 children: [
                   w && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__value", children: w }),
                   r === void 0 && d && /* @__PURE__ */ l.jsx("span", { className: "k-select__fieldset__container__placeholder", children: d }),
-                  /* @__PURE__ */ l.jsx(Ce, { className: K, icon: "keyboard_arrow_down", size: R })
+                  /* @__PURE__ */ l.jsx(te, { className: K, icon: "keyboard_arrow_down", size: R })
                 ]
               }
             )
           ] }),
           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: [
+        /* @__PURE__ */ l.jsx(Ht.Content, { className: "k-select__content", gap: _, children: /* @__PURE__ */ l.jsxs(Ut, { width: k, size: f, className: `k-select__content__menu k-select__content__menu--${f}`, children: [
           o.map((V) => /* @__PURE__ */ l.jsx(
             Ut.ItemSelectable,
             {
@@ -7165,18 +7169,18 @@ const la = Z((t, e) => {
     label: k,
     width: L,
     style: M,
-    size: j = "medium",
+    size: b = "medium",
     className: _,
     rules: N,
     validateOnChange: B,
     ...K
-  } = 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}`];
+  } = t, R = J(null), [G, D] = at(!1), [O, z] = at(!1), [Y, lt] = at(null), y = j(() => r === "password", [r]), E = j(() => r === "password" && O ? "text" : r, [r, O]), F = j(() => {
+    const $ = ["k-text-field", `k-text-field--${b}`];
     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(() => {
+  }, [_, c, u, r, Y, b, G]), V = j(() => {
     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]), nt = b(() => ({ textAlign: h }), [h]), kt = S(async ($) => {
+  }, [k]), it = j(() => ({ ...M, width: L }), [M, L]), nt = j(() => ({ textAlign: h }), [h]), kt = S(async ($) => {
     if (!N)
       return console.warn("not found rules."), !0;
     const ca = $ ?? i;
@@ -7192,7 +7196,7 @@ const la = Z((t, e) => {
     D(!0), p?.($);
   }, [p]), bt = S(($) => {
     D(!1), m?.($);
-  }, [m]), te = S(($) => {
+  }, [m]), ee = S(($) => {
     x?.($);
   }, [x]), We = S(() => {
     z(($) => !$);
@@ -7226,7 +7230,7 @@ const la = Z((t, e) => {
             onChange: jt,
             onFocus: X,
             onBlur: bt,
-            onKeyDown: te,
+            onKeyDown: ee,
             autoComplete: C,
             autoCorrect: v,
             autoCapitalize: w,
@@ -7235,7 +7239,7 @@ const la = Z((t, e) => {
           }
         ),
         y && /* @__PURE__ */ l.jsx(
-          Ce,
+          te,
           {
             icon: y ? "visibility" : "visibility_off",
             size: 18,
@@ -7262,7 +7266,7 @@ export {
   fs as KButton,
   r2 as KButtonGroup,
   Ht as KDropdown,
-  Ce as KIcon,
+  te as KIcon,
   S2 as KIconSizeList,
   M2 as KMODAL_SIZES,
   Ut as KMenu,