yuyeon 0.3.4-beta.20 → 0.3.4-beta.22

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var wr = Object.defineProperty;
 var pr = (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) => pr(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ie, capitalize as Sr, inject as ce, computed as _, shallowRef as X, watchEffect as Ge, provide as se, ref as M, h as fe, watch as L, onScopeDispose as Ee, effectScope as pn, toRaw as xr, 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 Sn, Fragment as J, createTextVNode as $t, withKeys as _r, Transition as Nt, toRefs as kr, withModifiers as xn, Teleport as Tr, vShow as dt, watchPostEffect as Er, defineComponent as Cn, resolveComponent as Dr, onBeforeUpdate as Ar, useTemplateRef as Or, isVNode as ft } from "vue";
+import { getCurrentInstance as ie, capitalize as Sr, inject as ce, computed as C, shallowRef as X, watchEffect as Ge, provide as se, ref as M, h as fe, watch as L, onScopeDispose as Ee, effectScope as pn, toRaw as xr, 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 Sn, Fragment as J, createTextVNode as $t, withKeys as _r, Transition as Nt, toRefs as kr, withModifiers as xn, Teleport as Tr, vShow as dt, watchPostEffect as Er, defineComponent as Cn, resolveComponent as Dr, onBeforeUpdate as Ar, useTemplateRef as Or, isVNode as ft } from "vue";
 function nt(e, t) {
   return e ? Object.hasOwn(e, t) : !1;
 }
@@ -167,14 +167,14 @@ function Vr(e = {}, t, n = Ma()) {
   var s, c;
   const a = ie();
   if (t = t || ((s = a == null ? void 0 : a.type) == null ? void 0 : s.name) || ((c = a == null ? void 0 : a.type) == null ? void 0 : c.__name), !t) throw new Error("Missing component name");
-  const i = _(() => {
+  const i = C(() => {
     var u;
     return (u = n.value) == null ? void 0 : u[t];
   }), r = X(), l = new Proxy(e, {
     get(u, h) {
-      var C, T, S, v, f, p, k;
+      var _, T, S, v, f, p, k;
       const g = Reflect.get(u, h);
-      return h === "class" || h === "style" ? [(C = i.value) == null ? void 0 : C[h], g].filter(
+      return h === "class" || h === "style" ? [(_ = i.value) == null ? void 0 : _[h], g].filter(
         (b) => b != null
       ) : typeof h == "string" && !$r(a.vnode, h) ? ((T = i.value) == null ? void 0 : T[h]) !== void 0 ? (S = i.value) == null ? void 0 : S[h] : ((f = (v = n.value) == null ? void 0 : v.global) == null ? void 0 : f[h]) !== void 0 ? (k = (p = n.value) == null ? void 0 : p.global) == null ? void 0 : k[h] : g : g;
     }
@@ -192,7 +192,7 @@ function Vr(e = {}, t, n = Ma()) {
     const u = Ir(kt, a);
     se(
       kt,
-      _(() => r.value ? Ce((u == null ? void 0 : u.value) ?? {}, r.value) : u == null ? void 0 : u.value)
+      C(() => r.value ? Ce((u == null ? void 0 : u.value) ?? {}, r.value) : u == null ? void 0 : u.value)
     );
   }
   return { props: l, provideSubDefaults: o };
@@ -286,7 +286,7 @@ function G(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
   function c() {
     return e[o];
   }
-  const u = _(() => {
+  const u = C(() => {
     c();
     const g = r.vnode.props;
     return (nt(g, l) || nt(g, o)) && (nt(g, `onUpdate:${l}`) || nt(g, `onUpdate:${o}`));
@@ -302,13 +302,13 @@ function G(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
       );
     }
   );
-  const h = _({
+  const h = C({
     get() {
       return a(u.value ? c() : s.value);
     },
     set(g) {
-      const C = i(g), T = xr(u.value ? c() : s.value);
-      T === C || a(T) === g || (s.value = C, r == null || r.emit(`update:${o}`, C));
+      const _ = i(g), T = xr(u.value ? c() : s.value);
+      T === _ || a(T) === g || (s.value = _, r == null || r.emit(`update:${o}`, _));
     }
   });
   return Object.defineProperty(h, "rxValue", {
@@ -356,7 +356,7 @@ function Kr(e, t, n = !0) {
     if (!n) return r;
     throw new Error("Not found provider");
   }
-  const l = ue(e, "value"), o = _(
+  const l = ue(e, "value"), o = C(
     () => !!(r.disabled.value || e.disabled)
   );
   r.register(
@@ -369,7 +369,7 @@ function Kr(e, t, n = !0) {
   ), Le(() => {
     r.unregister(i);
   });
-  const s = _(() => r.isSelected(i)), c = _(
+  const s = C(() => r.isSelected(i)), c = C(
     () => s.value && [
       r.selectedClass.value,
       e.selectedClass
@@ -396,22 +396,22 @@ function Wr(e, t) {
     [],
     (g) => g == null ? [] : Ya(a, Oe(g)),
     (g) => {
-      const C = zr(a, g);
-      return e.multiple ? C : C[0];
+      const _ = zr(a, g);
+      return e.multiple ? _ : _[0];
     }
   ), r = ie();
-  function l(g, C) {
-    const T = g, S = Symbol.for(`${t.description}:id`), f = xt(S, r == null ? void 0 : r.vnode).indexOf(C);
+  function l(g, _) {
+    const T = g, S = Symbol.for(`${t.description}:id`), f = xt(S, r == null ? void 0 : r.vnode).indexOf(_);
     f > -1 ? a.splice(f, 0, T) : a.push(T);
   }
   function o(g) {
     if (n) return;
     s();
-    const C = a.findIndex((T) => T.id === g);
-    a.splice(C, 1);
+    const _ = a.findIndex((T) => T.id === g);
+    a.splice(_, 1);
   }
   function s() {
-    const g = a.find((C) => !C.disabled);
+    const g = a.find((_) => !_.disabled);
     g && e.mandatory === "force" && !i.value.length && (i.value = [g.id]);
   }
   Pt(() => {
@@ -419,31 +419,31 @@ function Wr(e, t) {
   }), Le(() => {
     n = !0;
   });
-  function c(g, C) {
+  function c(g, _) {
     const T = a.find((S) => S.id === g);
-    if (!(C && (T != null && T.disabled)))
+    if (!(_ && (T != null && T.disabled)))
       if (e.multiple) {
         const S = i.value.slice(), v = S.findIndex((p) => p === g), f = ~v;
-        if (C = C ?? !f, f && e.mandatory && S.length <= 1 || !f && e.max != null && S.length + 1 > e.max)
+        if (_ = _ ?? !f, f && e.mandatory && S.length <= 1 || !f && e.max != null && S.length + 1 > e.max)
           return;
-        v < 0 && C ? S.push(g) : v >= 0 && !C && S.splice(v, 1), i.value = S;
+        v < 0 && _ ? S.push(g) : v >= 0 && !_ && S.splice(v, 1), i.value = S;
       } else {
         const S = i.value.includes(g);
         if (e.mandatory && S) return;
-        i.value = C ?? !S ? [g] : [];
+        i.value = _ ?? !S ? [g] : [];
       }
   }
   function u(g) {
     if (e.multiple, i.value.length) {
-      const C = i.value[0], T = a.findIndex((f) => f.id === C);
+      const _ = i.value[0], T = a.findIndex((f) => f.id === _);
       let S = (T + g) % a.length, v = a[S];
       for (; v.disabled && S !== T; )
         S = (S + g) % a.length, v = a[S];
       if (v.disabled) return;
       i.value = [a[S].id];
     } else {
-      const C = a.find((T) => !T.disabled);
-      C && (i.value = [C.id]);
+      const _ = a.find((T) => !T.disabled);
+      _ && (i.value = [_.id]);
     }
   }
   const h = {
@@ -455,8 +455,8 @@ function Wr(e, t) {
     prev: () => u(a.length - 1),
     next: () => u(1),
     isSelected: (g) => i.value.includes(g),
-    selectedClass: _(() => e.selectedClass),
-    items: _(() => a),
+    selectedClass: C(() => e.selectedClass),
+    items: C(() => a),
     getItemIndex: (g) => Hr(a, g)
   };
   return se(t, h), h;
@@ -510,7 +510,7 @@ const qr = F(
   "VueRouter"
 );
 function Gr(e, t) {
-  const n = Cr("RouterLink"), a = _(() => !!(e.href || e.to)), i = _(() => (a == null ? void 0 : a.value) || rn(t, "click") || rn(e, "click"));
+  const n = Cr("RouterLink"), a = C(() => !!(e.href || e.to)), i = C(() => (a == null ? void 0 : a.value) || rn(t, "click") || rn(e, "click"));
   if (typeof n == "string")
     return {
       isLink: a,
@@ -523,13 +523,13 @@ function Gr(e, t) {
     isClickable: i,
     route: r == null ? void 0 : r.route,
     navigate: r == null ? void 0 : r.navigate,
-    isActive: r && _(
+    isActive: r && C(
       () => {
         var l, o;
         return e.exact ? (l = r.isExactActive) == null ? void 0 : l.value : (o = r.isActive) == null ? void 0 : o.value;
       }
     ),
-    href: _(() => e.to ? r == null ? void 0 : r.route.value.href : e.href)
+    href: C(() => e.to ? r == null ? void 0 : r.route.value.href : e.href)
   };
 }
 const Ia = "y-plate-wave__animation";
@@ -698,25 +698,25 @@ const el = "YSpinnerRing", Ra = /* @__PURE__ */ N({
   }) {
     const i = Kr(e, e.injectSymbol, !1), r = Gr(e, t);
     Ur(r, i == null ? void 0 : i.select);
-    const l = _(() => {
+    const l = C(() => {
       var g;
       return e.active !== void 0 ? e.active : r.isLink.value ? (g = r.isActive) == null ? void 0 : g.value : i == null ? void 0 : i.isSelected.value;
-    }), o = _(() => {
+    }), o = C(() => {
       const {
         variation: g
       } = e;
-      return typeof g == "string" ? g.split(",").map((C) => C.trim()) : [];
-    }), s = _(() => {
+      return typeof g == "string" ? g.split(",").map((_) => _.trim()) : [];
+    }), s = C(() => {
       const {
         outlined: g,
-        rounded: C,
+        rounded: _,
         filled: T,
         small: S,
         icon: v
       } = e;
       return {
         [`${ve}--outlined`]: o.value.includes("outlined") || g,
-        [`${ve}--rounded`]: o.value.includes("rounded") || C,
+        [`${ve}--rounded`]: o.value.includes("rounded") || _,
         [`${ve}--filled`]: o.value.includes("filled") || T,
         [`${ve}--text`]: o.value.includes("text"),
         [`${ve}--small`]: o.value.includes("small") || S,
@@ -727,18 +727,18 @@ const el = "YSpinnerRing", Ra = /* @__PURE__ */ N({
         [`${ve}--disabled`]: e.disabled,
         [`${ve}--active`]: l.value
       };
-    }), c = _(() => {
+    }), c = C(() => {
       let {
         color: g
-      } = e, C;
-      return g && !ze(g) && (g = `var(--y-theme-${g})`, C = `var(--y-theme-on-${e.color})`), {
+      } = e, _;
+      return g && !ze(g) && (g = `var(--y-theme-${g})`, _ = `var(--y-theme-on-${e.color})`), {
         "--y-button__color": g,
-        "--y-button__text-color": C
+        "--y-button__text-color": _
       };
-    }), u = _(() => (i == null ? void 0 : i.disabled.value) || e.disabled);
+    }), u = C(() => (i == null ? void 0 : i.disabled.value) || e.disabled);
     function h(g) {
-      var C;
-      u.value || e.loading || r.isLink.value && (g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== 0 || t.target === "_blank") || (a("click", g), (C = r.navigate) == null || C.call(r, g), i == null || i.toggle());
+      var _;
+      u.value || e.loading || r.isLink.value && (g.metaKey || g.altKey || g.ctrlKey || g.shiftKey || g.button !== 0 || t.target === "_blank") || (a("click", g), (_ = r.navigate) == null || _.call(r, g), i == null || i.toggle());
     }
     return j(() => {
       const g = r.isLink.value ? "a" : "button";
@@ -753,10 +753,10 @@ const el = "YSpinnerRing", Ra = /* @__PURE__ */ N({
         disabled: e.disabled ? !0 : void 0
       }, {
         default: () => {
-          var C, T, S;
+          var _, T, S;
           return [d("span", {
             class: ["y-button__content"]
-          }, [e.loading && (n.loading ? (C = n.loading) == null ? void 0 : C.call(n) : d(Ra, H({
+          }, [e.loading && (n.loading ? (_ = n.loading) == null ? void 0 : _.call(n) : d(Ra, H({
             width: "24",
             height: "24"
           }), null)), (T = n.default) == null ? void 0 : T.call(n)]), (S = n.append) == null ? void 0 : S.call(n)];
@@ -778,7 +778,7 @@ function Tn(e, t) {
   function i() {
     n.value = !1;
   }
-  const r = _(() => ({
+  const r = C(() => ({
     [`${t}--focused`]: n.value
   }));
   return {
@@ -1020,18 +1020,18 @@ function dl(e) {
   function c(b) {
     s.value = b.matches ? "dark" : "light";
   }
-  const u = _(() => a.value === "auto" ? s.value : a.value === "dark" ? "dark" : "light"), h = _(() => {
+  const u = C(() => a.value === "auto" ? s.value : a.value === "dark" ? "dark" : "light"), h = C(() => {
     var b, m;
-    return typeof i.value == "string" && i.value in C ? i.value : Array.isArray(i.value) ? u.value === "dark" ? ((b = i.value) == null ? void 0 : b[1]) ?? "dark" : ((m = i.value) == null ? void 0 : m[0]) ?? "light" : u.value;
-  }), g = _(() => ll(l.value)), C = _(() => rl(r.value)), T = _(() => {
-    const b = h.value, m = C.value[b];
+    return typeof i.value == "string" && i.value in _ ? i.value : Array.isArray(i.value) ? u.value === "dark" ? ((b = i.value) == null ? void 0 : b[1]) ?? "dark" : ((m = i.value) == null ? void 0 : m[0]) ?? "light" : u.value;
+  }), g = C(() => ll(l.value)), _ = C(() => rl(r.value)), T = C(() => {
+    const b = h.value, m = _.value[b];
     return m != null && m.colors ? m.colors : {};
-  }), S = _(() => {
+  }), S = C(() => {
     const b = n.separation ? `#${n.separation}` : "", m = [];
     m.push(
       ...et(":root", gt(g.value, "palette"))
     );
-    for (const [y, w] of Object.entries(C.value)) {
+    for (const [y, w] of Object.entries(_.value)) {
       const { colors: O, variables: Y, isDark: R } = w, x = {
         ...O,
         ...Y
@@ -1100,7 +1100,7 @@ function dl(e) {
       f(b);
     });
   }
-  const k = _(() => `y-theme--${h.value}`);
+  const k = C(() => `y-theme--${h.value}`);
   return {
     install: v,
     init: p,
@@ -1116,7 +1116,7 @@ function dl(e) {
       currentThemeKey: h,
       currentThemeColors: T,
       themeClasses: k,
-      computedThemes: C,
+      computedThemes: _,
       computedPalette: g,
       supportedAutoMode: an(o),
       preferColorScheme: an(s)
@@ -1131,7 +1131,7 @@ function Je(e) {
   );
   if (!t) throw new Error('Not found provided "ThemeModule"');
   t.computedPalette;
-  const n = _(() => {
+  const n = C(() => {
     if (e.theme) {
       const r = me(t.theme);
       switch (e.theme) {
@@ -1144,14 +1144,14 @@ function Je(e) {
       }
     }
     return me(t.currentThemeKey);
-  }), a = _(() => `y-theme--${n.value}`), i = {
+  }), a = C(() => `y-theme--${n.value}`), i = {
     ...t,
     currentThemeKey: n,
     themeClasses: a
   };
   return se(Tt, i), i;
 }
-function hc() {
+function gc() {
   ie();
   const e = ce(Tt, null);
   if (!e) throw new Error('【yuyeon】 Not found provided "ThemeModule"');
@@ -1174,25 +1174,25 @@ const Fa = Symbol.for("yuyeon.form"), fl = F(
   "form"
 );
 function vl(e) {
-  const t = G(e), n = X(!1), a = M([]), i = M([]), r = _(() => e.readonly), l = _(() => e.disabled), o = _(() => e.loading);
+  const t = G(e), n = X(!1), a = M([]), i = M([]), r = C(() => e.readonly), l = C(() => e.disabled), o = C(() => e.loading);
   async function s() {
     var S;
-    const C = [];
+    const _ = [];
     let T = !0;
     i.value = [], n.value = !0;
     for (const v of a.value) {
       const f = await v.validate();
-      f.length > 0 && (T = !1, C.push({
+      f.length > 0 && (T = !1, _.push({
         id: v.id,
         vnode: v.vnode,
         exposed: (S = v.vnode.component) == null ? void 0 : S.exposed,
         errors: f
       }));
     }
-    return i.value = C, n.value = !1, { valid: T, errors: i.value };
+    return i.value = _, n.value = !1, { valid: T, errors: i.value };
   }
-  function c(C) {
-    const { id: T, validate: S, vnode: v } = C;
+  function c(_) {
+    const { id: T, validate: S, vnode: v } = _;
     a.value.push({
       id: T,
       validate: S,
@@ -1201,11 +1201,11 @@ function vl(e) {
       errors: []
     });
   }
-  function u(C) {
-    a.value = a.value.filter((T) => T.id !== C);
+  function u(_) {
+    a.value = a.value.filter((T) => T.id !== _);
   }
-  function h(C, T, S) {
-    const v = a.value.find((f) => f.id === C);
+  function h(_, T, S) {
+    const v = a.value.find((f) => f.id === _);
     v && (v.isError = T, v.errors = S);
   }
   const g = {
@@ -1258,9 +1258,9 @@ const ml = F(
   "validation"
 );
 function hl(e, t, n = Xe()) {
-  const a = _(() => e.name ?? n), i = G(e, "modelValue"), r = _(
+  const a = C(() => e.name ?? n), i = G(e, "modelValue"), r = C(
     () => e.validationValue === void 0 ? i.value : e.validationValue
-  ), l = ie(), o = yl(), s = M(!1), c = _(() => {
+  ), l = ie(), o = yl(), s = M(!1), c = C(() => {
     let b = e.validateOn || "input";
     b === "lazy" && (b = "input,lazy");
     const m = new Set((b == null ? void 0 : b.split(",")) ?? []);
@@ -1270,7 +1270,7 @@ function hl(e, t, n = Xe()) {
       lazy: m.has("lazy"),
       submit: m.has("submit")
     };
-  }), u = M(), h = M([]), g = _(() => e.readonly || (o == null ? void 0 : o.isReadonly.value)), C = _(() => e.disabled || (o == null ? void 0 : o.isDisabled.value)), T = _(() => e.loading || (o == null ? void 0 : o.isLoading.value)), S = _(() => e.status === "error" || h.value.length > 0), v = _(() => !S.value && e.status === "success");
+  }), u = M(), h = M([]), g = C(() => e.readonly || (o == null ? void 0 : o.isReadonly.value)), _ = C(() => e.disabled || (o == null ? void 0 : o.isDisabled.value)), T = C(() => e.loading || (o == null ? void 0 : o.isLoading.value)), S = C(() => e.status === "error" || h.value.length > 0), v = C(() => !S.value && e.status === "success");
   _n(
     () => c.value.input,
     () => {
@@ -1329,7 +1329,7 @@ function hl(e, t, n = Xe()) {
     errorResult: u,
     errors: h,
     isReadonly: g,
-    isDisabled: C,
+    isDisabled: _,
     isLoading: T,
     isError: S,
     isSuccess: v
@@ -1340,11 +1340,11 @@ function gl(e) {
   if (a) {
     let i, r, l, o;
     if (a.startsWith("matrix3d(")) {
-      const C = a.slice(9, -1).split(/, /);
-      i = +C[0], r = +C[5], l = +C[12], o = +C[13];
+      const _ = a.slice(9, -1).split(/, /);
+      i = +_[0], r = +_[5], l = +_[12], o = +_[13];
     } else if (a.startsWith("matrix(")) {
-      const C = a.slice(7, -1).split(/, /);
-      i = +C[0], r = +C[3], l = +C[4], o = +C[5];
+      const _ = a.slice(7, -1).split(/, /);
+      i = +_[0], r = +_[3], l = +_[4], o = +_[5];
     } else
       return t;
     const s = n.transformOrigin, c = t.x - l - (1 - i) * parseFloat(s), u = t.y - o - (1 - r) * parseFloat(s.slice(s.indexOf(" ") + 1)), h = i ? t.width / i : e.offsetWidth, g = r ? t.height / r : e.offsetHeight;
@@ -1435,7 +1435,7 @@ const we = "y-input", vt = F({
     } = Tn(e, "y-input"), {
       isDisabled: h,
       isReadonly: g,
-      isLoading: C,
+      isLoading: _,
       invokeValidators: T,
       resetError: S,
       isError: v,
@@ -1444,21 +1444,21 @@ const we = "y-input", vt = F({
       errorResult: k
     } = hl(e, we, r), b = M(), m = M(), y = M();
     M();
-    const w = X(!1), O = _(() => e.variation ? e.variation.split(",").map((P) => P.trim()) : []), Y = _(() => e.floated || !!e.placeholder || !e.placeholder && o.value || !!y.value), R = _(() => ({
+    const w = X(!1), O = C(() => e.variation ? e.variation.split(",").map((P) => P.trim()) : []), Y = C(() => e.floated || !!e.placeholder || !e.placeholder && o.value || !!y.value), R = C(() => ({
       // Style
       [l.value]: !0,
       "y-input--ceramic": !!e.ceramic,
       "y-input--outlined": !e.ceramic && (O.value.includes("outlined") || !!e.outlined),
       "y-input--filled": O.value.includes("filled") || !!e.filled,
       // Value
-      "y-input--loading": C.value,
+      "y-input--loading": _.value,
       "y-input--has-value": !!y.value,
       "y-input--focused": o.value,
       "y-input--readonly": g.value,
       "y-input--disabled": h.value,
       "y-input--error": v.value,
       "y-input--success": f.value
-    })), x = _(() => ({
+    })), x = C(() => ({
       width: z(e.width),
       height: z(e.height)
     }));
@@ -1467,7 +1467,7 @@ const we = "y-input", vt = F({
     }), L(() => e.readonly, (P) => {
       P || (y.value = e.modelValue);
     }), L(y, (P) => {
-      !g.value && !C.value && i("update:modelValue", P);
+      !g.value && !_.value && i("update:modelValue", P);
     }), L(v, (P) => {
       i("error", P, p.value);
     }), L(() => e.focused, (P) => {
@@ -1544,7 +1544,7 @@ const we = "y-input", vt = F({
         error: v.value
       })]), t.default ? t.default({
         value: e.modelValue,
-        loading: C.value,
+        loading: _.value,
         attrId: `y-input--${r}`,
         focused: o.value
       }) : d("div", {
@@ -1621,7 +1621,7 @@ const we = "y-input", vt = F({
       focused: o,
       whenFocus: s,
       whenBlur: c
-    } = Tn(e, "y-field-input"), u = M(""), h = M(""), g = ue(e, "type"), C = _(() => ({
+    } = Tn(e, "y-field-input"), u = M(""), h = M(""), g = ue(e, "type"), _ = C(() => ({
       [bt]: !0,
       [`${bt}--inline-label`]: !!e.inlineLabel
     }));
@@ -1706,7 +1706,7 @@ const we = "y-input", vt = F({
       a("update:modelValue", E);
     }
     return j(() => d($e, H({
-      class: C.value,
+      class: _.value,
       ref: r
     }, ne(e, $e.props), {
       modelValue: u.value,
@@ -1836,7 +1836,7 @@ const we = "y-input", vt = F({
       whenFocus: h,
       whenBlur: g
     } = Tn(e, "y-field-input");
-    function C(y) {
+    function _(y) {
       n("update:modelValue", y);
     }
     function T() {
@@ -1892,7 +1892,7 @@ const we = "y-input", vt = F({
         class: [ia]
       }, y, {
         modelValue: s.value,
-        "onUpdate:modelValue": C,
+        "onUpdate:modelValue": _,
         focused: u.value,
         onClick: m,
         "onMousedown:display": (w) => n("mousedown:display", w)
@@ -2125,7 +2125,7 @@ const _l = {
 function Tl(e, t) {
   const n = M(
     (t == null ? void 0 : t.rtlOptions) ?? kl
-  ), a = _(() => n.value[e.locale.value] ?? !1), i = _(() => `y-i18n--${a.value ? "rtl" : "ltr"}`);
+  ), a = C(() => n.value[e.locale.value] ?? !1), i = C(() => `y-i18n--${a.value ? "rtl" : "ltr"}`);
   return {
     rtlOptions: n,
     rtl: a,
@@ -2667,7 +2667,7 @@ function Ne(e) {
 function Pl(e, t) {
   const n = M(!1), a = M();
   a.value = t.value;
-  const i = _(() => e.value ? t.value : a.value);
+  const i = C(() => e.value ? t.value : a.value);
   L(t, () => {
     n.value || (a.value = t.value), e.value || (n.value = !0);
   });
@@ -2685,13 +2685,15 @@ function Bl(e, t, n) {
   let i = a ?? 100, r = -1;
   const l = M(0), o = M(me(t)), s = M(!1);
   function c() {
-    const C = Date.now(), T = C - l.value;
-    if (o.value = o.value - T, o.value < 1)
+    const _ = Date.now(), T = _ - l.value;
+    let S = i;
+    const v = o.value - T;
+    if (o.value = v, v < 1) {
       e();
-    else {
-      const S = C - l.value + i, v = S >= 1 ? S : i;
-      l.value = C, r = window.setTimeout(c, v);
+      return;
     }
+    const f = T - i;
+    f > 0 ? S -= f : f < 0 && (S += f), v >= 1 && (l.value = _, r = window.setTimeout(c, S));
   }
   function u() {
     s.value || (s.value = !0, l.value = Date.now(), r = window.setTimeout(c, i));
@@ -2745,7 +2747,7 @@ const mt = F(
 );
 function qa(e) {
   return {
-    polyTransitionBindProps: _(() => {
+    polyTransitionBindProps: C(() => {
       const { is: n, ...a } = typeof e.transition == "object" ? e.transition : { is: e.transition, name: e.transition };
       return {
         is: n,
@@ -2759,7 +2761,7 @@ const ut = (e, { slots: t }) => {
   return fe(r, { ...l, ...a, ...i }, t);
 };
 function Ga(e) {
-  const t = X(0), n = _(() => {
+  const t = X(0), n = C(() => {
     const { modelValue: a, value: i } = e, r = Number(a ?? i);
     return Number.isNaN(r) || r < 0 ? 0 : r > 100 ? 100 : r;
   });
@@ -2810,7 +2812,7 @@ const Xa = /* @__PURE__ */ N({
     const {
       numValue: n,
       delta: a
-    } = Ga(e), i = _(() => {
+    } = Ga(e), i = C(() => {
       let o = !1;
       return e.noRewindTransition && a.value < 0 && (o = !0), {
         "y-progress--no-trans": o,
@@ -2819,10 +2821,10 @@ const Xa = /* @__PURE__ */ N({
         "y-progress-bar--rounded": e.rounded,
         "y-progress-bar--reverse": e.reverse
       };
-    }), r = _(() => {
+    }), r = C(() => {
       let o = e.color ?? "";
       return ze(o) || (o = `var(--y-theme-${o})`), o;
-    }), l = _(() => {
+    }), l = C(() => {
       let o;
       return e.innerText && n.value < 5 && n.value > 0 && (o = "2rem"), {
         width: `${n.value}%`,
@@ -2916,12 +2918,12 @@ function An(e, t = 0, n = {
   if (typeof e != "function")
     throw new TypeError("NOT Function");
   t = +t || 0, Mr(n) && (u = !!n.leading, h = "maxWait" in n, r = h ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : r, g = "trailing" in n ? !!n.trailing : g);
-  function C(y) {
+  function _(y) {
     const w = a, O = i;
     return a = i = void 0, c = y, l = e.apply(O, w), l;
   }
   function T(y) {
-    return c = y, o = window.setTimeout(f, t), u ? C(y) : l;
+    return c = y, o = window.setTimeout(f, t), u ? _(y) : l;
   }
   function S(y) {
     var w = y - (s ?? 0), O = y - (c ?? 0), Y = t - w;
@@ -2938,7 +2940,7 @@ function An(e, t = 0, n = {
     o = window.setTimeout(f, S(y));
   }
   function p(y) {
-    return o = void 0, g && a ? C(y) : (a = i = void 0, l);
+    return o = void 0, g && a ? _(y) : (a = i = void 0, l);
   }
   function k() {
     o !== void 0 && clearTimeout(o), c = 0, a = s = i = o = void 0;
@@ -2952,7 +2954,7 @@ function An(e, t = 0, n = {
       if (o === void 0)
         return T(s);
       if (h)
-        return clearTimeout(o), o = window.setTimeout(f, t), C(s);
+        return clearTimeout(o), o = window.setTimeout(f, t), _(s);
     }
     return o === void 0 && (o = window.setTimeout(f, t)), l;
   }
@@ -2988,7 +2990,7 @@ class Vl {
   }
 }
 function Rl(e) {
-  const t = Ye({}), n = _(e);
+  const t = Ye({}), n = C(e);
   return Ge(
     () => {
       for (const a in n.value)
@@ -3092,10 +3094,10 @@ const jl = /* @__PURE__ */ N({
     const n = 2 * Math.PI * 24, {
       numValue: a,
       delta: i
-    } = Ga(e), r = _(() => {
+    } = Ga(e), r = C(() => {
       let c = e.color ?? "";
       return ze(c) || (c = `var(--y-theme-${c})`), c;
-    }), l = _(() => {
+    }), l = C(() => {
       const c = Fe(e.width, 1, 100);
       if (c === 100)
         return "";
@@ -3104,7 +3106,7 @@ const jl = /* @__PURE__ */ N({
         const v = -S / (h - 1) * Math.PI * 2, f = Math.cos(v) * g + u / 2, p = Math.sin(v) * g + u / 2;
         return `${f}px ${p}px`;
       }).join(",")})`;
-    }), o = _(() => n - n * a.value / 100), s = _(() => {
+    }), o = C(() => n - n * a.value / 100), s = C(() => {
       let c = !1;
       return e.noRewindTransition && i.value < 0 && (c = !0), {
         "y-progress--no-trans": c,
@@ -3202,10 +3204,10 @@ const jl = /* @__PURE__ */ N({
   backgroundOpacity: {
     type: Number
   }
-};
+}, zl = F(Ja, "style-color");
 function Qa(e, t) {
   return {
-    colorVars: _(() => {
+    colorVars: C(() => {
       let { color: a, background: i } = e;
       return i || (i = a), a && !ze(a) && (a = `var(--y-theme-${a})`), i && (ze(i) ? i = `rgba(${Qr(i)}, ${e.backgroundOpacity})` : i.startsWith("var(") || (i = `rgba(${`var(--y-theme-${i}-rgb)`}, ${e.backgroundOpacity})`)), {
         [`--y-${t}__color`]: a,
@@ -3217,7 +3219,7 @@ function Qa(e, t) {
 const ei = F({
   ...Ja,
   small: Boolean
-}, "YChip"), zl = /* @__PURE__ */ N({
+}, "YChip"), Ul = /* @__PURE__ */ N({
   name: "YChip",
   props: {
     ...ei()
@@ -3226,7 +3228,7 @@ const ei = F({
     slots: t,
     emit: n
   }) {
-    const a = _(() => rn(e, "click")), {
+    const a = C(() => rn(e, "click")), {
       colorVars: i
     } = Qa(e, "chip");
     return j(() => {
@@ -3276,7 +3278,7 @@ const ei = F({
     type: String,
     default: "OFF"
   }
-}, "YSwitch"), Ul = /* @__PURE__ */ N({
+}, "YSwitch"), ql = /* @__PURE__ */ N({
   name: "YSwitch",
   props: {
     ...ti()
@@ -3286,7 +3288,7 @@ const ei = F({
     emit: t,
     slots: n
   }) {
-    const i = `input-${(Xe() ?? "").toString()}`, r = M(), l = G(e), o = M(!1), s = M(!1), c = _(() => Array.isArray(l.value)), u = _(() => c.value ? l.value.findIndex((b) => b === e.value) : -1), h = _(() => ({
+    const i = `input-${(Xe() ?? "").toString()}`, r = M(), l = G(e), o = M(!1), s = M(!1), c = C(() => Array.isArray(l.value)), u = C(() => c.value ? l.value.findIndex((b) => b === e.value) : -1), h = C(() => ({
       "y-switch--active": o.value,
       "y-switch--focused": s.value,
       "y-switch--disabled": !!e.disabled,
@@ -3305,7 +3307,7 @@ const ei = F({
         o.value = m !== void 0;
       } else typeof b == "boolean" && (o.value = b);
     }
-    function C(b) {
+    function _(b) {
       const m = l.value;
       if (Array.isArray(m)) {
         const y = m.slice();
@@ -3331,7 +3333,7 @@ const ei = F({
       e.disabled || e.loading || p(!o.value);
     }
     function p(b, m) {
-      o.value = b, c.value ? C(b) : (l.value = b, t("change", b));
+      o.value = b, c.value ? _(b) : (l.value = b, t("change", b));
     }
     function k(b) {
       t("keydown", b);
@@ -3384,7 +3386,7 @@ const ei = F({
     });
   }
 });
-function ql(e, t, n, a) {
+function Gl(e, t, n, a) {
   const { contentEl: i, base: r, active: l } = t;
   function o() {
   }
@@ -3398,7 +3400,7 @@ function Gt(e, t) {
     y: e.y + t.y
   };
 }
-function Gl(e, t) {
+function Xl(e, t) {
   return {
     x: e.x - t.x,
     y: e.y - t.y
@@ -3420,11 +3422,11 @@ function va(e, t) {
     t
   );
 }
-function Xl(e, t, n, a) {
-  const { contentEl: i, base: r, active: l } = t, o = M(!1), s = M([!1, !1]), [c, u, h, g] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((m) => _(() => {
+function Zl(e, t, n, a) {
+  const { contentEl: i, base: r, active: l } = t, o = M(!1), s = M([!1, !1]), [c, u, h, g] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((m) => C(() => {
     const y = parseFloat(e[m]);
     return isNaN(y) ? 1 / 0 : y;
-  })), { preferredAnchor: C, preferredOrigin: T } = Rl(() => {
+  })), { preferredAnchor: _, preferredOrigin: T } = Rl(() => {
     const m = `${e.position} ${e.align}`, y = ua(m, !1), w = e.origin === "overlap" ? y : e.origin === "auto" ? Ut(y) : ua(e.origin, !1);
     return y.side === w.side && y.align === qt(w).align ? {
       preferredAnchor: sa(y),
@@ -3433,7 +3435,7 @@ function Xl(e, t, n, a) {
       preferredAnchor: y,
       preferredOrigin: w
     };
-  }), S = _(() => {
+  }), S = C(() => {
     if (Array.isArray(e.offset))
       return e.offset;
     if (typeof e.offset == "string") {
@@ -3441,7 +3443,7 @@ function Xl(e, t, n, a) {
       return m.length < 2 && m.push(0), m;
     }
     return typeof e.offset == "number" ? [e.offset, 0] : [0, 0];
-  }), v = _(() => {
+  }), v = C(() => {
     if (Array.isArray(e.viewportMargin))
       return e.viewportMargin;
     if (typeof e.viewportMargin == "string") {
@@ -3501,12 +3503,12 @@ function Xl(e, t, n, a) {
     );
     R.x += v.value[0], R.y += v.value[1], R.width -= v.value[0] * 2, R.height -= v.value[1] * 2;
     let x = {
-      anchor: C.value,
+      anchor: _.value,
       origin: T.value
     };
     function D(B) {
       const P = new tt(O), W = va(B.anchor, w), U = va(B.origin, P);
-      let { x: ee, y: le } = Gl(W, U);
+      let { x: ee, y: le } = Xl(W, U);
       switch (B.anchor.side) {
         case "top":
           le -= S.value[0];
@@ -3573,7 +3575,12 @@ function Xl(e, t, n, a) {
     return n.value = {
       side: x.anchor.side,
       align: x.anchor.align,
-      rect: new tt({ x: E, y: I, width: O.width, height: O.height }),
+      rect: new tt({
+        x: E,
+        y: I,
+        width: O.width,
+        height: O.height
+      }),
       offset: [0, 0]
     }, Object.assign(a.value, {
       "--y-levitation-anchor-origin": `${x.anchor.side} ${x.anchor.align}`,
@@ -3616,7 +3623,7 @@ function Xl(e, t, n, a) {
       e.minHeight,
       e.maxWidth,
       e.maxHeight,
-      C.value,
+      _.value,
       T.value
     ],
     () => b()
@@ -3632,13 +3639,13 @@ function Xl(e, t, n, a) {
   }), {
     updateCoordinate: b,
     isFlipped: s,
-    preferredAnchor: C,
+    preferredAnchor: _,
     preferredOrigin: T
   };
 }
-const Zl = {
-  levitation: Xl,
-  arrangement: ql
+const Jl = {
+  levitation: Zl,
+  arrangement: Gl
 }, Yn = F(
   {
     coordinateStrategy: {
@@ -3667,7 +3674,7 @@ const Zl = {
   },
   "Coordinate"
 );
-function Jl(e, t) {
+function Ql(e, t) {
   const n = M(), a = M({
     side: "",
     align: "",
@@ -3693,7 +3700,7 @@ function Jl(e, t) {
           i
         )) == null ? void 0 : o.updateCoordinate;
       else {
-        const c = Zl[e.coordinateStrategy];
+        const c = Jl[e.coordinateStrategy];
         n.value = (s = c == null ? void 0 : c(
           e,
           t,
@@ -3715,7 +3722,7 @@ function Jl(e, t) {
     updateCoordinate: n
   };
 }
-const Ql = {
+const eo = {
   minWidth: [Number, String],
   width: [Number, String],
   maxWidth: [Number, String],
@@ -3723,12 +3730,12 @@ const Ql = {
   height: [Number, String],
   maxHeight: [Number, String]
 }, ni = F(
-  Ql,
+  eo,
   "dimension"
 );
-function eo(e) {
+function to(e) {
   return {
-    dimensionStyles: _(() => ({
+    dimensionStyles: C(() => ({
       minWidth: z(e.minWidth),
       width: z(e.width),
       maxWidth: z(e.maxWidth),
@@ -3739,10 +3746,10 @@ function eo(e) {
   };
 }
 const ya = "y-layer-group", xe = /* @__PURE__ */ new WeakMap();
-function to(e) {
+function no(e) {
   const t = ie();
-  vc();
-  const n = _(() => {
+  yc();
+  const n = C(() => {
     var c;
     let r = document.body;
     const l = (c = t.root.proxy) == null ? void 0 : c.$el;
@@ -3781,10 +3788,10 @@ function to(e) {
     i();
   }), { layerGroup: n, layerGroupState: xe, getActiveLayers: a };
 }
-function no() {
+function ao() {
   return !0;
 }
-function ao(e, t, n) {
+function io(e, t, n) {
   const { value: a } = n, i = typeof a == "function" ? a : a.handler;
   t._complementClick.lastMousedownWasOutside && ai(e, t, n) && setTimeout(() => {
     ii(e, n) && i && i(e);
@@ -3800,16 +3807,16 @@ function ai(e, t, n) {
   return i.push(t), !i.some((r) => r == null ? void 0 : r.contains(e.target));
 }
 function ii(e, t) {
-  const { value: n } = t, a = typeof n == "object" && n.determine || no;
+  const { value: n } = t, a = typeof n == "object" && n.determine || ao;
   return a && (a == null ? void 0 : a(e));
 }
 function ma(e, t) {
   const n = On(e);
   t(document), typeof ShadowRoot < "u" && n instanceof ShadowRoot && t(n);
 }
-const io = {
+const ro = {
   mounted(e, t) {
-    const n = (r) => ao(r, e, t), a = (r) => {
+    const n = (r) => io(r, e, t), a = (r) => {
       e._complementClick.lastMousedownWasOutside = ai(
         r,
         e,
@@ -3839,20 +3846,20 @@ const io = {
       }
     }), delete e._complementClick[n];
   }
-}, ro = F(
+}, lo = F(
   {
     base: [String, Object, Array],
     baseProps: Object
   },
   "YLayer.base"
 );
-function lo(e) {
-  const t = ie(), n = M(), a = M(), i = M(), r = _(() => {
+function oo(e) {
+  const t = ie(), n = M(), a = M(), i = M(), r = C(() => {
     var s, c;
     const o = (c = (s = a.value) == null ? void 0 : s[0]) == null ? void 0 : c.el;
     if (o && o.nodeType === Node.ELEMENT_NODE)
       return o;
-  }), l = _(() => i.value && !e.base ? i.value : ha(e.base, t));
+  }), l = C(() => i.value && !e.base ? i.value : ha(e.base, t));
   return Ge(
     () => {
       var s;
@@ -3899,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 oo = F(
+const uo = F(
   {
     closeClickContent: {
       type: Boolean
@@ -3907,9 +3914,9 @@ const oo = F(
   },
   "YLayer.content"
 );
-function uo(e, t) {
+function co(e, t) {
   return {
-    contentEvents: _(() => {
+    contentEvents: C(() => {
       const a = {};
       return e.closeClickContent && (a.onClick = (i) => {
         t.value = !1;
@@ -3917,12 +3924,12 @@ function uo(e, t) {
     })
   };
 }
-const co = new Vl(), Ct = {
+const so = new Vl(), Ct = {
   none: null,
-  close: vo,
-  block: yo,
-  reposition: mo
-}, so = F(
+  close: yo,
+  block: mo,
+  reposition: ho
+}, fo = F(
   {
     scrollStrategy: {
       type: [String, Function],
@@ -3932,7 +3939,7 @@ const co = new Vl(), Ct = {
   },
   "YLayer__scroll-strategies"
 );
-function fo(e, t) {
+function vo(e, t) {
   let n;
   Ge(async () => {
     n == null || n.stop(), t.active.value && e.scrollStrategy && (n = pn(), await de(), n.active && n.run(() => {
@@ -3943,14 +3950,14 @@ function fo(e, t) {
     n == null || n.stop();
   });
 }
-function vo(e) {
+function yo(e) {
   function t(n) {
     e.active.value = !1;
   }
   ri(e.baseEl.value ?? e.contentEl.value, t);
 }
 const Xt = "y-layer--scroll-blocked", ga = "y-layer-scroll-blocked", Zt = "--y-body-scroll-x", Jt = "--y-body-scroll-y", ba = "--y-scrollbar-offset";
-function yo(e, t) {
+function mo(e, t) {
   var l;
   const n = (l = e.root.value) == null ? void 0 : l.offsetParent, a = [
     .../* @__PURE__ */ new Set([
@@ -3984,10 +3991,10 @@ function yo(e, t) {
     }), r && e.root.value.classList.remove(Xt);
   });
 }
-function mo(e, t, n) {
+function ho(e, t, n) {
   let a = !1, i = -1, r = -1;
   function l(o) {
-    co.requestNewFrame(() => {
+    so.requestNewFrame(() => {
       var u, h;
       const s = performance.now();
       (h = (u = e.updateCoordinate).value) == null || h.call(u, o), a = (performance.now() - s) / (1e3 / 60) > 2;
@@ -4071,10 +4078,10 @@ const Qe = F({
   layerGroup: [String, Object],
   ...Ze(),
   ...mt(),
-  ...ro(),
-  ...oo(),
+  ...lo(),
+  ...uo(),
   ...Yn(),
-  ...so(),
+  ...fo(),
   ...ni()
 }, "YLayer"), he = /* @__PURE__ */ N({
   name: "YLayer",
@@ -4083,7 +4090,7 @@ const Qe = F({
     PolyTransition: ut
   },
   directives: {
-    ComplementClick: io
+    ComplementClick: ro
   },
   props: {
     modal: Boolean,
@@ -4101,7 +4108,7 @@ const Qe = F({
     attrs: a,
     slots: i
   }) {
-    const r = ie(), l = M(), o = M(), s = M(), c = G(e), u = _({
+    const r = ie(), l = M(), o = M(), s = M(), c = G(e), u = C({
       get: () => !!c.value,
       set: (Q) => {
         Q && e.disabled || (c.value = Q);
@@ -4109,38 +4116,38 @@ const Qe = F({
     }), {
       base: h,
       base$: g,
-      baseEl: C,
+      baseEl: _,
       baseSlot: T,
       baseFromSlotEl: S
-    } = lo(e), {
+    } = oo(e), {
       contentEvents: v
-    } = uo(e, u), {
+    } = co(e, u), {
       themeClasses: f
     } = Je(e), {
       layerGroup: p,
       layerGroupState: k,
       getActiveLayers: b
-    } = to(e), {
+    } = no(e), {
       polyTransitionBindProps: m
     } = qa(e), {
       dimensionStyles: y
-    } = eo(e), {
+    } = to(e), {
       lazyValue: w,
       onAfterUpdate: O
     } = Pl(ue(e, "eager"), u), Y = X(!1), R = M(!1);
     M(!1);
     const x = ue(e, "disabled");
     ue(e, "maximized");
-    const D = _(() => !x.value && (w.value || u.value)), {
+    const D = C(() => !x.value && (w.value || u.value)), {
       coordination: E,
       coordinateStyles: I,
       updateCoordinate: A
-    } = Jl(e, {
+    } = Ql(e, {
       contentEl: o,
       base: h,
       active: u
     });
-    fo(e, {
+    vo(e, {
       root: s,
       contentEl: o,
       active: u,
@@ -4156,7 +4163,7 @@ const Qe = F({
     const K = Ye({
       handler: $,
       determine: V,
-      include: () => [C.value]
+      include: () => [_.value]
     });
     function B() {
       Y.value = !0;
@@ -4173,9 +4180,9 @@ const Qe = F({
     function ee(Q) {
       R.value = !1;
     }
-    const le = _(() => ({
+    const le = C(() => ({
       zIndex: (e.zIndex ?? "2000").toString()
-    })), te = _(() => {
+    })), te = C(() => {
       const {
         classes: Q
       } = e;
@@ -4183,7 +4190,7 @@ const Qe = F({
         ...Ie(Q),
         "y-layer--active": !!u.value
       };
-    }), oe = _(() => {
+    }), oe = C(() => {
       const Q = Ie(e.contentClasses), {
         side: Se,
         align: ge
@@ -4197,14 +4204,14 @@ const Qe = F({
     return n({
       scrim$: l,
       base$: g,
-      content$: _(() => o.value),
-      baseEl: C,
+      content$: C(() => o.value),
+      baseEl: _,
       active: u,
       onAfterUpdate: O,
       updateCoordinate: A,
       hovered: R,
       finish: Y,
-      modal: _(() => e.modal),
+      modal: C(() => e.modal),
       getActiveLayers: b,
       isMe: (Q) => Q === r,
       coordination: E
@@ -4291,7 +4298,7 @@ const Qe = F({
       content$: o,
       base: h,
       base$: g,
-      baseEl: C,
+      baseEl: _,
       baseFromSlotEl: S,
       polyTransitionBindProps: m,
       coordinateStyles: I,
@@ -4358,7 +4365,7 @@ const oi = F({
     scrim: !0,
     scrollStrategy: null
   }), ["offset", "classes"])
-}, "YDialog"), ho = /* @__PURE__ */ N({
+}, "YDialog"), go = /* @__PURE__ */ N({
   name: "YDialog",
   components: {
     YLayer: he,
@@ -4370,11 +4377,11 @@ const oi = F({
     emit: t,
     slots: n
   }) {
-    const a = ie(), i = a == null ? void 0 : a.appContext.config.globalProperties.$yuyeon, r = G(e), l = _(() => ({
+    const a = ie(), i = a == null ? void 0 : a.appContext.config.globalProperties.$yuyeon, r = G(e), l = C(() => ({
       ...Ie(e.dialogClasses),
       "y-dialog": !0,
       "y-dialog--maximized": e.maximized
-    })), o = _(() => ({
+    })), o = C(() => ({
       ...e.contentStyles ?? {},
       paddingTop: z(e.offset)
     })), s = M(), {
@@ -4418,7 +4425,7 @@ const oi = F({
     function g() {
       document.removeEventListener("focusin", u);
     }
-    const C = M(0), T = M(0);
+    const _ = M(0), T = M(0);
     function S(f) {
       var b;
       const p = i.root, k = (b = s.value) == null ? void 0 : b.getActiveLayers();
@@ -4427,7 +4434,7 @@ const oi = F({
         const m = k == null ? void 0 : k.filter((y) => y.ctx.modal);
         if (m && !m.length || !p.classList.contains("y-dialog--virtual-scroll")) {
           const y = document.documentElement.scrollTop, w = document.documentElement.scrollLeft;
-          C.value = y, T.value = w, p.classList.add("y-dialog--virtual-scroll"), p.style.top = z(-1 * y) || "", p.style.left = z(-1 * w) || "";
+          _.value = y, T.value = w, p.classList.add("y-dialog--virtual-scroll"), p.style.top = z(-1 * y) || "", p.style.left = z(-1 * w) || "";
         }
       } else {
         const m = k == null ? void 0 : k.filter((y) => {
@@ -4435,7 +4442,7 @@ const oi = F({
           return !((w = s.value) != null && w.isMe(y)) && y.ctx.modal;
         });
         !(m != null && m.length) && p ? (document.documentElement.classList.remove("y-dialog--prevent-scroll"), p.classList.remove("y-dialog--virtual-scroll"), p.style.top = "", p.style.left = "", requestAnimationFrame(() => {
-          document.documentElement.scrollTop = C.value, document.documentElement.scrollLeft = T.value;
+          document.documentElement.scrollTop = _.value, document.documentElement.scrollLeft = T.value;
         })) : m.every((y) => {
           var w;
           return !((w = y.ctx) != null && w.maximized);
@@ -4478,7 +4485,7 @@ const oi = F({
     };
   }
 });
-function go(e, t) {
+function bo(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
 const ui = (e, t, n) => Math.min(Math.max(n, e), t), ye = {
@@ -4487,12 +4494,12 @@ const ui = (e, t, n) => Math.min(Math.max(n, e), t), ye = {
   endDelay: 0,
   repeat: 0,
   easing: "ease"
-}, At = (e) => typeof e == "number", je = (e) => Array.isArray(e) && !At(e[0]), bo = (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;
 };
-function wo(e, t) {
-  return je(e) ? e[bo(0, e.length, t)] : e;
+function po(e, t) {
+  return je(e) ? e[wo(0, e.length, t)] : e;
 }
 const ci = (e, t, n) => -n * e + n * t + e, si = () => {
 }, Me = (e) => e, In = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
@@ -4503,76 +4510,76 @@ function di(e, t) {
     e.push(ci(n, 1, i));
   }
 }
-function po(e) {
+function So(e) {
   const t = [0];
   return di(t, e - 1), t;
 }
-function So(e, t = po(e.length), n = Me) {
+function xo(e, t = So(e.length), n = Me) {
   const a = e.length, i = a - t.length;
   return i > 0 && di(t, i), (r) => {
     let l = 0;
     for (; l < a - 2 && !(r < t[l + 1]); l++)
       ;
     let o = ui(0, 1, In(t[l], t[l + 1], r));
-    return o = wo(n, l)(o), ci(e[l], e[l + 1], o);
+    return o = po(n, l)(o), ci(e[l], e[l + 1], o);
   };
 }
-const fi = (e) => Array.isArray(e) && At(e[0]), sn = (e) => typeof e == "object" && !!e.createAnimation, Ue = (e) => typeof e == "function", xo = (e) => typeof e == "string", rt = {
+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", rt = {
   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, Co = 1e-7, _o = 12;
-function ko(e, t, n, a, i) {
+}, vi = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, _o = 1e-7, ko = 12;
+function To(e, t, n, a, i) {
   let r, l, o = 0;
   do
     l = t + (n - t) / 2, r = vi(l, a, i) - e, r > 0 ? n = l : t = l;
-  while (Math.abs(r) > Co && ++o < _o);
+  while (Math.abs(r) > _o && ++o < ko);
   return l;
 }
 function at(e, t, n, a) {
   if (e === t && n === a)
     return Me;
-  const i = (r) => ko(r, 0, 1, e, n);
+  const i = (r) => To(r, 0, 1, e, n);
   return (r) => r === 0 || r === 1 ? r : vi(i(r), t, a);
 }
-const To = (e, t = "end") => (n) => {
+const Eo = (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);
-}, Eo = {
+}, Do = {
   ease: at(0.25, 0.1, 0.25, 1),
   "ease-in": at(0.42, 0, 1, 1),
   "ease-in-out": at(0.42, 0, 0.58, 1),
   "ease-out": at(0, 0, 0.58, 1)
-}, Do = /\((.*?)\)/;
+}, Ao = /\((.*?)\)/;
 function pa(e) {
   if (Ue(e))
     return e;
   if (fi(e))
     return at(...e);
-  const t = Eo[e];
+  const t = Do[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 To(parseFloat(a[0]), a[1].trim());
+      return Eo(parseFloat(a[0]), a[1].trim());
     }
   }
   return Me;
 }
 class yi {
   constructor(t, n = [0, 1], { easing: a, duration: i = ye.duration, delay: r = ye.delay, endDelay: l = ye.endDelay, repeat: o = ye.repeat, offset: s, direction: c = "normal", autoplay: u = !0 } = {}) {
-    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = Me, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((g, C) => {
-      this.resolve = g, this.reject = C;
+    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = Me, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((g, _) => {
+      this.resolve = g, this.reject = _;
     }), a = a || ye.easing, sn(a)) {
       const g = a.createAnimation(n);
       a = g.easing, n = g.keyframes || n, i = g.duration || i;
     }
     this.repeat = o, this.easing = je(a) ? Me : pa(a), this.updateDuration(i);
-    const h = So(n, s, je(a) ? a.map(pa) : Me);
+    const h = xo(n, s, je(a) ? a.map(pa) : Me);
     this.tick = (g) => {
-      var C;
+      var _;
       r = r;
       let T = 0;
       this.pauseTime !== void 0 ? T = this.pauseTime : T = (g - this.startTime) * this.rate, this.t = T, T /= 1e3, T = Math.max(T - r, 0), this.playState === "finished" && this.pauseTime === void 0 && (T = this.totalDuration);
@@ -4582,7 +4589,7 @@ class yi {
       const p = v % 2;
       (c === "reverse" || c === "alternate" && p || c === "alternate-reverse" && !p) && (f = 1 - f);
       const k = T >= this.totalDuration ? 1 : Math.min(f, 1), b = h(this.easing(k));
-      t(b), this.pauseTime === void 0 && (this.playState === "finished" || T >= this.totalDuration + l) ? (this.playState = "finished", (C = this.resolve) === null || C === void 0 || C.call(this, b)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
+      t(b), this.pauseTime === void 0 && (this.playState === "finished" || T >= this.totalDuration + l) ? (this.playState = "finished", (_ = this.resolve) === null || _ === void 0 || _.call(this, b)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
     }, u && this.play();
   }
   play() {
@@ -4629,7 +4636,7 @@ process.env.NODE_ENV !== "production" && (dn = function(e, t) {
   if (!e)
     throw new Error(t);
 });
-class Ao {
+class Oo {
   setAnimation(t) {
     this.animation = t, t == null || t.finished.then(() => this.clearAnimation()).catch(() => {
     });
@@ -4645,10 +4652,10 @@ function mi(e) {
     values: /* @__PURE__ */ new Map()
   }), Qt.get(e);
 }
-function Oo(e, t) {
-  return e.has(t) || e.set(t, new Ao()), e.get(t);
+function Mo(e, t) {
+  return e.has(t) || e.set(t, new Oo()), e.get(t);
 }
-const Mo = ["", "X", "Y", "Z"], Yo = ["translate", "scale", "rotate", "skew"], Ot = {
+const Yo = ["", "X", "Y", "Z"], Io = ["translate", "scale", "rotate", "skew"], Ot = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
@@ -4656,7 +4663,7 @@ const Mo = ["", "X", "Y", "Z"], Yo = ["translate", "scale", "rotate", "skew"], O
   syntax: "<angle>",
   initialValue: "0deg",
   toDefaultUnit: (e) => e + "deg"
-}, Io = {
+}, Po = {
   translate: {
     syntax: "<length-percentage>",
     initialValue: "0px",
@@ -4670,17 +4677,17 @@ const Mo = ["", "X", "Y", "Z"], Yo = ["translate", "scale", "rotate", "skew"], O
   },
   skew: Sa
 }, ct = /* @__PURE__ */ new Map(), Pn = (e) => `--motion-${e}`, Mt = ["x", "y", "z"];
-Yo.forEach((e) => {
-  Mo.forEach((t) => {
-    Mt.push(e + t), ct.set(Pn(e + t), Io[e]);
+Io.forEach((e) => {
+  Yo.forEach((t) => {
+    Mt.push(e + t), ct.set(Pn(e + t), Po[e]);
   });
 });
-const Po = (e, t) => Mt.indexOf(e) - Mt.indexOf(t), Bo = new Set(Mt), hi = (e) => Bo.has(e), $o = (e, t) => {
+const Bo = (e, t) => Mt.indexOf(e) - Mt.indexOf(t), $o = new Set(Mt), hi = (e) => $o.has(e), No = (e, t) => {
   Ot[t] && (t = Ot[t]);
   const { transforms: n } = mi(e);
-  go(n, t), e.style.transform = No(n);
-}, No = (e) => e.sort(Po).reduce(Lo, "").trim(), Lo = (e, t) => `${e} ${t}(var(${Pn(t)}))`, fn = (e) => e.startsWith("--"), xa = /* @__PURE__ */ new Set();
-function Vo(e) {
+  bo(n, t), e.style.transform = Lo(n);
+}, Lo = (e) => e.sort(Bo).reduce(Vo, "").trim(), Vo = (e, t) => `${e} ${t}(var(${Pn(t)}))`, fn = (e) => e.startsWith("--"), xa = /* @__PURE__ */ new Set();
+function Ro(e) {
   if (!xa.has(e)) {
     xa.add(e);
     try {
@@ -4718,19 +4725,19 @@ const en = (e, t) => document.createElement("div").animate(e, t), Ca = {
 }, tn = {}, Re = {};
 for (const e in Ca)
   Re[e] = () => (tn[e] === void 0 && (tn[e] = Ca[e]()), tn[e]);
-const Ro = 0.015, Fo = (e, t) => {
+const Fo = 0.015, jo = (e, t) => {
   let n = "";
-  const a = Math.round(t / Ro);
+  const a = Math.round(t / Fo);
   for (let i = 0; i < a; i++)
     n += e(In(0, a - 1, i)) + ", ";
   return n.substring(0, n.length - 2);
-}, _a = (e, t) => Ue(e) ? Re.linearEasing() ? `linear(${Fo(e, t)})` : ye.easing : fi(e) ? jo(e) : e, jo = ([e, t, n, a]) => `cubic-bezier(${e}, ${t}, ${n}, ${a})`;
-function Ko(e, t) {
+}, _a = (e, t) => Ue(e) ? Re.linearEasing() ? `linear(${jo(e, t)})` : ye.easing : fi(e) ? Ko(e) : e, Ko = ([e, t, n, a]) => `cubic-bezier(${e}, ${t}, ${n}, ${a})`;
+function Wo(e, t) {
   for (let n = 0; n < e.length; n++)
     e[n] === null && (e[n] = n ? e[n - 1] : t());
   return e;
 }
-const Wo = (e) => Array.isArray(e) ? e : [e];
+const Ho = (e) => Array.isArray(e) ? e : [e];
 function vn(e) {
   return Ot[e] && (e = Ot[e]), hi(e) ? Pn(e) : e;
 }
@@ -4755,38 +4762,38 @@ function gi(e, t = !0) {
     } catch {
     }
 }
-function Ho(e, t) {
+function zo(e, t) {
   var n;
   let a = (t == null ? void 0 : t.toDefaultUnit) || Me;
   const i = e[e.length - 1];
-  if (xo(i)) {
+  if (Co(i)) {
     const r = ((n = i.match(/(-?[\d.]+)([a-z%]*)/)) === null || n === void 0 ? void 0 : n[2]) || "";
     r && (a = (l) => l + r);
   }
   return a;
 }
-function zo() {
+function Uo() {
   return window.__MOTION_DEV_TOOLS_RECORD;
 }
-function Uo(e, t, n, a = {}, i) {
-  const r = zo(), l = a.record !== !1 && r;
-  let o, { duration: s = ye.duration, delay: c = ye.delay, endDelay: u = ye.endDelay, repeat: h = ye.repeat, easing: g = ye.easing, persist: C = !1, direction: T, offset: S, allowWebkitAcceleration: v = !1, autoplay: f = !0 } = a;
+function qo(e, t, n, a = {}, i) {
+  const r = Uo(), l = a.record !== !1 && r;
+  let o, { duration: s = ye.duration, delay: c = ye.delay, endDelay: u = ye.endDelay, repeat: h = ye.repeat, easing: g = ye.easing, persist: _ = !1, direction: T, offset: S, allowWebkitAcceleration: v = !1, autoplay: f = !0 } = a;
   const p = mi(e), k = hi(t);
   let b = Re.waapi();
-  k && $o(e, t);
-  const m = vn(t), y = Oo(p.values, m), w = ct.get(m);
+  k && No(e, t);
+  const m = vn(t), y = Mo(p.values, m), w = ct.get(m);
   return gi(y.animation, !(sn(g) && y.generator) && a.record !== !1), () => {
     const O = () => {
       var x, D;
       return (D = (x = pt.get(e, m)) !== null && x !== void 0 ? x : w == null ? void 0 : w.initialValue) !== null && D !== void 0 ? D : 0;
     };
-    let Y = Ko(Wo(n), O);
-    const R = Ho(Y, w);
+    let Y = Wo(Ho(n), O);
+    const R = zo(Y, w);
     if (sn(g)) {
       const x = g.createAnimation(Y, t !== "opacity", O, m, y);
       g = x.easing, Y = x.keyframes || Y, s = x.duration || s;
     }
-    if (fn(m) && (Re.cssRegisterProperty() ? Vo(m) : b = !1), k && !Re.linearEasing() && (Ue(g) || je(g) && g.some(Ue)) && (b = !1), b) {
+    if (fn(m) && (Re.cssRegisterProperty() ? Ro(m) : b = !1), k && !Re.linearEasing() && (Ue(g) || je(g) && g.some(Ue)) && (b = !1), b) {
       w && (Y = Y.map((E) => At(E) ? w.toDefaultUnit(E) : E)), Y.length === 1 && (!Re.partialKeyframes() || l) && Y.unshift(O());
       const x = {
         delay: rt.ms(c),
@@ -4806,7 +4813,7 @@ function Uo(e, t, n, a = {}, i) {
       }));
       const D = Y[Y.length - 1];
       o.finished.then(() => {
-        C || (pt.set(e, m, D), o.cancel());
+        _ || (pt.set(e, m, D), o.cancel());
       }).catch(si), v || (o.playbackRate = 1.000001);
     } else if (i && k)
       Y = Y.map((x) => typeof x == "string" ? parseFloat(x) : x), Y.length === 1 && Y.unshift(parseFloat(O())), o = new i((x) => {
@@ -4828,7 +4835,7 @@ function Uo(e, t, n, a = {}, i) {
     }, "motion-one"), y.setAnimation(o), o && !f && o.pause(), o;
   };
 }
-const qo = (e, t) => (
+const Go = (e, t) => (
   /**
    * TODO: Make test for this
    * Always return a new object otherwise delay is overwritten by results of stagger
@@ -4836,16 +4843,16 @@ const qo = (e, t) => (
    */
   e[t] ? Object.assign(Object.assign({}, e), e[t]) : Object.assign({}, e)
 );
-function Go(e, t) {
+function Xo(e, t) {
   return typeof e == "string" ? e = document.querySelectorAll(e) : e instanceof Element && (e = [e]), Array.from(e || []);
 }
-const Xo = (e) => e(), bi = (e, t, n = ye.duration) => new Proxy({
-  animations: e.map(Xo).filter(Boolean),
+const Zo = (e) => e(), bi = (e, t, n = ye.duration) => new Proxy({
+  animations: e.map(Zo).filter(Boolean),
   duration: n,
   options: t
-}, Jo), Zo = (e) => e.animations[0], Jo = {
+}, Qo), Jo = (e) => e.animations[0], Qo = {
   get: (e, t) => {
-    const n = Zo(e);
+    const n = Jo(e);
     switch (t) {
       case "duration":
         return e.duration;
@@ -4855,7 +4862,7 @@ const Xo = (e) => e(), bi = (e, t, n = ye.duration) => new Proxy({
       case "playState":
         return n == null ? void 0 : n[t];
       case "finished":
-        return e.finished || (e.finished = Promise.all(e.animations.map(Qo)).catch(si)), e.finished;
+        return e.finished || (e.finished = Promise.all(e.animations.map(eu)).catch(si)), e.finished;
       case "stop":
         return () => {
           e.animations.forEach((a) => gi(a));
@@ -4879,22 +4886,22 @@ const Xo = (e) => e(), bi = (e, t, n = ye.duration) => new Proxy({
     }
     return !1;
   }
-}, Qo = (e) => e.finished;
-function eu(e, t, n) {
+}, eu = (e) => e.finished;
+function tu(e, t, n) {
   return Ue(e) ? e(t, n) : e;
 }
-function tu(e) {
+function nu(e) {
   return function(n, a, i = {}) {
-    n = Go(n);
+    n = Xo(n);
     const r = n.length;
     dn(!!r, "No valid element provided."), dn(!!a, "No keyframes defined.");
     const l = [];
     for (let o = 0; o < r; o++) {
       const s = n[o];
       for (const c in a) {
-        const u = qo(i, c);
-        u.delay = eu(u.delay, o, r);
-        const h = Uo(s, c, a[c], u, e);
+        const u = Go(i, c);
+        u.delay = tu(u.delay, o, r);
+        const h = qo(s, c, a[c], u, e);
         l.push(h);
       }
     }
@@ -4914,8 +4921,8 @@ function tu(e) {
     );
   };
 }
-const nu = tu(yi);
-function au(e, t = {}) {
+const au = nu(yi);
+function iu(e, t = {}) {
   return bi([
     () => {
       const n = new yi(e, [0, 1], t);
@@ -4924,8 +4931,8 @@ function au(e, t = {}) {
     }
   ], t, t.duration);
 }
-function iu(e, t, n) {
-  return (Ue(e) ? au : nu)(e, t, n);
+function ru(e, t, n) {
+  return (Ue(e) ? iu : au)(e, t, n);
 }
 const qe = /* @__PURE__ */ N({
   name: "YPlate",
@@ -4933,7 +4940,7 @@ const qe = /* @__PURE__ */ N({
     variation: Object
   },
   setup() {
-    const e = _(() => ({
+    const e = C(() => ({
       "y-plate": !0
     }));
     j(() => d("div", {
@@ -4950,7 +4957,7 @@ const qe = /* @__PURE__ */ N({
   },
   onEnter(e, t) {
     const n = e.getAttribute("data-transform");
-    e.getAttribute("data-motion") || !n || (e.setAttribute("data-motion", "true"), iu(e, {
+    e.getAttribute("data-motion") || !n || (e.setAttribute("data-motion", "true"), ru(e, {
       transform: `${n.replace(/translateY(.+)/, "translateY(0)")}`
     }, {
       duration: 0.1
@@ -4989,7 +4996,7 @@ const qe = /* @__PURE__ */ N({
     type: Boolean,
     default: !0
   }
-}, "YSnackbar"), ru = /* @__PURE__ */ N({
+}, "YSnackbar"), lu = /* @__PURE__ */ N({
   name: "YSnackbar",
   components: {
     YPlate: qe,
@@ -5003,12 +5010,12 @@ const qe = /* @__PURE__ */ N({
     emit: t,
     slots: n
   }) {
-    const a = G(e), i = M(!1), r = ue(e, "duration"), l = _(() => ({
+    const a = G(e), i = M(!1), r = ue(e, "duration"), l = C(() => ({
       "y-snackbar": !0
-    })), o = _(() => ({
+    })), o = C(() => ({
       ...Ie(e.contentClasses),
       "y-snackbar__display": !0
-    })), s = _(() => {
+    })), s = C(() => {
       var m;
       const [v, f] = (m = e.position) == null ? void 0 : m.split(" ");
       let p = "top", k = "left";
@@ -5027,22 +5034,22 @@ const qe = /* @__PURE__ */ N({
       stop: h,
       reset: g
     } = Bl(c, r);
-    function C() {
+    function _() {
       e.duration > 0 && u();
     }
     L(i, (v) => {
-      v ? h() : C();
+      v ? h() : _();
     }), L(() => e.duration, (v) => {
-      !isNaN(v) && a.value && (g(), i.value || C());
+      !isNaN(v) && a.value && (g(), i.value || _());
     }), L(a, (v) => {
-      v ? C() : g();
+      v ? _() : g();
     }, {
       immediate: !0
     });
     function T(v) {
       t("click", v), e.closeClickContent && (a.value = !1);
     }
-    const S = _(() => {
+    const S = C(() => {
       const {
         transition: v,
         position: f
@@ -5106,7 +5113,7 @@ function Si(e, t) {
     startCloseDelay: r("closeDelay")
   };
 }
-const lu = "YTooltip", ou = {
+const ou = "YTooltip", uu = {
   tooltipClasses: {
     type: [Array, String, Object]
   },
@@ -5124,8 +5131,8 @@ const lu = "YTooltip", ou = {
   ...mt({
     transition: "fade"
   })
-}, xi = F(ou, "YTooltip"), uu = /* @__PURE__ */ N({
-  name: lu,
+}, xi = F(uu, "YTooltip"), cu = /* @__PURE__ */ N({
+  name: ou,
   props: {
     ...xi()
   },
@@ -5135,18 +5142,18 @@ const lu = "YTooltip", ou = {
     emit: n,
     expose: a
   }) {
-    const i = M(), r = M(), l = _(() => {
+    const i = M(), r = M(), l = C(() => {
       var f;
       return (f = i.value) == null ? void 0 : f.baseEl;
-    }), o = _(() => ({
+    }), o = C(() => ({
       ...Ie(e.tooltipClasses),
       "y-tooltip": !0
-    })), s = G(e), c = _({
+    })), s = G(e), c = C({
       get: () => !!s.value,
       set: (f) => {
         f && e.disabled || (s.value = f);
       }
-    }), u = _(() => {
+    }), u = C(() => {
       var f;
       return !!((f = i.value) != null && f.hovered);
     });
@@ -5163,7 +5170,7 @@ const lu = "YTooltip", ou = {
     } = Si(e, (f) => {
       !f && e.openOnHover && !u.value ? c.value = !1 : f && (c.value = !0);
     });
-    function C(f) {
+    function _(f) {
       e.openOnHover && h();
     }
     function T(f) {
@@ -5174,11 +5181,11 @@ const lu = "YTooltip", ou = {
     });
     function S(f) {
       var p, k;
-      (p = f.addEventListener) == null || p.call(f, "mouseenter", C), (k = f.addEventListener) == null || k.call(f, "mouseleave", T);
+      (p = f.addEventListener) == null || p.call(f, "mouseenter", _), (k = f.addEventListener) == null || k.call(f, "mouseleave", T);
     }
     function v(f) {
       var p, k;
-      (p = f.removeEventListener) == null || p.call(f, "mouseenter", C), (k = f.removeEventListener) == null || k.call(f, "mouseleave", T);
+      (p = f.removeEventListener) == null || p.call(f, "mouseenter", _), (k = f.removeEventListener) == null || k.call(f, "mouseleave", T);
     }
     return L(() => {
       var f;
@@ -5296,7 +5303,7 @@ function Ci(e = !1) {
     }
   });
 }
-const _i = Ci(!1), cu = Ci(!0), su = /* @__PURE__ */ Cn({
+const _i = Ci(!1), su = Ci(!0), du = /* @__PURE__ */ Cn({
   name: "YDividePanel",
   setup(e, {
     slots: t
@@ -5305,13 +5312,13 @@ const _i = Ci(!1), cu = Ci(!0), su = /* @__PURE__ */ Cn({
     L(i, (T) => {
       r.value = !!T;
     });
-    const o = _(() => {
+    const o = C(() => {
       let T = "0 0";
       return r.value && (T = `0 0 ${100 - n.value}% 0`), {
         position: "absolute",
         inset: T
       };
-    }), s = _(() => ({
+    }), s = C(() => ({
       "y-divide-panel": !0,
       "y-divide-panel--resizing": a.value
     }));
@@ -5330,7 +5337,7 @@ const _i = Ci(!1), cu = Ci(!0), su = /* @__PURE__ */ Cn({
     function g(T) {
       u();
     }
-    function C(T) {
+    function _(T) {
       T.preventDefault(), a.value = !0, l.value.addEventListener("mousemove", c), l.value.addEventListener("mouseup", h), l.value.addEventListener("mouseleave", g);
     }
     return j(() => {
@@ -5347,7 +5354,7 @@ const _i = Ci(!1), cu = Ci(!0), su = /* @__PURE__ */ Cn({
           position: "absolute",
           inset: `${n.value}% 0 0 0`
         },
-        onMousedown: C
+        onMousedown: _
       }, [d("div", {
         class: "y-divide-panel__divider-line"
       }, null)]), d("div", {
@@ -5382,7 +5389,7 @@ const _i = Ci(!1), cu = Ci(!0), su = /* @__PURE__ */ Cn({
   },
   "abstract.items"
 ), ki = Symbol.for("YTreeView");
-function du(e) {
+function fu(e) {
   const t = M({}), n = G(e, "expanded"), a = G(e, "active"), i = G(e, "selected"), r = M(/* @__PURE__ */ new Set()), l = M(/* @__PURE__ */ new Set()), o = M(/* @__PURE__ */ new Set()), s = X(!1), c = M(/* @__PURE__ */ new Set());
   function u(y) {
     const w = [], { childKeys: O } = t.value[y];
@@ -5401,7 +5408,7 @@ function du(e) {
     const w = t.value[y];
     w != null && w.vnode && (w.vnode.active = w.active, w.vnode.selected = w.selected, w.vnode.indeterminate = w.indeterminate, w.vnode.expanded = w.expanded);
   }
-  function C(y, w) {
+  function _(y, w) {
     if (!(y in t.value)) return;
     const O = t.value[y], Y = Z(
       O.item,
@@ -5470,7 +5477,7 @@ function du(e) {
   }
   return se(ki, {
     register: m,
-    updateExpanded: C,
+    updateExpanded: _,
     updateActive: T,
     updateSelected: S,
     searchLoading: s,
@@ -5484,7 +5491,7 @@ function du(e) {
     active: a,
     selected: i,
     issueVnodeState: g,
-    updateExpanded: C,
+    updateExpanded: _,
     updateActive: T,
     updateSelected: S,
     emitExpanded: p,
@@ -5498,7 +5505,7 @@ function du(e) {
     isExcluded: h
   };
 }
-function fu() {
+function vu() {
   const e = ce(ki);
   if (!e) throw new Error("Not found provided YTreeView");
   return e;
@@ -5531,7 +5538,7 @@ const Te = /* @__PURE__ */ N({
       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)]);
   }
-}), vu = /* @__PURE__ */ N({
+}), yu = /* @__PURE__ */ N({
   name: "YIconDropdown",
   setup() {
     return () => d("svg", {
@@ -5632,7 +5639,7 @@ const Te = /* @__PURE__ */ N({
   }
 }), Ti = {
   expand: st,
-  dropdown: vu,
+  dropdown: yu,
   clear: En,
   checkbox: Te,
   pageControl: _e,
@@ -5764,18 +5771,18 @@ const Te = /* @__PURE__ */ N({
   }) {
     const a = Dr("YTreeViewNode", !0);
     ie();
-    const i = fu(), r = M(), l = M(!1), o = M(!1), s = M(!1), c = M(!1), u = _(() => (Z(e.item, e.itemChildren) ?? []).slice()), h = _(() => u.value.length < 1), g = _(() => ({
+    const i = vu(), r = M(), l = M(!1), o = M(!1), s = M(!1), c = M(!1), u = C(() => (Z(e.item, e.itemChildren) ?? []).slice()), h = C(() => u.value.length < 1), g = C(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": h.value,
       "y-tree-view-node--expanded": l.value,
       "y-tree-view-node--active": o.value
-    })), C = _(() => ({
+    })), _ = C(() => ({
       "--tree-view-node--level": e.level
-    })), T = _(() => Z(e.item, e.itemText) ?? ""), S = _(() => ({
+    })), T = C(() => Z(e.item, e.itemText) ?? ""), S = C(() => ({
       level: e.level,
       imLeaf: h.value,
       toggleActive: p
-    })), v = _(() => i.searchLoading.value), f = _(() => u.value.filter((x) => !i.isExcluded(Z(x, e.itemKey))));
+    })), v = C(() => i.searchLoading.value), f = C(() => u.value.filter((x) => !i.isExcluded(Z(x, e.itemKey))));
     function p(x) {
       const D = !o.value;
       o.value = D, i.updateActive(Y.value, D, x), i.emitActive();
@@ -5823,7 +5830,7 @@ const Te = /* @__PURE__ */ N({
         }, null));
       return d("div", {
         class: g.value,
-        style: C.value,
+        style: _.value,
         role: "treeitem",
         "data-level": e.level
       }, [d("div", {
@@ -5893,7 +5900,7 @@ const Te = /* @__PURE__ */ N({
         }))])]
       })]);
     });
-    const Y = _(() => Z(e.item, e.itemKey)), R = {
+    const Y = C(() => Z(e.item, e.itemKey)), R = {
       myKey: Y,
       expanded: l,
       active: o,
@@ -5913,7 +5920,7 @@ const Te = /* @__PURE__ */ N({
     };
   }
 });
-function yu(e, t, n) {
+function mu(e, t, n) {
   const a = [], i = e.slice();
   for (; i.length > 0; ) {
     const r = i.splice(0, 1), l = Z(r, t);
@@ -5923,7 +5930,7 @@ function yu(e, t, n) {
   }
   return a;
 }
-function mu(e, t, n) {
+function hu(e, t, n) {
   const a = Z(e, n);
   return (a == null ? void 0 : a.toLocaleLowerCase().indexOf(t.toLocaleLowerCase())) > -1;
 }
@@ -5949,7 +5956,7 @@ function Ai(e, t, n, a, i, r, l) {
     return !0;
   return l.add(Z(t, a)), !1;
 }
-const ka = Nn(), hu = /* @__PURE__ */ Cn({
+const ka = Nn(), gu = /* @__PURE__ */ Cn({
   name: "YTreeView",
   props: {
     expanded: {
@@ -6001,7 +6008,7 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
       expandedSet: u,
       selectedSet: h,
       activeSet: g,
-      searchLoading: C,
+      searchLoading: _,
       excludedSet: T,
       issueVnodeState: S,
       updateExpanded: v,
@@ -6011,11 +6018,11 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
       emitActive: b,
       emitSelected: m,
       isExcluded: y
-    } = du(e);
-    function w(A, $ = "", V = mu) {
+    } = fu(e);
+    function w(A, $ = "", V = hu) {
       const K = /* @__PURE__ */ new Set();
       if (!$) {
-        C.value = !1, T.value = K, Zn(r.value, [...u.value]).forEach((P) => {
+        _.value = !1, T.value = K, Zn(r.value, [...u.value]).forEach((P) => {
           v(P, !1);
         }), r.value.forEach((P) => {
           v(P, !0);
@@ -6024,10 +6031,10 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
       }
       for (const B of A)
         Ai(V, B, $ ?? "", e.itemKey, e.itemText, e.itemChildren, K);
-      T.value = K, C.value = !1, R();
+      T.value = K, _.value = !1, R();
     }
     L(() => e.search, () => {
-      C.value = !0, i.value(e.items, e.search, e.filter);
+      _.value = !0, i.value(e.items, e.search, e.filter);
     });
     function O(A) {
       return e.returnItem ? Z(A, e.itemKey) : A;
@@ -6076,7 +6083,7 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
     }), L(c, (A) => {
       x(A, h, p, m);
     }), L(() => e.items, (A) => {
-      const $ = Object.keys(l.value).map((W) => Z(l.value[W].item, e.itemKey)), V = yu(A, e.itemKey, e.itemChildren), K = Zn($, V);
+      const $ = Object.keys(l.value).map((W) => Z(l.value[W].item, e.itemKey)), V = mu(A, e.itemKey, e.itemChildren), K = Zn($, V);
       if (K.length < 1 && V.length < $.length)
         return;
       K.forEach((W) => delete l.value[W]);
@@ -6086,16 +6093,16 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
       deep: !0,
       flush: "sync"
     }), Y(e.items);
-    const D = _(() => e.items.slice().filter((A) => !y(Z(A, e.itemKey)))), E = _(() => ({
+    const D = C(() => e.items.slice().filter((A) => !y(Z(A, e.itemKey)))), E = C(() => ({
       "y-tree-view": !0
-    })), I = _(() => {
+    })), I = C(() => {
       let A = e.activeColor;
       return e.activeColor && !ze(e.activeColor) && (A = `var(--y-theme-${e.activeColor})`), {
         "--y-tree-view__active-color": A
       };
     });
     return Pt(() => {
-      e.search && (C.value = !0, w(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? r.value = [...R(e.defaultExpand)] : (o.value.forEach((A) => v(O(A), !0)), k());
+      e.search && (_.value = !0, w(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? r.value = [...R(e.defaultExpand)] : (o.value.forEach((A) => v(O(A), !0)), k());
       for (const A of e.active.map(O))
         f(A, !0);
       for (const A of e.selected.map(O))
@@ -6106,7 +6113,7 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
       class: E.value,
       style: I.value,
       role: "tree"
-    }, [C.value && d(Xa, {
+    }, [_.value && d(Xa, {
       indeterminate: !0
     }, null), D.value.length > 0 ? D.value.slice().map((A) => d(Di, H({
       key: Z(A, e.itemKey)
@@ -6122,7 +6129,7 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
       selectedSet: h,
       activeSet: g,
       excludedSet: T,
-      searchLoading: C,
+      searchLoading: _,
       expandedCache: r,
       renderLeaves: D
     };
@@ -6154,7 +6161,7 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
     function i(l) {
       n("click", l);
     }
-    const r = _(() => !e.disabled && !!e.onClick);
+    const r = C(() => !e.disabled && !!e.onClick);
     j(() => {
       const l = e.tag;
       return d(l, {
@@ -6219,7 +6226,7 @@ const ka = Nn(), hu = /* @__PURE__ */ Cn({
     });
   }
 });
-function gu() {
+function bu() {
   const e = M(), t = M(), n = X(), a = X(), i = X(), r = An(o, 100), { resizeObservedRef: l } = Ne((s) => {
     r(s);
   });
@@ -6228,11 +6235,11 @@ function gu() {
     if (n.value = (c = s == null ? void 0 : s[0]) == null ? void 0 : c.contentRect, t.value) {
       const g = t.value.getBoundingClientRect();
       if (g) {
-        const C = {};
+        const _ = {};
         for (const T in g)
-          typeof g[T] != "function" && (C[T] = g[T]);
+          typeof g[T] != "function" && (_[T] = g[T]);
         a.value = {
-          ...C,
+          ..._,
           clientWidth: ((u = t.value) == null ? void 0 : u.clientWidth) ?? 0
         };
       }
@@ -6287,7 +6294,7 @@ const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
       containerRect: r,
       wrapperRef: l,
       wrapperRect: o
-    } = gu();
+    } = bu();
     se(Yi, {
       containerRect: r,
       tableRef: i,
@@ -6298,7 +6305,7 @@ const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
       n("scroll", c);
     }
     j(() => {
-      var h, g, C;
+      var h, g, _;
       const c = e.tag ?? "div", u = e.flexHeight ? ((h = r.value) == null ? void 0 : h.height) ?? e.height : e.height;
       return d(c, {
         class: ["y-table", {
@@ -6308,7 +6315,7 @@ const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
         }],
         style: {
           "--y-table-container-width": z((g = r.value) == null ? void 0 : g.width),
-          "--y-table-wrapper-width": z((C = o.value) == null ? void 0 : C.width)
+          "--y-table-wrapper-width": z((_ = o.value) == null ? void 0 : _.width)
         }
       }, {
         default: () => {
@@ -6329,7 +6336,7 @@ const Yi = Symbol.for("y-table"), Rn = Symbol.for("y-data-table"), Fn = F({
       });
     });
   }
-}), bu = F(
+}), wu = F(
   {
     enableExpand: Boolean,
     expanded: {
@@ -6375,7 +6382,7 @@ function Pi() {
     throw new Error(`Not provided: ${yn.description}`);
   return e;
 }
-const wu = F(
+const pu = F(
   {
     headers: {
       type: Array,
@@ -6387,8 +6394,8 @@ const wu = F(
 function Bi(e, t) {
   const n = M([]), a = M([]);
   Ge(() => {
-    var C, T;
-    const r = (C = e.headers) != null && C.length ? [e.headers] : [], l = r.flatMap(
+    var _, T;
+    const r = (_ = e.headers) != null && _.length ? [e.headers] : [], l = r.flatMap(
       (S, v) => S.map((f) => ({ column: f, rowIndex: v }))
     ), o = r.length, c = { ...{ text: "", sortable: !1 }, width: 48 };
     if ((T = t == null ? void 0 : t.enableSelect) != null && T.value) {
@@ -6457,7 +6464,7 @@ function jn() {
     throw new Error(`Not provided: ${mn.description}`);
   return e;
 }
-const pu = F(
+const Su = F(
   {
     items: {
       type: Array,
@@ -6475,7 +6482,7 @@ const pu = F(
   },
   "YDataTable--items"
 );
-function Su(e, t, n, a) {
+function xu(e, t, n, a) {
   const i = M(null), r = Ae(t, e.itemKey), l = e.returnItem ? t : r;
   let o;
   typeof e.itemSelectable == "function" ? o = !!e.itemSelectable(t) : o = Ae(t, e.itemSelectable, !0);
@@ -6497,14 +6504,14 @@ function Su(e, t, n, a) {
     _bindRowRef: c
   };
 }
-function xu(e, t, n) {
-  return t.map((a, i) => Su(e, a, i, n));
+function Cu(e, t, n) {
+  return t.map((a, i) => xu(e, a, i, n));
 }
 function $i(e, t) {
-  return { items: _(() => xu(e, e.items, t.value)) };
+  return { items: C(() => Cu(e, e.items, t.value)) };
 }
 function Ni({ page: e, pageSize: t, sortBy: n, search: a }, i) {
-  const r = _(() => ({
+  const r = C(() => ({
     page: e.value,
     pageSize: t.value,
     sortBy: n.value,
@@ -6525,7 +6532,7 @@ function Ni({ page: e, pageSize: t, sortBy: n, search: a }, i) {
     { deep: !0, immediate: !0 }
   );
 }
-const Cu = Symbol.for("yuyeon.data-table.pagination"), _u = F(
+const _u = Symbol.for("yuyeon.data-table.pagination"), ku = F(
   {
     page: {
       type: [Number, String],
@@ -6553,12 +6560,12 @@ function Li(e) {
   return { page: t, pageSize: n };
 }
 function Vi(e) {
-  const { page: t, pageSize: n, total: a } = e, i = _(() => n.value === -1 ? 0 : n.value * (t.value - 1)), r = _(() => n.value === -1 ? a.value : Math.min(a.value, i.value + n.value)), l = _(() => n.value === -1 || a.value === 0 ? 1 : Math.ceil(a.value / n.value));
+  const { page: t, pageSize: n, total: a } = e, i = C(() => n.value === -1 ? 0 : n.value * (t.value - 1)), r = C(() => n.value === -1 ? a.value : Math.min(a.value, i.value + n.value)), l = C(() => n.value === -1 || a.value === 0 ? 1 : Math.ceil(a.value / n.value));
   L([t, l], () => {
     t.value > l.value && (t.value = l.value);
   });
-  function o(g, C) {
-    n.value = g, C || (t.value = 1);
+  function o(g, _) {
+    n.value = g, _ || (t.value = 1);
   }
   function s() {
     t.value = Fe(t.value + 1, 1, l.value);
@@ -6581,13 +6588,13 @@ function Vi(e) {
     setPage: u,
     setPageSize: o
   };
-  return se(Cu, h), h;
+  return se(_u, h), h;
 }
-function ku(e) {
+function Tu(e) {
   const { items: t, startIndex: n, endIndex: a, pageSize: i } = e;
-  return { paginatedItems: _(() => i.value <= 0 ? t.value : t.value.slice(n.value, a.value)) };
+  return { paginatedItems: C(() => i.value <= 0 ? t.value : t.value.slice(n.value, a.value)) };
 }
-const Tu = F(
+const Eu = F(
   {
     enableSelect: Boolean,
     selectStrategy: {
@@ -6604,7 +6611,7 @@ const Tu = F(
     }
   },
   "YDataTable--selection"
-), Eu = {
+), Du = {
   showSelectAll: !1,
   allSelected: () => [],
   select: ({ items: e, value: t }) => {
@@ -6649,16 +6656,16 @@ function ji(e, {
       })
     ),
     (v) => [...v.values()]
-  ), i = _(
+  ), i = C(
     () => t.value.filter((v) => v.selectable)
-  ), r = _(
+  ), r = C(
     () => n.value.filter((v) => v.selectable)
-  ), l = _(() => {
+  ), l = C(() => {
     if (typeof e.selectStrategy == "object")
       return e.selectStrategy;
     switch (e.selectStrategy) {
       case "single":
-        return Eu;
+        return Du;
       case "all":
         return Fi;
       case "page":
@@ -6690,16 +6697,16 @@ function ji(e, {
       selected: new Set(a.value)
     });
   }
-  const g = _(() => l.value.allSelected({
+  const g = C(() => l.value.allSelected({
     allItems: i.value,
     pageItems: r.value
-  })), C = _(() => s(r.value)), T = _(() => o(g.value)), S = {
+  })), _ = C(() => s(r.value)), T = C(() => o(g.value)), S = {
     toggleSelect: u,
     select: c,
     selectAll: h,
     isSelected: o,
     isSomeSelected: s,
-    someSelected: C,
+    someSelected: _,
     allSelected: T,
     showSelectAll: l.value.showSelectAll,
     selectables: g
@@ -6712,13 +6719,13 @@ 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 } = yt();
   return {
-    sortedItems: _(() => n.value.length === 0 ? t.value : Au(t.value, n.value, i.value))
+    sortedItems: C(() => n.value.length === 0 ? t.value : Ou(t.value, n.value, i.value))
   };
 }
-function Au(e, t, n) {
+function Ou(e, t, n) {
   const a = new Intl.Collator(n, {
     sensitivity: "accent",
     usage: "sort"
@@ -6738,7 +6745,7 @@ function Au(e, t, n) {
     return 0;
   }).map((r) => r);
 }
-const gn = Symbol.for("yuyeon.data-table.sorting"), Ou = F(
+const gn = Symbol.for("yuyeon.data-table.sorting"), Mu = F(
   {
     sortBy: {
       type: Array,
@@ -6765,7 +6772,7 @@ function Wi(e) {
   const l = { sortBy: t, toggleSort: i, isSorted: r };
   return se(gn, l), l;
 }
-function Mu() {
+function Yu() {
   const e = ce(gn);
   if (!e)
     throw new Error(`Not provided: ${gn.description}`);
@@ -6808,7 +6815,7 @@ const Yt = /* @__PURE__ */ N({
     emit: n,
     attrs: a
   }) {
-    const i = _(() => {
+    const i = C(() => {
       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;
     });
@@ -6866,7 +6873,7 @@ const Yt = /* @__PURE__ */ N({
     } = Kn(), {
       isExpanded: o,
       toggleExpand: s
-    } = Pi(), c = _(() => e.item && r(e.item));
+    } = Pi(), c = C(() => e.item && r(e.item));
     function u(v) {
       const f = [];
       return typeof v == "string" && f.push(v), Array.isArray(v) && v.forEach((p) => {
@@ -6881,7 +6888,7 @@ const Yt = /* @__PURE__ */ N({
       var f, p;
       (p = e.onClick) == null || p.call(e, v, (f = a == null ? void 0 : a.proxy) == null ? void 0 : f.$el);
     }
-    function C(v) {
+    function _(v) {
       var f, p;
       (p = e.onContextmenu) == null || p.call(e, v, (f = a == null ? void 0 : a.proxy) == null ? void 0 : f.$el);
     }
@@ -6899,7 +6906,7 @@ const Yt = /* @__PURE__ */ N({
         "y-data-table__row--expanded": o(e.item)
       }],
       onClick: e.onClick && g,
-      onContextmenu: e.onContextmenu && C,
+      onContextmenu: e.onContextmenu && _,
       onDblclick: e.onDblclick && T,
       onMousedown: e.onMousedown && h,
       onKeydown: e.onKeydown && S
@@ -6916,7 +6923,7 @@ const Yt = /* @__PURE__ */ N({
         isExpanded: o,
         toggleExpand: s,
         el: (y = a == null ? void 0 : a.proxy) == null ? void 0 : y.$el
-      }, b = _(() => {
+      }, b = C(() => {
         const w = [];
         if (typeof v.classes == "function") {
           const O = v.classes.call(null, k.item, k.index, v);
@@ -7027,7 +7034,7 @@ const Yt = /* @__PURE__ */ N({
             el: b
           });
         }
-        function C(k, b) {
+        function _(k, b) {
           var m;
           (m = e["onDblclick:row"]) == null || m.call(e, k, {
             ...h,
@@ -7068,7 +7075,7 @@ const Yt = /* @__PURE__ */ N({
           }) : e.rowProps),
           onClick: g,
           onContextmenu: T,
-          onDblclick: C,
+          onDblclick: _,
           onMousedown: S,
           onKeydown: v
         };
@@ -7079,7 +7086,7 @@ const Yt = /* @__PURE__ */ N({
         }, f.props, {
           onClick: e["onClick:row"] && g,
           onContextmenu: e["onContextmenu:row"] && T,
-          onDblclick: e["onDblclick:row"] && C,
+          onDblclick: e["onDblclick:row"] && _,
           onMousedown: e["onMousedown:row"] && S,
           onKeydown: e["onKeydown:row"] && v
         }), t), r(c) && ((p = t["expanded-row"]) == null ? void 0 : p.call(t, f))]);
@@ -7087,7 +7094,7 @@ const Yt = /* @__PURE__ */ N({
     });
   }
 });
-function Yu() {
+function Iu() {
   const e = M([]);
   Ar(() => e.value = []);
   function t(n, a) {
@@ -7144,7 +7151,7 @@ const Ui = F({
     slots: t,
     emit: n
   }) {
-    const a = G(e), i = _(() => parseInt(e.length, 10)), r = _(() => parseInt(e.start, 10)), l = X(-1), {
+    const a = G(e), i = C(() => parseInt(e.length, 10)), r = C(() => parseInt(e.start, 10)), l = X(-1), {
       resizeObservedRef: o
     } = Ne((f) => {
       if (1 > f.length) return;
@@ -7161,14 +7168,14 @@ const Ui = F({
       const k = e.showEndButton ? 5 : 3, b = +(e.gap ?? 4), m = (p + b) * k - b, y = Math.max(0, Math.floor(+((f - m) / (p + b)).toFixed(2))), w = Number(e.maxVisible);
       return isNaN(w) ? y : Math.min(w, y);
     }
-    const c = _(() => {
+    const c = C(() => {
       const f = Number(e.maxVisible);
       if (e.totalVisible) {
         const p = parseInt(e.totalVisible, 10);
         return isNaN(f) ? p : Math.min(p, f);
       } else if (l.value >= 0) return l.value;
       return s(innerWidth, 58);
-    }), u = _(() => {
+    }), u = C(() => {
       const f = !!e.disabled || a.value <= r.value, p = !!e.disabled || a.value >= r.value + i.value - 1;
       return {
         first: {
@@ -7206,7 +7213,7 @@ const Ui = F({
           }
         }
       };
-    }), h = _(() => {
+    }), h = C(() => {
       if (i.value <= 0 || isNaN(i.value) || i.value > Number.MAX_SAFE_INTEGER)
         return [];
       if (c.value <= 1)
@@ -7225,13 +7232,13 @@ const Ui = F({
       }
     }), {
       refs: g,
-      updateRef: C
-    } = Yu();
+      updateRef: _
+    } = Iu();
     function T(f, p = 1) {
       f.preventDefault(), a.value = p, n("change", p);
     }
-    const S = _(() => h.value.map((f, p) => {
-      const k = (b) => C(b, p);
+    const S = C(() => h.value.map((f, p) => {
+      const k = (b) => _(b, p);
       if (f === "ellipsis")
         return {
           active: !1,
@@ -7260,7 +7267,7 @@ const Ui = F({
           }
         };
       }
-    })), v = _(() => {
+    })), v = C(() => {
       let f;
       if (e.gap) {
         const p = +e.gap;
@@ -7327,7 +7334,7 @@ const Ui = F({
   paginationProps: {
     type: Object
   },
-  ..._u()
+  ...ku()
 }, "YDataTableControl"), He = /* @__PURE__ */ N({
   name: "YDataTableControl",
   components: {
@@ -7382,7 +7389,7 @@ const Ui = F({
       toggleSort: n,
       sortBy: a,
       isSorted: i
-    } = Mu(), {
+    } = Yu(), {
       someSelected: r,
       allSelected: l,
       selectAll: o,
@@ -7401,7 +7408,7 @@ const Ui = F({
         ...p
       };
     };
-    function C(v) {
+    function _(v) {
     }
     function T(v) {
       const f = a.value.find((p) => p.key === v.key);
@@ -7435,7 +7442,7 @@ const Ui = F({
       rowspan: v.rowspan,
       colspan: v.colspan
     }, {
-      onClick: C
+      onClick: _
     }), {
       default: () => {
         var m, y, w;
@@ -7520,14 +7527,14 @@ const Ui = F({
   width: [String, Number],
   search: String,
   hideDefaultTbody: Boolean,
-  ...wu(),
   ...pu(),
-  ...Ou(),
-  ...Tu(),
-  ...bu(),
+  ...Su(),
+  ...Mu(),
+  ...Eu(),
+  ...wu(),
   ...Gi(),
   ...Fn()
-}, "DataTable"), Iu = /* @__PURE__ */ N({
+}, "DataTable"), Pu = /* @__PURE__ */ N({
   name: "YDataTable",
   props: {
     ...pe(jt(), ["setPage", "setPageSize", "pageLength"]),
@@ -7566,8 +7573,8 @@ const Ui = F({
       sortBy: l,
       multiSort: o,
       page: i
-    }), g = _(() => u.value.length), {
-      startIndex: C,
+    }), g = C(() => u.value.length), {
+      startIndex: _,
       endIndex: T,
       pageLength: S,
       setPageSize: v,
@@ -7578,11 +7585,11 @@ const Ui = F({
       total: g
     }), {
       sortedItems: p
-    } = Du(e, u, l), {
+    } = Au(e, u, l), {
       paginatedItems: k
-    } = ku({
+    } = Tu({
       items: p,
-      startIndex: C,
+      startIndex: _,
       endIndex: T,
       pageSize: r
     }), {
@@ -7608,7 +7615,7 @@ const Ui = F({
       search: ue(e, "search"),
       sortBy: l
     }, n);
-    const I = _(() => ({
+    const I = C(() => ({
       // pagination
       page: i.value,
       pageSize: r.value,
@@ -7690,7 +7697,7 @@ const Ui = F({
   },
   ...pe(jt(), ["setPage", "setPageSize", "pageLength"]),
   ...Hn()
-}, "YDataTableServer"), Pu = /* @__PURE__ */ N({
+}, "YDataTableServer"), Bu = /* @__PURE__ */ N({
   name: "YDataTableServer",
   components: {
     YTable: Ke,
@@ -7721,7 +7728,7 @@ const Ui = F({
     } = Li(e), {
       sortBy: l,
       multiSort: o
-    } = Ki(e), s = _(() => parseInt(e.total)), {
+    } = Ki(e), s = C(() => parseInt(e.total)), {
       columns: c,
       headers: u
     } = Bi(e, {
@@ -7735,7 +7742,7 @@ const Ui = F({
       multiSort: o,
       page: i
     }), {
-      pageLength: C,
+      pageLength: _,
       setPageSize: T,
       setPage: S
     } = Vi({
@@ -7766,11 +7773,11 @@ const Ui = F({
       search: ue(e, "search"),
       sortBy: l
     }, n);
-    const x = _(() => ({
+    const x = C(() => ({
       // pagination
       page: i.value,
       pageSize: r.value,
-      pageLength: C.value,
+      pageLength: _.value,
       setPageSize: T,
       setPage: S,
       // sorting
@@ -7861,18 +7868,18 @@ const Ui = F({
   setup(e, {
     slots: t
   }) {
-    const n = X(null), a = Or("layerRowRef"), i = X(null), r = X(!1), l = M(), o = _(() => {
-      var u, h, g, C, T, S, v;
+    const n = X(null), a = Or("layerRowRef"), i = X(null), r = X(!1), l = M(), o = C(() => {
+      var u, h, g, _, T, S, v;
       const c = ((g = e.styles) == null ? void 0 : g.call(e, e.item, {
         width: e.width,
         height: (h = (u = i.value) == null ? void 0 : u[0]) == null ? void 0 : h.height
       })) ?? {};
       return {
-        transform: `translateY(${e.scrollTop * -1 + (((C = l.value) == null ? void 0 : C.offsetTop) ?? 0) - (((T = e.headRect) == null ? void 0 : T.height) ?? 40)}px)`,
+        transform: `translateY(${e.scrollTop * -1 + (((_ = l.value) == null ? void 0 : _.offsetTop) ?? 0) - (((T = e.headRect) == null ? void 0 : T.height) ?? 40)}px)`,
         width: z((c == null ? void 0 : c.width) ?? e.width),
         height: z((c == null ? void 0 : c.height) ?? ((v = (S = i.value) == null ? void 0 : S[0]) == null ? void 0 : v.height))
       };
-    }), s = _(() => {
+    }), s = C(() => {
       var u;
       const c = (u = e.classes) == null ? void 0 : u.call(e, e.item);
       return Array.isArray(c) ? c : [c];
@@ -7908,7 +7915,7 @@ const Ui = F({
       })]), [[dt, r.value]]);
     });
   }
-}), Bu = /* @__PURE__ */ N({
+}), $u = /* @__PURE__ */ N({
   name: "YDataTableLayerRows",
   props: {
     layerProps: Object,
@@ -7921,10 +7928,10 @@ const Ui = F({
   setup(e, {
     slots: t
   }) {
-    const n = X(null), a = X(0), i = X(0), r = X(0), l = _(() => {
+    const n = X(null), a = X(0), i = X(0), r = X(0), l = C(() => {
       var c, u;
       return (u = (c = e.layerProps) == null ? void 0 : c.YTable) == null ? void 0 : u.wrapperRef.value;
-    }), o = _(() => {
+    }), o = C(() => {
       var c, u;
       return (u = (c = e.layerProps) == null ? void 0 : c.YDataTable) == null ? void 0 : u.headRect.value;
     });
@@ -7995,13 +8002,13 @@ const zn = {
     expose: a
   }) {
     ie();
-    const i = M(), r = _(() => ({
+    const i = M(), r = C(() => ({
       ...Ie(e.menuClasses),
       "y-menu": !0
-    })), l = G(e), o = _(() => {
+    })), l = G(e), o = C(() => {
       var m;
       return !!((m = i.value) != null && m.hovered);
-    }), s = _(() => {
+    }), s = C(() => {
       var m;
       return !!((m = i.value) != null && m.finish);
     }), {
@@ -8013,7 +8020,7 @@ const zn = {
     } = Si(e, (m) => {
       !m && e.openOnHover && !o.value && c.value.length === 0 ? l.value = !1 : m && (l.value = !0);
     });
-    function C(m) {
+    function _(m) {
       e.openOnHover && h();
     }
     function T(m) {
@@ -8047,10 +8054,10 @@ const zn = {
       }
     }
     function f(m) {
-      m.addEventListener("mouseenter", C), m.addEventListener("mouseleave", T);
+      m.addEventListener("mouseenter", _), m.addEventListener("mouseleave", T);
     }
     function p(m) {
-      m.removeEventListener("mouseenter", C), m.removeEventListener("mouseleave", T);
+      m.removeEventListener("mouseenter", _), m.removeEventListener("mouseleave", T);
     }
     L(() => {
       var m;
@@ -8060,9 +8067,9 @@ const zn = {
     }, {
       immediate: !0
     });
-    const k = _(() => ({
+    const k = C(() => ({
       ...Ie(e.contentClasses)
-    })), b = _(() => {
+    })), b = C(() => {
       var m;
       return (m = i.value) == null ? void 0 : m.baseEl;
     });
@@ -8198,7 +8205,7 @@ const zn = {
       checked: a
     }) : s ? fe(s) : d(Te, null, null)])]);
   }
-}), $u = /* @__PURE__ */ N({
+}), Nu = /* @__PURE__ */ N({
   name: "YCheckbox",
   components: {
     YInputCheckbox: bn
@@ -8239,7 +8246,7 @@ const zn = {
       var S;
       Array.isArray(e.modelValue) ? ((S = e.modelValue) == null ? void 0 : S.find((f) => f === e.value)) !== void 0 ? i.value = !0 : i.value = !1 : typeof e.modelValue == "boolean" && (i.value = e.modelValue);
     }
-    const h = _(() => {
+    const h = C(() => {
       const {
         reverse: S,
         disabled: v,
@@ -8252,12 +8259,12 @@ const zn = {
         "y-checkbox--disabled": !!v,
         "y-checkbox--readonly": !!f
       };
-    }), g = _(() => {
+    }), g = C(() => {
       if (typeof e.icon == "string")
         return e.icon;
-    }), C = _(() => Array.isArray(e.modelValue));
+    }), _ = C(() => Array.isArray(e.modelValue));
     function T() {
-      return C.value ? e.modelValue.findIndex((S) => S === e.value) : -1;
+      return _.value ? e.modelValue.findIndex((S) => S === e.value) : -1;
     }
     return L(i, (S) => {
       if (Array.isArray(e.modelValue)) {
@@ -8357,7 +8364,7 @@ const zn = {
     });
   }
 }), tr = Symbol.for("yuyeon.icon");
-function Nu(e) {
+function Lu(e) {
   return Ce({
     defaultSet: "built",
     sets: {
@@ -8370,11 +8377,11 @@ function Nu(e) {
     }
   }, e);
 }
-function Lu(e) {
+function Vu(e) {
   const t = ce(tr);
   if (!t) throw new Error('Not found provided "IconModule"');
   return {
-    iconData: _(() => {
+    iconData: C(() => {
       var s;
       const a = me(e);
       if (!a) return {
@@ -8413,8 +8420,8 @@ function Lu(e) {
               render: function() {
                 const h = {};
                 if (u.hasAttributes())
-                  for (let C = 0; C < u.attributes.length; C += 1) {
-                    const T = u.attributes.item(C);
+                  for (let _ = 0; _ < u.attributes.length; _ += 1) {
+                    const T = u.attributes.item(_);
                     T && (h[`^${T.name}`] = T.value);
                   }
                 return fe("svg", {
@@ -8431,7 +8438,7 @@ function Lu(e) {
     })
   };
 }
-function Vu(e) {
+function Ru(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ft(e);
 }
 const nr = F({
@@ -8458,7 +8465,7 @@ const nr = F({
       themeClasses: i
     } = Je(e), {
       iconData: r
-    } = Lu(_(() => a.value || e.icon));
+    } = Vu(C(() => a.value || e.icon));
     j(() => {
       var o, s;
       const l = (o = n.default) == null ? void 0 : o.call(n);
@@ -8475,13 +8482,13 @@ const nr = F({
         },
         role: t.onClick ? "button" : void 0,
         "aria-hidden": !t.onClick
-      }, Vu(l) ? l : {
+      }, Ru(l) ? l : {
         default: () => [l]
       });
     });
   }
 });
-function Ru(e) {
+function Fu(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ft(e);
 }
 const ar = F({
@@ -8501,7 +8508,7 @@ const ar = F({
     transition: "fade"
   }),
   ...Vt
-}, "YDropdown"), Fu = /* @__PURE__ */ N({
+}, "YDropdown"), ju = /* @__PURE__ */ N({
   name: "YDropdown",
   inheritAttrs: !1,
   components: {
@@ -8552,7 +8559,7 @@ const ar = F({
         default: () => {
           let s;
           return t.menu ? t.menu() : d(Ft, null, {
-            default: () => [Array.isArray(e.items) && e.items.length > 0 ? d(Vn, null, Ru(s = e.items.map((c) => {
+            default: () => [Array.isArray(e.items) && e.items.length > 0 ? d(Vn, null, Fu(s = e.items.map((c) => {
               const u = Z(c, e.itemText), h = `item.${c.key}`;
               return d(Ln, {
                 onClick: (g) => r(c)
@@ -8575,14 +8582,14 @@ const ar = F({
       })]);
     });
   }
-}), ju = {
+}), Ku = {
   ...Bn({
     itemKey: "value",
     itemChildren: !1
   }),
   returnItem: Boolean
-}, Ku = F(
-  ju,
+}, Wu = F(
+  Ku,
   "list-items"
 );
 function ir(e, t) {
@@ -8606,8 +8613,8 @@ function rr(e, t) {
     raw: t
   };
 }
-function Wu(e) {
-  const t = _(() => ir(e, e.items));
+function Hu(e) {
+  const t = C(() => ir(e, e.items));
   function n(i) {
     return i.filter(
       (r) => r !== null || t.value.some((l) => l.value === null)
@@ -8622,7 +8629,7 @@ function Wu(e) {
     toRefineItems: n
   };
 }
-function Hu(e) {
+function zu(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ft(e);
 }
 const lr = F({
@@ -8637,7 +8644,7 @@ const lr = F({
   menuProps: {
     type: Object
   },
-  ...Ku()
+  ...Wu()
 }, "Select"), or = F({
   maxHeight: {
     type: [Number, String],
@@ -8660,7 +8667,7 @@ const lr = F({
   ...pe(Yn({
     position: "bottom"
   }), ["coordinateStrategy"])
-}, "YSelect"), zu = /* @__PURE__ */ N({
+}, "YSelect"), Uu = /* @__PURE__ */ N({
   name: "YSelect",
   inheritAttrs: !1,
   props: {
@@ -8682,23 +8689,23 @@ const lr = F({
     const r = M(), l = M(), o = M(), s = M(), c = G(e, "opened"), u = X(!1), {
       items: h,
       toRefineItems: g,
-      toEmitItems: C
-    } = Wu(e), {
+      toEmitItems: _
+    } = Hu(e), {
       t: T
     } = yt(), S = (A) => {
-      const $ = C(Oe(A));
+      const $ = _(Oe(A));
       return e.multiple ? $ : $[0] ?? null;
-    }, v = G(e, "modelValue", [], (A) => g(A === null ? [null] : Oe(A)), S), f = _(() => {
+    }, v = G(e, "modelValue", [], (A) => g(A === null ? [null] : Oe(A)), S), f = C(() => {
       const A = [];
       for (const $ of v.value) {
         const V = h.value.find((K) => e.itemComparator(K.value, $.value));
         V !== void 0 && A.push(V);
       }
       return A;
-    }), p = _(() => f.value.map((A) => {
+    }), p = C(() => f.value.map((A) => {
       var $;
       return ($ = A == null ? void 0 : A.props) == null ? void 0 : $.value;
-    })), k = _(() => ({
+    })), k = C(() => ({
       ...e.menuProps,
       preventCloseBubble: !0
     }));
@@ -8745,10 +8752,10 @@ const lr = F({
         V = [A];
       v.value = V, i("change", S(V), $, r.value);
     }
-    const D = _(() => {
+    const D = C(() => {
       var A, $;
       return e.multiple ? f.value.map((V) => V.text).join(", ") : (($ = (A = f.value) == null ? void 0 : A[0]) == null ? void 0 : $.text) ?? "";
-    }), E = _(() => {
+    }), E = C(() => {
       var A;
       return (A = l.value) == null ? void 0 : A.baseEl;
     });
@@ -8831,7 +8838,7 @@ const lr = F({
                   var P, W, U;
                   return [(P = t["menu-prepend"]) == null ? void 0 : P.call(t), (((W = h.value) == null ? void 0 : W.length) ?? 0) > 0 ? d(Vn, {
                     ref: o
-                  }, Hu(B = h.value.map((ee) => {
+                  }, zu(B = h.value.map((ee) => {
                     const le = {
                       item: ee,
                       selected: b(ee),
@@ -8919,7 +8926,7 @@ const lr = F({
     slots: t,
     attrs: n
   }) {
-    const a = X(!1), i = M(), r = _(() => ({})), l = _(() => ({
+    const a = X(!1), i = M(), r = C(() => ({})), l = C(() => ({
       role: "tab",
       "aria-selected": `${String(a.value)}`,
       tabindex: a.value ? 0 : -1
@@ -8958,7 +8965,7 @@ const lr = F({
     selectedClass: "y-tab--active",
     mandatory: "force"
   })
-}, "YTabs"), Uu = /* @__PURE__ */ N({
+}, "YTabs"), qu = /* @__PURE__ */ N({
   name: "YTabs",
   props: {
     tag: {
@@ -8977,12 +8984,12 @@ const lr = F({
       resizeObservedRef: n
     } = Ne(), {
       resizeObservedRef: a
-    } = Ne(), i = Wr(e, qn), r = _(() => ({
+    } = Ne(), i = Wr(e, qn), r = C(() => ({
       next: i.next,
       prev: i.prev,
       select: i.select,
       isSelected: i.isSelected
-    })), l = _(() => {
+    })), l = C(() => {
       var o;
       return ((o = e.items) == null ? void 0 : o.map((s) => typeof s != "object" ? {
         text: s,
@@ -9008,27 +9015,27 @@ const lr = F({
       selected: i.selected
     };
   }
-}), dr = "YAlert", qu = Lt(dr), Gu = {
+}), dr = "YAlert", Gu = Lt(dr), Xu = {
   semantic: String,
   variation: String,
   color: String,
   textColor: String,
   outlineColor: String
-}, Xu = /* @__PURE__ */ N({
+}, Zu = /* @__PURE__ */ N({
   name: dr,
   props: {
-    ...Gu
+    ...Xu
   },
   slots: Object,
   setup(e, {
     slots: t
   }) {
-    const n = M(), a = _(() => {
+    const n = M(), a = C(() => {
       const {
         variation: r
       } = e;
       return r ? r.split(",").map((l) => l.trim()).filter((l) => !!l) : [];
-    }), i = _(() => {
+    }), i = C(() => {
       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;
     });
@@ -9036,7 +9043,7 @@ const lr = F({
       var r;
       return Be(d("div", {
         ref: n,
-        class: [qu, {
+        class: [Gu, {
           [`y-alert--${e.semantic}`]: e.semantic,
           "y-alert--filled": a.value.includes("filled"),
           "y-alert--outlined": a.value.includes("outlined")
@@ -9055,7 +9062,7 @@ const lr = F({
   }
 }), fr = F({
   vertical: Boolean
-}, "YDivider"), Zu = /* @__PURE__ */ N({
+}, "YDivider"), Ju = /* @__PURE__ */ N({
   name: "YDivider",
   props: fr(),
   setup(e) {
@@ -9093,14 +9100,14 @@ const lr = F({
   setup(e, {
     slots: t
   }) {
-    const n = Rt(), a = yt(), i = M(), r = M([]), l = G(e, "modelValue", [], (k) => k == null ? [] : Oe(k)), o = _(() => l.value.length > 0 ? n.date(l.value[0]) : e.min ? n.date(e.min) : Array.isArray(e.allowedDates) ? n.date(e.allowedDates[0]) : n.date()), s = G(e, "year", void 0, (k) => {
+    const n = Rt(), a = yt(), i = M(), r = M([]), l = G(e, "modelValue", [], (k) => k == null ? [] : Oe(k)), o = C(() => l.value.length > 0 ? n.date(l.value[0]) : e.min ? n.date(e.min) : Array.isArray(e.allowedDates) ? n.date(e.allowedDates[0]) : n.date()), s = G(e, "year", void 0, (k) => {
       const b = k != null ? Number(k) : n.getYear(o.value);
       return n.startOfYear(n.setYear(n.date(), b));
     }, (k) => n.getYear(k)), c = G(e, "month", void 0, (k) => {
       const b = k != null ? Number(k) : n.getMonth(o.value);
       let m = n.setYear(n.date(), n.getYear(s.value));
       return m = n.startOfMonth(m), n.setMonth(m, b);
-    }, (k) => n.getMonth(k)), u = _(() => {
+    }, (k) => n.getMonth(k)), u = C(() => {
       const k = n.getWeekArray(c.value), b = k.flat(), m = 6 * 7;
       if (b.length < m) {
         const y = b[b.length - 1];
@@ -9109,7 +9116,7 @@ const lr = F({
           w.push(n.addDays(y, O)), O % 7 === 0 && (k.push(w), w = []);
       }
       return k;
-    }), h = _(() => {
+    }), h = C(() => {
       const k = u.value, b = n.date();
       return k.map((m, y) => m.map((w, O) => {
         var D;
@@ -9136,11 +9143,11 @@ const lr = F({
           localized: n.format(w, "dayOfMonth")
         };
       }));
-    }), g = _(() => a.locale && n.getWeekdays()), C = _(() => n.format(c.value, "monthAndYear")), T = _(() => {
+    }), g = C(() => a.locale && n.getWeekdays()), _ = C(() => n.format(c.value, "monthAndYear")), T = C(() => {
       var k;
       if (e.range && ((k = l.value) != null && k[0]))
         return l.value[0];
-    }), S = _(() => {
+    }), S = C(() => {
       var k;
       if (e.range && ((k = l.value) != null && k[1]))
         return l.value[1];
@@ -9184,7 +9191,7 @@ const lr = F({
       }]
     }, [!e.hideHeader && d("header", {
       class: "y-date-calendar__header"
-    }, [t.header ? t.header() : C.value]), d("div", {
+    }, [t.header ? t.header() : _.value]), d("div", {
       ref: i,
       class: ["y-date-calendar__container"]
     }, [!e.hideWeekdays && d("div", {
@@ -9252,7 +9259,7 @@ const lr = F({
   setup(e, {
     emit: t
   }) {
-    const n = Rt(), a = G(e, "modelValue"), i = _(() => {
+    const n = Rt(), a = G(e, "modelValue"), i = C(() => {
       let l = n.startOfYear(n.date());
       return De(12).map((o) => {
         const s = n.format(l, "monthShort");
@@ -9283,7 +9290,7 @@ const lr = F({
       })]);
     })])), {};
   }
-}), Ju = F({
+}), Qu = F({
   disabled: {
     type: [Boolean, String, Array],
     default: !1
@@ -9307,7 +9314,7 @@ const lr = F({
   monthText: String
 }, "YDataPickerControl"), Ta = /* @__PURE__ */ N({
   name: "YDatePickerControl",
-  props: Ju(),
+  props: Qu(),
   emits: {
     "click:year": () => !0,
     "click:month": () => !0,
@@ -9317,7 +9324,7 @@ const lr = F({
   setup(e, {
     emit: t
   }) {
-    const n = _(() => Array.isArray(e.disabled) ? e.disabled.includes("year") : !!e.disabled), a = _(() => Array.isArray(e.disabled) ? e.disabled.includes("month") : !!e.disabled), i = _(() => Array.isArray(e.disabled) ? e.disabled.includes("prev") : !!e.disabled), r = _(() => Array.isArray(e.disabled) ? e.disabled.includes("next") : !!e.disabled);
+    const n = C(() => Array.isArray(e.disabled) ? e.disabled.includes("year") : !!e.disabled), a = C(() => Array.isArray(e.disabled) ? e.disabled.includes("month") : !!e.disabled), i = C(() => Array.isArray(e.disabled) ? e.disabled.includes("prev") : !!e.disabled), r = C(() => Array.isArray(e.disabled) ? e.disabled.includes("next") : !!e.disabled);
     function l() {
       t("click:prev");
     }
@@ -9368,21 +9375,21 @@ const lr = F({
       }, null)]
     })]));
   }
-}), Qu = F({
+}), ec = F({
   modelValue: Number,
   color: String,
   height: [String, Number],
   min: null,
   max: null
-}, "YYearPicker"), St = 20, ec = /* @__PURE__ */ N({
+}, "YYearPicker"), St = 20, tc = /* @__PURE__ */ N({
   name: "YYearPicker",
-  props: Qu(),
+  props: ec(),
   emits: ["mode"],
   setup(e, {
     emit: t,
     expose: n
   }) {
-    const a = Rt(), i = G(e, "modelValue"), r = i.value, l = M(r - r % St - (r < 0 ? St : 0)), o = _(() => {
+    const a = Rt(), i = G(e, "modelValue"), r = i.value, l = M(r - r % St - (r < 0 ? St : 0)), o = C(() => {
       let u = a.startOfYear(a.date());
       return De(St + 1, l.value).map((h) => (u = a.setYear(u, h), {
         text: a.format(u, "year"),
@@ -9415,7 +9422,7 @@ const lr = F({
 }), mr = F({
   ...pe(Gn(), ["modelValue"]),
   modelValue: null
-}, "YDatePicker"), tc = /* @__PURE__ */ N({
+}, "YDatePicker"), nc = /* @__PURE__ */ N({
   name: "YDatePicker",
   props: mr(),
   emits: ["update:month", "update:year", "update:modelValue", "update:mode"],
@@ -9426,11 +9433,11 @@ const lr = F({
     isNaN(s) || (l.value = s);
     const c = Number(e.year);
     isNaN(c) || (o.value = c);
-    const u = _(() => {
+    const u = C(() => {
       let b = a.startOfMonth(a.date());
       return b = a.setYear(b, +o.value), a.setMonth(b, +l.value);
-    }), h = _(() => a.format(u.value, "month")), g = _(() => a.format(u.value, "year"));
-    function C() {
+    }), h = C(() => a.format(u.value, "month")), g = C(() => a.format(u.value, "year"));
+    function _() {
       r.value = r.value === "month" ? "date" : "month";
     }
     function T() {
@@ -9440,7 +9447,7 @@ const lr = F({
       T();
     }
     function v() {
-      C();
+      _();
     }
     function f(b) {
       var y;
@@ -9462,7 +9469,7 @@ const lr = F({
       f(1);
     }
     L(l, () => {
-      r.value === "month" && C(), t("update:month", l.value);
+      r.value === "month" && _(), t("update:month", l.value);
     }), L(o, () => {
       r.value === "year" && (r.value = "month"), t("update:year", o.value);
     }), j(() => d("div", {
@@ -9484,7 +9491,7 @@ const lr = F({
         onMode: () => {
           r.value = "date";
         }
-      }, null) : r.value === "year" ? d(ec, {
+      }, null) : r.value === "year" ? d(tc, {
         modelValue: o.value,
         "onUpdate:modelValue": (b) => o.value = b,
         ref: n,
@@ -9503,7 +9510,7 @@ const lr = F({
     })]));
   }
 });
-function nc(e) {
+function ac(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ft(e);
 }
 const hr = F({
@@ -9527,8 +9534,10 @@ const hr = F({
     type: String,
     default: "fade"
   },
-  ...Ja
-}, "YBadge"), ac = /* @__PURE__ */ N({
+  ...zl({
+    backgroundOpacity: 1
+  })
+}, "YBadge"), ic = /* @__PURE__ */ N({
   name: "YBadge",
   props: hr(),
   slots: Object,
@@ -9561,7 +9570,7 @@ const hr = F({
             transitionProps: {
               name: e.transition
             }
-          }, nc(i = Be(
+          }, ac(i = Be(
             // biome-ignore lint/a11y/useSemanticElements: aria-live
             d("span", {
               class: ["y-badge__badge"],
@@ -9580,7 +9589,7 @@ const hr = F({
       });
     });
   }
-}), ic = /* @__PURE__ */ N({
+}), rc = /* @__PURE__ */ N({
   name: "YTextEllipsis",
   props: {
     text: {
@@ -9595,16 +9604,16 @@ const hr = F({
     const {
       resizeObservedRef: t,
       contentRect: n
-    } = Ne(), a = M(!1), i = _(() => {
+    } = Ne(), a = M(!1), i = C(() => {
       var s;
       return (s = n.value) == null ? void 0 : s.width;
-    }), r = _(() => e.text), l = _(() => {
+    }), r = C(() => e.text), l = C(() => {
       if (a.value) {
         const s = Math.round(e.text.length * 0.5);
         return e.text.substring(0, s);
       }
       return e.text;
-    }), o = _(() => {
+    }), o = C(() => {
       if (a.value) {
         const s = Math.round(e.text.length * 0.5);
         return e.text.substring(s, e.text.length);
@@ -9627,7 +9636,7 @@ const hr = F({
       class: "y-text-ellipsis__end"
     }, [o.value])]));
   }
-}), Ve = "y-ip-field", Ea = "y-ipv4-field", Da = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, rc = /* @__PURE__ */ N({
+}), Ve = "y-ip-field", Ea = "y-ipv4-field", Da = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, lc = /* @__PURE__ */ N({
   name: Ea,
   props: {
     fixedUntil: Number,
@@ -9666,7 +9675,7 @@ const hr = F({
       const E = D.target, I = (E == null ? void 0 : E.value) || "", A = s[x], $ = x < 4 ? Da.test(I) : h(I), V = I !== "" ? Number(I).toString() : "";
       o[x] = V, !$ && I !== "" ? m(x, A) : (I.length > 2 && y(x), s[x] = V, O());
     }
-    function C(x, D) {
+    function _(x, D) {
       c.value = !0, u.value.push(x);
     }
     function T(x, D) {
@@ -9752,7 +9761,7 @@ const hr = F({
     function Y() {
       return o[0] === "" && o[1] === "" && o[2] === "" && o[3] === "" ? "" : `${o[0]}.${o[1]}.${o[2]}.${o[3]}${e.subnet ? "/" + o[4] : ""}`;
     }
-    const R = _(() => u.value.length > 0);
+    const R = C(() => u.value.length > 0);
     return L(l, (x) => {
       if (x === "") {
         for (let D = 0; D < 5; D += 1)
@@ -9796,7 +9805,7 @@ const hr = F({
           autocomplete: "false",
           maxlength: D === 4 ? 2 : 3,
           onInput: (I) => g(D, I),
-          onFocus: (I) => C(D),
+          onFocus: (I) => _(D),
           onBlur: (I) => T(D),
           onChange: (I) => void 0,
           onKeydown: (I) => v(D, I),
@@ -9834,7 +9843,7 @@ const hr = F({
     type: Number,
     default: 100
   }
-}, "YHover"), lc = /* @__PURE__ */ N({
+}, "YHover"), oc = /* @__PURE__ */ N({
   name: "YHover",
   props: gr(),
   emits: ["update:modelValue", "hover"],
@@ -9861,7 +9870,7 @@ const hr = F({
       }), d(J, null, [l.value]);
     });
   }
-}), oc = /* @__PURE__ */ N({
+}), uc = /* @__PURE__ */ N({
   name: "YTi",
   props: {
     text: String,
@@ -9874,7 +9883,7 @@ const hr = F({
   setup(e, {
     slots: t
   }) {
-    const n = _(() => Pr(e.text ?? ""));
+    const n = C(() => Pr(e.text ?? ""));
     function a(i) {
       return Z(e.item, i);
     }
@@ -9897,7 +9906,7 @@ const hr = F({
     });
   }
 });
-function uc(e) {
+function cc(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ft(e);
 }
 const br = F({
@@ -9913,7 +9922,7 @@ const br = F({
   },
   eager: Boolean,
   ...ni()
-}, "YImg"), cc = /* @__PURE__ */ N({
+}, "YImg"), sc = /* @__PURE__ */ N({
   name: "YImg",
   props: {
     ...br()
@@ -9927,15 +9936,15 @@ const br = F({
   }) {
     const i = ie(), r = M(), l = X(e.eager ? "loading" : "idle"), o = X(""), s = X(), c = X(), {
       polyTransitionBindProps: u
-    } = qa(e), h = _(() => ({
+    } = qa(e), h = C(() => ({
       src: e.src
-    })), g = _(() => ({
+    })), g = C(() => ({
       "y-img--cover": e.objectFit === "cover",
       "y-img--contain": e.objectFit === "contain",
       "y-img--fill": e.objectFit === "fill",
       "y-img--scale-down": e.objectFit === "scale-down"
     }));
-    function C() {
+    function _() {
       const y = r.value;
       y && (o.value = y.currentSrc || y.src);
     }
@@ -9983,7 +9992,7 @@ const br = F({
       }, null);
       return d(ut, H(u.value, {
         appear: !0
-      }), uc(w = Be(O, [[dt, y.status === "loaded"]])) ? w : {
+      }), cc(w = Be(O, [[dt, y.status === "loaded"]])) ? w : {
         default: () => [w]
       });
     };
@@ -10003,7 +10012,7 @@ const br = F({
             if ((O = r.value) != null && O.complete) {
               if ((Y = r.value) != null && Y.naturalWidth || f(), l.value === "error") return;
               b(r.value, null), l.value === "loading" && v();
-            } else r.value && (b(r.value), C());
+            } else r.value && (b(r.value), _());
         });
       }));
     }
@@ -10022,49 +10031,49 @@ const br = F({
       image$: r
     };
   }
-}), sc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), dc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PageControlPaths: _t,
-  YAlert: Xu,
+  YAlert: Zu,
   YApp: Rr,
-  YBadge: ac,
+  YBadge: ic,
   YButton: ae,
   YCard: Ft,
   YCardBody: Kl,
   YCardFooter: Wl,
   YCardHeader: Hl,
-  YCheckbox: $u,
-  YChip: zl,
-  YDataTable: Iu,
+  YCheckbox: Nu,
+  YChip: Ul,
+  YDataTable: Pu,
   YDataTableBody: We,
   YDataTableCell: Yt,
   YDataTableControl: He,
   YDataTableLayer: It,
   YDataTableLayerRow: Zi,
-  YDataTableLayerRows: Bu,
+  YDataTableLayerRows: $u,
   YDataTableRow: zi,
-  YDataTableServer: Pu,
+  YDataTableServer: Bu,
   YDateCalendar: wn,
-  YDatePicker: tc,
-  YDialog: ho,
-  YDividePanel: su,
-  YDivider: Zu,
-  YDropdown: Fu,
-  YExpandHTransition: cu,
+  YDatePicker: nc,
+  YDialog: go,
+  YDividePanel: du,
+  YDivider: Ju,
+  YDropdown: ju,
+  YExpandHTransition: su,
   YExpandVTransition: _i,
   YFieldInput: Et,
   YForm: pl,
-  YHover: lc,
+  YHover: oc,
   YIcon: Pe,
   YIconCheckbox: Te,
   YIconClear: En,
   YIconExpand: st,
   YIconPageControl: _e,
   YIconSort: $n,
-  YImg: cc,
+  YImg: sc,
   YInput: $e,
   YInputCheckbox: bn,
-  YIpv4Field: rc,
+  YIpv4Field: lc,
   YLayer: he,
   YList: Vn,
   YListItem: Ln,
@@ -10074,19 +10083,19 @@ const br = F({
   YPagination: qi,
   YProgressBar: Xa,
   YProgressRing: jl,
-  YSelect: zu,
-  YSnackbar: ru,
+  YSelect: Uu,
+  YSnackbar: lu,
   YSpinnerRing: Ra,
-  YSwitch: Ul,
+  YSwitch: ql,
   YTab: cr,
   YTable: Ke,
-  YTabs: Uu,
-  YTextEllipsis: ic,
+  YTabs: qu,
+  YTextEllipsis: rc,
   YTextHighlighter: Ei,
   YTextarea: bl,
-  YTi: oc,
-  YTooltip: uu,
-  YTreeView: hu,
+  YTi: uc,
+  YTooltip: cu,
+  YTreeView: gu,
   YTreeViewNode: Di,
   Y_TABS_KEY: qn,
   builtSet: Ti,
@@ -10123,11 +10132,11 @@ const br = F({
   pressYTextareaPropsOptions: ja,
   pressYTooltipPropsOptions: xi,
   pressYTreeViewNodeProps: Nn
-}, Symbol.toStringTag, { value: "Module" })), dc = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ", fc = {
+}, Symbol.toStringTag, { value: "Module" })), fc = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ", vc = {
   credit: !0
 };
-function gc(e = fc) {
-  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 = Nu(e == null ? void 0 : e.icon), l = (e == null ? void 0 : e.components) ?? sc;
+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), l = (e == null ? void 0 : e.components) ?? dc;
   return {
     install: (s) => {
       n.install(s);
@@ -10144,33 +10153,33 @@ function gc(e = fc) {
         icon: r
       });
       Object.keys(l).forEach((g) => {
-        const C = l[g];
-        typeof C == "object" && "name" in C && s.component(g, C);
+        const _ = l[g];
+        typeof _ == "object" && "name" in _ && s.component(g, _);
       }), s.directive("plate-wave", Va), s.provide(kt, t), s.provide(Tt, n.instance), s.provide(tr, r), s.provide(Wa, {
         ...a.localeModule,
         ...a.rtlModule
       }), s.provide(za, i.options), s.provide(Yl, i.instance), s.config.globalProperties.$yuyeon = c, de(() => {
         c.root = s._container, c.app = s._instance, c.root && (c.root.classList.add("y-root"), c.root.setAttribute("data-y-root", ""), n.init(c));
-      }), e != null && e.credit && console.log(dc);
+      }), e != null && e.credit && console.log(fc);
       const { unmount: u, mount: h } = s;
       s.mount = (...g) => {
-        const C = h(...g);
+        const _ = h(...g);
         return c.app || (c.app = s._instance), c.root || de(() => {
           c.root = s._container, c.root && (c.root.classList.add("y-root"), c.root.setAttribute("data-y-root", ""), n.init(c));
-        }), s.mount = h, C;
+        }), s.mount = h, _;
       }, s.unmount = () => {
         u(), n.scope.stop(), s.unmount = u;
       };
     }
   };
 }
-function vc() {
+function yc() {
   const e = ie();
   if (!e) throw new Error("[yuyeon] Called outside of setup context");
   return e.appContext.config.globalProperties.$yuyeon;
 }
 export {
-  gc as init,
-  hc as useTheme,
-  vc as useYuyeon
+  bc as init,
+  gc as useTheme,
+  yc as useYuyeon
 };