yuyeon 0.3.6-beta.2 → 0.3.6-beta.4

package/dist/yuyeon.js

@@ -1,11 +1,11 @@
 var wr = Object.defineProperty;
 var Sr = (e, t, n) => t in e ? wr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var be = (e, t, n) => Sr(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ie, capitalize as xr, inject as ce, computed as x, shallowRef as X, watchEffect as Ge, provide as se, ref as I, h as fe, watch as V, onScopeDispose as Ae, effectScope as Sn, toRaw as pr, toRef as ue, onBeforeUnmount as Le, reactive as Ye, onMounted as Pt, nextTick as de, resolveDynamicComponent as Cr, createVNode as d, withDirectives as Be, mergeProps as H, resolveDirective as Bt, unref as me, readonly as an, onBeforeMount as xn, Fragment as J, createTextVNode as $t, withKeys as _r, Transition as Nt, toRefs as kr, withModifiers as pn, Teleport as Tr, vShow as st, watchPostEffect as Er, defineComponent as Cn, resolveComponent as Ar, onBeforeUpdate as Dr, useTemplateRef as Or, isVNode as dt } from "vue";
+import { getCurrentInstance as ie, capitalize as xr, inject as ce, computed as x, shallowRef as X, watchEffect as Ge, provide as se, ref as Y, h as fe, watch as R, onScopeDispose as Ee, effectScope as Sn, toRaw as pr, toRef as ue, onBeforeUnmount as Le, reactive as Ye, onMounted as Pt, nextTick as de, resolveDynamicComponent as Cr, createVNode as d, withDirectives as Be, mergeProps as H, resolveDirective as Bt, unref as me, readonly as an, onBeforeMount as xn, Fragment as J, createTextVNode as $t, withKeys as _r, Transition as Nt, toRefs as kr, withModifiers as pn, Teleport as Tr, vShow as st, watchPostEffect as Dr, defineComponent as Cn, resolveComponent as Er, onBeforeUpdate as Ar, useTemplateRef as Or, isVNode as dt } from "vue";
 function mt(e, t) {
   return e ? Object.hasOwn(e, t) : !1;
 }
-function Da(e, t, n) {
+function Aa(e, t, n) {
   const a = t.length - 1;
   let i = e;
   if (a < 0) return i === void 0 ? n : i;
@@ -30,7 +30,7 @@ function Ce(e = {}, t = {}, n) {
 }
 function Z(e, t, n) {
   let a = t;
-  return e == null || !a || typeof a != "string" ? n : e[a] !== void 0 ? e[a] : (a = a.replace(/\[(\w+)\]/g, ".$1"), a = a.replace(/^\./, ""), Da(e, a.split("."), n));
+  return e == null || !a || typeof a != "string" ? n : e[a] !== void 0 ? e[a] : (a = a.replace(/\[(\w+)\]/g, ".$1"), a = a.replace(/^\./, ""), Aa(e, a.split("."), n));
 }
 function ke(e, t, n) {
   if (t == null) return e === void 0 ? n : e;
@@ -41,7 +41,7 @@ function ke(e, t, n) {
   }
   if (typeof t == "string")
     return Z(e, t, n);
-  if (Array.isArray(t)) return Da(e, t, n);
+  if (Array.isArray(t)) return Aa(e, t, n);
   if (typeof t != "function") return n;
   const a = t(e, n);
   return typeof a > "u" ? n : a;
@@ -49,7 +49,7 @@ function ke(e, t, n) {
 function Fe(e, t = 0, n = 1) {
   return Math.max(t, Math.min(n, e));
 }
-function De(e, t = 0) {
+function Ae(e, t = 0) {
   return Array.from({ length: e }, (n, a) => t + a);
 }
 function Te(e, t) {
@@ -127,7 +127,7 @@ function Pr(e) {
 function Br(e) {
   return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function F(e, t) {
+function K(e, t) {
   return (n) => Object.keys(e).reduce((a, i) => {
     const r = e[i], l = typeof r == "object" && r != null && !Array.isArray(r) ? r : { type: r };
     return n && i in n ? a[i] = {
@@ -152,7 +152,7 @@ function $r(e, t) {
 }
 const kt = Symbol.for("yuyeon.defaults");
 function Nr(e) {
-  return I(e);
+  return Y(e);
 }
 function Lr(e) {
   return Nr(e);
@@ -172,11 +172,11 @@ function Vr(e = {}, t, n = Ma()) {
     return (u = n.value) == null ? void 0 : u[t];
   }), r = X(), o = new Proxy(e, {
     get(u, m) {
-      var p, T, S, v, f, w, A;
+      var p, T, S, v, f, w, E;
       const g = Reflect.get(u, m);
       return m === "class" || m === "style" ? [(p = i.value) == null ? void 0 : p[m], g].filter(
         (b) => b != null
-      ) : typeof m == "string" && !$r(a.vnode, m) ? ((T = i.value) == null ? void 0 : T[m]) !== void 0 ? (S = i.value) == null ? void 0 : S[m] : ((f = (v = n.value) == null ? void 0 : v.global) == null ? void 0 : f[m]) !== void 0 ? (A = (w = n.value) == null ? void 0 : w.global) == null ? void 0 : A[m] : g : g;
+      ) : typeof m == "string" && !$r(a.vnode, m) ? ((T = i.value) == null ? void 0 : T[m]) !== void 0 ? (S = i.value) == null ? void 0 : S[m] : ((f = (v = n.value) == null ? void 0 : v.global) == null ? void 0 : f[m]) !== void 0 ? (E = (w = n.value) == null ? void 0 : w.global) == null ? void 0 : E[m] : g : g;
     }
   });
   Ge(() => {
@@ -197,7 +197,7 @@ function Vr(e = {}, t, n = Ma()) {
   }
   return { props: o, provideSubDefaults: l };
 }
-function R(e) {
+function F(e) {
   return e._setup = e._setup ?? e.setup, e._setup && (e.setup = function(t, n) {
     const a = Ma();
     if (!a.value) return e._setup(t, n);
@@ -241,7 +241,7 @@ function pt(e, t) {
   }
   return [];
 }
-const Rr = R({
+const Rr = F({
   name: "YApp",
   setup(e, { slots: t }) {
     return () => fe(
@@ -269,18 +269,18 @@ function _n(e, t) {
       }) : t()
     );
   }
-  V(
+  R(
     e,
     (i) => {
       i && !n ? a() : i || (n == null || n.stop(), n = void 0);
     },
     { immediate: !0 }
-  ), Ae(() => {
+  ), Ee(() => {
     n == null || n.stop();
   });
 }
 function q(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
-  const r = ie(), o = Lt(t), l = o === t ? Oa(t) : t, s = I(
+  const r = ie(), o = Lt(t), l = o === t ? Oa(t) : t, s = Y(
     e[l] !== void 0 ? e[l] : n
   );
   function c() {
@@ -294,7 +294,7 @@ function q(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
   _n(
     () => !u.value,
     () => {
-      V(
+      R(
         () => c(),
         (g) => {
           s.value = g;
@@ -317,11 +317,11 @@ function q(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
 }
 function Kt(e, t, n) {
   const a = q(e, t, e[t] ?? n.value);
-  return V(n, (i) => {
+  return R(n, (i) => {
     e[t] == null && (a.value = i);
   }), a;
 }
-const Fr = F(
+const Fr = K(
   {
     modelValue: {
       type: null,
@@ -335,7 +335,7 @@ const Fr = F(
     returnItem: Boolean
   },
   "choice"
-), jr = F(
+), jr = K(
   {
     value: null,
     disabled: Boolean,
@@ -375,7 +375,7 @@ function Kr(e, t, n = !0) {
       e.selectedClass
     ]
   );
-  return V(s, (u) => {
+  return R(s, (u) => {
     a.emit("choice:selected", { value: u });
   }), {
     id: i,
@@ -483,7 +483,7 @@ function zr(e, t) {
   }), n;
 }
 function Ur(e, t) {
-  V(
+  R(
     () => {
       var n;
       return (n = e.isActive) == null ? void 0 : n.value;
@@ -496,11 +496,11 @@ function Ur(e, t) {
     { immediate: !0 }
   );
 }
-function K(e) {
+function W(e) {
   const t = ie();
   t && (t.render = e);
 }
-const qr = F(
+const qr = K(
   {
     href: String,
     replace: Boolean,
@@ -624,7 +624,7 @@ function Qr(e) {
   }
   return "";
 }
-const el = "YSpinnerRing", Ra = /* @__PURE__ */ R({
+const el = "YSpinnerRing", Ra = /* @__PURE__ */ F({
   name: el,
   render() {
     return d("svg", {
@@ -643,7 +643,7 @@ const el = "YSpinnerRing", Ra = /* @__PURE__ */ R({
       "stroke-dashoffset": "113.097"
     }, null)]);
   }
-}), tl = Symbol.for("yuyeon.y-toggle-button"), ve = "y-button", Vt = F({
+}), tl = Symbol.for("yuyeon.y-toggle-button"), ve = "y-button", Vt = K({
   loading: Boolean,
   active: {
     type: Boolean,
@@ -681,7 +681,7 @@ const el = "YSpinnerRing", Ra = /* @__PURE__ */ R({
   },
   ...qr(),
   ...jr()
-}, "YButton"), te = /* @__PURE__ */ R({
+}, "YButton"), te = /* @__PURE__ */ F({
   name: "YButton",
   directives: {
     PlateWave: Va
@@ -740,7 +740,7 @@ const el = "YSpinnerRing", Ra = /* @__PURE__ */ R({
       var p;
       u.value || e.loading || r.isLink.value && (g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== 0 || t.target === "_blank") || (a("click", g), (p = r.navigate) == null || p.call(r, g), i == null || i.toggle());
     }
-    return K(() => {
+    return W(() => {
       const g = r.isLink.value ? "a" : "button";
       return Be(d(g, {
         type: g === "a" ? void 0 : "button",
@@ -769,7 +769,7 @@ const el = "YSpinnerRing", Ra = /* @__PURE__ */ R({
 }), nl = {
   focused: Boolean,
   "onUpdate:focused": Function
-}, al = F(nl, "focus");
+}, al = K(nl, "focus");
 function Tn(e, t) {
   const n = q(e, "focused");
   function a() {
@@ -1006,7 +1006,7 @@ function cl(e) {
     palette: { ...Ce(ta) }
   };
 }
-const Tt = Symbol.for("yuyeon.theme"), Ze = F(
+const Tt = Symbol.for("yuyeon.theme"), Ze = K(
   {
     theme: String
   },
@@ -1016,7 +1016,7 @@ function sl() {
   return window.matchMedia("(prefers-color-scheme)").media !== "not all";
 }
 function dl(e) {
-  const t = Sn(), n = Ye(cl(e)), a = I(n.scheme), i = I(n.theme), r = I(n.themes), o = I(n.palette), l = I(!0), s = I("");
+  const t = Sn(), n = Ye(cl(e)), a = Y(n.scheme), i = Y(n.theme), r = Y(n.themes), o = Y(n.palette), l = Y(!0), s = Y("");
   function c(b) {
     s.value = b.matches ? "dark" : "light";
   }
@@ -1032,9 +1032,9 @@ function dl(e) {
       ...et(":root", gt(g.value, "palette"))
     );
     for (const [h, k] of Object.entries(p.value)) {
-      const { colors: M, variables: D, isDark: P } = k, C = {
+      const { colors: M, variables: A, isDark: P } = k, C = {
         ...M,
-        ...D
+        ...A
       }, O = P ? "dark" : "light";
       a.value === "auto" ? y.push(
         ...et(
@@ -1063,7 +1063,7 @@ function dl(e) {
     let y = document.getElementById(
       `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`
     );
-    V(S, h, { immediate: !0 });
+    R(S, h, { immediate: !0 });
     function h() {
       if (typeof document < "u" && !y) {
         const k = document.createElement("style");
@@ -1077,14 +1077,14 @@ function dl(e) {
       const y = window.matchMedia("(prefers-color-scheme: dark)");
       c(y), y.addEventListener("change", c);
     }
-    V(
+    R(
       i,
       (y) => {
         const [h, k] = y;
         b.root.dataset.lightTheme = h, b.root.dataset.darkTheme = k;
       },
       { immediate: !0 }
-    ), V(
+    ), R(
       a,
       (y) => {
         b.root.setAttribute(
@@ -1100,7 +1100,7 @@ function dl(e) {
       f(b);
     });
   }
-  const A = x(() => `y-theme--${m.value}`);
+  const E = x(() => `y-theme--${m.value}`);
   return {
     install: v,
     init: w,
@@ -1115,7 +1115,7 @@ function dl(e) {
       theme: i,
       currentThemeKey: m,
       currentThemeColors: T,
-      themeClasses: A,
+      themeClasses: E,
       computedThemes: p,
       computedPalette: g,
       supportedAutoMode: an(l),
@@ -1157,7 +1157,7 @@ function gc() {
   if (!e) throw new Error('【yuyeon】 Not found provided "ThemeModule"');
   return e;
 }
-const Fa = Symbol.for("yuyeon.form"), fl = F(
+const Fa = Symbol.for("yuyeon.form"), fl = K(
   {
     readonly: Boolean,
     disabled: Boolean,
@@ -1174,7 +1174,7 @@ const Fa = Symbol.for("yuyeon.form"), fl = F(
   "form"
 );
 function vl(e) {
-  const t = q(e), n = X(!1), a = I([]), i = I([]), r = x(() => e.readonly), o = x(() => e.disabled), l = x(() => e.loading);
+  const t = q(e), n = X(!1), a = Y([]), i = Y([]), r = x(() => e.readonly), o = x(() => e.disabled), l = x(() => e.loading);
   async function s() {
     var S;
     const p = [];
@@ -1234,7 +1234,7 @@ function vl(e) {
 function yl() {
   return ce(Fa, null);
 }
-const ml = F(
+const ml = K(
   {
     readonly: Boolean,
     disabled: Boolean,
@@ -1260,7 +1260,7 @@ const ml = F(
 function hl(e, t, n = Xe()) {
   const a = x(() => e.name ?? n), i = q(e, "modelValue"), r = x(
     () => e.validationValue === void 0 ? i.value : e.validationValue
-  ), o = ie(), l = yl(), s = I(!1), c = x(() => {
+  ), o = ie(), l = yl(), s = Y(!1), c = x(() => {
     let b = e.validateOn || "input";
     b === "lazy" && (b = "input,lazy");
     const y = new Set((b == null ? void 0 : b.split(",")) ?? []);
@@ -1270,15 +1270,15 @@ function hl(e, t, n = Xe()) {
       lazy: y.has("lazy"),
       submit: y.has("submit")
     };
-  }), u = I(), m = I([]), g = x(() => e.readonly || (l == null ? void 0 : l.isReadonly.value)), p = x(() => e.disabled || (l == null ? void 0 : l.isDisabled.value)), T = x(() => e.loading || (l == null ? void 0 : l.isLoading.value)), S = x(() => e.status === "error" || m.value.length > 0), v = x(() => !S.value && e.status === "success");
+  }), u = Y(), m = Y([]), g = x(() => e.readonly || (l == null ? void 0 : l.isReadonly.value)), p = x(() => e.disabled || (l == null ? void 0 : l.isDisabled.value)), T = x(() => e.loading || (l == null ? void 0 : l.isLoading.value)), S = x(() => e.status === "error" || m.value.length > 0), v = x(() => !S.value && e.status === "success");
   _n(
     () => c.value.input,
     () => {
-      V(r, () => {
+      R(r, () => {
         if (r.value != null)
           f();
         else if (e.focused) {
-          const b = V(
+          const b = R(
             () => e.focused,
             (y) => {
               y || f(), b();
@@ -1308,7 +1308,7 @@ function hl(e, t, n = Xe()) {
   function w() {
     m.value = [], u.value = void 0;
   }
-  async function A() {
+  async function E() {
     c.value.lazy ? w() : await f();
   }
   return Le(() => {
@@ -1318,7 +1318,7 @@ function hl(e, t, n = Xe()) {
     l == null || l.register({
       id: a.value,
       vnode: o.vnode,
-      resetValidation: A,
+      resetValidation: E,
       validate: f
     });
   }), {
@@ -1373,7 +1373,7 @@ function z(e, t = "px") {
   const n = Number(e);
   return typeof e == "string" && isNaN(n) ? e : isFinite(n) ? `${n}${t}` : void 0;
 }
-const we = "y-input", ft = F({
+const we = "y-input", ft = K({
   name: String,
   width: {
     type: [String, Number]
@@ -1411,7 +1411,7 @@ const we = "y-input", ft = F({
   ...ml(),
   ...al(),
   extended: Object
-}, "YInput"), $e = /* @__PURE__ */ R({
+}, "YInput"), $e = /* @__PURE__ */ F({
   name: "YInput",
   props: {
     ...Ze(),
@@ -1441,10 +1441,10 @@ const we = "y-input", ft = F({
       isError: v,
       isSuccess: f,
       errors: w,
-      errorResult: A
-    } = hl(e, we, r), b = I(), y = I(), h = I();
-    I();
-    const k = X(!1), M = x(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), D = x(() => e.floated || !!e.placeholder || !e.placeholder && l.value || !!h.value), P = x(() => ({
+      errorResult: E
+    } = hl(e, we, r), b = Y(), y = Y(), h = Y();
+    Y();
+    const k = X(!1), M = x(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), A = x(() => e.floated || !!e.placeholder || !e.placeholder && l.value || !!h.value), P = x(() => ({
       // Style
       [o.value]: !0,
       "y-input--ceramic": !!e.ceramic,
@@ -1462,15 +1462,15 @@ const we = "y-input", ft = F({
       width: z(e.width),
       height: z(e.height)
     }));
-    V(() => e.modelValue, ($) => {
+    R(() => e.modelValue, ($) => {
       h.value = $;
-    }), V(() => e.readonly, ($) => {
+    }), R(() => e.readonly, ($) => {
       $ || (h.value = e.modelValue);
-    }), V(h, ($) => {
+    }), R(h, ($) => {
       !g.value && !p.value && i("update:modelValue", $);
-    }), V(v, ($) => {
+    }), R(v, ($) => {
       i("error", $, w.value);
-    }), V(() => e.focused, ($) => {
+    }), R(() => e.focused, ($) => {
       $ || T();
     });
     function O($) {
@@ -1479,28 +1479,28 @@ const we = "y-input", ft = F({
     function _($) {
       k.value = !0, i("mousedown:display", $);
     }
-    function E($) {
+    function D($) {
       k.value = !1, i("mouseup:display", $);
     }
     function B($) {
       i("keydown:display", $);
     }
-    function Y($) {
+    function L($) {
       c(), i("focus", $);
     }
-    function N($) {
+    function I($) {
       u(), T(), i("blur", $);
     }
-    function j($) {
+    function V($) {
       i("click:leading", $);
     }
-    function L() {
+    function N() {
       if (e.label || t.label)
         return d("label", {
           class: [{
             [`${we}__label`]: !0,
             "y-input__floating-label": e.floating,
-            "y-input__floating-label--floated": e.floating && D.value
+            "y-input__floating-label--floated": e.floating && A.value
           }],
           for: `y-input--${r}`
         }, [t.label ? t.label() : e.label ? d(J, null, [e.label, e.required && d("span", {
@@ -1509,12 +1509,12 @@ const we = "y-input", ft = F({
     }
     return a({
       ...e.extended ?? {},
-      createLabel: L,
+      createLabel: N,
       invokeValidators: T,
       validate: T,
       resetError: S
-    }), K(() => {
-      var $, W;
+    }), W(() => {
+      var $, j;
       return d("div", {
         class: [`${we}`, {
           ...P.value
@@ -1524,7 +1524,7 @@ const we = "y-input", ft = F({
       }, [t.prepend()]), d("div", {
         ref: b,
         class: [`${we}__stack`]
-      }, [!e.floating && L(), t["leading-out"] && t["leading-out"](), d("div", {
+      }, [!e.floating && N(), t["leading-out"] && t["leading-out"](), d("div", {
         ref: y,
         class: `${we}__display`,
         style: [{
@@ -1533,13 +1533,13 @@ const we = "y-input", ft = F({
         "data-base-parent": !0,
         onClick: O,
         onMousedown: _,
-        onMouseup: E,
+        onMouseup: D,
         onKeydown: B
       }, [d("div", {
         class: `${we}__plate`
       }, null), t.leading && d("div", {
         class: "y-input__leading",
-        onClick: j
+        onClick: V
       }, [t.leading({
         error: v.value
       })]), t.default ? t.default({
@@ -1551,15 +1551,15 @@ const we = "y-input", ft = F({
         class: `${we}__value`,
         "data-id": `y-input--${r}`,
         tabindex: 0,
-        onFocus: Y,
-        onBlur: N
-      }, [e.floating && L(), ($ = e.modelValue) == null ? void 0 : $.toString()]), (W = t.trailing) == null ? void 0 : W.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
+        onFocus: L,
+        onBlur: I
+      }, [e.floating && N(), ($ = e.modelValue) == null ? void 0 : $.toString()]), (j = t.trailing) == null ? void 0 : j.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
         class: `${we}__helper-text`
       }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
         error: v.value,
         errors: w.value,
-        errorResult: A.value
-      })]) : e.helperText ?? A.value])]), t.append && d("div", {
+        errorResult: E.value
+      })]) : e.helperText ?? E.value])]), t.append && d("div", {
         class: `${we}__append`
       }, [t.append()])]);
     }), {
@@ -1569,11 +1569,11 @@ const we = "y-input", ft = F({
       focusedClasses: s,
       whenFocus: c,
       whenBlur: u,
-      createLabel: L,
+      createLabel: N,
       invokeValidators: T
     };
   }
-}), En = /* @__PURE__ */ R({
+}), Dn = /* @__PURE__ */ F({
   name: "YIconClear",
   setup() {
     return () => d("svg", {
@@ -1586,7 +1586,7 @@ const we = "y-input", ft = F({
       "stroke-miterlimit": "10"
     }, null)]);
   }
-}), bt = "y-field-input", An = F({
+}), bt = "y-field-input", En = K({
   enableClear: Boolean,
   inputAlign: String,
   inlineLabel: Boolean,
@@ -1604,10 +1604,10 @@ const we = "y-input", ft = F({
   ...ft({
     variation: "filled"
   })
-}, "YFieldInput"), Et = /* @__PURE__ */ R({
+}, "YFieldInput"), Dt = /* @__PURE__ */ F({
   name: "YFieldInput",
   props: {
-    ...An()
+    ...En()
   },
   emits: ["update:modelValue", "update:focused", "input", "change", "click", "mousedown", "mouseup", "keydown", "keyup", "focus", "blur", "mousedown:display", "keydown:display", "click:clear"],
   slots: Object,
@@ -1617,11 +1617,11 @@ const we = "y-input", ft = F({
     emit: a,
     slots: i
   }) {
-    const r = I(), o = I(), {
+    const r = Y(), o = Y(), {
       focused: l,
       whenFocus: s,
       whenBlur: c
-    } = Tn(e, "y-field-input"), u = I(""), m = I(""), g = ue(e, "type"), p = x(() => ({
+    } = Tn(e, "y-field-input"), u = Y(""), m = Y(""), g = ue(e, "type"), p = x(() => ({
       [bt]: !0,
       [`${bt}--inline-label`]: !!e.inlineLabel
     }));
@@ -1636,23 +1636,23 @@ const we = "y-input", ft = F({
     }
     function f(_) {
       a("input", _);
-      const E = _.target;
-      u.value = E == null ? void 0 : E.value, m.value = E == null ? void 0 : E.value;
+      const D = _.target;
+      u.value = D == null ? void 0 : D.value, m.value = D == null ? void 0 : D.value;
     }
     function w(_) {
       a("change", u.value);
     }
-    function A(_) {
+    function E(_) {
       a("keydown", _);
     }
     function b(_) {
       a("keyup", _);
     }
     function y(_) {
-      a("click:clear", _), D();
+      a("click:clear", _), A();
     }
     function h(_) {
-      (_.code === "Space" || _.code === "Enter") && D();
+      (_.code === "Space" || _.code === "Enter") && A();
     }
     function k() {
       var _;
@@ -1662,25 +1662,25 @@ const we = "y-input", ft = F({
       var _;
       (_ = o.value) == null || _.select();
     }
-    function D() {
+    function A() {
       u.value = "", m.value = "", a("update:modelValue", u.value), a("change", u.value);
     }
     function P() {
       const _ = ie(), {
-        displayText: E
+        displayText: D
       } = e;
-      if (E !== void 0) {
+      if (D !== void 0) {
         let B = u.value;
-        typeof E == "string" && (B = E), E && typeof E == "function" && (B = E.call(_, B)), de(() => {
+        typeof D == "string" && (B = D), D && typeof D == "function" && (B = D.call(_, B)), de(() => {
           m.value = B;
         });
       }
     }
-    V(() => e.modelValue, (_) => {
+    R(() => e.modelValue, (_) => {
       u.value = _, m.value = _;
     }, {
       immediate: !0
-    }), V(u, (_) => {
+    }), R(u, (_) => {
       l.value ? m.value = _ : P();
     }, {
       immediate: !0
@@ -1688,7 +1688,7 @@ const we = "y-input", ft = F({
     const C = {
       focus: k,
       select: M,
-      clear: D
+      clear: A
     };
     n({
       ...C,
@@ -1705,7 +1705,7 @@ const we = "y-input", ft = F({
     function O(_) {
       a("update:modelValue", _);
     }
-    return K(() => d($e, H({
+    return W(() => d($e, H({
       class: p.value,
       ref: r
     }, ee(e, $e.props), {
@@ -1719,21 +1719,21 @@ const we = "y-input", ft = F({
       style: [t.style]
     }), {
       leading: i.leading ? (_) => {
-        var Y;
-        const E = [], B = (Y = i.leading) == null ? void 0 : Y.call(i, _);
+        var L;
+        const D = [], B = (L = i.leading) == null ? void 0 : L.call(i, _);
         if (B)
-          E.push(B);
+          D.push(B);
         else
           return;
-        return E;
+        return D;
       } : void 0,
       default: (_) => {
-        var E, B, Y;
+        var D, B, L;
         return d("div", {
           class: [`${bt}__field`],
           "data-id": _.attrId,
           ref: "field"
-        }, [e.floating ? (B = (E = r.value) == null ? void 0 : E.createLabel) == null ? void 0 : B.call(E) : void 0, (Y = i.default) == null ? void 0 : Y.call(i, {
+        }, [e.floating ? (B = (D = r.value) == null ? void 0 : D.createLabel) == null ? void 0 : B.call(D) : void 0, (L = i.default) == null ? void 0 : L.call(i, {
           ..._,
           focused: l.value
         }), d("input", {
@@ -1758,7 +1758,7 @@ const we = "y-input", ft = F({
           onFocus: S,
           onBlur: v,
           onChange: w,
-          onKeydown: A,
+          onKeydown: E,
           onKeyup: b
         }, null)]);
       },
@@ -1771,7 +1771,7 @@ const we = "y-input", ft = F({
         onClick: y,
         onKeydown: h,
         tabindex: 2
-      }, [d(En, null, null)])]), i.trailing && d("div", {
+      }, [d(Dn, null, null)])]), i.trailing && d("div", {
         class: ["y-input__trailing"]
       }, [i.trailing()])]) : void 0,
       label: i.label ? () => {
@@ -1795,21 +1795,21 @@ const we = "y-input", ft = F({
         return (_ = i["trailing-out"]) == null ? void 0 : _.call(i);
       } : void 0,
       "helper-text": i["helper-text"] ? (_) => {
-        var E;
-        return (E = i["helper-text"]) == null ? void 0 : E.call(i, _);
+        var D;
+        return (D = i["helper-text"]) == null ? void 0 : D.call(i, _);
       } : void 0
     })), {
       focused: l,
       inValue: u
     };
   }
-}), ja = F({
+}), ja = K({
   displayText: [String, Function],
   whenInputValid: [Boolean, Number],
   ...ft({
     variation: "filled"
   })
-}, "YTextarea"), ia = "y-textarea", bl = /* @__PURE__ */ R({
+}, "YTextarea"), ia = "y-textarea", bl = /* @__PURE__ */ F({
   name: "YTextarea",
   props: ja(),
   emits: {
@@ -1831,7 +1831,7 @@ const we = "y-input", ft = F({
     slots: a,
     expose: i
   }) {
-    const r = Xe(), o = I(), l = I(), s = I(""), c = I(""), {
+    const r = Xe(), o = Y(), l = Y(), s = Y(""), c = Y(""), {
       focused: u,
       whenFocus: m,
       whenBlur: g
@@ -1864,7 +1864,7 @@ const we = "y-input", ft = F({
     function w(h) {
       g(), n("blur", h), T();
     }
-    function A(h) {
+    function E(h) {
       n("keydown", h);
     }
     function b(h) {
@@ -1873,11 +1873,11 @@ const we = "y-input", ft = F({
     function y(h) {
       n("click", h);
     }
-    return V(() => e.modelValue, (h) => {
+    return R(() => e.modelValue, (h) => {
       s.value = h, c.value = h;
     }, {
       immediate: !0
-    }), V(s, (h) => {
+    }), R(s, (h) => {
       u.value ? c.value = h : T();
     }), i({
       el$: o,
@@ -1886,7 +1886,7 @@ const we = "y-input", ft = F({
         var h;
         return (h = o.value) == null ? void 0 : h.invokeValidators();
       }
-    }), K(() => {
+    }), W(() => {
       const h = ee(e, $e.props);
       return d($e, H({
         class: [ia]
@@ -1898,12 +1898,12 @@ const we = "y-input", ft = F({
         "onMousedown:display": (k) => n("mousedown:display", k)
       }), {
         default: (k) => {
-          var M, D;
+          var M, A;
           return d("div", {
             class: [`${ia}__field`],
             "data-id": k.attrId,
             ref: "field"
-          }, [e.floating ? (D = (M = o.value) == null ? void 0 : M.createLabel) == null ? void 0 : D.call(M) : void 0, a.default ? () => a.default(k) : void 0, d("textarea", H({
+          }, [e.floating ? (A = (M = o.value) == null ? void 0 : M.createLabel) == null ? void 0 : A.call(M) : void 0, a.default ? () => a.default(k) : void 0, d("textarea", H({
             ref: l,
             value: c.value,
             id: `y-input--${r}`,
@@ -1916,7 +1916,7 @@ const we = "y-input", ft = F({
             onFocus: f,
             onBlur: w,
             onChange: v,
-            onKeydown: A,
+            onKeydown: E,
             onKeyup: b
           }), null)]);
         },
@@ -1934,7 +1934,7 @@ const we = "y-input", ft = F({
       input$: l
     };
   }
-}), wl = "y-form", Sl = /* @__PURE__ */ R({
+}), wl = "y-form", Sl = /* @__PURE__ */ F({
   name: "YForm",
   props: {
     ...fl()
@@ -1949,7 +1949,7 @@ const we = "y-input", ft = F({
     slots: n,
     expose: a
   }) {
-    const i = vl(e), r = I();
+    const i = vl(e), r = Y();
     function o(s) {
       const c = i.validate(), u = Yr(s, c);
       t("submit", u), u.defaultPrevented || c.then(({
@@ -1964,7 +1964,7 @@ const we = "y-input", ft = F({
     }
     a({
       ...i
-    }), K(() => {
+    }), W(() => {
       var s;
       return d("form", {
         ref: r,
@@ -2024,7 +2024,7 @@ function Ka(e, t, n) {
   };
 }
 function pl(e) {
-  const t = X((e == null ? void 0 : e.locale) ?? "en"), n = X((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = I({
+  const t = X((e == null ? void 0 : e.locale) ?? "en"), n = X((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = Y({
     en: xl,
     ...e == null ? void 0 : e.messages
   }), i = Ka(t, n, a);
@@ -2123,7 +2123,7 @@ const _l = {
   zhHant: !1
 }, Wa = Symbol.for("yuyeon.i18n");
 function Tl(e, t) {
-  const n = I(
+  const n = Y(
     (t == null ? void 0 : t.rtlOptions) ?? kl
   ), a = x(() => n.value[e.locale.value] ?? !1), i = x(() => `y-i18n--${a.value ? "rtl" : "ltr"}`);
   return {
@@ -2132,7 +2132,7 @@ function Tl(e, t) {
     rtlClasses: i
   };
 }
-function El(e) {
+function Dl(e) {
   const t = Cl(e), n = Tl(t, e);
   return {
     localeModule: t,
@@ -2151,7 +2151,7 @@ function Ha(e, t) {
       formats: e.formats
     }) : e.adapter
   );
-  return V(t.locale, (a) => {
+  return R(t.locale, (a) => {
     n.locale = e.locale[a] ?? a ?? n.locale;
   }), n;
 }
@@ -2305,7 +2305,7 @@ const zt = {
   YE: 0,
   ZA: 0,
   ZW: 0
-}, Al = 1e3 * 60 * 60 * 24, Dl = /^([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))$/, wt = new Date(1970, 0, 4);
+}, El = 1e3 * 60 * 60 * 24, Al = /^([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))$/, wt = new Date(1970, 0, 4);
 class U {
   static date(t) {
     if (t == null) return /* @__PURE__ */ new Date();
@@ -2313,7 +2313,7 @@ class U {
       return t;
     let n;
     if (typeof t == "string") {
-      if (Dl.test(t))
+      if (Al.test(t))
         return U.parseLocalDate(t);
       if (n = Date.parse(t), !isNaN(n))
         return new Date(n);
@@ -2484,7 +2484,7 @@ class U {
   }
   static getDiff(t, n, a) {
     const i = new Date(t), r = new Date(n);
-    return a === "month" ? i.getMonth() - r.getMonth() + (i.getFullYear() - r.getFullYear()) * 12 : Math.floor(i.getTime() - r.getTime()) / Al;
+    return a === "month" ? i.getMonth() - r.getMonth() + (i.getFullYear() - r.getFullYear()) * 12 : Math.floor(i.getTime() - r.getTime()) / El;
   }
   static setMonth(t, n) {
     const a = new Date(t);
@@ -2644,14 +2644,14 @@ const oa = typeof window < "u", Ua = {
   canUseResizeObserver: oa && "ResizeObserver" in window
 };
 function Ne(e) {
-  const t = I(), n = I();
+  const t = Y(), n = Y();
   if (Ua.canUseResizeObserver) {
     const a = new ResizeObserver((i, r) => {
       e == null || e(i, r), i.length && (n.value = i[0].contentRect);
     });
     Le(() => {
       a.disconnect();
-    }), V(
+    }), R(
       t,
       (i, r) => {
         r && (a.unobserve(ln(r)), n.value = void 0), i && a.observe(ln(i));
@@ -2665,10 +2665,10 @@ function Ne(e) {
   };
 }
 function Pl(e, t) {
-  const n = I(!1), a = I();
+  const n = Y(!1), a = Y();
   a.value = t.value;
   const i = x(() => e.value ? t.value : a.value);
-  V(t, () => {
+  R(t, () => {
     n.value || (a.value = t.value), e.value || (n.value = !0);
   });
   function r() {
@@ -2683,7 +2683,7 @@ function Pl(e, t) {
 function Bl(e, t, n) {
   const { tickDuration: a } = {};
   let i = a ?? 100, r = -1;
-  const o = I(0), l = I(me(t)), s = I(!1);
+  const o = Y(0), l = Y(me(t)), s = Y(!1);
   function c() {
     const p = Date.now(), T = p - o.value;
     let S = i;
@@ -2736,7 +2736,7 @@ function $l(e, t) {
     startCloseDelay: r("closeDelay")
   };
 }
-const yt = F(
+const yt = K(
   {
     transition: {
       type: [String, Object],
@@ -2765,14 +2765,14 @@ function Ga(e) {
     const { modelValue: a, value: i } = e, r = Number(a ?? i);
     return Number.isNaN(r) || r < 0 ? 0 : r > 100 ? 100 : r;
   });
-  return V(n, (a, i) => {
+  return R(n, (a, i) => {
     t.value = a - i;
   }), {
     numValue: n,
     delta: t
   };
 }
-const Xa = /* @__PURE__ */ R({
+const Xa = /* @__PURE__ */ F({
   name: "YProgressBar",
   props: {
     modelValue: {
@@ -2831,7 +2831,7 @@ const Xa = /* @__PURE__ */ R({
         minWidth: l
       };
     });
-    return K(() => d("div", {
+    return W(() => d("div", {
       class: {
         "y-progress y-progress-bar": !0,
         ...i.value
@@ -2910,7 +2910,7 @@ function sa(e) {
 function da(e) {
   return cn(Za, e.side) ? "y" : "x";
 }
-function Dn(e, t = 0, n = {
+function An(e, t = 0, n = {
   leading: !1,
   trailing: !0
 }) {
@@ -2926,8 +2926,8 @@ function Dn(e, t = 0, n = {
     return c = h, l = window.setTimeout(f, t), u ? p(h) : o;
   }
   function S(h) {
-    var k = h - (s ?? 0), M = h - (c ?? 0), D = t - k;
-    return m ? Math.min(D, (r ?? 0) - M) : D;
+    var k = h - (s ?? 0), M = h - (c ?? 0), A = t - k;
+    return m ? Math.min(A, (r ?? 0) - M) : A;
   }
   function v(h) {
     var k = h - (s ?? 0), M = h - (c ?? 0);
@@ -2942,7 +2942,7 @@ function Dn(e, t = 0, n = {
   function w(h) {
     return l = void 0, g && a ? p(h) : (a = i = void 0, o);
   }
-  function A() {
+  function E() {
     l !== void 0 && clearTimeout(l), c = 0, a = s = i = l = void 0;
   }
   function b() {
@@ -2958,7 +2958,7 @@ function Dn(e, t = 0, n = {
     }
     return l === void 0 && (l = window.setTimeout(f, t)), o;
   }
-  return y.cancel = A, y.flush = b, y;
+  return y.cancel = E, y.flush = b, y;
 }
 function On(e) {
   const t = e.getRootNode();
@@ -3044,7 +3044,7 @@ function Fl(e, t) {
   }
   return document.scrollingElement;
 }
-function At(e, t, n) {
+function Et(e, t, n) {
   const a = [];
   if (t && e && !t.contains(e)) return a;
   for (; e && (Mn(e) && a.push(e), e !== t); )
@@ -3057,7 +3057,7 @@ function Mn(e, t) {
   const n = window.getComputedStyle(e);
   return n.overflowY === "scroll" || n.overflowY === "auto" && e.clientHeight < e.scrollHeight;
 }
-const jl = /* @__PURE__ */ R({
+const jl = /* @__PURE__ */ F({
   name: "YProgressRing",
   props: {
     modelValue: {
@@ -3114,7 +3114,7 @@ const jl = /* @__PURE__ */ R({
         "y-progress-ring--hole": !!o.value
       };
     });
-    return K(() => d("div", {
+    return W(() => d("div", {
       class: {
         "y-progress y-progress-ring": !0,
         ...s.value
@@ -3153,7 +3153,7 @@ const jl = /* @__PURE__ */ R({
       delta: i
     };
   }
-}), Ft = R({
+}), Ft = F({
   name: "YCard",
   props: {
     outline: {
@@ -3163,7 +3163,7 @@ const jl = /* @__PURE__ */ R({
   },
   setup(e, { slots: t }) {
     const { themeClasses: n } = Je(e);
-    K(
+    W(
       () => {
         var a;
         return fe(
@@ -3180,19 +3180,19 @@ const jl = /* @__PURE__ */ R({
       }
     );
   }
-}), Kl = R({
+}), Kl = F({
   name: "YCardBody",
   render() {
     var e, t;
     return fe("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), Wl = R({
+}), Wl = F({
   name: "YCardFooter",
   render() {
     var e, t;
     return fe("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), Hl = R({
+}), Hl = F({
   name: "YCardHeader",
   render() {
     var e, t;
@@ -3204,7 +3204,7 @@ const jl = /* @__PURE__ */ R({
   backgroundOpacity: {
     type: Number
   }
-}, zl = F(Ja, "style-color");
+}, zl = K(Ja, "style-color");
 function Qa(e, t) {
   return {
     colorVars: x(() => {
@@ -3216,10 +3216,10 @@ function Qa(e, t) {
     })
   };
 }
-const ei = F({
+const ei = K({
   ...Ja,
   small: Boolean
-}, "YChip"), Ul = /* @__PURE__ */ R({
+}, "YChip"), Ul = /* @__PURE__ */ F({
   name: "YChip",
   props: {
     ...ei()
@@ -3231,7 +3231,7 @@ const ei = F({
     const a = x(() => rn(e, "click")), {
       colorVars: i
     } = Qa(e, "chip");
-    return K(() => {
+    return W(() => {
       var r;
       return d("span", {
         class: ["y-chip", {
@@ -3244,7 +3244,7 @@ const ei = F({
       }, [(r = t.default) == null ? void 0 : r.call(t)])]);
     }), {};
   }
-}), ti = F({
+}), ti = K({
   modelValue: {
     type: [Boolean, Array],
     default: !1
@@ -3278,7 +3278,7 @@ const ei = F({
     type: String,
     default: "OFF"
   }
-}, "YSwitch"), ql = /* @__PURE__ */ R({
+}, "YSwitch"), ql = /* @__PURE__ */ F({
   name: "YSwitch",
   props: {
     ...ti()
@@ -3288,14 +3288,14 @@ const ei = F({
     emit: t,
     slots: n
   }) {
-    const i = `input-${(Xe() ?? "").toString()}`, r = I(), o = q(e), l = I(!1), s = I(!1), c = x(() => Array.isArray(o.value)), u = x(() => c.value ? o.value.findIndex((b) => b === e.value) : -1), m = x(() => ({
+    const i = `input-${(Xe() ?? "").toString()}`, r = Y(), o = q(e), l = Y(!1), s = Y(!1), c = x(() => Array.isArray(o.value)), u = x(() => c.value ? o.value.findIndex((b) => b === e.value) : -1), m = x(() => ({
       "y-switch--active": l.value,
       "y-switch--focused": s.value,
       "y-switch--disabled": !!e.disabled,
       "y-switch--loading": !!e.loading,
       "y-switch--stick-out": !!e.stickOut
     }));
-    V(o, () => {
+    R(o, () => {
       g();
     }, {
       immediate: !0
@@ -3335,10 +3335,10 @@ const ei = F({
     function w(b, y) {
       l.value = b, c.value ? p(b) : (o.value = b, t("change", b));
     }
-    function A(b) {
+    function E(b) {
       t("keydown", b);
     }
-    K(() => {
+    W(() => {
       var y;
       const b = {
         backgroundColor: e.color
@@ -3353,7 +3353,7 @@ const ei = F({
       }, [d("div", {
         class: "y-switch__input",
         onClick: pn(f, ["exact"]),
-        onKeydown: A
+        onKeydown: E
       }, [d("input", {
         ref: r,
         id: i,
@@ -3423,7 +3423,7 @@ function va(e, t) {
   );
 }
 function Zl(e, t, n, a) {
-  const { contentEl: i, base: r, active: o } = t, l = I(!1), s = I([!1, !1]), [c, u, m, g] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((y) => x(() => {
+  const { contentEl: i, base: r, active: o } = t, l = Y(!1), s = Y([!1, !1]), [c, u, m, g] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((y) => x(() => {
     const h = parseFloat(e[y]);
     return isNaN(h) ? 1 / 0 : h;
   })), { preferredAnchor: p, preferredOrigin: T } = Rl(() => {
@@ -3456,16 +3456,16 @@ function Zl(e, t, n, a) {
   const w = new ResizeObserver(() => {
     f && b();
   });
-  V(
+  R(
     [t.base, t.contentEl],
     ([y, h], [k, M]) => {
       k && !Array.isArray(k) && k.nodeType === 1 && w.unobserve(k), y && !Array.isArray(y) && y.nodeType === 1 && w.observe(y), M && w.unobserve(M), h && w.observe(h);
     },
     { immediate: !0 }
-  ), Ae(() => {
+  ), Ee(() => {
     w.disconnect();
   });
-  function A(y) {
+  function E(y) {
     const h = gl(y);
     return h.x -= parseFloat(y.style.left || "0"), h.y -= parseFloat(y.style.top || "0"), h;
   }
@@ -3482,21 +3482,21 @@ function Zl(e, t, n, a) {
       y: (y == null ? void 0 : y[1]) ?? 0,
       width: 0,
       height: 0
-    }) : y.getBoundingClientRect(), M = A(h), D = At(h);
-    D.length < 1 && D.push(document.documentElement);
-    const P = D.reduce(
-      (L, $) => {
-        const W = $.getBoundingClientRect(), G = new tt({
-          x: $ === document.documentElement ? 0 : W.x,
-          y: $ === document.documentElement ? 0 : W.y,
+    }) : y.getBoundingClientRect(), M = E(h), A = Et(h);
+    A.length < 1 && A.push(document.documentElement);
+    const P = A.reduce(
+      (N, $) => {
+        const j = $.getBoundingClientRect(), G = new tt({
+          x: $ === document.documentElement ? 0 : j.x,
+          y: $ === document.documentElement ? 0 : j.y,
           width: $.clientWidth,
           height: $.clientHeight
         });
-        return L ? new tt({
-          x: Math.max(L.left, G.left),
-          y: Math.max(L.top, G.top),
-          width: Math.min(L.right, G.right) - Math.max(L.left, G.left),
-          height: Math.min(L.bottom, G.bottom) - Math.max(L.top, G.top)
+        return N ? new tt({
+          x: Math.max(N.left, G.left),
+          y: Math.max(N.top, G.top),
+          width: Math.min(N.right, G.right) - Math.max(N.left, G.left),
+          height: Math.min(N.bottom, G.bottom) - Math.max(N.top, G.top)
         }) : G;
       },
       void 0
@@ -3506,10 +3506,10 @@ function Zl(e, t, n, a) {
       anchor: p.value,
       origin: T.value
     };
-    function O(L) {
-      const $ = new tt(M), W = va(L.anchor, k), G = va(L.origin, $);
-      let { x: ne, y: ae } = Xl(W, G);
-      switch (L.anchor.side) {
+    function O(N) {
+      const $ = new tt(M), j = va(N.anchor, k), G = va(N.origin, $);
+      let { x: ne, y: ae } = Xl(j, G);
+      switch (N.anchor.side) {
         case "top":
           ae -= S.value[0];
           break;
@@ -3523,7 +3523,7 @@ function Zl(e, t, n, a) {
           ne += S.value[0];
           break;
       }
-      switch (L.anchor.align) {
+      switch (N.anchor.align) {
         case "top":
           ae -= S.value[1];
           break;
@@ -3537,47 +3537,47 @@ function Zl(e, t, n, a) {
           ne += S.value[1];
           break;
         case "center": {
-          L.anchor.side === "top" || L.anchor.side === "bottom" ? ne += S.value[1] : ae += S.value[1];
+          N.anchor.side === "top" || N.anchor.side === "bottom" ? ne += S.value[1] : ae += S.value[1];
           break;
         }
       }
       return $.x += ne, $.y += ae, $.width = Math.min($.width, m.value), $.height = Math.min($.height, g.value), { overflows: fa($, P), x: ne, y: ae };
     }
-    let _ = 0, E = 0;
-    const B = { x: 0, y: 0 }, Y = { x: !1, y: !1 };
-    let N = -1;
-    for (; !(N++ > 10); ) {
-      const { x: L, y: $, overflows: W } = O(C);
-      _ += L, E += $, M.x += L, M.y += $;
+    let _ = 0, D = 0;
+    const B = { x: 0, y: 0 }, L = { x: !1, y: !1 };
+    let I = -1;
+    for (; !(I++ > 10); ) {
+      const { x: N, y: $, overflows: j } = O(C);
+      _ += N, D += $, M.x += N, M.y += $;
       {
-        const G = da(C.anchor), ne = W.x.before || W.x.after, ae = W.y.before || W.y.after;
+        const G = da(C.anchor), ne = j.x.before || j.x.after, ae = j.y.before || j.y.after;
         let re = !1;
         if (["x", "y"].forEach((oe) => {
-          if (oe === "x" && ne && !Y.x || oe === "y" && ae && !Y.y) {
+          if (oe === "x" && ne && !L.x || oe === "y" && ae && !L.y) {
             const Q = {
               anchor: { ...C.anchor },
               origin: { ...C.origin }
             }, xe = oe === "x" ? G === "y" ? qt : Ut : G === "y" ? Ut : qt;
             Q.anchor = xe(Q.anchor), Q.origin = xe(Q.origin);
             const { overflows: ge } = O(Q);
-            (ge[oe].before <= W[oe].before && ge[oe].after <= W[oe].after || ge[oe].before + ge[oe].after < (W[oe].before + W[oe].after) / 2) && (C = Q, re = Y[oe] = !0);
+            (ge[oe].before <= j[oe].before && ge[oe].after <= j[oe].after || ge[oe].before + ge[oe].after < (j[oe].before + j[oe].after) / 2) && (C = Q, re = L[oe] = !0);
           }
         }), re) continue;
       }
-      W.x.before && (_ += W.x.before, M.x += W.x.before), W.x.after && (_ -= W.x.after, M.x -= W.x.after), W.y.before && (E += W.y.before, M.y += W.y.before), W.y.after && (E -= W.y.after, M.y -= W.y.after);
+      j.x.before && (_ += j.x.before, M.x += j.x.before), j.x.after && (_ -= j.x.after, M.x -= j.x.after), j.y.before && (D += j.y.before, M.y += j.y.before), j.y.after && (D -= j.y.after, M.y -= j.y.after);
       {
         const G = fa(M, P);
-        B.x = P.width - G.x.before - G.x.after, B.y = P.height - G.y.before - G.y.after, _ += G.x.before, M.x += G.x.before, E += G.y.before, M.y += G.y.before;
+        B.x = P.width - G.x.before - G.x.after, B.y = P.height - G.y.before - G.y.after, _ += G.x.before, M.x += G.x.before, D += G.y.before, M.y += G.y.before;
       }
       break;
     }
-    const j = da(C.anchor);
+    const V = da(C.anchor);
     return n.value = {
       side: C.anchor.side,
       align: C.anchor.align,
       rect: new tt({
         x: _,
-        y: E,
+        y: D,
         width: M.width,
         height: M.height
       }),
@@ -3585,11 +3585,11 @@ function Zl(e, t, n, a) {
     }, Object.assign(a.value, {
       "--y-levitation-anchor-origin": `${C.anchor.side} ${C.anchor.align}`,
       transformOrigin: `${C.origin.side} ${C.origin.align}`,
-      top: z(Ht(E)),
+      top: z(Ht(D)),
       left: l.value ? void 0 : z(Ht(_)),
       right: l.value ? z(Ht(-_)) : void 0,
       minWidth: z(
-        j === "y" ? Math.min(c.value, k.width) : c.value
+        V === "y" ? Math.min(c.value, k.width) : c.value
       ),
       maxWidth: z(
         aa(
@@ -3609,14 +3609,14 @@ function Zl(e, t, n, a) {
           )
         )
       )
-    }), s.value = [Y.x, Y.y], {
+    }), s.value = [L.x, L.y], {
       available: B,
       contentRect: M,
-      flipped: Y,
+      flipped: L,
       placement: C
     };
   }
-  return V(
+  return R(
     () => [
       e.offset,
       e.minWidth,
@@ -3646,7 +3646,7 @@ function Zl(e, t, n, a) {
 const Jl = {
   levitation: Zl,
   arrangement: Gl
-}, Yn = F(
+}, Yn = K(
   {
     coordinateStrategy: {
       type: [String, Function],
@@ -3675,7 +3675,7 @@ const Jl = {
   "Coordinate"
 );
 function Ql(e, t) {
-  const n = I(), a = I({
+  const n = Y(), a = Y({
     side: "",
     align: "",
     offset: [0, 0],
@@ -3685,12 +3685,12 @@ function Ql(e, t) {
       width: 0,
       height: 0
     }
-  }), i = I({});
+  }), i = Y({});
   _n(
     () => !!(t.active.value && e.coordinateStrategy),
     (o) => {
       var l, s;
-      if (V(() => e.coordinateStrategy, o), Ae(() => {
+      if (R(() => e.coordinateStrategy, o), Ee(() => {
         n.value = void 0;
       }), typeof e.coordinateStrategy == "function")
         n.value = (l = e.coordinateStrategy(
@@ -3709,7 +3709,7 @@ function Ql(e, t) {
         )) == null ? void 0 : s.updateCoordinate;
       }
     }
-  ), window.addEventListener("resize", r, { passive: !0 }), Ae(() => {
+  ), window.addEventListener("resize", r, { passive: !0 }), Ee(() => {
     window.removeEventListener("resize", r), n.value = void 0;
   });
   function r(o) {
@@ -3729,7 +3729,7 @@ const eo = {
   minHeight: [Number, String],
   height: [Number, String],
   maxHeight: [Number, String]
-}, ni = F(
+}, ni = K(
   eo,
   "dimension"
 );
@@ -3765,7 +3765,7 @@ function no(e) {
     );
     return s || (s = document.createElement("div"), s.className = ya, r.appendChild(s)), s;
   });
-  V(
+  R(
     n,
     (r, o) => {
       var l, s;
@@ -3846,7 +3846,7 @@ const ro = {
       }
     }), delete e._complementClick[n];
   }
-}, lo = F(
+}, lo = K(
   {
     base: [String, Object, Array],
     baseProps: Object
@@ -3854,7 +3854,7 @@ const ro = {
   "YLayer.base"
 );
 function oo(e) {
-  const t = ie(), n = I(), a = I(), i = I(), r = x(() => {
+  const t = ie(), n = Y(), a = Y(), i = Y(), r = x(() => {
     var s, c;
     const l = (c = (s = a.value) == null ? void 0 : s[0]) == null ? void 0 : c.el;
     if (l && l.nodeType === Node.ELEMENT_NODE)
@@ -3906,7 +3906,7 @@ function ha(e, t) {
   } else typeof e == "string" ? n = document.querySelector(e) : "$el" in e ? n = e.$el : n = e;
   return n;
 }
-const uo = F(
+const uo = K(
   {
     closeClickContent: {
       type: Boolean
@@ -3929,7 +3929,7 @@ const so = new Vl(), Ct = {
   close: yo,
   block: mo,
   reposition: ho
-}, fo = F(
+}, fo = K(
   {
     scrollStrategy: {
       type: [String, Function],
@@ -3946,7 +3946,7 @@ function vo(e, t) {
       var a;
       typeof e.scrollStrategy == "function" ? e.scrollStrategy(t, e, n) : (a = Ct[e.scrollStrategy]) == null || a.call(Ct, t, e, n);
     }));
-  }), Ae(() => {
+  }), Ee(() => {
     n == null || n.stop();
   });
 }
@@ -3961,11 +3961,11 @@ function mo(e, t) {
   var o;
   const n = (o = e.root.value) == null ? void 0 : o.offsetParent, a = [
     .../* @__PURE__ */ new Set([
-      ...At(
+      ...Et(
         e.baseEl.value,
         t.contained ? n : void 0
       ),
-      ...At(
+      ...Et(
         e.contentEl.value,
         t.contained ? n : void 0
       )
@@ -3984,7 +3984,7 @@ function mo(e, t) {
       ba,
       z(i) ?? null
     ), l.classList.add(Xt);
-  }), Ae(() => {
+  }), Ee(() => {
     a.forEach((l, s) => {
       const c = parseFloat(l.style.getPropertyValue(Zt)), u = parseFloat(l.style.getPropertyValue(Jt));
       l.style.removeProperty(Zt), l.style.removeProperty(Jt), l.style.removeProperty(ba), l.classList.remove(ga), l.scrollLeft = -c, l.scrollTop = -u;
@@ -4010,21 +4010,21 @@ function ho(e, t, n) {
         })) : o(l);
       });
     });
-  }), Ae(() => {
+  }), Ee(() => {
     typeof cancelIdleCallback < "u" && cancelIdleCallback(r), cancelAnimationFrame(i);
   });
 }
 function ri(e, t) {
-  const n = [document, ...At(e)];
+  const n = [document, ...Et(e)];
   n.forEach((a) => {
     a.addEventListener("scroll", t, { passive: !0 });
-  }), Ae(() => {
+  }), Ee(() => {
     n.forEach((a) => {
       a.removeEventListener("scroll", t);
     });
   });
 }
-const Qe = F({
+const Qe = K({
   modelValue: {
     type: Boolean
   },
@@ -4083,7 +4083,7 @@ const Qe = F({
   ...Yn(),
   ...fo(),
   ...ni()
-}, "YLayer"), he = /* @__PURE__ */ R({
+}, "YLayer"), he = /* @__PURE__ */ F({
   name: "YLayer",
   inheritAttrs: !1,
   components: {
@@ -4108,7 +4108,7 @@ const Qe = F({
     attrs: a,
     slots: i
   }) {
-    const r = ie(), o = I(), l = I(), s = I(), c = q(e), u = x({
+    const r = ie(), o = Y(), l = Y(), s = Y(), c = q(e), u = x({
       get: () => !!c.value,
       set: (Q) => {
         Q && e.disabled || (c.value = Q);
@@ -4125,7 +4125,7 @@ const Qe = F({
       themeClasses: f
     } = Je(e), {
       layerGroup: w,
-      layerGroupState: A,
+      layerGroupState: E,
       getActiveLayers: b
     } = no(e), {
       polyTransitionBindProps: y
@@ -4134,13 +4134,13 @@ const Qe = F({
     } = to(e), {
       lazyValue: k,
       onAfterUpdate: M
-    } = Pl(ue(e, "eager"), u), D = X(!1), P = I(!1);
-    I(!1);
+    } = Pl(ue(e, "eager"), u), A = X(!1), P = Y(!1);
+    Y(!1);
     const C = ue(e, "disabled");
     ue(e, "maximized");
     const O = x(() => !C.value && (k.value || u.value)), {
       coordination: _,
-      coordinateStyles: E,
+      coordinateStyles: D,
       updateCoordinate: B
     } = Ql(e, {
       contentEl: l,
@@ -4154,24 +4154,24 @@ const Qe = F({
       baseEl: m,
       updateCoordinate: B
     });
-    function Y(Q) {
+    function L(Q) {
       t("click:complement", Q), e.modal || o.value !== null && o.value === Q.target && e.closeClickScrim && (u.value = !1);
     }
-    function N() {
-      return (!e.openOnHover || e.openOnHover && !P.value) && u.value && D.value;
+    function I() {
+      return (!e.openOnHover || e.openOnHover && !P.value) && u.value && A.value;
     }
-    const j = Ye({
-      handler: Y,
-      determine: N,
+    const V = Ye({
+      handler: L,
+      determine: I,
       include: () => [p.value]
     });
-    function L() {
-      D.value = !0;
+    function N() {
+      A.value = !0;
     }
     function $() {
-      M(), D.value = !1, t("afterLeave");
+      M(), A.value = !1, t("afterLeave");
     }
-    function W() {
+    function j() {
       e.closeClickScrim && (u.value = !1);
     }
     function G(Q) {
@@ -4210,12 +4210,12 @@ const Qe = F({
       onAfterUpdate: M,
       updateCoordinate: B,
       hovered: P,
-      finish: D,
+      finish: A,
       modal: x(() => e.modal),
       getActiveLayers: b,
       isMe: (Q) => Q === r,
       coordination: _
-    }), K(() => {
+    }), W(() => {
       var xe;
       const Q = (xe = i.base) == null ? void 0 : xe.call(i, {
         active: u.value,
@@ -4235,7 +4235,7 @@ const Qe = F({
         default: () => [O.value && d("div", H({
           class: [{
             "y-layer": !0,
-            "y-layer--finish": D.value,
+            "y-layer--finish": A.value,
             "y-layer--contained": e.contained,
             ...re.value
           }, f.value],
@@ -4254,13 +4254,13 @@ const Qe = F({
             style: {
               "--y-layer-scrim-opacity": e.scrimOpacity
             },
-            onClick: W,
+            onClick: j,
             onKeydown: Xn(),
             onKeyup: Xn(),
             ref: "scrim$"
           }, null)]
         }), d(ot, H({
-          onAfterEnter: L,
+          onAfterEnter: N,
           onAfterLeave: $,
           appear: !0
         }, y.value), {
@@ -4273,7 +4273,7 @@ const Qe = F({
               },
               style: [{
                 ...h.value,
-                ...E.value,
+                ...D.value,
                 ...e.contentStyles
               }]
             }, v.value, {
@@ -4281,16 +4281,16 @@ const Qe = F({
             }), [(ge = i.default) == null ? void 0 : ge.call(i, {
               active: u.value
             })]), [[st, u.value], [Bt("complement-click"), {
-              ...j
+              ...V
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: j,
+      complementClickOption: V,
       layerGroup: w,
       active: u,
-      finish: D,
+      finish: A,
       rendered: O,
       lazyValue: k,
       onAfterUpdate: M,
@@ -4301,8 +4301,8 @@ const Qe = F({
       baseEl: p,
       baseFromSlotEl: S,
       polyTransitionBindProps: y,
-      coordinateStyles: E,
-      layerGroupState: A,
+      coordinateStyles: D,
+      layerGroupState: E,
       getActiveLayers: b,
       coordination: _
     };
@@ -4330,9 +4330,9 @@ function li(e, t, n) {
     const c = () => {
       i.value.length === 0 && (a == null || a.clear());
     };
-    n != null && n.value || Er(c);
+    n != null && n.value || Dr(c);
   }
-  return V(t, (c) => {
+  return R(t, (c) => {
     c ? a == null || a.push(r) : a == null || a.pop(r);
   }), se(wa, {
     push: o,
@@ -4346,7 +4346,7 @@ function li(e, t, n) {
     children: i
   };
 }
-const oi = F({
+const oi = K({
   persistent: {
     type: Boolean,
     default: !0
@@ -4365,7 +4365,7 @@ const oi = F({
     scrim: !0,
     scrollStrategy: null
   }), ["offset", "classes"])
-}, "YDialog"), go = /* @__PURE__ */ R({
+}, "YDialog"), go = /* @__PURE__ */ F({
   name: "YDialog",
   components: {
     YLayer: he,
@@ -4384,37 +4384,37 @@ const oi = F({
     })), l = x(() => ({
       ...e.contentStyles ?? {},
       paddingTop: z(e.offset)
-    })), s = I(), {
+    })), s = Y(), {
       children: c
     } = li(s, r, X(!0));
     function u(f) {
-      var h, k, M, D;
+      var h, k, M, A;
       if (e.focusTrap === !1)
         return;
-      const w = f.relatedTarget, A = f.target, b = e.focusTrap;
-      if (typeof b == "string" && ((h = document.querySelector(b)) != null && h.isSameNode(A)))
+      const w = f.relatedTarget, E = f.target, b = e.focusTrap;
+      if (typeof b == "string" && ((h = document.querySelector(b)) != null && h.isSameNode(E)))
         return;
       if (typeof b == "object") {
         if (Array.isArray(b)) {
           if (b.some((C) => {
             var O;
-            return typeof C == "string" ? (O = document.querySelector(C)) == null ? void 0 : O.isSameNode(A) : typeof C == "object" ? C == null ? void 0 : C.isSameNode(A) : !1;
+            return typeof C == "string" ? (O = document.querySelector(C)) == null ? void 0 : O.isSameNode(E) : typeof C == "object" ? C == null ? void 0 : C.isSameNode(E) : !1;
           }))
             return;
-        } else if (b != null && b.isSameNode(A))
+        } else if (b != null && b.isSameNode(E))
           return;
       }
       function y(P) {
         return P.some((C) => {
           var O;
-          return !((O = C.content$) != null && O.contains(A));
+          return !((O = C.content$) != null && O.contains(E));
         });
       }
-      if (w !== A && ((k = s.value) != null && k.content$) && ![document, (M = s.value) == null ? void 0 : M.content$].includes(A) && !((D = s.value) != null && D.content$.contains(A)) && !y(c.value)) {
-        const C = [...s.value.content$.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter((E) => !E.hasAttribute("disabled") && !E.matches('[tabindex="-1"]'));
+      if (w !== E && ((k = s.value) != null && k.content$) && ![document, (M = s.value) == null ? void 0 : M.content$].includes(E) && !((A = s.value) != null && A.content$.contains(E)) && !y(c.value)) {
+        const C = [...s.value.content$.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter((D) => !D.hasAttribute("disabled") && !D.matches('[tabindex="-1"]'));
         if (!C.length) return;
         const O = C[0], _ = C[C.length - 1];
-        if (A != null && A.isSameNode(O) || A != null && A.isSameNode(_))
+        if (E != null && E.isSameNode(O) || E != null && E.isSameNode(_))
           return;
         O === _ ? _.focus() : O.focus();
       }
@@ -4425,19 +4425,19 @@ const oi = F({
     function g() {
       document.removeEventListener("focusin", u);
     }
-    const p = I(0), T = I(0);
+    const p = Y(0), T = Y(0);
     function S(f) {
       var b;
-      const w = i.root, A = (b = s.value) == null ? void 0 : b.getActiveLayers();
+      const w = i.root, E = (b = s.value) == null ? void 0 : b.getActiveLayers();
       if (f) {
         e.maximized && document.documentElement.classList.add("y-dialog--prevent-scroll");
-        const y = A == null ? void 0 : A.filter((h) => h.ctx.modal);
+        const y = E == null ? void 0 : E.filter((h) => h.ctx.modal);
         if (y && !y.length || !w.classList.contains("y-dialog--virtual-scroll")) {
           const h = document.documentElement.scrollTop, k = document.documentElement.scrollLeft;
           p.value = h, T.value = k, w.classList.add("y-dialog--virtual-scroll"), w.style.top = z(-1 * h) || "", w.style.left = z(-1 * k) || "";
         }
       } else {
-        const y = A == null ? void 0 : A.filter((h) => {
+        const y = E == null ? void 0 : E.filter((h) => {
           var k;
           return !((k = s.value) != null && k.isMe(h)) && h.ctx.modal;
         });
@@ -4453,18 +4453,18 @@ const oi = F({
       const w = r.value;
       e.disabled || (r.value = !w);
     }
-    return V(() => {
+    return R(() => {
       var f;
       return (f = s.value) == null ? void 0 : f.baseEl;
     }, (f, w) => {
       f ? f.addEventListener("click", v) : w && w.removeEventListener("click", v);
-    }), r.value && (m(), S(!0)), V(r, (f) => {
+    }), r.value && (m(), S(!0)), R(r, (f) => {
       f ? m() : g(), S(f);
     }), Pt(() => {
       r.value && S(!0);
-    }), Ae(() => {
+    }), Ee(() => {
       g(), S(!1);
-    }), K(() => d(J, null, [d(he, H({
+    }), W(() => d(J, null, [d(he, H({
       modelValue: r.value,
       "onUpdate:modelValue": (f) => r.value = f,
       classes: o.value,
@@ -4494,7 +4494,7 @@ const ui = (e, t, n) => Math.min(Math.max(n, e), t), ye = {
   endDelay: 0,
   repeat: 0,
   easing: "ease"
-}, Dt = (e) => typeof e == "number", je = (e) => Array.isArray(e) && !Dt(e[0]), wo = (e, t, n) => {
+}, At = (e) => typeof e == "number", je = (e) => Array.isArray(e) && !At(e[0]), wo = (e, t, n) => {
   const a = t - e;
   return ((n - e) % a + a) % a + e;
 };
@@ -4524,7 +4524,7 @@ function po(e, t = xo(e.length), n = Me) {
     return l = So(n, o)(l), ci(e[o], e[o + 1], l);
   };
 }
-const fi = (e) => Array.isArray(e) && Dt(e[0]), sn = (e) => typeof e == "object" && !!e.createAnimation, Ue = (e) => typeof e == "function", Co = (e) => typeof e == "string", it = {
+const fi = (e) => Array.isArray(e) && At(e[0]), sn = (e) => typeof e == "object" && !!e.createAnimation, Ue = (e) => typeof e == "function", Co = (e) => typeof e == "string", it = {
   ms: (e) => e * 1e3,
   s: (e) => e / 1e3
 }, vi = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, _o = 1e-7, ko = 12;
@@ -4541,29 +4541,29 @@ function nt(e, t, n, a) {
   const i = (r) => To(r, 0, 1, e, n);
   return (r) => r === 0 || r === 1 ? r : vi(i(r), t, a);
 }
-const Eo = (e, t = "end") => (n) => {
+const Do = (e, t = "end") => (n) => {
   n = t === "end" ? Math.min(n, 0.999) : Math.max(n, 1e-3);
   const a = n * e, i = t === "end" ? Math.floor(a) : Math.ceil(a);
   return ui(0, 1, i / e);
-}, Ao = {
+}, Eo = {
   ease: nt(0.25, 0.1, 0.25, 1),
   "ease-in": nt(0.42, 0, 1, 1),
   "ease-in-out": nt(0.42, 0, 0.58, 1),
   "ease-out": nt(0, 0, 0.58, 1)
-}, Do = /\((.*?)\)/;
+}, Ao = /\((.*?)\)/;
 function Sa(e) {
   if (Ue(e))
     return e;
   if (fi(e))
     return nt(...e);
-  const t = Ao[e];
+  const t = Eo[e];
   if (t)
     return t;
   if (e.startsWith("steps")) {
-    const n = Do.exec(e);
+    const n = Ao.exec(e);
     if (n) {
       const a = n[1].split(",");
-      return Eo(parseFloat(a[0]), a[1].trim());
+      return Do(parseFloat(a[0]), a[1].trim());
     }
   }
   return Me;
@@ -4588,7 +4588,7 @@ class yi {
       !f && S >= 1 && (f = 1), f === 1 && v--;
       const w = v % 2;
       (c === "reverse" || c === "alternate" && w || c === "alternate-reverse" && !w) && (f = 1 - f);
-      const A = T >= this.totalDuration ? 1 : Math.min(f, 1), b = m(this.easing(A));
+      const E = T >= this.totalDuration ? 1 : Math.min(f, 1), b = m(this.easing(E));
       t(b), this.pauseTime === void 0 && (this.playState === "finished" || T >= this.totalDuration + o) ? (this.playState = "finished", (p = this.resolve) === null || p === void 0 || p.call(this, b)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
     }, u && this.play();
   }
@@ -4778,23 +4778,23 @@ function Uo() {
 function qo(e, t, n, a = {}, i) {
   const r = Uo(), o = a.record !== !1 && r;
   let l, { duration: s = ye.duration, delay: c = ye.delay, endDelay: u = ye.endDelay, repeat: m = ye.repeat, easing: g = ye.easing, persist: p = !1, direction: T, offset: S, allowWebkitAcceleration: v = !1, autoplay: f = !0 } = a;
-  const w = mi(e), A = hi(t);
+  const w = mi(e), E = hi(t);
   let b = Re.waapi();
-  A && No(e, t);
+  E && No(e, t);
   const y = vn(t), h = Mo(w.values, y), k = ut.get(y);
   return gi(h.animation, !(sn(g) && h.generator) && a.record !== !1), () => {
     const M = () => {
       var C, O;
       return (O = (C = St.get(e, y)) !== null && C !== void 0 ? C : k == null ? void 0 : k.initialValue) !== null && O !== void 0 ? O : 0;
     };
-    let D = Wo(Ho(n), M);
-    const P = zo(D, k);
+    let A = Wo(Ho(n), M);
+    const P = zo(A, k);
     if (sn(g)) {
-      const C = g.createAnimation(D, t !== "opacity", M, y, h);
-      g = C.easing, D = C.keyframes || D, s = C.duration || s;
+      const C = g.createAnimation(A, t !== "opacity", M, y, h);
+      g = C.easing, A = C.keyframes || A, s = C.duration || s;
     }
-    if (fn(y) && (Re.cssRegisterProperty() ? Ro(y) : b = !1), A && !Re.linearEasing() && (Ue(g) || je(g) && g.some(Ue)) && (b = !1), b) {
-      k && (D = D.map((_) => Dt(_) ? k.toDefaultUnit(_) : _)), D.length === 1 && (!Re.partialKeyframes() || o) && D.unshift(M());
+    if (fn(y) && (Re.cssRegisterProperty() ? Ro(y) : b = !1), E && !Re.linearEasing() && (Ue(g) || je(g) && g.some(Ue)) && (b = !1), b) {
+      k && (A = A.map((_) => At(_) ? k.toDefaultUnit(_) : _)), A.length === 1 && (!Re.partialKeyframes() || o) && A.unshift(M());
       const C = {
         delay: it.ms(c),
         duration: it.ms(s),
@@ -4805,28 +4805,28 @@ function qo(e, t, n, a = {}, i) {
         fill: "both"
       };
       l = e.animate({
-        [y]: D,
+        [y]: A,
         offset: S,
         easing: je(g) ? g.map((_) => _a(_, s)) : void 0
-      }, C), l.finished || (l.finished = new Promise((_, E) => {
-        l.onfinish = _, l.oncancel = E;
+      }, C), l.finished || (l.finished = new Promise((_, D) => {
+        l.onfinish = _, l.oncancel = D;
       }));
-      const O = D[D.length - 1];
+      const O = A[A.length - 1];
       l.finished.then(() => {
         p || (St.set(e, y, O), l.cancel());
       }).catch(si), v || (l.playbackRate = 1.000001);
-    } else if (i && A)
-      D = D.map((C) => typeof C == "string" ? parseFloat(C) : C), D.length === 1 && D.unshift(parseFloat(M())), l = new i((C) => {
+    } else if (i && E)
+      A = A.map((C) => typeof C == "string" ? parseFloat(C) : C), A.length === 1 && A.unshift(parseFloat(M())), l = new i((C) => {
         St.set(e, y, P ? P(C) : C);
-      }, D, Object.assign(Object.assign({}, a), {
+      }, A, Object.assign(Object.assign({}, a), {
         duration: s,
         easing: g
       }));
     else {
-      const C = D[D.length - 1];
-      St.set(e, y, k && Dt(C) ? k.toDefaultUnit(C) : C);
+      const C = A[A.length - 1];
+      St.set(e, y, k && At(C) ? k.toDefaultUnit(C) : C);
     }
-    return o && r(e, t, D, {
+    return o && r(e, t, A, {
       duration: s,
       delay: c,
       easing: g,
@@ -4934,7 +4934,7 @@ function iu(e, t = {}) {
 function ru(e, t, n) {
   return (Ue(e) ? iu : au)(e, t, n);
 }
-const qe = /* @__PURE__ */ R({
+const qe = /* @__PURE__ */ F({
   name: "YPlate",
   props: {
     variation: Object
@@ -4943,7 +4943,7 @@ const qe = /* @__PURE__ */ R({
     const e = x(() => ({
       "y-plate": !0
     }));
-    K(() => d("div", {
+    W(() => d("div", {
       class: e.value
     }, null));
   }
@@ -4965,7 +4965,7 @@ const qe = /* @__PURE__ */ R({
       e.removeAttribute("data-transform"), e.removeAttribute("data-motion"), t();
     }));
   }
-}, Si = F({
+}, Si = K({
   ...Qe({
     scrollStrategy: "none",
     position: "top center"
@@ -4996,7 +4996,7 @@ const qe = /* @__PURE__ */ R({
     type: Boolean,
     default: !0
   }
-}, "YSnackbar"), lu = /* @__PURE__ */ R({
+}, "YSnackbar"), lu = /* @__PURE__ */ F({
   name: "YSnackbar",
   components: {
     YPlate: qe,
@@ -5010,7 +5010,7 @@ const qe = /* @__PURE__ */ R({
     emit: t,
     slots: n
   }) {
-    const a = q(e), i = I(!1), r = ue(e, "duration"), o = x(() => ({
+    const a = q(e), i = Y(!1), r = ue(e, "duration"), o = x(() => ({
       "y-snackbar": !0
     })), l = x(() => ({
       ...Ie(e.contentClasses),
@@ -5018,13 +5018,13 @@ const qe = /* @__PURE__ */ R({
     })), s = x(() => {
       var y;
       const [v, f] = (y = e.position) == null ? void 0 : y.split(" ");
-      let w = "top", A = "left";
-      f ? (A = f, w = v) : v === "bottom" ? w = "bottom" : A = v;
+      let w = "top", E = "left";
+      f ? (E = f, w = v) : v === "bottom" ? w = "bottom" : E = v;
       const b = {
-        [A === "center" ? "left" : A]: A === "center" ? "50%" : 0,
+        [E === "center" ? "left" : E]: E === "center" ? "50%" : 0,
         [w]: 0
       };
-      return A === "center" && (b.transform = "translateX(-50%)"), b;
+      return E === "center" && (b.transform = "translateX(-50%)"), b;
     });
     function c() {
       a.value = !1;
@@ -5037,11 +5037,11 @@ const qe = /* @__PURE__ */ R({
     function p() {
       e.duration > 0 && u();
     }
-    V(i, (v) => {
+    R(i, (v) => {
       v ? m() : p();
-    }), V(() => e.duration, (v) => {
+    }), R(() => e.duration, (v) => {
       !isNaN(v) && a.value && (g(), i.value || p());
-    }), V(a, (v) => {
+    }), R(a, (v) => {
       v ? p() : g();
     }, {
       immediate: !0
@@ -5058,7 +5058,7 @@ const qe = /* @__PURE__ */ R({
         ...v
       }) : e.transition;
     });
-    return K(() => d(he, H({
+    return W(() => d(he, H({
       ref: "layer"
     }, Se(ee(e, he.props), ["scrim", "transition", "content-classes", "classes"]), {
       modelValue: a.value,
@@ -5131,7 +5131,7 @@ const ou = "YTooltip", uu = {
   ...yt({
     transition: "fade"
   })
-}, pi = F(uu, "YTooltip"), cu = /* @__PURE__ */ R({
+}, pi = K(uu, "YTooltip"), cu = /* @__PURE__ */ F({
   name: ou,
   props: {
     ...pi()
@@ -5142,7 +5142,7 @@ const ou = "YTooltip", uu = {
     emit: n,
     expose: a
   }) {
-    const i = I(), r = I(), o = x(() => {
+    const i = Y(), r = Y(), o = x(() => {
       var f;
       return (f = i.value) == null ? void 0 : f.baseEl;
     }), l = x(() => ({
@@ -5157,10 +5157,10 @@ const ou = "YTooltip", uu = {
       var f;
       return !!((f = i.value) != null && f.hovered);
     });
-    V(c, (f) => {
+    R(c, (f) => {
       f && de(() => {
-        var A;
-        const w = (A = i.value) == null ? void 0 : A.content$;
+        var E;
+        const w = (E = i.value) == null ? void 0 : E.content$;
         r.value = w;
       });
     });
@@ -5176,18 +5176,18 @@ const ou = "YTooltip", uu = {
     function T(f) {
       e.openOnHover && g();
     }
-    V(u, (f) => {
+    R(u, (f) => {
       f || g();
     });
     function S(f) {
-      var w, A;
-      (w = f.addEventListener) == null || w.call(f, "mouseenter", p), (A = f.addEventListener) == null || A.call(f, "mouseleave", T);
+      var w, E;
+      (w = f.addEventListener) == null || w.call(f, "mouseenter", p), (E = f.addEventListener) == null || E.call(f, "mouseleave", T);
     }
     function v(f) {
-      var w, A;
-      (w = f.removeEventListener) == null || w.call(f, "mouseenter", p), (A = f.removeEventListener) == null || A.call(f, "mouseleave", T);
+      var w, E;
+      (w = f.removeEventListener) == null || w.call(f, "mouseenter", p), (E = f.removeEventListener) == null || E.call(f, "mouseleave", T);
     }
-    return V(() => {
+    return R(() => {
       var f;
       return (f = i.value) == null ? void 0 : f.baseEl;
     }, (f, w) => {
@@ -5195,7 +5195,7 @@ const ou = "YTooltip", uu = {
     }), a({
       layer$: i,
       baseEl: o
-    }), K(() => d(he, H({
+    }), W(() => d(he, H({
       ref: i
     }, Se(ee(e, he.props), ["scrim"]), {
       classes: l.value,
@@ -5290,7 +5290,7 @@ function Ci(e = !1) {
       relay: Boolean
     },
     setup(o, { slots: l }) {
-      const s = I();
+      const s = Y();
       return () => fe(
         Nt,
         {
@@ -5308,8 +5308,8 @@ const _i = Ci(!1), su = Ci(!0), du = /* @__PURE__ */ Cn({
   setup(e, {
     slots: t
   }) {
-    const n = I(50), a = I(!1), i = I(), r = I(!1), o = I();
-    V(i, (T) => {
+    const n = Y(50), a = Y(!1), i = Y(), r = Y(!1), o = Y();
+    R(i, (T) => {
       r.value = !!T;
     });
     const l = x(() => {
@@ -5340,7 +5340,7 @@ const _i = Ci(!1), su = Ci(!0), du = /* @__PURE__ */ Cn({
     function p(T) {
       T.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", c), o.value.addEventListener("mouseup", m), o.value.addEventListener("mouseleave", g);
     }
-    return K(() => {
+    return W(() => {
       var T, S;
       return d(J, null, [d("div", {
         class: s.value,
@@ -5368,7 +5368,7 @@ const _i = Ci(!1), su = Ci(!0), du = /* @__PURE__ */ Cn({
       activeSecondary: r
     };
   }
-}), Bn = F(
+}), Bn = K(
   {
     items: {
       type: Array,
@@ -5390,124 +5390,124 @@ const _i = Ci(!1), su = Ci(!0), du = /* @__PURE__ */ Cn({
   "abstract.items"
 ), ki = Symbol.for("YTreeView");
 function fu(e) {
-  const t = I({}), n = q(e, "expanded"), a = q(e, "active"), i = q(e, "selected"), r = I(/* @__PURE__ */ new Set()), o = I(/* @__PURE__ */ new Set()), l = I(/* @__PURE__ */ new Set()), s = X(!1), c = I(/* @__PURE__ */ new Set()), u = x(() => {
-    let D = !1, P = !1;
-    return (C, O) => (D = O.every((_) => o.value.has(_)), P = m(C).some((_) => o.value.has(_)), {
-      all: D,
+  const t = Y({}), n = q(e, "expanded"), a = q(e, "active"), i = q(e, "selected"), r = Y(/* @__PURE__ */ new Set()), o = Y(/* @__PURE__ */ new Set()), l = Y(/* @__PURE__ */ new Set()), s = X(!1), c = Y(/* @__PURE__ */ new Set()), u = x(() => {
+    let A = !1, P = !1;
+    return (C, O) => (A = O.every((_) => o.value.has(_)), P = m(C).some((_) => o.value.has(_)), {
+      all: A,
       some: P
     });
   });
-  function m(D) {
-    const P = [], { childKeys: C } = t.value[D];
+  function m(A) {
+    const P = [], { childKeys: C } = t.value[A];
     P.push(...C);
     const O = C.slice();
     for (; O.length > 0; ) {
-      const _ = O.splice(0, 1)[0], E = t.value[_];
-      E && (P.push(...E.childKeys), O.push(...E.childKeys));
+      const _ = O.splice(0, 1)[0], D = t.value[_];
+      D && (P.push(...D.childKeys), O.push(...D.childKeys));
     }
     return P;
   }
-  function g(D) {
-    return !!e.search && c.value.has(D);
+  function g(A) {
+    return !!e.search && c.value.has(A);
   }
-  function p(D) {
-    const P = t.value[D];
+  function p(A) {
+    const P = t.value[A];
     P != null && P.vnode && (P.vnode.active = P.active, P.vnode.selected = P.selected, P.vnode.indeterminate = P.indeterminate, P.vnode.expanded = P.expanded);
   }
-  function T(D, P) {
-    if (!(D in t.value)) return;
-    const C = t.value[D], O = Z(
+  function T(A, P) {
+    if (!(A in t.value)) return;
+    const C = t.value[A], O = Z(
       C.item,
       e.itemChildren
     );
-    Array.isArray(O) && O.length > 0 && (P ? r.value.add(D) : r.value.delete(D), C.expanded = P, p(D));
-  }
-  function S(D, P, C) {
-    if (!(D in t.value)) return;
-    const O = t.value[D];
-    let _ = P ? "" : D;
-    if (!e.multipleActive && P && !l.value.has(D) && ([_] = [...l.value]), P)
-      l.value.add(D), O.active = !0, p(D);
-    else if (e.requiredActive && l.value.size === 1 && D === _) {
-      p(D);
+    Array.isArray(O) && O.length > 0 && (P ? r.value.add(A) : r.value.delete(A), C.expanded = P, p(A));
+  }
+  function S(A, P, C) {
+    if (!(A in t.value)) return;
+    const O = t.value[A];
+    let _ = P ? "" : A;
+    if (!e.multipleActive && P && !l.value.has(A) && ([_] = [...l.value]), P)
+      l.value.add(A), O.active = !0, p(A);
+    else if (e.requiredActive && l.value.size === 1 && A === _) {
+      p(A);
       return;
     }
     if (_ && _ in t.value && (l.value.delete(_), t.value[_].active = !1, p(_)), !(e.activeSingleModifier && (C != null && C.getModifierState(e.activeSingleModifier))) && e.multipleActive && (!e.onlyEventActiveStrategy || e.onlyEventActiveStrategy && C) && (e.activeStrategy === "cascade" || e.activeStrategy === "relative")) {
-      for (const E of m(D))
-        E in t.value && A(E, P);
+      for (const D of m(A))
+        D in t.value && E(D, P);
       if (e.activeStrategy === "relative") {
-        let E = O.parentKey;
+        let D = O.parentKey;
         do {
-          const B = E;
-          if (E = null, !B) continue;
-          const Y = t.value[B];
-          if (!Y) continue;
-          (f(B, "active", P) || !P) && (A(B, P), Y.parentKey && (E = Y.parentKey));
-        } while (E != null);
+          const B = D;
+          if (D = null, !B) continue;
+          const L = t.value[B];
+          if (!L) continue;
+          (f(B, "active", P) || !P) && (E(B, P), L.parentKey && (D = L.parentKey));
+        } while (D != null);
       }
     }
   }
-  function v(D, P) {
+  function v(A, P) {
     var O, _;
-    if (!(D in t.value)) return;
-    const C = t.value[D];
-    if (P && (e.selectStrategy !== "leaf" ? o.value.add(D) : C.childKeys.length || o.value.add(D), C.selected = !0), !P && D in t.value && (o.value.delete(D), t.value[D].selected = !1, p(D)), e.selectStrategy === "cascade" || e.selectStrategy === "relative" || e.selectStrategy === "leaf") {
-      for (const E of m(D))
-        if (E in t.value) {
-          if (e.selectStrategy === "leaf" && ((_ = (O = t.value[E]) == null ? void 0 : O.childKeys) != null && _.length) && P)
+    if (!(A in t.value)) return;
+    const C = t.value[A];
+    if (P && (e.selectStrategy !== "leaf" ? o.value.add(A) : C.childKeys.length || o.value.add(A), C.selected = !0), !P && A in t.value && (o.value.delete(A), t.value[A].selected = !1, p(A)), e.selectStrategy === "cascade" || e.selectStrategy === "relative" || e.selectStrategy === "leaf") {
+      for (const D of m(A))
+        if (D in t.value) {
+          if (e.selectStrategy === "leaf" && ((_ = (O = t.value[D]) == null ? void 0 : O.childKeys) != null && _.length) && P)
             continue;
-          b(E, P);
+          b(D, P);
         }
       if (e.selectStrategy === "relative" || e.selectStrategy === "leaf" && !P) {
-        let E = C.parentKey;
+        let D = C.parentKey;
         do {
-          const B = E;
-          if (E = null, !B) continue;
-          const Y = t.value[B];
-          if (!Y) continue;
-          (f(B, "selected", P) || !P) && (b(B, P), Y.parentKey && (E = Y.parentKey));
-        } while (E != null);
+          const B = D;
+          if (D = null, !B) continue;
+          const L = t.value[B];
+          if (!L) continue;
+          (f(B, "selected", P) || !P) && (b(B, P), L.parentKey && (D = L.parentKey));
+        } while (D != null);
       }
     }
   }
-  function f(D, P, C) {
-    const O = t.value[D];
+  function f(A, P, C) {
+    const O = t.value[A];
     if (!O) return !1;
     const { childKeys: _ } = O;
-    return _.every((E) => {
+    return _.every((D) => {
       var B;
-      return ((B = t.value[E]) == null ? void 0 : B[P]) === C;
+      return ((B = t.value[D]) == null ? void 0 : B[P]) === C;
     });
   }
-  function w(D, P) {
-    const C = t.value[D];
+  function w(A, P) {
+    const C = t.value[A];
     if (!C) return !1;
     const { childKeys: O } = C;
     return O.some((_) => {
-      var E;
-      return ((E = t.value[_]) == null ? void 0 : E[P]) === !0;
+      var D;
+      return ((D = t.value[_]) == null ? void 0 : D[P]) === !0;
     });
   }
-  function A(D, P) {
-    P ? l.value.add(D) : l.value.delete(D), t.value[D].active = P, p(D);
+  function E(A, P) {
+    P ? l.value.add(A) : l.value.delete(A), t.value[A].active = P, p(A);
   }
-  function b(D, P) {
-    P ? o.value.add(D) : o.value.delete(D), t.value[D].selected = P, p(D);
+  function b(A, P) {
+    P ? o.value.add(A) : o.value.delete(A), t.value[A].selected = P, p(A);
   }
   function y() {
-    const D = [...r.value];
-    n.value = e.returnItem ? D.map((P) => t.value[P].item) : D;
+    const A = [...r.value];
+    n.value = e.returnItem ? A.map((P) => t.value[P].item) : A;
   }
   function h() {
-    const D = [...l.value];
-    a.value = e.returnItem ? D.map((P) => t.value[P].item) : D;
+    const A = [...l.value];
+    a.value = e.returnItem ? A.map((P) => t.value[P].item) : A;
   }
   function k() {
-    const D = [...o.value];
-    i.value = e.returnItem ? D.map((P) => t.value[P].item) : D;
+    const A = [...o.value];
+    i.value = e.returnItem ? A.map((P) => t.value[P].item) : A;
   }
-  function M(D, P) {
-    t.value[D] && (t.value[D].vnode = P), p(D);
+  function M(A, P) {
+    t.value[A] && (t.value[A].vnode = P), p(A);
   }
   return se(ki, {
     register: M,
@@ -5548,7 +5548,7 @@ function vu() {
   if (!e) throw new Error("Not found provided YTreeView");
   return e;
 }
-const Ee = /* @__PURE__ */ R({
+const De = /* @__PURE__ */ F({
   name: "YIconCheckbox",
   props: {
     checked: Boolean,
@@ -5576,7 +5576,7 @@ const Ee = /* @__PURE__ */ R({
       d: this.indeterminate ? "M5.73,11.91 11.1,11.91 17.79,11.91" : "M5.73,11.91 11.1,16.28 17.79,7.59"
     }, null)]);
   }
-}), yu = /* @__PURE__ */ R({
+}), yu = /* @__PURE__ */ F({
   name: "YIconDropdown",
   setup() {
     return () => d("svg", {
@@ -5589,7 +5589,7 @@ const Ee = /* @__PURE__ */ R({
       fill: "currentColor"
     }, null)]);
   }
-}), ct = /* @__PURE__ */ R({
+}), ct = /* @__PURE__ */ F({
   name: "YIconExpand",
   setup() {
     return () => d("svg", {
@@ -5611,7 +5611,7 @@ const Ee = /* @__PURE__ */ R({
   prev: "m19.82 23.585-7.6399-7.5489 7.4693-7.622",
   last: "m10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659",
   first: "m21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659"
-}, _e = /* @__PURE__ */ R({
+}, _e = /* @__PURE__ */ F({
   name: "YIconPageControl",
   props: {
     type: {
@@ -5634,7 +5634,7 @@ const Ee = /* @__PURE__ */ R({
       "stroke-width": "3"
     }, null)]);
   }
-}), $n = /* @__PURE__ */ R({
+}), $n = /* @__PURE__ */ F({
   name: "YIconSort",
   props: {
     direction: {
@@ -5678,8 +5678,8 @@ const Ee = /* @__PURE__ */ R({
 }), Ti = {
   expand: ct,
   dropdown: yu,
-  clear: En,
-  checkbox: Ee,
+  clear: Dn,
+  checkbox: De,
   pageControl: _e,
   next: {
     component: _e,
@@ -5694,7 +5694,7 @@ const Ee = /* @__PURE__ */ R({
     }
   },
   sort: $n
-}, Ei = R({
+}, Di = F({
   name: "YTextHighlighter",
   props: {
     text: {
@@ -5766,7 +5766,7 @@ const Ee = /* @__PURE__ */ R({
     const e = this.createSplitTexts();
     return fe("span", { staticClass: "y-text-highlighter" }, e);
   }
-}), Nn = F({
+}), Nn = K({
   search: String,
   disableTransition: Boolean,
   enableActive: Boolean,
@@ -5798,19 +5798,20 @@ const Ee = /* @__PURE__ */ R({
   onMouseenterContainer: Function,
   onMouseleaveContainer: Function,
   onMousemoveContainer: Function,
+  onDblclickContainer: Function,
   itemSelectable: {
     type: [String, Array, Function]
   },
   ...Bn({
     itemKey: "id"
   })
-}, "YTreeViewNode"), Ai = /* @__PURE__ */ R({
+}, "YTreeViewNode"), Ei = /* @__PURE__ */ F({
   name: "YTreeNode",
   components: {
     YButton: te,
     YIconExpand: ct,
     YPlate: qe,
-    YIconCheckbox: Ee
+    YIconCheckbox: De
   },
   props: {
     item: {
@@ -5827,13 +5828,13 @@ const Ee = /* @__PURE__ */ R({
     slots: t,
     expose: n
   }) {
-    const a = Ar("YTreeViewNode", !0), i = vu(), r = I(), o = I(!1), l = I(!1), s = I(!1), c = I(!1), u = x(() => Z(e.item, e.itemKey)), m = x(() => (Z(e.item, e.itemChildren) ?? []).slice()), g = x(() => m.value.length < 1), p = x(() => i.searchLoading.value), T = x(() => m.value.filter((Y) => !i.isExcluded(Z(Y, e.itemKey)))), S = x(() => i.selectedState.value(u.value, m.value.map((Y) => Z(Y, e.itemKey)))), v = x(() => {
-      var Y;
-      return !!((Y = m.value) != null && Y.length) && S.value.all;
+    const a = Er("YTreeViewNode", !0), i = vu(), r = Y(), o = Y(!1), l = Y(!1), s = Y(!1), c = Y(!1), u = x(() => Z(e.item, e.itemKey)), m = x(() => (Z(e.item, e.itemChildren) ?? []).slice()), g = x(() => m.value.length < 1), p = x(() => i.searchLoading.value), T = x(() => m.value.filter((I) => !i.isExcluded(Z(I, e.itemKey)))), S = x(() => i.selectedState.value(u.value, m.value.map((I) => Z(I, e.itemKey)))), v = x(() => {
+      var I;
+      return !!((I = m.value) != null && I.length) && S.value.all;
     }), f = x(() => {
-      var Y;
-      return (e.selectStrategy === "relative" || e.selectStrategy === "leaf") && (((Y = m.value) == null ? void 0 : Y.length) ?? 0) > 0 && !v.value && S.value.some;
-    }), w = x(() => s.value || e.selectStrategy === "leaf" && v.value), A = x(() => ({
+      var I;
+      return (e.selectStrategy === "relative" || e.selectStrategy === "leaf") && (((I = m.value) == null ? void 0 : I.length) ?? 0) > 0 && !v.value && S.value.some;
+    }), w = x(() => s.value || e.selectStrategy === "leaf" && v.value), E = x(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": g.value,
       "y-tree-view-node--expanded": o.value,
@@ -5842,8 +5843,8 @@ const Ee = /* @__PURE__ */ R({
       "--tree-view-node--level": e.level
     })), y = x(() => Z(e.item, e.itemText) ?? ""), h = x(() => {
       if (e.itemSelectable != null) {
-        let Y = !0;
-        return typeof e.itemSelectable == "function" ? Y = !!e.itemSelectable(e.item) : Array.isArray(e.itemSelectable) ? Y = e.itemSelectable.includes(u.value) : Y = ke(e.item, e.itemSelectable, !0), !Y;
+        let I = !0;
+        return typeof e.itemSelectable == "function" ? I = !!e.itemSelectable(e.item) : Array.isArray(e.itemSelectable) ? I = e.itemSelectable.includes(u.value) : I = ke(e.item, e.itemSelectable, !0), !I;
       }
       return !1;
     }), k = x(() => ({
@@ -5851,69 +5852,78 @@ const Ee = /* @__PURE__ */ R({
       imLeaf: g.value,
       toggleActive: M
     }));
-    V(f, (Y) => {
-      c.value = Y;
+    R(f, (I) => {
+      c.value = I;
     });
-    function M(Y) {
-      const N = !l.value;
-      l.value = N, i.updateActive(u.value, N, Y), i.emitActive();
-    }
-    function D(Y) {
-      M(Y);
-    }
-    function P(Y) {
-      Y.stopPropagation();
-      const N = !o.value;
-      o.value = N, i.updateExpanded(u.value, N), i.emitExpanded();
-    }
-    function C(Y) {
-      if (Y.stopPropagation(), h.value) return;
-      const N = !w.value;
-      s.value = N, i.updateSelected(u.value, N), i.emitSelected();
-    }
-    function O(Y) {
-      var N;
-      (N = e.onMouseenterContainer) == null || N.call(e, Y, {
+    function M(I) {
+      const V = !l.value;
+      l.value = V, i.updateActive(u.value, V, I), i.emitActive();
+    }
+    function A(I) {
+      M(I);
+    }
+    function P(I) {
+      I.stopPropagation();
+      const V = !o.value;
+      o.value = V, i.updateExpanded(u.value, V), i.emitExpanded();
+    }
+    function C(I) {
+      if (I.stopPropagation(), h.value) return;
+      const V = !w.value;
+      s.value = V, i.updateSelected(u.value, V), i.emitSelected();
+    }
+    function O(I) {
+      var V;
+      (V = e.onMouseenterContainer) == null || V.call(e, I, {
         ...k.value,
         item: e.item
       });
     }
-    function _(Y) {
-      var N;
-      (N = e.onMouseleaveContainer) == null || N.call(e, Y, {
+    function _(I) {
+      var V;
+      (V = e.onMouseleaveContainer) == null || V.call(e, I, {
         ...k.value,
         item: e.item
       });
     }
-    function E(Y) {
-      var N;
-      (N = e.onMousemoveContainer) == null || N.call(e, Y, {
+    function D(I) {
+      var V;
+      (V = e.onMousemoveContainer) == null || V.call(e, I, {
         ...k.value,
         item: e.item
       });
     }
-    K(() => {
-      var N;
-      const Y = [];
-      for (let j = 0; j < e.level; j += 1)
-        Y.push(d("div", {
+    function B(I) {
+      var V;
+      (V = e.onDblclickContainer) == null || V.call(e, I, {
+        ...k.value,
+        item: e.item,
+        toggleExpand: () => P(I)
+      });
+    }
+    W(() => {
+      var V;
+      const I = [];
+      for (let N = 0; N < e.level; N += 1)
+        I.push(d("div", {
           class: "y-tree-view-node__indent-spacer"
         }, null));
       return d("div", {
-        class: A.value,
+        class: E.value,
         style: b.value,
         role: "treeitem",
         "data-level": e.level
       }, [d("div", {
         ref: r,
         class: "y-tree-view-node__container",
-        onClick: (j) => e.enableActive ? D(j) : void 0,
+        onClick: (N) => e.enableActive ? A(N) : void 0,
         onMouseenter: e.onMouseenterContainer && O,
         onMouseleave: e.onMouseleaveContainer && _,
-        onMousemove: e.onMousemoveContainer && E
+        onMousemove: e.onMousemoveContainer && D,
+        onDblclick: B
       }, [d(qe, null, null), d("div", {
         class: "y-tree-view-node__indents"
-      }, [Y]), !g.value && T.value.length > 0 ? d(te, {
+      }, [I]), !g.value && T.value.length > 0 ? d(te, {
         class: "y-tree-view-node__expand-icon",
         variation: "icon",
         onClick: P
@@ -5929,7 +5939,7 @@ const Ee = /* @__PURE__ */ R({
         role: "checkbox",
         "aria-checked": w.value,
         onClick: C
-      }, [d(Ee, {
+      }, [d(De, {
         checked: w.value,
         indeterminate: !s.value && f.value,
         disabled: h.value
@@ -5939,11 +5949,11 @@ const Ee = /* @__PURE__ */ R({
         class: "y-tree-view-node__leading"
       }, [t.leading(k.value)]), d("div", {
         class: "y-tree-view-node__text"
-      }, [t.default ? (N = t.default) == null ? void 0 : N.call(t, {
+      }, [t.default ? (V = t.default) == null ? void 0 : V.call(t, {
         text: y.value,
         item: e.item,
         ...k.value
-      }) : e.search && !p.value ? d(Ei, {
+      }) : e.search && !p.value ? d(Di, {
         text: y.value,
         keyword: e.search
       }, null) : y.value]), t.trailing && d("div", {
@@ -5954,40 +5964,40 @@ const Ee = /* @__PURE__ */ R({
         default: () => [o.value && d("div", {
           class: ["y-tree-view-node__leaves"],
           role: "tree"
-        }, [T.value.map((j) => d(a, H(H(e), {
-          key: Z(j, e.itemKey),
+        }, [T.value.map((N) => d(a, H(H(e), {
+          key: Z(N, e.itemKey),
           level: (e.level ?? 0) + 1,
-          item: j
+          item: N
         }), {
-          default: t.default && ((...L) => {
-            var $;
-            return ($ = t.default) == null ? void 0 : $.call(t, ...L);
+          default: t.default && ((...$) => {
+            var j;
+            return (j = t.default) == null ? void 0 : j.call(t, ...$);
           }),
-          "expand-icon": t["expand-icon"] && ((...L) => {
-            var $;
-            return ($ = t["expand-icon"]) == null ? void 0 : $.call(t, ...L);
+          "expand-icon": t["expand-icon"] && ((...$) => {
+            var j;
+            return (j = t["expand-icon"]) == null ? void 0 : j.call(t, ...$);
           }),
-          leading: t.leading && ((...L) => {
-            var $;
-            return ($ = t.leading) == null ? void 0 : $.call(t, ...L);
+          leading: t.leading && ((...$) => {
+            var j;
+            return (j = t.leading) == null ? void 0 : j.call(t, ...$);
           }),
-          trailing: t.trailing && ((...L) => {
-            var $;
-            return ($ = t.trailing) == null ? void 0 : $.call(t, ...L);
+          trailing: t.trailing && ((...$) => {
+            var j;
+            return (j = t.trailing) == null ? void 0 : j.call(t, ...$);
           })
         }))])]
       })]);
     });
-    const B = {
+    const L = {
       myKey: u,
       expanded: o,
       active: l,
       selected: s,
       indeterminate: c
     };
-    return n(B), xn(() => {
-      var Y;
-      (Y = i == null ? void 0 : i.register) == null || Y.call(i, u.value, B);
+    return n(L), xn(() => {
+      var I;
+      (I = i == null ? void 0 : i.register) == null || I.call(i, u.value, L);
     }), {
       treeView: i,
       myKey: u,
@@ -6013,12 +6023,12 @@ function hu(e, t, n) {
   const a = Z(e, n);
   return (a == null ? void 0 : a.toLocaleLowerCase().indexOf(t.toLocaleLowerCase())) > -1;
 }
-function Di(e, t, n, a, i, r, o) {
+function Ai(e, t, n, a, i, r, o) {
   const l = Z(t, r);
   if (l) {
     let s = !1;
     for (let c = 0; c < l.length; c++)
-      Di(
+      Ai(
         e,
         l[c],
         n,
@@ -6061,12 +6071,12 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
     },
     ...ka
   },
-  emits: ["update:expanded", "update:active", "update:selected"],
+  emits: ["update:expanded", "update:active", "update:selected", "mouseenterContainer", "mouseleaveContainer", "mousemoveContainer", "dblclickContainer"],
   setup(e, {
     slots: t,
     expose: n
   }) {
-    const a = X(Dn(h, e.searchDebounceWait)), i = I([]), {
+    const a = X(An(h, e.searchDebounceWait)), i = Y([]), {
       nodes: r,
       expanded: o,
       active: l,
@@ -6081,43 +6091,43 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
       updateActive: v,
       updateSelected: f,
       emitExpanded: w,
-      emitActive: A,
+      emitActive: E,
       emitSelected: b,
       isExcluded: y
     } = fu(e);
-    function h(E, B = "", Y = hu) {
-      const N = /* @__PURE__ */ new Set();
+    function h(D, B = "", L = hu) {
+      const I = /* @__PURE__ */ new Set();
       if (!B) {
-        g.value = !1, p.value = N, Zn(i.value, [...c.value]).forEach((L) => {
-          S(L, !1);
-        }), i.value.forEach((L) => {
-          S(L, !0);
+        g.value = !1, p.value = I, Zn(i.value, [...c.value]).forEach((N) => {
+          S(N, !1);
+        }), i.value.forEach((N) => {
+          S(N, !0);
         });
         return;
       }
-      for (const j of E)
-        Di(Y, j, B ?? "", e.itemKey, e.itemText, e.itemChildren, N);
-      p.value = N, g.value = !1, D();
+      for (const V of D)
+        Ai(L, V, B ?? "", e.itemKey, e.itemText, e.itemChildren, I);
+      p.value = I, g.value = !1, A();
     }
-    V(() => e.search, () => {
+    R(() => e.search, () => {
       g.value = !0, a.value(e.items, e.search, e.filter);
     });
-    function k(E) {
-      return e.returnItem ? Z(E, e.itemKey) : E;
+    function k(D) {
+      return e.returnItem ? Z(D, e.itemKey) : D;
     }
-    function M(E, B = null, Y = 0) {
-      var N, j, L;
-      for (const $ of E) {
-        const W = Z($, e.itemKey), G = Z($, e.itemChildren) ?? [], ae = Object.hasOwn(r.value, W) ? r.value[W] : {
+    function M(D, B = null, L = 0) {
+      var I, V, N;
+      for (const $ of D) {
+        const j = Z($, e.itemKey), G = Z($, e.itemChildren) ?? [], ae = Object.hasOwn(r.value, j) ? r.value[j] : {
           vnode: null,
-          selected: ((N = s.value) == null ? void 0 : N.includes(W)) ?? !1,
+          selected: ((I = s.value) == null ? void 0 : I.includes(j)) ?? !1,
           indeterminate: !1,
-          active: ((j = l.value) == null ? void 0 : j.includes(W)) ?? !1,
-          expanded: ((L = o.value) == null ? void 0 : L.includes(W)) ?? !1
+          active: ((V = l.value) == null ? void 0 : V.includes(j)) ?? !1,
+          expanded: ((N = o.value) == null ? void 0 : N.includes(j)) ?? !1
         }, re = {
           vnode: ae.vnode,
           item: $,
-          level: Y,
+          level: L,
           parentKey: B,
           childKeys: G.map((oe) => Z(oe, e.itemKey)),
           expanded: G.length > 0 && ae.expanded,
@@ -6125,75 +6135,75 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
           indeterminate: ae.indeterminate,
           selected: ae.selected
         };
-        M(G, W, Y + 1), r.value[W] = re, r.value[W].expanded && c.value.add(W), r.value[W].selected && u.value.add(W), r.value[W].active && m.value.add(W), T(W);
+        M(G, j, L + 1), r.value[j] = re, r.value[j].expanded && c.value.add(j), r.value[j].selected && u.value.add(j), r.value[j].active && m.value.add(j), T(j);
       }
     }
-    V(c, (E) => {
-      e.search || (i.value = [...E]);
+    R(c, (D) => {
+      e.search || (i.value = [...D]);
     }, {
       deep: !0
     });
-    function D(E = !0) {
-      return Object.entries(r.value).forEach(([B, Y]) => {
-        (E === !0 || Number(E) >= Y.level) && S(B, !0);
+    function A(D = !0) {
+      return Object.entries(r.value).forEach(([B, L]) => {
+        (D === !0 || Number(D) >= L.level) && S(B, !0);
       }), w(), c.value;
     }
-    function P(E, B, Y, N) {
-      const j = e.returnItem ? E.map(($) => Z($, e.itemKey)) : E, L = [...B.value];
-      Te(L, j) || (L.forEach(($) => {
-        Y($, !1);
-      }), j.forEach(($) => {
-        Y($, !0);
-      }), N());
-    }
-    V(o, (E) => {
-      P(E, c, S, w);
-    }), V(l, (E) => {
-      P(E, m, v, A);
-    }), V(s, (E) => {
-      P(E, u, f, b);
-    }), V(() => e.items, (E) => {
-      const B = Object.keys(r.value).map(($) => Z(r.value[$].item, e.itemKey)), Y = mu(E, e.itemKey, e.itemChildren), N = Zn(B, Y);
-      if (N.length < 1 && Y.length < B.length)
+    function P(D, B, L, I) {
+      const V = e.returnItem ? D.map(($) => Z($, e.itemKey)) : D, N = [...B.value];
+      Te(N, V) || (N.forEach(($) => {
+        L($, !1);
+      }), V.forEach(($) => {
+        L($, !0);
+      }), I());
+    }
+    R(o, (D) => {
+      P(D, c, S, w);
+    }), R(l, (D) => {
+      P(D, m, v, E);
+    }), R(s, (D) => {
+      P(D, u, f, b);
+    }), R(() => e.items, (D) => {
+      const B = Object.keys(r.value).map(($) => Z(r.value[$].item, e.itemKey)), L = mu(D, e.itemKey, e.itemChildren), I = Zn(B, L);
+      if (I.length < 1 && L.length < B.length)
         return;
-      N.forEach(($) => {
+      I.forEach(($) => {
         delete r.value[$];
       });
-      const j = [...u.value], L = [...m.value];
-      u.value.clear(), c.value.clear(), m.value.clear(), M(E), Te(j, [...u.value]) || b(), Te(L, [...m.value]) || A(), a.value(E, e.search, e.filter);
+      const V = [...u.value], N = [...m.value];
+      u.value.clear(), c.value.clear(), m.value.clear(), M(D), Te(V, [...u.value]) || b(), Te(N, [...m.value]) || E(), a.value(D, e.search, e.filter);
     }, {
       deep: !0,
       flush: "sync"
     }), M(e.items);
-    const C = x(() => e.items.slice().filter((E) => !y(Z(E, e.itemKey)))), O = x(() => ({
+    const C = x(() => e.items.slice().filter((D) => !y(Z(D, e.itemKey)))), O = x(() => ({
       "y-tree-view": !0
     })), _ = x(() => {
-      let E = e.activeColor;
-      return e.activeColor && !ze(e.activeColor) && (E = `var(--y-theme-${e.activeColor})`), {
-        "--y-tree-view__active-color": E
+      let D = e.activeColor;
+      return e.activeColor && !ze(e.activeColor) && (D = `var(--y-theme-${e.activeColor})`), {
+        "--y-tree-view__active-color": D
       };
     });
     return Pt(() => {
-      e.search && (g.value = !0, h(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? i.value = [...D(e.defaultExpand)] : (o.value.forEach((E) => {
-        S(k(E), !0);
+      e.search && (g.value = !0, h(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? i.value = [...A(e.defaultExpand)] : (o.value.forEach((D) => {
+        S(k(D), !0);
       }), w());
-      for (const E of e.active.map(k))
-        v(E, !0);
-      for (const E of e.selected.map(k))
-        f(E, !0);
+      for (const D of e.active.map(k))
+        v(D, !0);
+      for (const D of e.selected.map(k))
+        f(D, !0);
     }), n({
-      expand: D
-    }), K(() => d(J, null, [d("div", {
+      expand: A
+    }), W(() => d(J, null, [d("div", {
       class: O.value,
       style: _.value,
       role: "tree"
     }, [g.value && d(Xa, {
       indeterminate: !0
-    }, null), C.value.length > 0 ? C.value.slice().map((E) => d(Ai, H({
-      key: Z(E, e.itemKey)
+    }, null), C.value.length > 0 ? C.value.slice().map((D) => d(Ei, H({
+      key: Z(D, e.itemKey)
     }, {
       ...ee(e, ka),
-      item: E,
+      item: D,
       level: 0
     }), t)) : d("div", {
       class: "y-tree-view__no-data"
@@ -6208,7 +6218,7 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
       renderLeaves: C
     };
   }
-}), Oi = F({
+}), Oi = K({
   tag: {
     type: String,
     default: "div"
@@ -6216,7 +6226,7 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
   onClick: Function,
   disabled: Boolean,
   ...Ze()
-}, "YListItem"), Ln = /* @__PURE__ */ R({
+}, "YListItem"), Ln = /* @__PURE__ */ F({
   name: "YListItem",
   props: {
     ...Oi()
@@ -6236,7 +6246,7 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
       n("click", o);
     }
     const r = x(() => !e.disabled && !!e.onClick);
-    K(() => {
+    W(() => {
       const o = e.tag;
       return d(o, {
         class: ["y-list-item", {
@@ -6258,10 +6268,10 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
       });
     });
   }
-}), Mi = F({
+}), Mi = K({
   disabled: Boolean,
   ...Ze()
-}, "YList"), Vn = /* @__PURE__ */ R({
+}, "YList"), Vn = /* @__PURE__ */ F({
   name: "YList",
   props: {
     ...Mi()
@@ -6270,7 +6280,7 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
     slots: t,
     attrs: n
   }) {
-    const a = I(), {
+    const a = Y(), {
       themeClasses: i
     } = Je(e), r = X(!1);
     function o(u) {
@@ -6285,7 +6295,7 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
     }
     function c(u) {
     }
-    K(() => {
+    W(() => {
       var u;
       return d("div", H({
         ref: a,
@@ -6301,7 +6311,7 @@ const ka = Nn(), gu = /* @__PURE__ */ Cn({
   }
 });
 function bu() {
-  const e = I(), t = I(), n = X(), a = X(), i = X(), r = Dn(l, 100), { resizeObservedRef: o } = Ne((s) => {
+  const e = Y(), t = Y(), n = X(), a = X(), i = X(), r = An(l, 100), { resizeObservedRef: o } = Ne((s) => {
     r(s);
   });
   function l(s) {
@@ -6323,7 +6333,7 @@ function bu() {
       g && (i.value = g);
     }
   }
-  return V(e, (s) => {
+  return R(e, (s) => {
     if (s) {
       const c = o.value;
       t.value = c.querySelector(".y-table__wrapper") || void 0;
@@ -6337,7 +6347,7 @@ function bu() {
     tableRect: i
   };
 }
-const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
+const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = K({
   tag: {
     type: String,
     default: "div"
@@ -6352,7 +6362,7 @@ const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
     type: Boolean
   },
   onScroll: Function
-}, "YTable"), Ke = /* @__PURE__ */ R({
+}, "YTable"), Ke = /* @__PURE__ */ F({
   name: "YTable",
   props: {
     ...Fn()
@@ -6378,7 +6388,7 @@ const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
     function s(c) {
       n("scroll", c);
     }
-    K(() => {
+    W(() => {
       var m, g, p;
       const c = e.tag ?? "div", u = e.flexHeight ? ((m = r.value) == null ? void 0 : m.height) ?? e.height : e.height;
       return d(c, {
@@ -6410,7 +6420,7 @@ const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
       });
     });
   }
-}), wu = F(
+}), wu = K(
   {
     enableExpand: Boolean,
     expanded: {
@@ -6456,7 +6466,7 @@ function Pi() {
     throw new Error(`Not provided: ${yn.description}`);
   return e;
 }
-const Su = F(
+const Su = K(
   {
     headers: {
       type: Array,
@@ -6466,7 +6476,7 @@ const Su = F(
   "YDataTable--header"
 ), mn = Symbol.for("yuyeon.data-table.header");
 function Bi(e, t) {
-  const n = I([]), a = I([]);
+  const n = Y([]), a = Y([]);
   Ge(() => {
     var p, T;
     const r = (p = e.headers) != null && p.length ? [e.headers] : [], o = r.flatMap(
@@ -6498,9 +6508,9 @@ function Bi(e, t) {
           rowIndex: o[S].rowIndex
         });
     }
-    const u = De(l).map(
+    const u = Ae(l).map(
       () => []
-    ), m = De(l).fill(0);
+    ), m = Ae(l).fill(0);
     o.forEach(({ column: S, rowIndex: v }) => {
       const { key: f } = S;
       for (let w = v; w <= v + (S.rowspan ?? 1) - 1; w += 1)
@@ -6538,7 +6548,7 @@ function jn() {
     throw new Error(`Not provided: ${mn.description}`);
   return e;
 }
-const xu = F(
+const xu = K(
   {
     items: {
       type: Array,
@@ -6557,7 +6567,7 @@ const xu = F(
   "YDataTable--items"
 );
 function pu(e, t, n, a) {
-  const i = I(null), r = ke(t, e.itemKey), o = e.returnItem ? t : r;
+  const i = Y(null), r = ke(t, e.itemKey), o = e.returnItem ? t : r;
   let l;
   typeof e.itemSelectable == "function" ? l = !!e.itemSelectable(t) : l = ke(t, e.itemSelectable, !0);
   const s = a.reduce(
@@ -6591,14 +6601,14 @@ function Ni({ page: e, pageSize: t, sortBy: n, search: a }, i) {
     sortBy: n.value,
     search: a.value
   }));
-  V(
+  R(
     () => a == null ? void 0 : a.value,
     () => {
       e.value = 1;
     }
   );
   let o = null;
-  V(
+  R(
     r,
     () => {
       Te(o, r.value) || (i("update:options", r.value), o = r.value);
@@ -6606,7 +6616,7 @@ function Ni({ page: e, pageSize: t, sortBy: n, search: a }, i) {
     { deep: !0, immediate: !0 }
   );
 }
-const _u = Symbol.for("yuyeon.data-table.pagination"), ku = F(
+const _u = Symbol.for("yuyeon.data-table.pagination"), ku = K(
   {
     page: {
       type: [Number, String],
@@ -6635,7 +6645,7 @@ function Li(e) {
 }
 function Vi(e) {
   const { page: t, pageSize: n, total: a } = e, i = x(() => n.value === -1 ? 0 : n.value * (t.value - 1)), r = x(() => n.value === -1 ? a.value : Math.min(a.value, i.value + n.value)), o = x(() => n.value === -1 || a.value === 0 ? 1 : Math.ceil(a.value / n.value));
-  V([t, o], () => {
+  R([t, o], () => {
     t.value > o.value && (t.value = o.value);
   });
   function l(g, p) {
@@ -6668,7 +6678,7 @@ function Tu(e) {
   const { items: t, startIndex: n, endIndex: a, pageSize: i } = e;
   return { paginatedItems: x(() => i.value <= 0 ? t.value : t.value.slice(n.value, a.value)) };
 }
-const Eu = F(
+const Du = K(
   {
     enableSelect: Boolean,
     selectStrategy: {
@@ -6685,7 +6695,7 @@ const Eu = F(
     }
   },
   "YDataTable--selection"
-), Au = {
+), Eu = {
   showSelectAll: !1,
   allSelected: () => [],
   select: ({ items: e, value: t }) => {
@@ -6723,9 +6733,9 @@ function ji(e, {
     (v) => new Set(
       Oe(v).map((f) => {
         var w;
-        return ((w = t.value.find((A) => {
+        return ((w = t.value.find((E) => {
           const { itemComparator: b } = e;
-          return typeof b == "function" && b(f, A.value), ke(f, e.itemKey) === A.key;
+          return typeof b == "function" && b(f, E.value), ke(f, e.itemKey) === E.key;
         })) == null ? void 0 : w.value) ?? f;
       })
     ),
@@ -6739,7 +6749,7 @@ function ji(e, {
       return e.selectStrategy;
     switch (e.selectStrategy) {
       case "single":
-        return Au;
+        return Eu;
       case "all":
         return Fi;
       case "page":
@@ -6793,7 +6803,7 @@ function Kn() {
     throw new Error(`Not provided: ${hn.description}`);
   return e;
 }
-function Du(e, t, n, a) {
+function Au(e, t, n, a) {
   const { locale: i } = vt();
   return {
     sortedItems: x(() => n.value.length === 0 ? t.value : Ou(t.value, n.value, i.value))
@@ -6819,7 +6829,7 @@ function Ou(e, t, n) {
     return 0;
   }).map((r) => r);
 }
-const gn = Symbol.for("yuyeon.data-table.sorting"), Mu = F(
+const gn = Symbol.for("yuyeon.data-table.sorting"), Mu = K(
   {
     sortBy: {
       type: Array,
@@ -6852,7 +6862,7 @@ function Yu() {
     throw new Error(`Not provided: ${gn.description}`);
   return e;
 }
-const Yt = /* @__PURE__ */ R({
+const Yt = /* @__PURE__ */ F({
   name: "YDataTableCell",
   functional: !0,
   props: {
@@ -6893,7 +6903,7 @@ const Yt = /* @__PURE__ */ R({
       const r = {};
       return e.fixed && e.fixedOffset !== void 0 && (e.fixed.startsWith("lead") ? r.left = z(e.fixedOffset) : e.fixed.startsWith("trail") && (r.right = z(e.rightOffset))), r;
     });
-    K(() => {
+    W(() => {
       var o, l;
       const r = e.type === "head" ? "th" : "td";
       return d(r, H({
@@ -6919,7 +6929,7 @@ const Yt = /* @__PURE__ */ R({
       });
     });
   }
-}), Hi = F({
+}), Hi = K({
   index: Number,
   onHover: Function,
   onMousedown: Function,
@@ -6927,7 +6937,7 @@ const Yt = /* @__PURE__ */ R({
   onDblclick: Function,
   onContextmenu: Function,
   onKeydown: Function
-}, "YDataTableRow"), zi = /* @__PURE__ */ R({
+}, "YDataTableRow"), zi = /* @__PURE__ */ F({
   name: "YDataTableRow",
   props: {
     item: Object,
@@ -6974,7 +6984,7 @@ const Yt = /* @__PURE__ */ R({
       var f, w;
       (w = e.onKeydown) == null || w.call(e, v, (f = a == null ? void 0 : a.proxy) == null ? void 0 : f.$el);
     }
-    K(() => d("tr", {
+    W(() => d("tr", {
       class: ["y-data-table__row", {
         "y-data-table__row--selected": c.value,
         "y-data-table__row--expanded": l(e.item)
@@ -6986,7 +6996,7 @@ const Yt = /* @__PURE__ */ R({
       onKeydown: e.onKeydown && S
     }, [e.item && i.value.map((v, f) => {
       var h;
-      const w = e.item, A = {
+      const w = e.item, E = {
         index: e.index,
         item: e.item.raw,
         internalItem: e.item,
@@ -7000,17 +7010,17 @@ const Yt = /* @__PURE__ */ R({
       }, b = x(() => {
         const k = [];
         if (typeof v.classes == "function") {
-          const M = v.classes.call(null, A.item, A.index, v);
+          const M = v.classes.call(null, E.item, E.index, v);
           M && k.push(...u(M));
         } else v.classes && k.push(...u(v.classes));
         return k;
       }), y = typeof e.cellProps == "function" ? e.cellProps({
-        index: A.index,
+        index: E.index,
         column: v,
-        internalItem: A.internalItem,
-        item: A.item,
-        value: A.value,
-        selected: A.selected
+        internalItem: E.internalItem,
+        item: E.item,
+        value: E.value,
+        selected: E.selected
       }) : e.cellProps;
       return d(Yt, H({
         align: v.align,
@@ -7024,25 +7034,25 @@ const Yt = /* @__PURE__ */ R({
         }, ...b.value]
       }, y), {
         default: () => {
-          var M, D;
+          var M, A;
           const k = `item.${v.key}`;
-          return n[k] ? (M = n[k]) == null ? void 0 : M.call(n, A) : v.key === "data-table-select" ? ((D = n["item.data-table-select"]) == null ? void 0 : D.call(n, A)) ?? d(te, {
+          return n[k] ? (M = n[k]) == null ? void 0 : M.call(n, E) : v.key === "data-table-select" ? ((A = n["item.data-table-select"]) == null ? void 0 : A.call(n, E)) ?? d(te, {
             variation: "text,small",
             disabled: !w.selectable,
             onClick: (P) => {
               P.stopPropagation(), w.selectable && o(w);
             }
           }, {
-            default: () => [d(Ee, {
+            default: () => [d(De, {
               checked: r(w),
               disabled: !w.selectable
             }, null)]
-          }) : A.value;
+          }) : E.value;
         }
       });
     })]));
   }
-}), Wn = F({
+}), Wn = K({
   items: {
     type: Array,
     default: () => []
@@ -7061,7 +7071,7 @@ const Yt = /* @__PURE__ */ R({
   "onContextmenu:row": Function,
   "onMousedown:row": Function,
   "onKeydown:row": Function
-}, "YDataTableBody"), We = /* @__PURE__ */ R({
+}, "YDataTableBody"), We = /* @__PURE__ */ F({
   name: "YDataTableBody",
   props: {
     ...Wn()
@@ -7079,7 +7089,7 @@ const Yt = /* @__PURE__ */ R({
       isExpanded: r,
       toggleExpand: o
     } = Pi();
-    K(() => {
+    W(() => {
       var l, s;
       return e.loading && !e.items.length ? d("tr", null, [d("td", {
         colspan: n.value.length,
@@ -7101,37 +7111,37 @@ const Yt = /* @__PURE__ */ R({
           isExpanded: r,
           toggleExpand: o
         };
-        function g(A, b) {
+        function g(E, b) {
           var y;
-          (y = e["onClick:row"]) == null || y.call(e, A, {
+          (y = e["onClick:row"]) == null || y.call(e, E, {
             ...m,
             el: b
           });
         }
-        function p(A, b) {
+        function p(E, b) {
           var y;
-          (y = e["onDblclick:row"]) == null || y.call(e, A, {
+          (y = e["onDblclick:row"]) == null || y.call(e, E, {
             ...m,
             el: b
           });
         }
-        function T(A, b) {
+        function T(E, b) {
           var y;
-          (y = e["onContextmenu:row"]) == null || y.call(e, A, {
+          (y = e["onContextmenu:row"]) == null || y.call(e, E, {
             ...m,
             el: b
           });
         }
-        function S(A, b) {
+        function S(E, b) {
           var y;
-          (y = e["onMousedown:row"]) == null || y.call(e, A, {
+          (y = e["onMousedown:row"]) == null || y.call(e, E, {
             ...m,
             el: b
           });
         }
-        function v(A, b) {
+        function v(E, b) {
           var y;
-          (y = e["onKeydown:row"]) == null || y.call(e, A, {
+          (y = e["onKeydown:row"]) == null || y.call(e, E, {
             ...m,
             el: b
           });
@@ -7154,8 +7164,8 @@ const Yt = /* @__PURE__ */ R({
           onKeydown: v
         };
         return d(J, null, [t.item ? t.item(f) : d(zi, H({
-          ref: (A) => {
-            c._bindRowRef(A);
+          ref: (E) => {
+            c._bindRowRef(E);
           }
         }, f.props, {
           onClick: e["onClick:row"] && g,
@@ -7169,14 +7179,14 @@ const Yt = /* @__PURE__ */ R({
   }
 });
 function Iu() {
-  const e = I([]);
-  Dr(() => e.value = []);
+  const e = Y([]);
+  Ar(() => e.value = []);
   function t(n, a) {
     e.value[a] = n;
   }
   return { refs: e, updateRef: t };
 }
-const Ui = F({
+const Ui = K({
   start: {
     type: [Number, String],
     default: 1
@@ -7209,7 +7219,7 @@ const Ui = F({
   // lastIcon: [String],
   // prevIcon: [String],
   // nextIcon: [String],
-}, "YPagination"), qi = /* @__PURE__ */ R({
+}, "YPagination"), qi = /* @__PURE__ */ F({
   name: "YPagination",
   components: {
     YButton: te
@@ -7231,15 +7241,15 @@ const Ui = F({
       if (1 > f.length) return;
       const {
         target: w,
-        contentRect: A
+        contentRect: E
       } = f[0], b = w.querySelector(".y-pagination__list > *");
       if (b) {
-        const y = A.width, h = b.offsetWidth + parseFloat(getComputedStyle(b).marginRight) * 2;
+        const y = E.width, h = b.offsetWidth + parseFloat(getComputedStyle(b).marginRight) * 2;
         o.value = s(y, h);
       }
     });
     function s(f, w) {
-      const A = e.showEndButton ? 5 : 3, b = +(e.gap ?? 4), y = (w + b) * A - b, h = Math.max(0, Math.floor(+((f - y) / (w + b)).toFixed(2))), k = Number(e.maxVisible);
+      const E = e.showEndButton ? 5 : 3, b = +(e.gap ?? 4), y = (w + b) * E - b, h = Math.max(0, Math.floor(+((f - y) / (w + b)).toFixed(2))), k = Number(e.maxVisible);
       return isNaN(k) ? h : Math.min(k, h);
     }
     const c = x(() => {
@@ -7255,15 +7265,15 @@ const Ui = F({
         first: {
           disabled: f,
           variation: e.buttonVariation,
-          onClick: (A) => {
-            A.preventDefault(), a.value = 1, n("change", 1, "first");
+          onClick: (E) => {
+            E.preventDefault(), a.value = 1, n("change", 1, "first");
           }
         },
         prev: {
           disabled: f,
           variation: e.buttonVariation,
-          onClick: (A) => {
-            A.preventDefault();
+          onClick: (E) => {
+            E.preventDefault();
             const b = Math.max(1, a.value - 1);
             a.value = b, n("change", b, "prev");
           }
@@ -7271,8 +7281,8 @@ const Ui = F({
         next: {
           disabled: w,
           variation: e.buttonVariation,
-          onClick: (A) => {
-            A.preventDefault();
+          onClick: (E) => {
+            E.preventDefault();
             const b = Math.min(+i.value, a.value + 1);
             a.value = b, n("change", b, "next");
           }
@@ -7280,8 +7290,8 @@ const Ui = F({
         last: {
           disabled: w,
           variation: e.buttonVariation,
-          onClick: (A) => {
-            A.preventDefault();
+          onClick: (E) => {
+            E.preventDefault();
             const b = +i.value;
             a.value = +i.value, n("change", b, "last");
           }
@@ -7293,16 +7303,16 @@ const Ui = F({
       if (c.value <= 1)
         return [a.value];
       if (i.value <= c.value)
-        return De(i.value, r.value);
-      const f = c.value % 2 === 0, w = f ? c.value / 2 : Math.floor(c.value / 2), A = f ? w : w + 1, b = i.value - w;
-      if (A - a.value >= 0)
-        return [...De(Math.max(1, c.value - 1), r.value), "ellipsis", i.value];
+        return Ae(i.value, r.value);
+      const f = c.value % 2 === 0, w = f ? c.value / 2 : Math.floor(c.value / 2), E = f ? w : w + 1, b = i.value - w;
+      if (E - a.value >= 0)
+        return [...Ae(Math.max(1, c.value - 1), r.value), "ellipsis", i.value];
       if (a.value - b >= (f ? 1 : 0)) {
         const y = c.value - 1, h = i.value - y + r.value;
-        return [r.value, "ellipsis", ...De(y, h)];
+        return [r.value, "ellipsis", ...Ae(y, h)];
       } else {
         const y = Math.max(1, c.value - 3), h = y === 1 ? a.value : a.value - Math.ceil(y / 2) + r.value;
-        return [r.value, "ellipsis", ...De(y, h), "ellipsis", i.value];
+        return [r.value, "ellipsis", ...Ae(y, h), "ellipsis", i.value];
       }
     }), {
       refs: g,
@@ -7312,14 +7322,14 @@ const Ui = F({
       f.preventDefault(), a.value = w, n("change", w);
     }
     const S = x(() => m.value.map((f, w) => {
-      const A = (b) => p(b, w);
+      const E = (b) => p(b, w);
       if (f === "ellipsis")
         return {
           active: !1,
           key: `ellipsis-${w}`,
           page: f,
           props: {
-            ref: A,
+            ref: E,
             ellipsis: !0,
             disabled: !0
             // TODO: skipper
@@ -7332,7 +7342,7 @@ const Ui = F({
           key: `item-${f}`,
           page: f,
           props: {
-            ref: A,
+            ref: E,
             ellipsis: !1,
             disabled: !!e.disabled || +e.length < 2,
             color: b ? e.activeColor : e.color,
@@ -7351,7 +7361,7 @@ const Ui = F({
         "--y-pagination__gap": f
       };
     });
-    return K(() => d("div", {
+    return W(() => d("div", {
       class: ["y-pagination", {
         [`y-pagination--align-${e.align}`]: e.align !== "start"
       }],
@@ -7401,7 +7411,7 @@ const Ui = F({
       refs: g
     };
   }
-}), jt = F({
+}), jt = K({
   pageLength: Number,
   setPageSize: Function,
   setPage: Function,
@@ -7409,19 +7419,19 @@ const Ui = F({
     type: Object
   },
   ...ku()
-}, "YDataTableControl"), He = /* @__PURE__ */ R({
+}, "YDataTableControl"), He = /* @__PURE__ */ F({
   name: "YDataTableControl",
   components: {
     YButton: te,
     YIconExpand: ct,
-    YFieldInput: Et,
+    YFieldInput: Dt,
     YIconPageControl: _e
   },
   props: jt(),
   setup(e, {
     slots: t
   }) {
-    K(() => {
+    W(() => {
       var n, a;
       return d("footer", {
         class: ["y-data-table-control"]
@@ -7436,7 +7446,7 @@ const Ui = F({
       }), null)])]), (a = t.append) == null ? void 0 : a.call(t, e)]);
     });
   }
-}), Gi = F({
+}), Gi = K({
   multiSort: Boolean,
   sortAscIcon: {
     type: String,
@@ -7448,7 +7458,7 @@ const Ui = F({
   },
   dualSortIcon: Boolean,
   sticky: Boolean
-}, "YDataTableHead"), rt = /* @__PURE__ */ R({
+}, "YDataTableHead"), rt = /* @__PURE__ */ F({
   name: "YDataTableHead",
   components: {
     YDataTableCell: Yt
@@ -7520,7 +7530,7 @@ const Ui = F({
     }), {
       default: () => {
         var y, h, k;
-        const A = `header.${v.key}`, b = {
+        const E = `header.${v.key}`, b = {
           column: v,
           selectAll: l,
           isSorted: i,
@@ -7531,14 +7541,14 @@ const Ui = F({
           selectables: c.value,
           getSortDirection: T
         };
-        return t[A] ? (y = t[A]) == null ? void 0 : y.call(t, b) : v.key === "data-table-select" ? ((h = t["header.data-table-select"]) == null ? void 0 : h.call(t, b)) ?? (s && d(te, {
+        return t[E] ? (y = t[E]) == null ? void 0 : y.call(t, b) : v.key === "data-table-select" ? ((h = t["header.data-table-select"]) == null ? void 0 : h.call(t, b)) ?? (s && d(te, {
           variation: "text,small",
           disabled: c.value.length < 1,
           onClick: (M) => {
             M.stopPropagation(), l(!o.value);
           }
         }, {
-          default: () => [d(Ee, {
+          default: () => [d(De, {
             checked: o.value,
             indeterminate: !o.value && r.value,
             disabled: c.value.length < 1
@@ -7560,16 +7570,16 @@ const Ui = F({
         }, null)])]);
       }
     });
-    K(() => {
+    W(() => {
       var v;
-      return d(J, null, [t.head ? (v = t.head) == null ? void 0 : v.call(t, e) : m.value.map((f, w) => d("tr", null, [f.map((A, b) => d(S, {
-        column: A,
+      return d(J, null, [t.head ? (v = t.head) == null ? void 0 : v.call(t, e) : m.value.map((f, w) => d("tr", null, [f.map((E, b) => d(S, {
+        column: E,
         x: b,
         y: w
       }, null))]))]);
     });
   }
-}), It = /* @__PURE__ */ R({
+}), It = /* @__PURE__ */ F({
   name: "YDataTableLayer",
   props: {
     slotProps: Object
@@ -7578,7 +7588,7 @@ const Ui = F({
     slots: t
   }) {
     const n = ce(Yi), a = ce(Rn);
-    return K(() => {
+    return W(() => {
       var r, o, l;
       const i = {
         ...e.slotProps,
@@ -7596,7 +7606,7 @@ const Ui = F({
       YTableWire: n
     };
   }
-}), Hn = F({
+}), Hn = K({
   ...Wn(),
   width: [String, Number],
   search: String,
@@ -7604,11 +7614,11 @@ const Ui = F({
   ...Su(),
   ...xu(),
   ...Mu(),
-  ...Eu(),
+  ...Du(),
   ...wu(),
   ...Gi(),
   ...Fn()
-}, "DataTable"), Pu = /* @__PURE__ */ R({
+}, "DataTable"), Pu = /* @__PURE__ */ F({
   name: "YDataTable",
   props: {
     ...Se(jt(), ["setPage", "setPageSize", "pageLength"]),
@@ -7628,7 +7638,7 @@ const Ui = F({
     slots: t,
     emit: n
   }) {
-    const a = I(), {
+    const a = Y(), {
       page: i,
       pageSize: r
     } = Li(e), {
@@ -7659,8 +7669,8 @@ const Ui = F({
       total: g
     }), {
       sortedItems: w
-    } = Du(e, u, o), {
-      paginatedItems: A
+    } = Au(e, u, o), {
+      paginatedItems: E
     } = Tu({
       items: w,
       startIndex: p,
@@ -7672,7 +7682,7 @@ const Ui = F({
       selectAll: h,
       toggleSelect: k,
       someSelected: M,
-      allSelected: D
+      allSelected: A
     } = ji(e, {
       allItems: u,
       pageItems: u
@@ -7689,7 +7699,7 @@ const Ui = F({
       search: ue(e, "search"),
       sortBy: o
     }, n);
-    const E = x(() => ({
+    const D = x(() => ({
       // pagination
       page: i.value,
       pageSize: r.value,
@@ -7704,13 +7714,13 @@ const Ui = F({
       toggleExpand: C,
       // selection
       someSelected: M.value,
-      allSelected: D.value,
+      allSelected: A.value,
       isSelected: b,
       select: y,
       selectAll: h,
       toggleSelect: k,
       // matrix
-      items: A.value,
+      items: E.value,
       columns: s.value,
       headers: c.value,
       //
@@ -7720,40 +7730,40 @@ const Ui = F({
       toggleSort: m,
       sortBy: o,
       headRect: _
-    }), K(() => {
-      var j;
-      const B = ee(e, rt.props), Y = ee(e, We.props), N = ee(e, Ke.props);
+    }), W(() => {
+      var V;
+      const B = ee(e, rt.props), L = ee(e, We.props), I = ee(e, Ke.props);
       return d(Ke, H({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
-      }, N, {
+      }, I, {
         style: {
-          "--y-table-head-height": z((j = _.value) == null ? void 0 : j.height)
+          "--y-table-head-height": z((V = _.value) == null ? void 0 : V.height)
         }
       }), {
         top: () => {
-          var L;
-          return (L = t.top) == null ? void 0 : L.call(t, E.value);
+          var N;
+          return (N = t.top) == null ? void 0 : N.call(t, D.value);
         },
-        leading: () => t.leading ? t.leading(E.value) : d(J, null, [d(It, {
-          "slot-props": E.value
+        leading: () => t.leading ? t.leading(D.value) : d(J, null, [d(It, {
+          "slot-props": D.value
         }, t)]),
         default: () => {
-          var L, $, W;
-          return t.default ? t.default(E.value) : d(J, null, [d("thead", {
+          var N, $, j;
+          return t.default ? t.default(D.value) : d(J, null, [d("thead", {
             ref: O
-          }, [d(rt, B, t)]), (L = t.thead) == null ? void 0 : L.call(t, E.value), !e.hideDefaultTbody && d("tbody", null, [d(We, H({
+          }, [d(rt, B, t)]), (N = t.thead) == null ? void 0 : N.call(t, D.value), !e.hideDefaultTbody && d("tbody", null, [d(We, H({
             ref: a
-          }, Y, {
-            items: E.value.items
-          }), t)]), ($ = t.tbody) == null ? void 0 : $.call(t, E.value), (W = t.tfoot) == null ? void 0 : W.call(t, E.value)]);
+          }, L, {
+            items: D.value.items
+          }), t)]), ($ = t.tbody) == null ? void 0 : $.call(t, D.value), (j = t.tfoot) == null ? void 0 : j.call(t, D.value)]);
         },
         trailing: () => {
-          var L;
-          return (L = t.trailing) == null ? void 0 : L.call(t, E.value);
+          var N;
+          return (N = t.trailing) == null ? void 0 : N.call(t, D.value);
         },
-        bottom: () => t.bottom ? t.bottom(E.value) : d(He, H(ee(E.value, He.props), {
+        bottom: () => t.bottom ? t.bottom(D.value) : d(He, H(ee(D.value, He.props), {
           paginationProps: e.paginationProps
         }), {
           prepend: t["control.prepend"],
@@ -7761,17 +7771,17 @@ const Ui = F({
         })
       });
     }), {
-      paginatedItems: A
+      paginatedItems: E
     };
   }
-}), Xi = F({
+}), Xi = K({
   total: {
     type: [Number, String],
     required: !0
   },
   ...Se(jt(), ["setPage", "setPageSize", "pageLength"]),
   ...Hn()
-}, "YDataTableServer"), Bu = /* @__PURE__ */ R({
+}, "YDataTableServer"), Bu = /* @__PURE__ */ F({
   name: "YDataTableServer",
   components: {
     YTable: Ke,
@@ -7796,7 +7806,7 @@ const Ui = F({
     slots: t,
     emit: n
   }) {
-    const a = I(), {
+    const a = Y(), {
       page: i,
       pageSize: r
     } = Li(e), {
@@ -7827,7 +7837,7 @@ const Ui = F({
       isSelected: v,
       select: f,
       selectAll: w,
-      toggleSelect: A,
+      toggleSelect: E,
       someSelected: b,
       allSelected: y
     } = ji(e, {
@@ -7836,10 +7846,10 @@ const Ui = F({
     }), {
       isExpanded: h,
       toggleExpand: k
-    } = Ii(e), M = I(), D = Dn(O, 100), {
+    } = Ii(e), M = Y(), A = An(O, 100), {
       resizeObservedRef: P
     } = Ne((_) => {
-      D(_);
+      A(_);
     });
     Ni({
       page: i,
@@ -7866,7 +7876,7 @@ const Ui = F({
       isSelected: v,
       select: f,
       selectAll: w,
-      toggleSelect: A,
+      toggleSelect: E,
       // matrix
       items: m.value,
       columns: c.value,
@@ -7881,38 +7891,38 @@ const Ui = F({
       toggleSort: g,
       sortBy: o,
       headRect: M
-    }), K(() => {
-      var Y;
-      const _ = ee(e, rt.props), E = ee(e, We.props), B = ee(e, Ke.props);
+    }), W(() => {
+      var L;
+      const _ = ee(e, rt.props), D = ee(e, We.props), B = ee(e, Ke.props);
       return d(Ke, H({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
       }, B, {
         style: {
-          "--y-table-head-height": z((Y = M.value) == null ? void 0 : Y.height)
+          "--y-table-head-height": z((L = M.value) == null ? void 0 : L.height)
         }
       }), {
         top: () => {
-          var N;
-          return (N = t.top) == null ? void 0 : N.call(t, C.value);
+          var I;
+          return (I = t.top) == null ? void 0 : I.call(t, C.value);
         },
         leading: () => t.leading ? t.leading(C.value) : d(J, null, [d(It, {
           slotProps: C.value
         }, t)]),
         default: () => {
-          var N, j, L;
+          var I, V, N;
           return t.default ? t.default(C.value) : d(J, null, [d("thead", {
             ref: P
-          }, [d(rt, _, t)]), (N = t.thead) == null ? void 0 : N.call(t, C.value), d("tbody", null, [d(We, H({
+          }, [d(rt, _, t)]), (I = t.thead) == null ? void 0 : I.call(t, C.value), d("tbody", null, [d(We, H({
             ref: a
-          }, E, {
+          }, D, {
             items: m.value
-          }), t)]), (j = t.tbody) == null ? void 0 : j.call(t, C.value), (L = t.tfoot) == null ? void 0 : L.call(t, C.value)]);
+          }), t)]), (V = t.tbody) == null ? void 0 : V.call(t, C.value), (N = t.tfoot) == null ? void 0 : N.call(t, C.value)]);
         },
         trailing: () => {
-          var N;
-          return (N = t.trailing) == null ? void 0 : N.call(t, C.value);
+          var I;
+          return (I = t.trailing) == null ? void 0 : I.call(t, C.value);
         },
         bottom: () => t.bottom ? t.bottom(C.value) : d(He, H(ee(C.value, He.props), {
           paginationProps: e.paginationProps
@@ -7922,7 +7932,7 @@ const Ui = F({
       });
     });
   }
-}), Zi = /* @__PURE__ */ R({
+}), Zi = /* @__PURE__ */ F({
   name: "YDataTableLayerRow",
   props: {
     layerProps: Object,
@@ -7942,7 +7952,7 @@ const Ui = F({
   setup(e, {
     slots: t
   }) {
-    const n = X(null), a = Or("layerRowRef"), i = X(null), r = X(!1), o = I(), l = x(() => {
+    const n = X(null), a = Or("layerRowRef"), i = X(null), r = X(!1), o = Y(), l = x(() => {
       var u, m, g, p, T, S, v;
       const c = ((g = e.styles) == null ? void 0 : g.call(e, e.item, {
         width: e.width,
@@ -7958,7 +7968,7 @@ const Ui = F({
       const c = (u = e.classes) == null ? void 0 : u.call(e, e.item);
       return Array.isArray(c) ? c : [c];
     });
-    V(() => {
+    R(() => {
       var c;
       return (c = e.item) == null ? void 0 : c.rowRef.value;
     }, () => {
@@ -7966,7 +7976,7 @@ const Ui = F({
       o.value = (u = (c = e.item) == null ? void 0 : c.rowRef.value) == null ? void 0 : u.$el;
     }, {
       immediate: !0
-    }), V(o, (c, u) => {
+    }), R(o, (c, u) => {
       var m, g;
       c ? ((m = n.value) == null || m.unobserve(c), n.value = new ResizeObserver(() => {
         i.value = c.getClientRects();
@@ -7975,7 +7985,7 @@ const Ui = F({
       immediate: !0
     }), Le(() => {
       n.value && (n.value.disconnect(), n.value = null);
-    }), K(() => {
+    }), W(() => {
       var c, u;
       return Be(d("div", {
         ref: a,
@@ -7989,7 +7999,7 @@ const Ui = F({
       })]), [[st, r.value]]);
     });
   }
-}), $u = /* @__PURE__ */ R({
+}), $u = /* @__PURE__ */ F({
   name: "YDataTableLayerRows",
   props: {
     layerProps: Object,
@@ -8009,7 +8019,7 @@ const Ui = F({
       var c, u;
       return (u = (c = e.layerProps) == null ? void 0 : c.YDataTable) == null ? void 0 : u.headRect.value;
     });
-    V(o, (c) => {
+    R(o, (c) => {
       c && (s(), c.addEventListener("scroll", s), n.value = new ResizeObserver(() => {
         a.value = c.offsetTop ?? 0, r.value = (c == null ? void 0 : c.clientWidth) ?? 0;
       }), n.value.observe(c));
@@ -8022,7 +8032,7 @@ const Ui = F({
         i.value = ((c = o.value) == null ? void 0 : c.scrollTop) ?? 0;
       });
     }
-    K(() => {
+    W(() => {
       var c;
       return d("div", {
         class: "y-data-table-layer-rows"
@@ -8059,7 +8069,7 @@ const zn = {
     scrollStrategy: "reposition"
   }),
   preventCloseBubble: Boolean
-}, lt = /* @__PURE__ */ R({
+}, lt = /* @__PURE__ */ F({
   name: Ji,
   props: {
     ...zn,
@@ -8076,7 +8086,7 @@ const zn = {
     expose: a
   }) {
     ie();
-    const i = I(), r = x(() => ({
+    const i = Y(), r = x(() => ({
       ...Ie(e.menuClasses),
       "y-menu": !0
     })), o = q(e), l = x(() => {
@@ -8100,7 +8110,7 @@ const zn = {
     function T(y) {
       e.openOnHover && g();
     }
-    V(l, (y) => {
+    R(l, (y) => {
       n("hoverContent", y), y || g();
     });
     function S(y) {
@@ -8122,8 +8132,8 @@ const zn = {
         }
         if (o.value) {
           c.value.length === 0 && (o.value = !1);
-          const M = (h = u == null ? void 0 : u.$el.value) == null ? void 0 : h.content$, D = (k = u == null ? void 0 : u.$el.value) == null ? void 0 : k.modal;
-          !(M && !Ll(y, M)) && !D && !e.preventCloseBubble && (u == null || u.clear());
+          const M = (h = u == null ? void 0 : u.$el.value) == null ? void 0 : h.content$, A = (k = u == null ? void 0 : u.$el.value) == null ? void 0 : k.modal;
+          !(M && !Ll(y, M)) && !A && !e.preventCloseBubble && (u == null || u.clear());
         }
       }
     }
@@ -8133,7 +8143,7 @@ const zn = {
     function w(y) {
       y.removeEventListener("mouseenter", p), y.removeEventListener("mouseleave", T);
     }
-    V(() => {
+    R(() => {
       var y;
       return (y = i.value) == null ? void 0 : y.baseEl;
     }, (y, h) => {
@@ -8141,7 +8151,7 @@ const zn = {
     }, {
       immediate: !0
     });
-    const A = x(() => ({
+    const E = x(() => ({
       ...Ie(e.contentClasses)
     })), b = x(() => {
       var y;
@@ -8150,7 +8160,7 @@ const zn = {
     return a({
       layer$: i,
       baseEl: b
-    }), K(() => d(J, null, [d(he, H({
+    }), W(() => d(J, null, [d(he, H({
       ref: i,
       transition: e.transition,
       "onClick:complement": v,
@@ -8161,7 +8171,7 @@ const zn = {
       scrim: !1,
       contentClasses: {
         "y-menu__content": !0,
-        ...A.value
+        ...E.value
       }
     }, {
       modelValue: o.value,
@@ -8185,10 +8195,10 @@ const zn = {
       hovered: l
     };
   }
-}), bn = /* @__PURE__ */ R({
+}), bn = /* @__PURE__ */ F({
   name: "YInputCheckbox",
   components: {
-    YIconCheckbox: Ee
+    YIconCheckbox: De
   },
   props: {
     id: String,
@@ -8228,7 +8238,7 @@ const zn = {
       return this.id && (e = this.id), `input-${e}`;
     },
     iconComponent() {
-      return this.icon ? null : Ee;
+      return this.icon ? null : De;
     }
   },
   methods: {
@@ -8277,9 +8287,9 @@ const zn = {
       readonly: l
     }, null), this.$slots.icon ? this.$slots.icon({
       checked: a
-    }) : s ? fe(s) : d(Ee, null, null)])]);
+    }) : s ? fe(s) : d(De, null, null)])]);
   }
-}), Nu = /* @__PURE__ */ R({
+}), Nu = /* @__PURE__ */ F({
   name: "YCheckbox",
   components: {
     YInputCheckbox: bn
@@ -8304,7 +8314,7 @@ const zn = {
     emit: t,
     slots: n
   }) {
-    const a = I(!1), i = I(!1), r = (Xe() ?? "").toString(), o = `input-${r}`;
+    const a = Y(!1), i = Y(!1), r = (Xe() ?? "").toString(), o = `input-${r}`;
     function l(S) {
       a.value = !0, t("focus", S);
     }
@@ -8340,18 +8350,18 @@ const zn = {
     function T() {
       return p.value ? e.modelValue.findIndex((S) => S === e.value) : -1;
     }
-    return V(i, (S) => {
+    return R(i, (S) => {
       if (Array.isArray(e.modelValue)) {
         const v = e.modelValue, f = T();
         S && f === -1 ? v.push(e.value) : !S && f !== -1 && v.splice(f, 1), t("update:modelValue", v);
       } else
         t("update:modelValue", S);
-    }), V(() => e.modelValue, (S) => {
+    }), R(() => e.modelValue, (S) => {
       Array.isArray(S) ? u() : i.value = !!S;
     }, {
       immediate: !0,
       deep: !0
-    }), K(() => {
+    }), W(() => {
       var S, v, f;
       return d("div", {
         class: [{
@@ -8360,8 +8370,8 @@ const zn = {
       }, [(S = n.leading) == null ? void 0 : S.call(n), d("div", {
         class: "y-checkbox__slot"
       }, [d(bn, {
-        onClick: (w, ...A) => {
-          w.stopPropagation(), c(w, ...A);
+        onClick: (w, ...E) => {
+          w.stopPropagation(), c(w, ...E);
         },
         onFocus: l,
         onBlur: s,
@@ -8374,8 +8384,8 @@ const zn = {
       }, {
         default: () => [n.icon && {
           icon: (...w) => {
-            var A;
-            return (A = n.icon) == null ? void 0 : A.call(n, ...w);
+            var E;
+            return (E = n.icon) == null ? void 0 : E.call(n, ...w);
           }
         }]
       }), d("label", {
@@ -8388,7 +8398,7 @@ const zn = {
       checked: i
     };
   }
-}), Un = [String, Object, Array, Function], Qi = F({
+}), Un = [String, Object, Array, Function], Qi = K({
   icon: {
     type: Un
   },
@@ -8396,7 +8406,7 @@ const zn = {
     type: String,
     required: !0
   }
-}, "icon"), nn = /* @__PURE__ */ R({
+}, "icon"), nn = /* @__PURE__ */ F({
   name: "YComponentIcon",
   props: Qi(),
   setup(e, {
@@ -8413,7 +8423,7 @@ const zn = {
       });
     };
   }
-}), er = /* @__PURE__ */ R({
+}), er = /* @__PURE__ */ F({
   name: "YSvgIcon",
   inheritAttrs: !1,
   props: Qi(),
@@ -8515,7 +8525,7 @@ function Vu(e) {
 function Ru(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !dt(e);
 }
-const nr = F({
+const nr = K({
   color: String,
   gap: String,
   icon: Un,
@@ -8528,19 +8538,19 @@ const nr = F({
   },
   class: [String, Array],
   ...Ze()
-}, "YIcon"), Pe = /* @__PURE__ */ R({
+}, "YIcon"), Pe = /* @__PURE__ */ F({
   name: "YIcon",
   props: nr(),
   setup(e, {
     attrs: t,
     slots: n
   }) {
-    const a = I(), {
+    const a = Y(), {
       themeClasses: i
     } = Je(e), {
       iconData: r
     } = Vu(x(() => a.value || e.icon));
-    K(() => {
+    W(() => {
       var l, s;
       const o = (l = n.default) == null ? void 0 : l.call(n);
       return o && (a.value = (s = o.filter((c) => c.type === Text && c.children && typeof c.children == "string")[0]) == null ? void 0 : s.children), d(r.value.component, {
@@ -8565,7 +8575,7 @@ const nr = F({
 function Fu(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !dt(e);
 }
-const ar = F({
+const ar = K({
   ...Se(zn, ["modelValue", "coordinateStrategy"]),
   modelValue: Boolean,
   variation: String,
@@ -8582,7 +8592,7 @@ const ar = F({
     transition: "fade"
   }),
   ...Vt
-}, "YDropdown"), ju = /* @__PURE__ */ R({
+}, "YDropdown"), ju = /* @__PURE__ */ F({
   name: "YDropdown",
   inheritAttrs: !1,
   components: {
@@ -8602,7 +8612,7 @@ const ar = F({
     function r(o) {
       i.value = !1, a("click", o);
     }
-    K(() => {
+    W(() => {
       const o = ee(e, lt.props), l = ee(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Pe.props);
       return d(J, null, [d(lt, H(o, {
         modelValue: i.value,
@@ -8662,7 +8672,7 @@ const ar = F({
     itemChildren: !1
   }),
   returnItem: Boolean
-}, Wu = F(
+}, Wu = K(
   Ku,
   "list-items"
 );
@@ -8706,7 +8716,7 @@ function Hu(e) {
 function zu(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !dt(e);
 }
-const lr = F({
+const lr = K({
   opened: Boolean,
   closeOnBlur: Boolean,
   multiple: Boolean,
@@ -8719,7 +8729,7 @@ const lr = F({
     type: Object
   },
   ...Wu()
-}, "Select"), or = F({
+}, "Select"), or = K({
   maxHeight: {
     type: [Number, String],
     default: 310
@@ -8737,11 +8747,11 @@ const lr = F({
     default: 200
   },
   ...lr(),
-  ...An(),
+  ...En(),
   ...Se(Yn({
     position: "bottom"
   }), ["coordinateStrategy"])
-}, "YSelect"), Uu = /* @__PURE__ */ R({
+}, "YSelect"), Uu = /* @__PURE__ */ F({
   name: "YSelect",
   inheritAttrs: !1,
   props: {
@@ -8760,31 +8770,31 @@ const lr = F({
     expose: a,
     emit: i
   }) {
-    const r = I(), o = I(), l = I(), s = I(), c = q(e, "opened"), u = X(!1), {
+    const r = Y(), o = Y(), l = Y(), s = Y(), c = q(e, "opened"), u = X(!1), {
       items: m,
       toRefineItems: g,
       toEmitItems: p
     } = Hu(e), {
       t: T
     } = vt(), S = (B) => {
-      const Y = p(Oe(B));
-      return e.multiple ? Y : Y[0] ?? null;
+      const L = p(Oe(B));
+      return e.multiple ? L : L[0] ?? null;
     }, v = q(e, "modelValue", [], (B) => g(B === null ? [null] : Oe(B)), S), f = x(() => {
       const B = [];
-      for (const Y of v.value) {
-        const N = m.value.find((j) => e.itemComparator(j.value, Y.value));
-        N !== void 0 && B.push(N);
+      for (const L of v.value) {
+        const I = m.value.find((V) => e.itemComparator(V.value, L.value));
+        I !== void 0 && B.push(I);
       }
       return B;
     }), w = x(() => f.value.map((B) => {
-      var Y;
-      return (Y = B == null ? void 0 : B.props) == null ? void 0 : Y.value;
-    })), A = x(() => ({
+      var L;
+      return (L = B == null ? void 0 : B.props) == null ? void 0 : L.value;
+    })), E = x(() => ({
       ...e.menuProps,
       preventCloseBubble: !0
     }));
     function b(B) {
-      return !!f.value.find((Y) => (Y == null ? void 0 : Y.value) === B.value);
+      return !!f.value.find((L) => (L == null ? void 0 : L.value) === B.value);
     }
     function y(B) {
       e.disabled || (c.value = !c.value);
@@ -8794,72 +8804,72 @@ const lr = F({
     }
     function k(B) {
       requestAnimationFrame(() => {
-        var N, j;
-        const Y = (j = (N = o.value) == null ? void 0 : N.layer$) == null ? void 0 : j.content$;
-        Y != null && Y.contains(document.activeElement) || c.value && e.closeOnBlur && (c.value = !1);
+        var I, V;
+        const L = (V = (I = o.value) == null ? void 0 : I.layer$) == null ? void 0 : V.content$;
+        L != null && L.contains(document.activeElement) || c.value && e.closeOnBlur && (c.value = !1);
       });
     }
-    function M(B, Y) {
-      B.disabled || (C(B, Y), e.multiple || setTimeout(() => {
+    function M(B, L) {
+      B.disabled || (C(B, L), e.multiple || setTimeout(() => {
         c.value = !1;
       }, 40));
     }
-    function D() {
+    function A() {
       u.value;
     }
     function P(B) {
-      var Y, N, j, L, $;
-      if (B.target && ((N = (Y = o.value) == null ? void 0 : Y.layer$) != null && N.content$))
-        return ($ = B.target) == null ? void 0 : $.contains((L = (j = o.value) == null ? void 0 : j.layer$) == null ? void 0 : L.content$);
+      var L, I, V, N, $;
+      if (B.target && ((I = (L = o.value) == null ? void 0 : L.layer$) != null && I.content$))
+        return ($ = B.target) == null ? void 0 : $.contains((N = (V = o.value) == null ? void 0 : V.layer$) == null ? void 0 : N.content$);
     }
-    function C(B, Y) {
-      let N;
+    function C(B, L) {
+      let I;
       if (e.multiple) {
-        const j = f.value.findIndex((L) => L.value === B.value);
-        if (j === -1)
-          N = [...v.value, B];
+        const V = f.value.findIndex((N) => N.value === B.value);
+        if (V === -1)
+          I = [...v.value, B];
         else {
-          const L = v.value.slice();
-          L.splice(j, 1), N = L;
+          const N = v.value.slice();
+          N.splice(V, 1), I = N;
         }
       } else
-        N = [B];
-      v.value = N, i("change", S(N), Y, r.value);
+        I = [B];
+      v.value = I, i("change", S(I), L, r.value);
     }
     const O = x(() => {
-      var B, Y;
-      return e.multiple ? f.value.map((N) => N.text).join(", ") : ((Y = (B = f.value) == null ? void 0 : B[0]) == null ? void 0 : Y.text) ?? "";
+      var B, L;
+      return e.multiple ? f.value.map((I) => I.text).join(", ") : ((L = (B = f.value) == null ? void 0 : B[0]) == null ? void 0 : L.text) ?? "";
     }), _ = x(() => {
       var B;
       return (B = o.value) == null ? void 0 : B.baseEl;
     });
-    V(c, (B) => {
+    R(c, (B) => {
       B && de(() => {
-        E();
+        D();
       });
     });
-    function E() {
-      var Y, N;
+    function D() {
+      var L, I;
       if (f.value.length === 0)
         return;
       const B = ln(l.value);
       if (B) {
-        const j = B == null ? void 0 : B.querySelector(".y-list-item--active"), L = (N = (Y = o.value) == null ? void 0 : Y.layer$) == null ? void 0 : N.content$;
-        if (j && L) {
-          const $ = Fl(j);
-          $ && (L.contains($) || L.isSameNode($)) && $.scrollTo({
-            top: j.offsetTop,
+        const V = B == null ? void 0 : B.querySelector(".y-list-item--active"), N = (I = (L = o.value) == null ? void 0 : L.layer$) == null ? void 0 : I.content$;
+        if (V && N) {
+          const $ = Fl(V);
+          $ && (N.contains($) || N.isSameNode($)) && $.scrollTo({
+            top: V.offsetTop,
             behavior: "smooth"
           });
         }
       }
     }
-    return K(() => {
-      const B = ee(e, Et.props), Y = ee(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Pe.props);
-      return d(Et, H({
+    return W(() => {
+      const B = ee(e, Dt.props), L = ee(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Pe.props);
+      return d(Dt, H({
         ref: r
       }, B, {
-        modelValue: v.value.map((N) => N.props.value).join(", "),
+        modelValue: v.value.map((I) => I.props.value).join(", "),
         validationValue: v.rxValue,
         "onMousedown:display": y,
         "onKeydown:display": h,
@@ -8873,16 +8883,16 @@ const lr = F({
         focused: u.value
       }), {
         default: () => {
-          var j;
-          const N = {
-            items: f.value.map((L) => L.raw),
+          var V;
+          const I = {
+            items: f.value.map((N) => N.raw),
             displayText: O.value,
             placeholder: e.placeholder,
             internalItems: f.value
           };
           return d(J, null, [d("div", {
             class: ["y-select__selection"]
-          }, [t.selection ? (j = t.selection) == null ? void 0 : j.call(t, N) : w.value.length > 0 ? O.value : e.placeholder]), d(lt, H({
+          }, [t.selection ? (V = t.selection) == null ? void 0 : V.call(t, I) : w.value.length > 0 ? O.value : e.placeholder]), d(lt, H({
             ref: o,
             offset: e.offset,
             position: e.position,
@@ -8891,28 +8901,28 @@ const lr = F({
             "content-classes": ["y-select__content"],
             maxHeight: e.maxHeight,
             "open-on-click-base": !1,
-            onAfterLeave: D,
+            onAfterLeave: A,
             "open-delay": e.openDelay,
             "close-delay": e.closeDelay,
             closeCondition: P,
             base: "parent"
-          }, A.value, {
+          }, E.value, {
             modelValue: c.value,
-            "onUpdate:modelValue": (L) => c.value = L
+            "onUpdate:modelValue": (N) => c.value = N
           }), {
             default: t.menu ? () => {
-              var L;
-              return (L = t.menu) == null ? void 0 : L.call(t);
+              var N;
+              return (N = t.menu) == null ? void 0 : N.call(t);
             } : () => {
-              let L;
+              let N;
               return d(Ft, {
                 ref: s
               }, {
                 default: () => {
-                  var $, W, G;
-                  return [($ = t["menu-prepend"]) == null ? void 0 : $.call(t), (((W = m.value) == null ? void 0 : W.length) ?? 0) > 0 ? d(Vn, {
+                  var $, j, G;
+                  return [($ = t["menu-prepend"]) == null ? void 0 : $.call(t), (((j = m.value) == null ? void 0 : j.length) ?? 0) > 0 ? d(Vn, {
                     ref: l
-                  }, zu(L = m.value.map((ne) => {
+                  }, zu(N = m.value.map((ne) => {
                     const ae = {
                       item: ne,
                       selected: b(ne),
@@ -8940,8 +8950,8 @@ const lr = F({
                         return (re = t["item-trailing"]) == null ? void 0 : re.call(t, ae);
                       })
                     }), [[st, !ne.hide]]);
-                  })) ? L : {
-                    default: () => [L]
+                  })) ? N : {
+                    default: () => [N]
                   }) : d("div", {
                     class: "y-select__no-options"
                   }, [T("$yuyeon.noItems")]), (G = t["menu-append"]) == null ? void 0 : G.call(t)];
@@ -8950,21 +8960,21 @@ const lr = F({
             }
           })]);
         },
-        leading: t.leading ? (...N) => {
-          var j;
-          return (j = t.leading) == null ? void 0 : j.call(t, ...N);
+        leading: t.leading ? (...I) => {
+          var V;
+          return (V = t.leading) == null ? void 0 : V.call(t, ...I);
         } : void 0,
-        trailing: (...N) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(Pe, H(H(Y), {
+        trailing: (...I) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(Pe, H(H(L), {
           icon: e.dropdownIcon,
           class: ["y-select__icon"]
         }), null),
-        label: t.label ? (...N) => {
-          var j;
-          return (j = t.label) == null ? void 0 : j.call(t, ...N);
+        label: t.label ? (...I) => {
+          var V;
+          return (V = t.label) == null ? void 0 : V.call(t, ...I);
         } : void 0,
-        "helper-text": t["helper-text"] ? (...N) => {
-          var j;
-          return (j = t["helper-text"]) == null ? void 0 : j.call(t, ...N);
+        "helper-text": t["helper-text"] ? (...I) => {
+          var V;
+          return (V = t["helper-text"]) == null ? void 0 : V.call(t, ...I);
         } : void 0
       });
     }), Pt(() => {
@@ -8984,7 +8994,7 @@ const lr = F({
       opened: c
     };
   }
-}), qn = Symbol.for("yuyeon.y-tabs"), ur = F({
+}), qn = Symbol.for("yuyeon.y-tabs"), ur = K({
   text: String,
   hideIndicator: Boolean,
   indicatorColor: String,
@@ -8992,7 +9002,7 @@ const lr = F({
     selectedClass: "y-tab--selected",
     noWave: !0
   })
-}, "YTab"), cr = /* @__PURE__ */ R({
+}, "YTab"), cr = /* @__PURE__ */ F({
   name: "YTab",
   props: ur(),
   slots: Object,
@@ -9000,7 +9010,7 @@ const lr = F({
     slots: t,
     attrs: n
   }) {
-    const a = X(!1), i = I(), r = x(() => ({})), o = x(() => ({
+    const a = X(!1), i = Y(), r = x(() => ({})), o = x(() => ({
       role: "tab",
       "aria-selected": `${String(a.value)}`,
       tabindex: a.value ? 0 : -1
@@ -9010,7 +9020,7 @@ const lr = F({
     }) {
       a.value = s;
     }
-    return K(() => {
+    return W(() => {
       const s = ee(e, te.props);
       return d(te, H({
         class: ["y-tab"],
@@ -9031,7 +9041,7 @@ const lr = F({
       });
     }), {};
   }
-}), sr = F({
+}), sr = K({
   items: {
     type: Array
   },
@@ -9039,7 +9049,7 @@ const lr = F({
     selectedClass: "y-tab--active",
     mandatory: "force"
   })
-}, "YTabs"), qu = /* @__PURE__ */ R({
+}, "YTabs"), qu = /* @__PURE__ */ F({
   name: "YTabs",
   props: {
     tag: {
@@ -9070,7 +9080,7 @@ const lr = F({
         value: s
       } : s)) ?? [];
     });
-    return K(() => d(e.tag, {
+    return W(() => d(e.tag, {
       class: ["y-tabs"],
       role: "tablist"
     }, {
@@ -9095,7 +9105,7 @@ const lr = F({
   color: String,
   textColor: String,
   outlineColor: String
-}, Zu = /* @__PURE__ */ R({
+}, Zu = /* @__PURE__ */ F({
   name: dr,
   props: {
     ...Xu
@@ -9104,7 +9114,7 @@ const lr = F({
   setup(e, {
     slots: t
   }) {
-    const n = I(), a = x(() => {
+    const n = Y(), a = x(() => {
       const {
         variation: r
       } = e;
@@ -9113,7 +9123,7 @@ const lr = F({
       const r = {};
       return e.color && (r["--y-alert-surface-color"] = e.color, a.value.includes("filled") ? r["--y-alert-surface-opacity"] = 1 : r["--y-alert-text-color"] = e.color, e.textColor && (r["--y-alert-text-color"] = e.textColor), !e.outlineColor && !e.semantic && (r["--y-alert-outline-color"] = e.color)), e.outlineColor && (r["--y-alert-outline-color"] = e.outlineColor), r;
     });
-    K(() => {
+    W(() => {
       var r;
       return Be(d("div", {
         ref: n,
@@ -9134,19 +9144,19 @@ const lr = F({
       }, [t.trailing()])]), [[Bt("theme")]]);
     });
   }
-}), fr = F({
+}), fr = K({
   vertical: Boolean
-}, "YDivider"), Ju = /* @__PURE__ */ R({
+}, "YDivider"), Ju = /* @__PURE__ */ F({
   name: "YDivider",
   props: fr(),
   setup(e) {
-    K(() => Be(d("hr", {
+    W(() => Be(d("hr", {
       class: ["y-divider", {
         "y-divider--vertical": e.vertical
       }]
     }, null), [[Bt("theme")]]));
   }
-}), Gn = F({
+}), Gn = K({
   year: [Number, String],
   month: [Number, String],
   modelValue: Array,
@@ -9163,7 +9173,7 @@ const lr = F({
     default: !0
   },
   hideHeader: Boolean
-}, "YDateCalendar"), wn = /* @__PURE__ */ R({
+}, "YDateCalendar"), wn = /* @__PURE__ */ F({
   name: "YDateCalendar",
   props: Gn(),
   emits: {
@@ -9176,7 +9186,7 @@ const lr = F({
     slots: t,
     emit: n
   }) {
-    const a = Rt(), i = vt(), r = I(), o = I([]), l = q(e, "modelValue", [], (b) => b == null ? [] : Oe(b)), s = x(() => l.value.length > 0 ? a.date(l.value[0]) : e.min ? a.date(e.min) : Array.isArray(e.allowedDates) ? a.date(e.allowedDates[0]) : a.date()), c = q(e, "year", void 0, (b) => {
+    const a = Rt(), i = vt(), r = Y(), o = Y([]), l = q(e, "modelValue", [], (b) => b == null ? [] : Oe(b)), s = x(() => l.value.length > 0 ? a.date(l.value[0]) : e.min ? a.date(e.min) : Array.isArray(e.allowedDates) ? a.date(e.allowedDates[0]) : a.date()), c = q(e, "year", void 0, (b) => {
       const y = b != null ? Number(b) : a.getYear(s.value);
       return a.startOfYear(a.setYear(a.date(), y));
     }, (b) => a.getYear(b)), u = q(e, "month", void 0, (b) => {
@@ -9188,15 +9198,15 @@ const lr = F({
       if (y.length < h) {
         const k = y[y.length - 1];
         let M = [];
-        for (let D = 1; D <= h - y.length; D++)
-          M.push(a.addDays(k, D)), D % 7 === 0 && (b.push(M), M = []);
+        for (let A = 1; A <= h - y.length; A++)
+          M.push(a.addDays(k, A)), A % 7 === 0 && (b.push(M), M = []);
       }
       return b;
     }), g = x(() => {
       const b = m.value, y = a.date();
-      return b.map((h, k) => h.map((M, D) => {
+      return b.map((h, k) => h.map((M, A) => {
         var _;
-        const P = a.toISO(M), C = !a.isSameMonth(M, u.value), O = !!((_ = l.value) != null && _.find((E) => E != null && a.isSameDay(M, E)));
+        const P = a.toISO(M), C = !a.isSameMonth(M, u.value), O = !!((_ = l.value) != null && _.find((D) => D != null && a.isSameDay(M, D)));
         return {
           date: M,
           isoDate: P,
@@ -9205,8 +9215,8 @@ const lr = F({
           month: a.getMonth(M),
           day: a.getDay(M),
           disabled: f(M),
-          weekStart: D % 7 === 0,
-          weekEnd: D % 7 === 6,
+          weekStart: A % 7 === 0,
+          weekEnd: A % 7 === 6,
           rangeStart: O && l.value.length > 1 && e.range && a.isSameDay(S.value, M),
           rangeEnd: O && l.value.length === 2 && e.range && a.isSameDay(v.value, M),
           weekIndex: k,
@@ -9242,7 +9252,7 @@ const lr = F({
       }
       return !1;
     }
-    function A(b) {
+    function E(b) {
       const y = b.date;
       if (e.multiple) {
         const h = l.value.findIndex((k) => a.isSameDay(k, y));
@@ -9262,7 +9272,7 @@ const lr = F({
         l.value = [y];
       n("click:day", b);
     }
-    return K(() => d("div", {
+    return W(() => d("div", {
       class: ["y-date-calendar", {
         "y-date-calendar--range": e.range && l.value.length === 2
       }]
@@ -9283,11 +9293,11 @@ const lr = F({
         role: "row",
         "aria-rowindex": y
       }, [b.map((h, k) => {
-        var D;
+        var A;
         const M = {
           props: {
             onClick: () => {
-              A(h);
+              E(h);
             }
           },
           item: h,
@@ -9305,7 +9315,7 @@ const lr = F({
             "y-date-calendar__day--range-end": h.rangeEnd
           }],
           "data-date": h.disabled ? void 0 : h.isoDate
-        }, [(e.showAdjacentMonthDates || !h.adjacent) && d(J, null, [((D = t.day) == null ? void 0 : D.call(t, M)) ?? d(te, H({
+        }, [(e.showAdjacentMonthDates || !h.adjacent) && d(J, null, [((A = t.day) == null ? void 0 : A.call(t, M)) ?? d(te, H({
           color: (h.selected || h.today) && !h.disabled ? e.color : void 0,
           disabled: h.disabled,
           variation: ["rounded", h.selected ? "filled" : h.today ? "outlined" : "text"].join(",")
@@ -9325,11 +9335,11 @@ const lr = F({
       model: l
     };
   }
-}), vr = F({
+}), vr = K({
   modelValue: Number,
   color: String,
   height: [String, Number]
-}, "YMonthPicker"), yr = /* @__PURE__ */ R({
+}, "YMonthPicker"), yr = /* @__PURE__ */ F({
   name: "YMonthPicker",
   props: vr(),
   emits: ["mode"],
@@ -9338,7 +9348,7 @@ const lr = F({
   }) {
     const n = Rt(), a = q(e, "modelValue"), i = x(() => {
       let o = n.startOfYear(n.date());
-      return De(12).map((l) => {
+      return Ae(12).map((l) => {
         const s = n.format(o, "monthShort");
         return o = n.getNextMonth(o), {
           text: s,
@@ -9349,7 +9359,7 @@ const lr = F({
     function r(o) {
       a.value === o && t("mode"), a.value = o;
     }
-    return K(() => d("div", {
+    return W(() => d("div", {
       class: ["y-month-picker"]
     }, [i.value.map((o, l) => {
       const s = {
@@ -9367,7 +9377,7 @@ const lr = F({
       })]);
     })])), {};
   }
-}), Qu = F({
+}), Qu = K({
   disabled: {
     type: [Boolean, String, Array],
     default: !1
@@ -9389,7 +9399,7 @@ const lr = F({
   },
   yearText: String,
   monthText: String
-}, "YDataPickerControl"), Ta = /* @__PURE__ */ R({
+}, "YDataPickerControl"), Ta = /* @__PURE__ */ F({
   name: "YDatePickerControl",
   props: Qu(),
   emits: {
@@ -9414,7 +9424,7 @@ const lr = F({
     function c() {
       t("click:month");
     }
-    K(() => d("div", {
+    W(() => d("div", {
       class: ["y-date-picker-control"]
     }, [d(te, {
       variation: "text",
@@ -9452,13 +9462,13 @@ const lr = F({
       }, null)]
     })]));
   }
-}), ec = F({
+}), ec = K({
   modelValue: Number,
   color: String,
   height: [String, Number],
   min: null,
   max: null
-}, "YYearPicker"), xt = 20, tc = /* @__PURE__ */ R({
+}, "YYearPicker"), xt = 20, tc = /* @__PURE__ */ F({
   name: "YYearPicker",
   props: ec(),
   emits: ["mode"],
@@ -9466,9 +9476,9 @@ const lr = F({
     emit: t,
     expose: n
   }) {
-    const a = Rt(), i = q(e, "modelValue"), r = i.value, o = I(r - r % xt - (r < 0 ? xt : 0)), l = x(() => {
+    const a = Rt(), i = q(e, "modelValue"), r = i.value, o = Y(r - r % xt - (r < 0 ? xt : 0)), l = x(() => {
       let u = a.startOfYear(a.date());
-      return De(xt + 1, o.value).map((m) => (u = a.setYear(u, m), {
+      return Ae(xt + 1, o.value).map((m) => (u = a.setYear(u, m), {
         text: a.format(u, "year"),
         value: m,
         active: i.value === m
@@ -9483,7 +9493,7 @@ const lr = F({
     }
     return n({
       changePage: c
-    }), K(() => d("div", {
+    }), W(() => d("div", {
       class: ["y-year-picker"]
     }, [l.value.map((u) => d("div", {
       class: ["y-year-picker__cell"]
@@ -9496,17 +9506,17 @@ const lr = F({
       default: () => [u.text]
     })]))])), {};
   }
-}), mr = F({
+}), mr = K({
   ...Se(Gn(), ["modelValue"]),
   modelValue: null
-}, "YDatePicker"), nc = /* @__PURE__ */ R({
+}, "YDatePicker"), nc = /* @__PURE__ */ F({
   name: "YDatePicker",
   props: mr(),
   emits: ["update:month", "update:year", "update:modelValue", "update:mode"],
   setup(e, {
     emit: t
   }) {
-    const n = I(), a = Rt(), i = q(e, "modelValue"), r = q(e, "mode"), o = I(a.getMonth(a.date())), l = I(a.getYear(a.date())), s = Number(e.month);
+    const n = Y(), a = Rt(), i = q(e, "modelValue"), r = q(e, "mode"), o = Y(a.getMonth(a.date())), l = Y(a.getYear(a.date())), s = Number(e.month);
     isNaN(s) || (o.value = s);
     const c = Number(e.year);
     isNaN(c) || (l.value = c);
@@ -9542,14 +9552,14 @@ const lr = F({
     function w() {
       f(-1);
     }
-    function A() {
+    function E() {
       f(1);
     }
-    V(o, () => {
+    R(o, () => {
       r.value === "month" && p(), t("update:month", o.value);
-    }), V(l, () => {
+    }), R(l, () => {
       r.value === "year" && (r.value = "month"), t("update:year", l.value);
-    }), K(() => d("div", {
+    }), W(() => d("div", {
       class: ["y-date-picker"]
     }, [d(Ta, H(ee(e, Ta.props), {
       yearText: g.value,
@@ -9557,7 +9567,7 @@ const lr = F({
       "onClick:year": S,
       "onClick:month": v,
       "onClick:prev": w,
-      "onClick:next": A
+      "onClick:next": E
     }), null), d(Nt, {
       name: "fade",
       mode: "out-in"
@@ -9590,7 +9600,7 @@ const lr = F({
 function ac(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !dt(e);
 }
-const hr = F({
+const hr = K({
   tag: {
     type: String,
     default: "div"
@@ -9614,7 +9624,7 @@ const hr = F({
   ...zl({
     backgroundOpacity: 1
   })
-}, "YBadge"), ic = /* @__PURE__ */ R({
+}, "YBadge"), ic = /* @__PURE__ */ F({
   name: "YBadge",
   props: hr(),
   slots: Object,
@@ -9626,7 +9636,7 @@ const hr = F({
     } = vt(), {
       colorVars: a
     } = Qa(e, "badge");
-    K(() => {
+    W(() => {
       let i;
       const r = e.tag, o = Number(e.content), l = !e.max || isNaN(o) ? e.content : o <= +e.max ? o : `${e.max}+`;
       return d(r, {
@@ -9666,7 +9676,7 @@ const hr = F({
       });
     });
   }
-}), rc = /* @__PURE__ */ R({
+}), rc = /* @__PURE__ */ F({
   name: "YTextEllipsis",
   props: {
     text: {
@@ -9681,7 +9691,7 @@ const hr = F({
     const {
       resizeObservedRef: t,
       contentRect: n
-    } = Ne(), a = I(!1), i = x(() => {
+    } = Ne(), a = Y(!1), i = x(() => {
       var s;
       return (s = n.value) == null ? void 0 : s.width;
     }), r = x(() => e.text), o = x(() => {
@@ -9697,9 +9707,9 @@ const hr = F({
       }
       return e.text;
     });
-    V(i, (s) => {
+    R(i, (s) => {
       t.value && s != null && (a.value = t.value.scrollWidth > t.value.offsetWidth);
-    }), K(() => d("span", {
+    }), W(() => d("span", {
       title: r.value,
       class: ["y-text-ellipsis", {
         overflowed: a.value
@@ -9713,8 +9723,8 @@ const hr = F({
       class: "y-text-ellipsis__end"
     }, [l.value])]));
   }
-}), Ve = "y-ip-field", Ea = "y-ipv4-field", Aa = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, lc = /* @__PURE__ */ R({
-  name: Ea,
+}), Ve = "y-ip-field", Da = "y-ipv4-field", Ea = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, lc = /* @__PURE__ */ F({
+  name: Da,
   props: {
     fixedUntil: Number,
     text: Boolean,
@@ -9732,7 +9742,7 @@ const hr = F({
     slots: t,
     emit: n
   }) {
-    const a = I(), i = I(), r = I([]), o = q(e), l = Ye({
+    const a = Y(), i = Y(), r = Y([]), o = q(e), l = Ye({
       0: "",
       1: "",
       2: "",
@@ -9744,13 +9754,13 @@ const hr = F({
       2: "",
       3: "",
       4: ""
-    }), c = I(!1), u = I([]);
+    }), c = Y(!1), u = Y([]);
     function m(C) {
       return !/[^0-9]/.test(C) && Number(C) < 33 && Number(C) > -1;
     }
     function g(C, O) {
-      const _ = O.target, E = (_ == null ? void 0 : _.value) || "", B = s[C], Y = C < 4 ? Aa.test(E) : m(E), N = E !== "" ? Number(E).toString() : "";
-      l[C] = N, !Y && E !== "" ? y(C, B) : (E.length > 2 && h(C), s[C] = N, M());
+      const _ = O.target, D = (_ == null ? void 0 : _.value) || "", B = s[C], L = C < 4 ? Ea.test(D) : m(D), I = D !== "" ? Number(D).toString() : "";
+      l[C] = I, !L && D !== "" ? y(C, B) : (D.length > 2 && h(C), s[C] = I, M());
     }
     function p(C, O) {
       c.value = !0, u.value.push(C);
@@ -9758,8 +9768,8 @@ const hr = F({
     function T(C, O) {
       c.value = !1, de(() => {
         setTimeout(() => {
-          u.value.forEach((_, E) => {
-            _ === C && u.value.splice(E, 1);
+          u.value.forEach((_, D) => {
+            _ === C && u.value.splice(D, 1);
           });
         });
       });
@@ -9799,14 +9809,14 @@ const hr = F({
           O = C.split(".");
         if (O.length > 2) {
           for (let _ = 0; _ < 4; _ += 1) {
-            const E = O[_];
-            E !== void 0 && Aa.test(E) ? l[_] = E : l[_] = "";
+            const D = O[_];
+            D !== void 0 && Ea.test(D) ? l[_] = D : l[_] = "";
           }
           M();
         }
       }
     }
-    function A(C) {
+    function E(C) {
       const O = (C.clipboardData || window.clipboardData).getData("text");
       isNaN(Number(O)) && (C.preventDefault(), w(O));
     }
@@ -9833,13 +9843,13 @@ const hr = F({
       }
     }
     function M() {
-      o.value = D();
+      o.value = A();
     }
-    function D() {
+    function A() {
       return l[0] === "" && l[1] === "" && l[2] === "" && l[3] === "" ? "" : `${l[0]}.${l[1]}.${l[2]}.${l[3]}${e.subnet ? "/" + l[4] : ""}`;
     }
     const P = x(() => u.value.length > 0);
-    return V(o, (C) => {
+    return R(o, (C) => {
       if (C === "") {
         for (let O = 0; O < 5; O += 1)
           l[O] = "", s[O] = "";
@@ -9848,13 +9858,13 @@ const hr = F({
         w(C);
     }, {
       immediate: !0
-    }), V(P, (C) => {
+    }), R(P, (C) => {
       C || b();
-    }), V(c, (C) => {
+    }), R(c, (C) => {
       n(C ? "focus" : "blur");
-    }), K(() => (r.value = [], d($e, H({
+    }), W(() => (r.value = [], d($e, H({
       ref: i,
-      class: [Ea, Ve, {
+      class: [Da, Ve, {
         [`${Ve}--text`]: e.text
       }]
     }, ee(e, $e.props)), {
@@ -9873,7 +9883,7 @@ const hr = F({
         return (!e.subnet && O < 4 || e.subnet) && [d("div", {
           class: [`${Ve}__part`]
         }, [d("input", {
-          ref: (E) => r.value.push(E),
+          ref: (D) => r.value.push(D),
           id: `${C.attrId}__part--${O}`,
           value: _.value,
           class: [`${Ve}__part-input`],
@@ -9881,13 +9891,13 @@ const hr = F({
           disabled: e.disabled,
           autocomplete: "false",
           maxlength: O === 4 ? 2 : 3,
-          onInput: (E) => g(O, E),
-          onFocus: (E) => p(O),
-          onBlur: (E) => T(O),
-          onChange: (E) => void 0,
-          onKeydown: (E) => v(O, E),
-          onKeyup: (E) => f(O, E),
-          onPaste: A
+          onInput: (D) => g(O, D),
+          onFocus: (D) => p(O),
+          onBlur: (D) => T(O),
+          onChange: (D) => void 0,
+          onKeydown: (D) => v(O, D),
+          onKeyup: (D) => f(O, D),
+          onPaste: E
         }, null)]), O !== 4 && (!e.subnet && O < 3 || e.subnet) && d("div", {
           class: [`${Ve}__part`]
         }, [O < 3 ? "." : "/"])];
@@ -9906,7 +9916,7 @@ const hr = F({
       })
     }))), {};
   }
-}), gr = F({
+}), gr = K({
   disabled: Boolean,
   modelValue: {
     type: Boolean,
@@ -9920,7 +9930,7 @@ const hr = F({
     type: Number,
     default: 100
   }
-}, "YHover"), oc = /* @__PURE__ */ R({
+}, "YHover"), oc = /* @__PURE__ */ F({
   name: "YHover",
   props: gr(),
   emits: ["update:modelValue", "hover"],
@@ -9933,10 +9943,10 @@ const hr = F({
       startCloseDelay: r
     } = $l(e, (l) => {
       e.disabled || (a.value = l);
-    }), o = I();
-    V(a, (l) => {
+    }), o = Y();
+    R(a, (l) => {
       n("hover", l, o);
-    }), K(() => {
+    }), W(() => {
       var l;
       return o.value = (l = t.default) == null ? void 0 : l.call(t, {
         isHovering: a.value,
@@ -9947,7 +9957,7 @@ const hr = F({
       }), d(J, null, [o.value]);
     });
   }
-}), uc = /* @__PURE__ */ R({
+}), uc = /* @__PURE__ */ F({
   name: "YTi",
   props: {
     text: String,
@@ -9964,7 +9974,7 @@ const hr = F({
     function a(i) {
       return Z(e.item, i);
     }
-    K(() => {
+    W(() => {
       const i = e.tag;
       return d(i, null, {
         default: () => {
@@ -9986,7 +9996,7 @@ const hr = F({
 function cc(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !dt(e);
 }
-const br = F({
+const br = K({
   src: String,
   crossorigin: String,
   referrerpolicy: String,
@@ -9999,7 +10009,7 @@ const br = F({
   },
   eager: Boolean,
   ...ni()
-}, "YImg"), sc = /* @__PURE__ */ R({
+}, "YImg"), sc = /* @__PURE__ */ F({
   name: "YImg",
   props: {
     ...br()
@@ -10011,7 +10021,7 @@ const br = F({
     attrs: n,
     emit: a
   }) {
-    const i = ie(), r = I(), o = X(e.eager ? "loading" : "idle"), l = X(""), s = X(), c = X(), {
+    const i = ie(), r = Y(), o = X(e.eager ? "loading" : "idle"), l = X(""), s = X(), c = X(), {
       polyTransitionBindProps: u
     } = qa(e), m = x(() => ({
       src: e.src
@@ -10035,7 +10045,7 @@ const br = F({
       }
       return !0;
     }
-    V(() => e.src, () => {
+    R(() => e.src, () => {
       y();
     });
     const S = (h) => t.placeholder ? d(ot, H(u.value, {
@@ -10073,10 +10083,10 @@ const br = F({
         default: () => [k]
       });
     };
-    let A = -1;
+    let E = -1;
     function b(h, k = 100) {
       const M = () => {
-        clearTimeout(A), !i.isUnmounted && !T(h) && k != null && (A = window.setTimeout(M, k));
+        clearTimeout(E), !i.isUnmounted && !T(h) && k != null && (E = window.setTimeout(M, k));
       };
       M();
     }
@@ -10084,10 +10094,10 @@ const br = F({
       e.eager, !(Ua.canUseIntersectionObserver && !h && !e.eager) && (o.value = "loading", m.value.src && de(() => {
         var k;
         a("load", ((k = r.value) == null ? void 0 : k.currentSrc) || m.value.src), setTimeout(() => {
-          var M, D;
+          var M, A;
           if (!i.isUnmounted)
             if ((M = r.value) != null && M.complete) {
-              if ((D = r.value) != null && D.naturalWidth || f(), o.value === "error") return;
+              if ((A = r.value) != null && A.naturalWidth || f(), o.value === "error") return;
               b(r.value, null), o.value === "loading" && v();
             } else r.value && (b(r.value), p());
         });
@@ -10096,8 +10106,8 @@ const br = F({
     return xn(() => {
       y();
     }), Le(() => {
-      clearTimeout(A);
-    }), K(() => d("div", {
+      clearTimeout(E);
+    }), W(() => d("div", {
       class: ["y-img"]
     }, [d(S, {
       status: o.value
@@ -10138,12 +10148,12 @@ const br = F({
   YDropdown: ju,
   YExpandHTransition: su,
   YExpandVTransition: _i,
-  YFieldInput: Et,
+  YFieldInput: Dt,
   YForm: Sl,
   YHover: oc,
   YIcon: Pe,
-  YIconCheckbox: Ee,
-  YIconClear: En,
+  YIconCheckbox: De,
+  YIconClear: Dn,
   YIconExpand: ct,
   YIconPageControl: _e,
   YIconSort: $n,
@@ -10168,12 +10178,12 @@ const br = F({
   YTable: Ke,
   YTabs: qu,
   YTextEllipsis: rc,
-  YTextHighlighter: Ei,
+  YTextHighlighter: Di,
   YTextarea: bl,
   YTi: uc,
   YTooltip: cu,
   YTreeView: gu,
-  YTreeViewNode: Ai,
+  YTreeViewNode: Ei,
   Y_TABS_KEY: qn,
   builtSet: Ti,
   pressDataTableProps: Hn,
@@ -10190,7 +10200,7 @@ const br = F({
   pressYDialogPropsOptions: oi,
   pressYDividerPropsOptions: fr,
   pressYDropdownPropsOptions: ar,
-  pressYFieldInputPropsOptions: An,
+  pressYFieldInputPropsOptions: En,
   pressYHoverPropsOptions: gr,
   pressYIconPropsOptions: nr,
   pressYImgPropsOptions: br,
@@ -10213,7 +10223,7 @@ const br = F({
   credit: !0
 };
 function bc(e = vc) {
-  const t = Lr(e == null ? void 0 : e.defaults), n = dl(e == null ? void 0 : e.theme), a = El(e == null ? void 0 : e.i18n), i = Il(e == null ? void 0 : e.date, a.localeModule), r = Lu(e == null ? void 0 : e.icon), o = (e == null ? void 0 : e.components) ?? dc;
+  const t = Lr(e == null ? void 0 : e.defaults), n = dl(e == null ? void 0 : e.theme), a = Dl(e == null ? void 0 : e.i18n), i = Il(e == null ? void 0 : e.date, a.localeModule), r = Lu(e == null ? void 0 : e.icon), o = (e == null ? void 0 : e.components) ?? dc;
   return {
     install: (s) => {
       n.install(s);