yuyeon 0.3.7-beta.2 → 0.3.7-beta.4

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var Rl = Object.defineProperty;
 var Fl = (e, t, n) => t in e ? Rl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var be = (e, t, n) => Fl(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ne, capitalize as jl, inject as oe, computed as S, shallowRef as X, watchEffect as Ke, provide as ce, ref as M, h as de, watch as R, onScopeDispose as De, effectScope as en, toRaw as Kl, toRef as re, onBeforeUnmount as Pe, reactive as Oe, onMounted as pt, nextTick as se, resolveDynamicComponent as Wl, createVNode as d, withDirectives as Me, mergeProps as H, resolveDirective as Ct, unref as ve, readonly as jt, onBeforeMount as tn, Fragment as J, createTextVNode as kt, withKeys as Hl, Transition as _t, toRefs as zl, withModifiers as nn, Teleport as Ul, vShow as nt, watchPostEffect as Gl, defineComponent as an, resolveComponent as ql, onBeforeUpdate as Xl, useTemplateRef as Zl, isVNode as at } from "vue";
+import { getCurrentInstance as ne, capitalize as jl, inject as oe, computed as S, shallowRef as X, watchEffect as Ke, provide as ce, ref as M, h as de, watch as R, onScopeDispose as De, effectScope as en, toRaw as Kl, toRef as re, onBeforeUnmount as Ne, reactive as Ae, onMounted as pt, nextTick as se, resolveDynamicComponent as Wl, createVNode as d, withDirectives as Ie, mergeProps as H, resolveDirective as Ct, unref as ve, readonly as jt, onBeforeMount as tn, Fragment as J, createTextVNode as kt, withKeys as Hl, Transition as _t, toRefs as zl, withModifiers as nn, Teleport as Ul, vShow as nt, watchPostEffect as Gl, defineComponent as an, resolveComponent as ql, onBeforeUpdate as Xl, useTemplateRef as Zl, isVNode as at } from "vue";
 function ot(e, t) {
   return e ? Object.hasOwn(e, t) : !1;
 }
@@ -46,10 +46,10 @@ function Ce(e, t, n) {
   const a = t(e, n);
   return typeof a > "u" ? n : a;
 }
-function Ne(e, t = 0, n = 1) {
+function Ee(e, t = 0, n = 1) {
   return Math.max(t, Math.min(n, e));
 }
-function Ee(e, t = 0) {
+function Te(e, t = 0) {
   return Array.from({ length: e }, (n, a) => t + a);
 }
 function ke(e, t) {
@@ -213,7 +213,7 @@ function We() {
   const e = ne();
   return e == null ? void 0 : e.uid;
 }
-function Ae(e) {
+function Ye(e) {
   const t = {};
   return typeof e == "string" ? t[e] = !0 : Array.isArray(e) ? e.reduce((n, a) => (n[a] = !0, n), t) : typeof e == "object" && Object.keys(e).reduce((n, a) => (n[a] = !!e[a], n), t), t;
 }
@@ -257,7 +257,7 @@ function Yn(e, t) {
     e.includes(a) || n.push(a);
   return n;
 }
-function Te(e) {
+function Oe(e) {
   return Array.isArray(e) ? e : [e];
 }
 function ln(e, t) {
@@ -366,7 +366,7 @@ function si(e, t, n = !0) {
       disabled: r
     },
     a
-  ), Pe(() => {
+  ), Ne(() => {
     i.unregister(l);
   });
   const s = S(() => i.isSelected(l)), c = S(
@@ -390,11 +390,11 @@ function si(e, t, n = !0) {
 }
 function di(e, t) {
   let n = !1;
-  const a = Oe([]), l = G(
+  const a = Ae([]), l = G(
     e,
     "modelValue",
     [],
-    (b) => b == null ? [] : ua(a, Te(b)),
+    (b) => b == null ? [] : ua(a, Oe(b)),
     (b) => {
       const x = vi(a, b);
       return e.multiple ? x : x[0];
@@ -416,7 +416,7 @@ function di(e, t) {
   }
   pt(() => {
     s();
-  }), Pe(() => {
+  }), Ne(() => {
     n = !0;
   });
   function c(b, x) {
@@ -645,7 +645,7 @@ const xi = "YSpinnerRing", ha = /* @__PURE__ */ F({
       "stroke-dashoffset": "113.097"
     }, null)]);
   }
-}), pi = Symbol.for("yuyeon.y-toggle-button"), fe = "y-button", Et = K({
+}), pi = Symbol.for("yuyeon.y-toggle-button"), fe = "y-button", Tt = K({
   loading: Boolean,
   active: {
     type: Boolean,
@@ -688,7 +688,7 @@ const xi = "YSpinnerRing", ha = /* @__PURE__ */ F({
   directives: {
     PlateWave: ma
   },
-  props: Et(),
+  props: Tt(),
   emits: {
     click: (e) => !0,
     "choice:selected": (e) => !0
@@ -744,7 +744,7 @@ const xi = "YSpinnerRing", ha = /* @__PURE__ */ F({
     }
     return W(() => {
       const b = i.isLink.value ? "a" : "button";
-      return Me(d(b, {
+      return Ie(d(b, {
         type: b === "a" ? void 0 : "button",
         class: [`${fe}`, l == null ? void 0 : l.selectedClass.value, {
           ...s.value
@@ -895,7 +895,7 @@ function Di(e) {
   }
   return t;
 }
-function Ei(e) {
+function Ti(e) {
   const t = {}, { scaleMethod: n, colors: a } = e;
   for (const [l, i] of Object.entries(a))
     typeof i == "string" && (t[l] = i);
@@ -908,9 +908,9 @@ function qe(e, t) {
 `];
 }
 function ct(e, t = "") {
-  return Object.entries(e).map(([n, a]) => Ti(`${t}-${n}`, a));
+  return Object.entries(e).map(([n, a]) => Ei(`${t}-${n}`, a));
 }
-function Ti(e, t) {
+function Ei(e, t) {
   return `--y-${e}: ${t};`;
 }
 const Bn = {
@@ -927,7 +927,7 @@ const Bn = {
     warning: "#f69400",
     info: "#0d62e6"
   }
-}, $n = {
+}, Nn = {
   light: {
     isDark: !1,
     colors: {
@@ -998,13 +998,13 @@ function Ai(e) {
   return e ? {
     scheme: Oi.includes(e.scheme) ? e.scheme : Bn.light,
     theme: e.theme ?? ["light", "dark"],
-    themes: { ...xe($n, e.themes) },
+    themes: { ...xe(Nn, e.themes) },
     palette: { ...xe(Pn, e.palette) },
     separation: e == null ? void 0 : e.separation
   } : {
     scheme: Bn.light,
     theme: ["light", "dark"],
-    themes: { ...xe($n) },
+    themes: { ...xe(Nn) },
     palette: { ...xe(Pn) }
   };
 }
@@ -1018,14 +1018,14 @@ function Yi() {
   return window.matchMedia("(prefers-color-scheme)").media !== "not all";
 }
 function Mi(e) {
-  const t = en(), n = Oe(Ai(e)), a = M(n.scheme), l = M(n.theme), i = M(n.themes), o = M(n.palette), r = M(!0), s = M("");
+  const t = en(), n = Ae(Ai(e)), a = M(n.scheme), l = M(n.theme), i = M(n.themes), o = M(n.palette), r = M(!0), s = M("");
   function c(f) {
     s.value = f.matches ? "dark" : "light";
   }
   const u = S(() => a.value === "auto" ? s.value : a.value === "dark" ? "dark" : "light"), m = S(() => {
     var f, v;
     return typeof l.value == "string" && l.value in x ? l.value : Array.isArray(l.value) ? u.value === "dark" ? ((f = l.value) == null ? void 0 : f[1]) ?? "dark" : ((v = l.value) == null ? void 0 : v[0]) ?? "light" : u.value;
-  }), b = S(() => Ei(o.value)), x = S(() => Di(i.value)), _ = S(() => {
+  }), b = S(() => Ti(o.value)), x = S(() => Di(i.value)), _ = S(() => {
     const f = m.value, v = x.value[f];
     return v != null && v.colors ? v.colors : {};
   }), w = S(() => {
@@ -1034,27 +1034,27 @@ function Mi(e) {
       ...qe(":root", ct(b.value, "palette"))
     );
     for (const [h, C] of Object.entries(x.value)) {
-      const { colors: Y, variables: E, isDark: P } = C, T = {
+      const { colors: Y, variables: T, isDark: P } = C, E = {
         ...Y,
-        ...E
+        ...T
       }, A = P ? "dark" : "light";
       a.value === "auto" ? v.push(
         ...qe(
           `@media (prefers-color-scheme: ${A})`,
           qe(
             `${f}[data-theme-scheme='auto'][data-${A}-theme='${h}']`,
-            ct(T, "theme")
+            ct(E, "theme")
           )
         )
       ) : v.push(
         ...qe(
           `${f}[data-theme-scheme='${A}'][data-${A}-theme='${h}']`,
-          ct(T, "theme")
+          ct(E, "theme")
         )
       ), v.push(
         ...qe(
           `${f} .y-theme--${h}`,
-          ct(T, "theme")
+          ct(E, "theme")
         )
       );
     }
@@ -1236,7 +1236,7 @@ function Bi(e) {
 function Pi() {
   return oe(ga, null);
 }
-const $i = K(
+const Ni = K(
   {
     readonly: Boolean,
     disabled: Boolean,
@@ -1259,7 +1259,7 @@ const $i = K(
   },
   "validation"
 );
-function Ni(e, t, n = We()) {
+function $i(e, t, n = We()) {
   const a = S(() => e.name ?? n), l = G(e, "modelValue"), i = S(
     () => e.validationValue === void 0 ? l.value : e.validationValue
   ), o = ne(), r = Pi(), s = M(!1), c = S(() => {
@@ -1313,7 +1313,7 @@ function Ni(e, t, n = We()) {
   async function O() {
     c.value.lazy ? D() : await g();
   }
-  return Pe(() => {
+  return Ne(() => {
     var f;
     (f = r == null ? void 0 : r.unregister) == null || f.call(r, a.value);
   }), tn(() => {
@@ -1366,7 +1366,7 @@ function Li(e) {
 function It(e) {
   return Math.round(e * devicePixelRatio) / devicePixelRatio;
 }
-function Nn(e) {
+function $n(e) {
   return Math.ceil(e * devicePixelRatio) / devicePixelRatio;
 }
 function U(e, t = "px") {
@@ -1410,10 +1410,10 @@ const we = "y-input", lt = K({
   filled: Boolean,
   ceramic: Boolean,
   // validate
-  ...$i(),
+  ...Ni(),
   ...ki(),
   extended: Object
-}, "YInput"), Ie = /* @__PURE__ */ F({
+}, "YInput"), Be = /* @__PURE__ */ F({
   name: "YInput",
   props: {
     ...He(),
@@ -1444,9 +1444,9 @@ const we = "y-input", lt = K({
       isSuccess: g,
       errors: D,
       errorResult: O
-    } = Ni(e, we, i), f = M(), v = M(), h = M();
+    } = $i(e, we, i), f = M(), v = M(), h = M();
     M();
-    const C = X(!1), Y = S(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), E = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!h.value), P = S(() => ({
+    const C = X(!1), Y = S(() => e.variation ? e.variation.split(",").map((N) => N.trim()) : []), T = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!h.value), P = S(() => ({
       // Style
       [o.value]: !0,
       "y-input--ceramic": !!e.ceramic,
@@ -1460,41 +1460,41 @@ const we = "y-input", lt = K({
       "y-input--disabled": m.value,
       "y-input--error": y.value,
       "y-input--success": g.value
-    })), T = S(() => ({
+    })), E = S(() => ({
       width: U(e.width),
       height: U(e.height)
     }));
-    R(() => e.modelValue, ($) => {
-      h.value = $;
-    }), R(() => e.readonly, ($) => {
-      $ || (h.value = e.modelValue);
-    }), R(h, ($) => {
-      !b.value && !x.value && l("update:modelValue", $);
-    }), R(y, ($) => {
-      l("error", $, D.value);
-    }), R(() => e.focused, ($) => {
-      $ || _();
+    R(() => e.modelValue, (N) => {
+      h.value = N;
+    }), R(() => e.readonly, (N) => {
+      N || (h.value = e.modelValue);
+    }), R(h, (N) => {
+      !b.value && !x.value && l("update:modelValue", N);
+    }), R(y, (N) => {
+      l("error", N, D.value);
+    }), R(() => e.focused, (N) => {
+      N || _();
     });
-    function A($) {
-      l("click", $);
+    function A(N) {
+      l("click", N);
     }
-    function p($) {
-      C.value = !0, l("mousedown:display", $);
+    function p(N) {
+      C.value = !0, l("mousedown:display", N);
     }
-    function k($) {
-      C.value = !1, l("mouseup:display", $);
+    function k(N) {
+      C.value = !1, l("mouseup:display", N);
     }
-    function I($) {
-      l("keydown:display", $);
+    function I(N) {
+      l("keydown:display", N);
     }
-    function V($) {
-      c(), l("focus", $);
+    function V(N) {
+      c(), l("focus", N);
     }
-    function B($) {
-      u(), _(), l("blur", $);
+    function B(N) {
+      u(), _(), l("blur", N);
     }
-    function N($) {
-      l("click:leading", $);
+    function $(N) {
+      l("click:leading", N);
     }
     function L() {
       if (e.label || t.label)
@@ -1502,7 +1502,7 @@ const we = "y-input", lt = K({
           class: [{
             [`${we}__label`]: !0,
             "y-input__floating-label": e.floating,
-            "y-input__floating-label--floated": e.floating && E.value
+            "y-input__floating-label--floated": e.floating && T.value
           }],
           for: `y-input--${i}`
         }, [t.label ? t.label() : e.label ? d(J, null, [e.label, e.required && d("span", {
@@ -1516,7 +1516,7 @@ const we = "y-input", lt = K({
       validate: _,
       resetError: w
     }), W(() => {
-      var $, j;
+      var N, j;
       return d("div", {
         class: [`${we}`, {
           ...P.value
@@ -1530,7 +1530,7 @@ const we = "y-input", lt = K({
         ref: v,
         class: `${we}__display`,
         style: [{
-          ...T.value
+          ...E.value
         }],
         "data-base-parent": !0,
         onClick: A,
@@ -1541,7 +1541,7 @@ const we = "y-input", lt = K({
         class: `${we}__plate`
       }, null), t.leading && d("div", {
         class: "y-input__leading",
-        onClick: N
+        onClick: $
       }, [t.leading({
         error: y.value
       })]), t.default ? t.default({
@@ -1555,7 +1555,7 @@ const we = "y-input", lt = K({
         tabindex: 0,
         onFocus: V,
         onBlur: B
-      }, [e.floating && L(), ($ = e.modelValue) == null ? void 0 : $.toString()]), (j = t.trailing) == null ? void 0 : j.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
+      }, [e.floating && L(), (N = e.modelValue) == null ? void 0 : N.toString()]), (j = t.trailing) == null ? void 0 : j.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
         class: `${we}__helper-text`
       }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
         error: y.value,
@@ -1651,10 +1651,10 @@ const we = "y-input", lt = K({
       a("keyup", p);
     }
     function v(p) {
-      a("click:clear", p), E();
+      a("click:clear", p), T();
     }
     function h(p) {
-      (p.code === "Space" || p.code === "Enter") && E();
+      (p.code === "Space" || p.code === "Enter") && T();
     }
     function C() {
       var p;
@@ -1664,7 +1664,7 @@ const we = "y-input", lt = K({
       var p;
       (p = o.value) == null || p.select();
     }
-    function E() {
+    function T() {
       u.value = "", m.value = "", a("update:modelValue", u.value), a("change", u.value);
     }
     function P() {
@@ -1687,13 +1687,13 @@ const we = "y-input", lt = K({
     }, {
       immediate: !0
     });
-    const T = {
+    const E = {
       focus: C,
       select: Y,
-      clear: E
+      clear: T
     };
     n({
-      ...T,
+      ...E,
       input$: o,
       validate: () => {
         var p;
@@ -1707,13 +1707,13 @@ const we = "y-input", lt = K({
     function A(p) {
       a("update:modelValue", p);
     }
-    return W(() => d(Ie, H({
+    return W(() => d(Be, H({
       class: x.value,
       ref: i
-    }, Q(e, Ie.props), {
+    }, Q(e, Be.props), {
       modelValue: u.value,
       focused: r.value,
-      extended: T,
+      extended: E,
       "onUpdate:modelValue": A,
       onClick: _,
       "onMousedown:display": (p) => a("mousedown:display", p),
@@ -1889,8 +1889,8 @@ const we = "y-input", lt = K({
         return (h = o.value) == null ? void 0 : h.invokeValidators();
       }
     }), W(() => {
-      const h = Q(e, Ie.props);
-      return d(Ie, H({
+      const h = Q(e, Be.props);
+      return d(Be, H({
         class: [Ln]
       }, h, {
         modelValue: s.value,
@@ -1900,12 +1900,12 @@ const we = "y-input", lt = K({
         "onMousedown:display": (C) => n("mousedown:display", C)
       }), {
         default: (C) => {
-          var Y, E;
+          var Y, T;
           return d("div", {
             class: [`${Ln}__field`],
             "data-id": C.attrId,
             ref: "field"
-          }, [e.floating ? (E = (Y = o.value) == null ? void 0 : Y.createLabel) == null ? void 0 : E.call(Y) : void 0, a.default ? () => a.default(C) : void 0, d("textarea", H({
+          }, [e.floating ? (T = (Y = o.value) == null ? void 0 : Y.createLabel) == null ? void 0 : T.call(Y) : void 0, a.default ? () => a.default(C) : void 0, d("textarea", H({
             ref: r,
             value: c.value,
             id: `y-input--${i}`,
@@ -2147,7 +2147,7 @@ function it() {
   return e;
 }
 function xa(e, t) {
-  const n = Oe(
+  const n = Ae(
     typeof e.adapter == "function" ? new e.adapter({
       locale: e.locale[t.locale.value] ?? t.locale.value,
       formats: e.formats
@@ -2671,7 +2671,7 @@ function er(e, t) {
     instance: xa(n, t)
   };
 }
-function Tt() {
+function Et() {
   const e = oe(pa);
   if (!e)
     throw new Error('【yuyeon】 Not found provided "DateModule" for options');
@@ -2682,13 +2682,13 @@ const Fn = typeof window < "u", Ca = {
   canUseIntersectionObserver: Fn && "IntersectionObserver" in window,
   canUseResizeObserver: Fn && "ResizeObserver" in window
 };
-function Be(e) {
+function Pe(e) {
   const t = M(), n = M();
   if (Ca.canUseResizeObserver) {
     const a = new ResizeObserver((l, i) => {
       e == null || e(l, i), l.length && (n.value = l[0].contentRect);
     });
-    Pe(() => {
+    Ne(() => {
       a.disconnect();
     }), R(
       t,
@@ -2905,10 +2905,10 @@ const Da = /* @__PURE__ */ F({
       delta: a
     };
   }
-}), Ut = (e, t) => e.includes(t), Ea = ["top", "bottom"], lr = ["start", "end", "left", "right"];
+}), Ut = (e, t) => e.includes(t), Ta = ["top", "bottom"], lr = ["start", "end", "left", "right"];
 function jn(e, t) {
   let [n, a] = e.split(" ");
-  return a || (a = Ut(Ea, n) ? "start" : Ut(lr, n) ? "top" : "center"), {
+  return a || (a = Ut(Ta, n) ? "start" : Ut(lr, n) ? "top" : "center"), {
     side: Kn(n, t),
     align: Kn(a, t)
   };
@@ -2928,7 +2928,7 @@ function Pt(e) {
     align: e.align
   };
 }
-function $t(e) {
+function Nt(e) {
   return {
     side: e.side,
     align: {
@@ -2947,7 +2947,7 @@ function Wn(e) {
   };
 }
 function Hn(e) {
-  return Ut(Ea, e.side) ? "y" : "x";
+  return Ut(Ta, e.side) ? "y" : "x";
 }
 function sn(e, t = 0, n = {
   leading: !1,
@@ -2965,8 +2965,8 @@ function sn(e, t = 0, n = {
     return c = h, r = window.setTimeout(g, t), u ? x(h) : o;
   }
   function w(h) {
-    var C = h - (s ?? 0), Y = h - (c ?? 0), E = t - C;
-    return m ? Math.min(E, (i ?? 0) - Y) : E;
+    var C = h - (s ?? 0), Y = h - (c ?? 0), T = t - C;
+    return m ? Math.min(T, (i ?? 0) - Y) : T;
   }
   function y(h) {
     var C = h - (s ?? 0), Y = h - (c ?? 0);
@@ -3003,7 +3003,7 @@ function dn(e) {
   const t = e.getRootNode();
   return t !== document && t.getRootNode({ composed: !0 }) !== document ? null : t;
 }
-function Ta(e, t, n) {
+function Ea(e, t, n) {
   if (!e)
     return !1;
   const a = dn(t);
@@ -3029,7 +3029,7 @@ class ir {
   }
 }
 function rr(e) {
-  const t = Oe({}), n = S(e);
+  const t = Ae({}), n = S(e);
   return Ke(
     () => {
       for (const a in n.value)
@@ -3137,7 +3137,7 @@ const ur = /* @__PURE__ */ F({
       let c = e.color ?? "";
       return Fe(c) || (c = `var(--y-theme-${c})`), c;
     }), o = S(() => {
-      const c = Ne(e.width, 1, 100);
+      const c = Ee(e.width, 1, 100);
       if (c === 100)
         return "";
       const u = 48, m = 64, b = (100 - c) / 100 * (u / 2);
@@ -3433,7 +3433,7 @@ function mr(e, t, n, a) {
     updateCoordinate: r
   };
 }
-function Nt(e, t) {
+function $t(e, t) {
   return {
     x: e.x + t.x,
     y: e.y + t.y
@@ -3448,12 +3448,12 @@ function hr(e, t) {
 function Un(e, t) {
   if (e.side === "top" || e.side === "bottom") {
     const { side: n, align: a } = e, l = a === "left" ? 0 : a === "center" ? t.width / 2 : a === "right" ? t.width : a, i = n === "top" ? 0 : n === "bottom" ? t.height : n;
-    return Nt({ x: l, y: i }, t);
+    return $t({ x: l, y: i }, t);
   } else if (e.side === "left" || e.side === "right") {
     const { side: n, align: a } = e, l = n === "left" ? 0 : n === "right" ? t.width : n, i = a === "top" ? 0 : a === "center" ? t.height / 2 : a === "bottom" ? t.height : a;
-    return Nt({ x: l, y: i }, t);
+    return $t({ x: l, y: i }, t);
   }
-  return Nt(
+  return $t(
     {
       x: t.width / 2,
       y: t.height / 2
@@ -3467,7 +3467,7 @@ function gr(e, t, n, a) {
     return Number.isNaN(v) ? 1 / 0 : v;
   })), { preferredAnchor: b, preferredOrigin: x } = rr(() => {
     const f = `${e.position} ${e.align}`, v = jn(f, !1), h = e.origin === "overlap" ? v : e.origin === "auto" ? Pt(v) : jn(e.origin, !1);
-    return v.side === h.side && v.align === $t(h).align ? {
+    return v.side === h.side && v.align === Nt(h).align ? {
       preferredAnchor: Wn(v),
       preferredOrigin: Wn(h)
     } : {
@@ -3507,32 +3507,32 @@ function gr(e, t, n, a) {
       height: 0
     }) : f.getBoundingClientRect(), C = D(v), Y = wt(v);
     Y.length < 1 && Y.push(document.documentElement);
-    const E = Y.reduce(
-      (N, L) => {
-        const $ = L.getBoundingClientRect(), j = new Xe({
-          x: L === document.documentElement ? 0 : $.x,
-          y: L === document.documentElement ? 0 : $.y,
+    const T = Y.reduce(
+      ($, L) => {
+        const N = L.getBoundingClientRect(), j = new Xe({
+          x: L === document.documentElement ? 0 : N.x,
+          y: L === document.documentElement ? 0 : N.y,
           width: L.clientWidth,
           height: L.clientHeight
         });
-        return N ? new Xe({
-          x: Math.max(N.left, j.left),
-          y: Math.max(N.top, j.top),
-          width: Math.min(N.right, j.right) - Math.max(N.left, j.left),
-          height: Math.min(N.bottom, j.bottom) - Math.max(N.top, j.top)
+        return $ ? new Xe({
+          x: Math.max($.left, j.left),
+          y: Math.max($.top, j.top),
+          width: Math.min($.right, j.right) - Math.max($.left, j.left),
+          height: Math.min($.bottom, j.bottom) - Math.max($.top, j.top)
         }) : j;
       },
       void 0
     );
-    E.x += w.value[0], E.y += w.value[1], E.width -= w.value[0] * 2, E.height -= w.value[1] * 2;
+    T.x += w.value[0], T.y += w.value[1], T.width -= w.value[0] * 2, T.height -= w.value[1] * 2;
     let P = {
       anchor: b.value,
       origin: x.value
     };
-    function T(N) {
-      const L = new Xe(C), $ = Un(N.anchor, h), j = Un(N.origin, L);
-      let { x: ie, y: te } = hr($, j);
-      switch (N.anchor.side) {
+    function E($) {
+      const L = new Xe(C), N = Un($.anchor, h), j = Un($.origin, L);
+      let { x: ie, y: te } = hr(N, j);
+      switch ($.anchor.side) {
         case "top":
           te -= _.value[0];
           break;
@@ -3546,7 +3546,7 @@ function gr(e, t, n, a) {
           ie += _.value[0];
           break;
       }
-      switch (N.anchor.align) {
+      switch ($.anchor.align) {
         case "top":
           te -= _.value[1];
           break;
@@ -3560,37 +3560,37 @@ function gr(e, t, n, a) {
           ie += _.value[1];
           break;
         case "center": {
-          N.anchor.side === "top" || N.anchor.side === "bottom" ? ie += _.value[1] : te += _.value[1];
+          $.anchor.side === "top" || $.anchor.side === "bottom" ? ie += _.value[1] : te += _.value[1];
           break;
         }
       }
-      return L.x += ie, L.y += te, L.width = Math.min(L.width, u.value), L.height = Math.min(L.height, m.value), { overflows: zn(L, E), x: ie, y: te };
+      return L.x += ie, L.y += te, L.width = Math.min(L.width, u.value), L.height = Math.min(L.height, m.value), { overflows: zn(L, T), x: ie, y: te };
     }
     let A = 0, p = 0;
     const k = { x: 0, y: 0 }, I = { x: !1, y: !1 };
     let V = -1;
     for (; !(V++ > 10); ) {
-      const { x: N, y: L, overflows: $ } = T(P);
-      A += N, p += L, C.x += N, C.y += L;
+      const { x: $, y: L, overflows: N } = E(P);
+      A += $, p += L, C.x += $, C.y += L;
       {
-        const j = Hn(P.anchor), ie = $.x.before || $.x.after, te = $.y.before || $.y.after;
+        const j = Hn(P.anchor), ie = N.x.before || N.x.after, te = N.y.before || N.y.after;
         let ue = !1;
         if (["x", "y"].forEach((q) => {
           if (q === "x" && ie && !I.x || q === "y" && te && !I.y) {
             const ge = {
               anchor: { ...P.anchor },
               origin: { ...P.origin }
-            }, le = q === "x" ? j === "y" ? $t : Pt : j === "y" ? Pt : $t;
+            }, le = q === "x" ? j === "y" ? Nt : Pt : j === "y" ? Pt : Nt;
             ge.anchor = le(ge.anchor), ge.origin = le(ge.origin);
-            const { overflows: ye } = T(ge);
-            (ye[q].before <= $[q].before && ye[q].after <= $[q].after || ye[q].before + ye[q].after < ($[q].before + $[q].after) / 2) && (P = ge, ue = I[q] = !0);
+            const { overflows: ye } = E(ge);
+            (ye[q].before <= N[q].before && ye[q].after <= N[q].after || ye[q].before + ye[q].after < (N[q].before + N[q].after) / 2) && (P = ge, ue = I[q] = !0);
           }
         }), ue) continue;
       }
-      $.x.before && (A += $.x.before, C.x += $.x.before), $.x.after && (A -= $.x.after, C.x -= $.x.after), $.y.before && (p += $.y.before, C.y += $.y.before), $.y.after && (p -= $.y.after, C.y -= $.y.after);
+      N.x.before && (A += N.x.before, C.x += N.x.before), N.x.after && (A -= N.x.after, C.x -= N.x.after), N.y.before && (p += N.y.before, C.y += N.y.before), N.y.after && (p -= N.y.after, C.y -= N.y.after);
       {
-        const j = zn(C, E);
-        k.x = E.width - j.x.before - j.x.after, k.y = E.height - j.y.before - j.y.after, A += j.x.before, C.x += j.x.before, p += j.y.before, C.y += j.y.before;
+        const j = zn(C, T);
+        k.x = T.width - j.x.before - j.x.after, k.y = T.height - j.y.before - j.y.after, A += j.x.before, C.x += j.x.before, p += j.y.before, C.y += j.y.before;
       }
       break;
     }
@@ -3615,8 +3615,8 @@ function gr(e, t, n, a) {
         B === "y" ? Math.min(s.value, h.width) : s.value
       ),
       maxWidth: U(
-        Nn(
-          Ne(
+        $n(
+          Ee(
             k.x,
             s.value === 1 / 0 ? 0 : s.value,
             u.value
@@ -3624,8 +3624,8 @@ function gr(e, t, n, a) {
         )
       ),
       maxHeight: U(
-        Nn(
-          Ne(
+        $n(
+          Ee(
             k.y,
             c.value === 1 / 0 ? 0 : c.value,
             m.value
@@ -3811,7 +3811,7 @@ function pr(e) {
     var i;
     (i = Se.get(n.value)) == null || i.delete(t);
   }
-  return Pe(() => {
+  return Ne(() => {
     l();
   }), { layerGroup: n, layerGroupState: Se, getActiveLayers: a };
 }
@@ -3880,7 +3880,7 @@ const _r = {
   },
   "YLayer.base"
 );
-function Er(e) {
+function Tr(e) {
   const t = ne(), n = M(), a = M(), l = M(), i = S(() => {
     var s, c;
     const r = (c = (s = a.value) == null ? void 0 : s[0]) == null ? void 0 : c.el;
@@ -3933,7 +3933,7 @@ function Zn(e, t) {
   } else typeof e == "string" ? n = document.querySelector(e) : "$el" in e ? n = e.$el : n = e;
   return n;
 }
-const Tr = K(
+const Er = K(
   {
     closeClickContent: {
       type: Boolean
@@ -3981,7 +3981,7 @@ function Ir(e) {
   function t(n) {
     e.active.value = !1;
   }
-  $a(e.baseEl.value ?? e.contentEl.value, t);
+  Na(e.baseEl.value ?? e.contentEl.value, t);
 }
 const Lt = "y-layer--scroll-blocked", Jn = "y-layer-scroll-blocked", Vt = "--y-body-scroll-x", Rt = "--y-body-scroll-y", Qn = "--y-scrollbar-offset";
 function Br(e, t) {
@@ -4029,7 +4029,7 @@ function Pr(e, t, n) {
   }
   i = (typeof requestIdleCallback > "u" ? (r) => r() : requestIdleCallback)(() => {
     n.run(() => {
-      $a(e.baseEl.value ?? e.contentEl.value, (r) => {
+      Na(e.baseEl.value ?? e.contentEl.value, (r) => {
         a ? (cancelAnimationFrame(l), l = requestAnimationFrame(() => {
           l = requestAnimationFrame(() => {
             o(r);
@@ -4041,7 +4041,7 @@ function Pr(e, t, n) {
     typeof cancelIdleCallback < "u" && cancelIdleCallback(i), cancelAnimationFrame(l);
   });
 }
-function $a(e, t) {
+function Na(e, t) {
   const n = [document, ...wt(e)];
   n.forEach((a) => {
     a.addEventListener("scroll", t, { passive: !0 });
@@ -4106,7 +4106,7 @@ const Ue = K({
   ...He(),
   ...rt(),
   ...Dr(),
-  ...Tr(),
+  ...Er(),
   ...vn(),
   ...Yr(),
   ...Ia()
@@ -4147,7 +4147,7 @@ const Ue = K({
       baseEl: x,
       baseSlot: _,
       baseFromSlotEl: w
-    } = Er(e), {
+    } = Tr(e), {
       contentEvents: y
     } = Or(e, u), {
       themeClasses: g
@@ -4162,11 +4162,11 @@ const Ue = K({
     } = xr(e), {
       lazyValue: C,
       onAfterUpdate: Y
-    } = tr(re(e, "eager"), u), E = X(!1), P = M(!1);
+    } = tr(re(e, "eager"), u), T = X(!1), P = M(!1);
     M(!1);
-    const T = re(e, "disabled");
+    const E = re(e, "disabled");
     re(e, "maximized");
-    const A = S(() => !T.value && (C.value || u.value)), {
+    const A = S(() => !E.value && (C.value || u.value)), {
       coordination: p,
       coordinateStyles: k,
       updateCoordinate: I
@@ -4186,18 +4186,18 @@ const Ue = K({
       t("click:complement", le), e.modal || o.value !== null && o.value === le.target && e.closeClickScrim && (u.value = !1);
     }
     function B() {
-      return (!e.openOnHover || e.openOnHover && !P.value) && u.value && E.value;
+      return (!e.openOnHover || e.openOnHover && !P.value) && u.value && T.value;
     }
-    const N = Oe({
+    const $ = Ae({
       handler: V,
       determine: B,
       include: () => [x.value]
     });
     function L() {
-      E.value = !0, t("afterEnter");
+      T.value = !0, t("afterEnter");
     }
-    function $() {
-      Y(), E.value = !1, t("afterLeave");
+    function N() {
+      Y(), T.value = !1, t("afterLeave");
     }
     function j() {
       e.closeClickScrim && (u.value = !1);
@@ -4215,11 +4215,11 @@ const Ue = K({
         classes: le
       } = e;
       return {
-        ...Ae(le),
+        ...Ye(le),
         "y-layer--active": !!u.value
       };
     }), ge = S(() => {
-      const le = Ae(e.contentClasses), {
+      const le = Ye(e.contentClasses), {
         side: ye,
         align: Ge
       } = p.value;
@@ -4238,7 +4238,7 @@ const Ue = K({
       onAfterUpdate: Y,
       updateCoordinate: I,
       hovered: P,
-      finish: E,
+      finish: T,
       modal: S(() => e.modal),
       getActiveLayers: f,
       isMe: (le) => le === i,
@@ -4263,7 +4263,7 @@ const Ue = K({
         default: () => [A.value && d("div", H({
           class: [{
             "y-layer": !0,
-            "y-layer--finish": E.value,
+            "y-layer--finish": T.value,
             "y-layer--contained": e.contained,
             ...q.value
           }, g.value],
@@ -4289,12 +4289,12 @@ const Ue = K({
           }, null)]
         }), d(et, H({
           onAfterEnter: L,
-          onAfterLeave: $,
+          onAfterLeave: N,
           appear: !0
         }, v.value), {
           default: () => {
             var Ge;
-            return [Me(d("div", H({
+            return [Ie(d("div", H({
               class: {
                 "y-layer__content": !0,
                 ...ge.value
@@ -4312,16 +4312,16 @@ const Ue = K({
                 u.value = !1;
               }
             })]), [[nt, u.value], [Ct("complement-click"), {
-              ...N
+              ...$
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: N,
+      complementClickOption: $,
       layerGroup: D,
       active: u,
-      finish: E,
+      finish: T,
       rendered: A,
       lazyValue: C,
       onAfterUpdate: Y,
@@ -4377,7 +4377,7 @@ function yn(e, t, n) {
     children: l
   };
 }
-const Na = K({
+const $a = K({
   persistent: {
     type: Boolean,
     default: !0
@@ -4396,20 +4396,20 @@ const Na = K({
     scrim: !0,
     scrollStrategy: null
   }), ["offset", "classes"])
-}, "YDialog"), $r = /* @__PURE__ */ F({
+}, "YDialog"), Nr = /* @__PURE__ */ F({
   name: "YDialog",
   components: {
     YLayer: me,
     YCard: Ot
   },
-  props: Na(),
+  props: $a(),
   emits: ["update:modelValue", "afterEnter", "afterLeave"],
   setup(e, {
     emit: t,
     slots: n
   }) {
     const a = ne(), l = a == null ? void 0 : a.appContext.config.globalProperties.$yuyeon, i = G(e), o = S(() => ({
-      ...Ae(e.dialogClasses),
+      ...Ye(e.dialogClasses),
       "y-dialog": !0,
       "y-dialog--maximized": e.maximized
     })), r = S(() => ({
@@ -4419,7 +4419,7 @@ const Na = K({
       children: c
     } = yn(s, i, X(!0));
     function u(O) {
-      var Y, E, P, T;
+      var Y, T, P, E;
       if (e.focusTrap === !1)
         return;
       const f = O.relatedTarget, v = O.target, h = e.focusTrap;
@@ -4441,7 +4441,7 @@ const Na = K({
           return !((k = p.content$) != null && k.contains(v));
         });
       }
-      if (f !== v && ((E = s.value) != null && E.content$) && ![document, (P = s.value) == null ? void 0 : P.content$].includes(v) && !((T = s.value) != null && T.content$.contains(v)) && !C(c.value)) {
+      if (f !== v && ((T = s.value) != null && T.content$) && ![document, (P = s.value) == null ? void 0 : P.content$].includes(v) && !((E = s.value) != null && E.content$.contains(v)) && !C(c.value)) {
         const p = [...s.value.content$.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter((V) => !V.hasAttribute("disabled") && !V.matches('[tabindex="-1"]'));
         if (!p.length) return;
         const k = p[0], I = p[p.length - 1];
@@ -4464,19 +4464,19 @@ const Na = K({
         e.maximized && document.documentElement.classList.add("y-dialog--prevent-scroll");
         const C = v == null ? void 0 : v.filter((Y) => Y.ctx.modal);
         if (C && !C.length || !f.classList.contains("y-dialog--virtual-scroll")) {
-          const Y = document.documentElement.scrollTop, E = document.documentElement.scrollLeft;
-          x.value = Y, _.value = E, f.classList.add("y-dialog--virtual-scroll"), f.style.top = U(-1 * Y) || "", f.style.left = U(-1 * E) || "";
+          const Y = document.documentElement.scrollTop, T = document.documentElement.scrollLeft;
+          x.value = Y, _.value = T, f.classList.add("y-dialog--virtual-scroll"), f.style.top = U(-1 * Y) || "", f.style.left = U(-1 * T) || "";
         }
       } else {
         const C = v == null ? void 0 : v.filter((Y) => {
-          var E;
-          return !((E = s.value) != null && E.isMe(Y)) && Y.ctx.modal;
+          var T;
+          return !((T = s.value) != null && T.isMe(Y)) && Y.ctx.modal;
         });
         !(C != null && C.length) && f ? (document.documentElement.classList.remove("y-dialog--prevent-scroll"), f.classList.remove("y-dialog--virtual-scroll"), f.style.top = "", f.style.left = "", requestAnimationFrame(() => {
           document.documentElement.scrollTop = x.value, document.documentElement.scrollLeft = _.value;
         })) : C.every((Y) => {
-          var E;
-          return !((E = Y.ctx) != null && E.maximized);
+          var T;
+          return !((T = Y.ctx) != null && T.maximized);
         }) && document.documentElement.classList.remove("y-dialog--prevent-scroll");
       }
     }
@@ -4525,7 +4525,7 @@ const Na = K({
     };
   }
 });
-function Nr(e, t, n) {
+function $r(e, t, n) {
   if (typeof e.animate > "u") return Promise.resolve();
   let a;
   try {
@@ -4563,7 +4563,7 @@ const je = /* @__PURE__ */ F({
   },
   onEnter(e, t) {
     const n = e.getAttribute("data-transform"), a = e.getAttribute("data-direction");
-    !a || !n || Nr(e, [{
+    !a || !n || $r(e, [{
       transform: `${n} translateY(${a === "top" ? "-" : ""}40px)`
     }, {
       transform: `${n.replace(/translateY(.+)/, "translateY(0)")}`
@@ -4622,7 +4622,7 @@ const je = /* @__PURE__ */ F({
     const a = G(e), l = M(!1), i = re(e, "duration"), o = S(() => ({
       "y-snackbar": !0
     })), r = S(() => ({
-      ...Ae(e.contentClasses),
+      ...Ye(e.contentClasses),
       "y-snackbar__display": !0
     })), s = S(() => {
       var v;
@@ -4766,7 +4766,7 @@ const Vr = "YTooltip", Rr = {
       var f;
       return (f = l.value) == null ? void 0 : f.baseEl;
     }), r = S(() => ({
-      ...Ae(e.tooltipClasses),
+      ...Ye(e.tooltipClasses),
       "y-tooltip": !0
     })), s = G(e), c = S({
       get: () => !!s.value,
@@ -4803,7 +4803,7 @@ const Vr = "YTooltip", Rr = {
         if (c.value) {
           m.value.length === 0 && (c.value = !1);
           const C = (v = b == null ? void 0 : b.$el.value) == null ? void 0 : v.content$, Y = (h = b == null ? void 0 : b.$el.value) == null ? void 0 : h.modal;
-          !(C && !Ta(f, C)) && !Y && !e.preventCloseBubble && (b == null || b.clear());
+          !(C && !Ea(f, C)) && !Y && !e.preventCloseBubble && (b == null || b.clear());
         }
       }
     }
@@ -5029,49 +5029,49 @@ const Ka = ja(!1), jr = ja(!0), Kr = /* @__PURE__ */ an({
 ), Wa = Symbol.for("YTreeView");
 function Wr(e) {
   const t = M({}), n = G(e, "expanded"), a = G(e, "active"), l = G(e, "selected"), i = M(/* @__PURE__ */ new Set()), o = M(/* @__PURE__ */ new Set()), r = M(/* @__PURE__ */ new Set()), s = X(!1), c = M(/* @__PURE__ */ new Set()), u = S(() => {
-    let E = !1, P = !1;
-    return (T, A) => (E = A.every((p) => o.value.has(p)), P = m(T).some((p) => o.value.has(p)), {
-      all: E,
+    let T = !1, P = !1;
+    return (E, A) => (T = A.every((p) => o.value.has(p)), P = m(E).some((p) => o.value.has(p)), {
+      all: T,
       some: P
     });
   });
-  function m(E) {
-    const P = [], { childKeys: T } = t.value[E];
-    P.push(...T);
-    const A = T.slice();
+  function m(T) {
+    const P = [], { childKeys: E } = t.value[T];
+    P.push(...E);
+    const A = E.slice();
     for (; A.length > 0; ) {
       const p = A.splice(0, 1)[0], k = t.value[p];
       k && (P.push(...k.childKeys), A.push(...k.childKeys));
     }
     return P;
   }
-  function b(E) {
-    return !!e.search && c.value.has(E);
+  function b(T) {
+    return !!e.search && c.value.has(T);
   }
-  function x(E) {
-    const P = t.value[E];
+  function x(T) {
+    const P = t.value[T];
     P != null && P.vnode && (P.vnode.active = P.active, P.vnode.selected = P.selected, P.vnode.indeterminate = P.indeterminate, P.vnode.expanded = P.expanded);
   }
-  function _(E, P) {
-    if (!(E in t.value)) return;
-    const T = t.value[E], A = Z(
-      T.item,
+  function _(T, P) {
+    if (!(T in t.value)) return;
+    const E = t.value[T], A = Z(
+      E.item,
       e.itemChildren
     );
-    Array.isArray(A) && A.length > 0 && (P ? i.value.add(E) : i.value.delete(E), T.expanded = P, x(E));
-  }
-  function w(E, P, T) {
-    if (!(E in t.value)) return;
-    const A = t.value[E];
-    let p = P ? "" : E;
-    if (!e.multipleActive && P && !r.value.has(E) && ([p] = [...r.value]), P)
-      r.value.add(E), A.active = !0, x(E);
-    else if (e.requiredActive && r.value.size === 1 && E === p) {
-      x(E);
+    Array.isArray(A) && A.length > 0 && (P ? i.value.add(T) : i.value.delete(T), E.expanded = P, x(T));
+  }
+  function w(T, P, E) {
+    if (!(T in t.value)) return;
+    const A = t.value[T];
+    let p = P ? "" : T;
+    if (!e.multipleActive && P && !r.value.has(T) && ([p] = [...r.value]), P)
+      r.value.add(T), A.active = !0, x(T);
+    else if (e.requiredActive && r.value.size === 1 && T === p) {
+      x(T);
       return;
     }
-    if (p && p in t.value && (r.value.delete(p), t.value[p].active = !1, x(p)), !(e.activeSingleModifier && (T != null && T.getModifierState(e.activeSingleModifier))) && e.multipleActive && (!e.onlyEventActiveStrategy || e.onlyEventActiveStrategy && T) && (e.activeStrategy === "cascade" || e.activeStrategy === "relative")) {
-      for (const k of m(E))
+    if (p && p in t.value && (r.value.delete(p), t.value[p].active = !1, x(p)), !(e.activeSingleModifier && (E != null && E.getModifierState(e.activeSingleModifier))) && e.multipleActive && (!e.onlyEventActiveStrategy || e.onlyEventActiveStrategy && E) && (e.activeStrategy === "cascade" || e.activeStrategy === "relative")) {
+      for (const k of m(T))
         k in t.value && O(k, P);
       if (e.activeStrategy === "relative") {
         let k = A.parentKey;
@@ -5085,19 +5085,19 @@ function Wr(e) {
       }
     }
   }
-  function y(E, P) {
+  function y(T, P) {
     var A, p;
-    if (!(E in t.value)) return;
-    const T = t.value[E];
-    if (P && (e.selectStrategy !== "leaf" ? o.value.add(E) : T.childKeys.length || o.value.add(E), T.selected = !0), !P && E in t.value && (o.value.delete(E), t.value[E].selected = !1, x(E)), e.selectStrategy === "cascade" || e.selectStrategy === "relative" || e.selectStrategy === "leaf") {
-      for (const k of m(E))
+    if (!(T in t.value)) return;
+    const E = t.value[T];
+    if (P && (e.selectStrategy !== "leaf" ? o.value.add(T) : E.childKeys.length || o.value.add(T), E.selected = !0), !P && T in t.value && (o.value.delete(T), t.value[T].selected = !1, x(T)), e.selectStrategy === "cascade" || e.selectStrategy === "relative" || e.selectStrategy === "leaf") {
+      for (const k of m(T))
         if (k in t.value) {
           if (e.selectStrategy === "leaf" && ((p = (A = t.value[k]) == null ? void 0 : A.childKeys) != null && p.length) && P)
             continue;
           f(k, P);
         }
       if (e.selectStrategy === "relative" || e.selectStrategy === "leaf" && !P) {
-        let k = T.parentKey;
+        let k = E.parentKey;
         do {
           const I = k;
           if (k = null, !I) continue;
@@ -5108,44 +5108,44 @@ function Wr(e) {
       }
     }
   }
-  function g(E, P, T) {
-    const A = t.value[E];
+  function g(T, P, E) {
+    const A = t.value[T];
     if (!A) return !1;
     const { childKeys: p } = A;
     return p.every((k) => {
       var I;
-      return ((I = t.value[k]) == null ? void 0 : I[P]) === T;
+      return ((I = t.value[k]) == null ? void 0 : I[P]) === E;
     });
   }
-  function D(E, P) {
-    const T = t.value[E];
-    if (!T) return !1;
-    const { childKeys: A } = T;
+  function D(T, P) {
+    const E = t.value[T];
+    if (!E) return !1;
+    const { childKeys: A } = E;
     return A.some((p) => {
       var k;
       return ((k = t.value[p]) == null ? void 0 : k[P]) === !0;
     });
   }
-  function O(E, P) {
-    P ? r.value.add(E) : r.value.delete(E), t.value[E].active = P, x(E);
+  function O(T, P) {
+    P ? r.value.add(T) : r.value.delete(T), t.value[T].active = P, x(T);
   }
-  function f(E, P) {
-    P ? o.value.add(E) : o.value.delete(E), t.value[E].selected = P, x(E);
+  function f(T, P) {
+    P ? o.value.add(T) : o.value.delete(T), t.value[T].selected = P, x(T);
   }
   function v() {
-    const E = [...i.value];
-    n.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
+    const T = [...i.value];
+    n.value = e.returnItem ? T.map((P) => t.value[P].item) : T;
   }
   function h() {
-    const E = [...r.value];
-    a.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
+    const T = [...r.value];
+    a.value = e.returnItem ? T.map((P) => t.value[P].item) : T;
   }
   function C() {
-    const E = [...o.value];
-    l.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
+    const T = [...o.value];
+    l.value = e.returnItem ? T.map((P) => t.value[P].item) : T;
   }
-  function Y(E, P) {
-    t.value[E] && (t.value[E].vnode = P), x(E);
+  function Y(T, P) {
+    t.value[T] && (t.value[T].vnode = P), x(T);
   }
   return ce(Wa, {
     register: Y,
@@ -5494,53 +5494,53 @@ const _e = /* @__PURE__ */ F({
       c.value = B;
     });
     function Y(B) {
-      const N = !r.value;
-      r.value = N, l.updateActive(u.value, N, B), l.emitActive();
+      const $ = !r.value;
+      r.value = $, l.updateActive(u.value, $, B), l.emitActive();
     }
-    function E(B) {
+    function T(B) {
       Y(B);
     }
     function P(B) {
       B.stopPropagation();
-      const N = !o.value;
-      o.value = N, l.updateExpanded(u.value, N), l.emitExpanded();
+      const $ = !o.value;
+      o.value = $, l.updateExpanded(u.value, $), l.emitExpanded();
     }
-    function T(B) {
+    function E(B) {
       if (B.stopPropagation(), h.value) return;
-      const N = !D.value;
-      s.value = N, l.updateSelected(u.value, N), l.emitSelected();
+      const $ = !D.value;
+      s.value = $, l.updateSelected(u.value, $), l.emitSelected();
     }
     function A(B) {
-      var N;
-      (N = e.onMouseenterContainer) == null || N.call(e, B, {
+      var $;
+      ($ = e.onMouseenterContainer) == null || $.call(e, B, {
         ...C.value,
         item: e.item
       });
     }
     function p(B) {
-      var N;
-      (N = e.onMouseleaveContainer) == null || N.call(e, B, {
+      var $;
+      ($ = e.onMouseleaveContainer) == null || $.call(e, B, {
         ...C.value,
         item: e.item
       });
     }
     function k(B) {
-      var N;
-      (N = e.onMousemoveContainer) == null || N.call(e, B, {
+      var $;
+      ($ = e.onMousemoveContainer) == null || $.call(e, B, {
         ...C.value,
         item: e.item
       });
     }
     function I(B) {
-      var N;
-      (N = e.onDblclickContainer) == null || N.call(e, B, {
+      var $;
+      ($ = e.onDblclickContainer) == null || $.call(e, B, {
         ...C.value,
         item: e.item,
         toggleExpand: () => P(B)
       });
     }
     W(() => {
-      var N;
+      var $;
       const B = [];
       for (let L = 0; L < e.level; L += 1)
         B.push(d("div", {
@@ -5554,7 +5554,7 @@ const _e = /* @__PURE__ */ F({
       }, [d("div", {
         ref: i,
         class: "y-tree-view-node__container",
-        onClick: (L) => e.enableActive ? E(L) : void 0,
+        onClick: (L) => e.enableActive ? T(L) : void 0,
         onMouseenter: e.onMouseenterContainer && A,
         onMouseleave: e.onMouseleaveContainer && p,
         onMousemove: e.onMousemoveContainer && k,
@@ -5576,7 +5576,7 @@ const _e = /* @__PURE__ */ F({
         }],
         role: "checkbox",
         "aria-checked": D.value,
-        onClick: T
+        onClick: E
       }, [d(_e, {
         checked: D.value,
         indeterminate: !s.value && g.value,
@@ -5587,7 +5587,7 @@ const _e = /* @__PURE__ */ F({
         class: "y-tree-view-node__leading"
       }, [t.leading(C.value)]), d("div", {
         class: "y-tree-view-node__text"
-      }, [t.default ? (N = t.default) == null ? void 0 : N.call(t, {
+      }, [t.default ? ($ = t.default) == null ? void 0 : $.call(t, {
         text: v.value,
         item: e.item,
         ...C.value
@@ -5607,21 +5607,21 @@ const _e = /* @__PURE__ */ F({
           level: (e.level ?? 0) + 1,
           item: L
         }), {
-          default: t.default && ((...$) => {
+          default: t.default && ((...N) => {
             var j;
-            return (j = t.default) == null ? void 0 : j.call(t, ...$);
+            return (j = t.default) == null ? void 0 : j.call(t, ...N);
           }),
-          "expand-icon": t["expand-icon"] && ((...$) => {
+          "expand-icon": t["expand-icon"] && ((...N) => {
             var j;
-            return (j = t["expand-icon"]) == null ? void 0 : j.call(t, ...$);
+            return (j = t["expand-icon"]) == null ? void 0 : j.call(t, ...N);
           }),
-          leading: t.leading && ((...$) => {
+          leading: t.leading && ((...N) => {
             var j;
-            return (j = t.leading) == null ? void 0 : j.call(t, ...$);
+            return (j = t.leading) == null ? void 0 : j.call(t, ...N);
           }),
-          trailing: t.trailing && ((...$) => {
+          trailing: t.trailing && ((...N) => {
             var j;
-            return (j = t.trailing) == null ? void 0 : j.call(t, ...$);
+            return (j = t.trailing) == null ? void 0 : j.call(t, ...N);
           })
         }))])]
       })]);
@@ -5743,9 +5743,9 @@ const ta = gn(), qr = /* @__PURE__ */ an({
         });
         return;
       }
-      for (const N of k)
-        Ga(V, N, I ?? "", e.itemKey, e.itemText, e.itemChildren, B);
-      x.value = B, b.value = !1, E();
+      for (const $ of k)
+        Ga(V, $, I ?? "", e.itemKey, e.itemText, e.itemChildren, B);
+      x.value = B, b.value = !1, T();
     }
     R(() => e.search, () => {
       b.value = !0, a.value(e.items, e.search, e.filter);
@@ -5754,17 +5754,17 @@ const ta = gn(), qr = /* @__PURE__ */ an({
       return e.returnItem ? Z(k, e.itemKey) : k;
     }
     function Y(k, I = null, V = 0) {
-      var B, N, L;
-      for (const $ of k) {
-        const j = Z($, e.itemKey), ie = Z($, e.itemChildren) ?? [], ue = Object.hasOwn(i.value, j) ? i.value[j] : {
+      var B, $, L;
+      for (const N of k) {
+        const j = Z(N, e.itemKey), ie = Z(N, e.itemChildren) ?? [], ue = Object.hasOwn(i.value, j) ? i.value[j] : {
           vnode: null,
           selected: ((B = s.value) == null ? void 0 : B.includes(j)) ?? !1,
           indeterminate: !1,
-          active: ((N = r.value) == null ? void 0 : N.includes(j)) ?? !1,
+          active: (($ = r.value) == null ? void 0 : $.includes(j)) ?? !1,
           expanded: ((L = o.value) == null ? void 0 : L.includes(j)) ?? !1
         }, q = {
           vnode: ue.vnode,
-          item: $,
+          item: N,
           level: V,
           parentKey: I,
           childKeys: ie.map((ge) => Z(ge, e.itemKey)),
@@ -5781,17 +5781,17 @@ const ta = gn(), qr = /* @__PURE__ */ an({
     }, {
       deep: !0
     });
-    function E(k = !0) {
+    function T(k = !0) {
       return Object.entries(i.value).forEach(([I, V]) => {
         (k === !0 || Number(k) >= V.level) && w(I, !0);
       }), D(), c.value;
     }
     function P(k, I, V, B) {
-      const N = e.returnItem ? k.map(($) => Z($, e.itemKey)) : k, L = [...I.value];
-      ke(L, N) || (L.forEach(($) => {
-        V($, !1);
-      }), N.forEach(($) => {
-        V($, !0);
+      const $ = e.returnItem ? k.map((N) => Z(N, e.itemKey)) : k, L = [...I.value];
+      ke(L, $) || (L.forEach((N) => {
+        V(N, !1);
+      }), $.forEach((N) => {
+        V(N, !0);
       }), B());
     }
     R(o, (k) => {
@@ -5801,19 +5801,19 @@ const ta = gn(), qr = /* @__PURE__ */ an({
     }), R(s, (k) => {
       P(k, u, g, f);
     }), R(() => e.items, (k) => {
-      const I = Object.keys(i.value).map(($) => Z(i.value[$].item, e.itemKey)), V = Ur(k, e.itemKey, e.itemChildren), B = Yn(I, V);
+      const I = Object.keys(i.value).map((N) => Z(i.value[N].item, e.itemKey)), V = Ur(k, e.itemKey, e.itemChildren), B = Yn(I, V);
       if (B.length < 1 && V.length < I.length)
         return;
-      B.forEach(($) => {
-        delete i.value[$];
+      B.forEach((N) => {
+        delete i.value[N];
       });
-      const N = [...u.value], L = [...m.value];
-      u.value.clear(), c.value.clear(), m.value.clear(), Y(k), ke(N, [...u.value]) || f(), ke(L, [...m.value]) || O(), a.value(k, e.search, e.filter);
+      const $ = [...u.value], L = [...m.value];
+      u.value.clear(), c.value.clear(), m.value.clear(), Y(k), ke($, [...u.value]) || f(), ke(L, [...m.value]) || O(), a.value(k, e.search, e.filter);
     }, {
       deep: !0,
       flush: "sync"
     }), Y(e.items);
-    const T = S(() => e.items.slice().filter((k) => !v(Z(k, e.itemKey)))), A = S(() => ({
+    const E = S(() => e.items.slice().filter((k) => !v(Z(k, e.itemKey)))), A = S(() => ({
       "y-tree-view": !0
     })), p = S(() => {
       let k = e.activeColor;
@@ -5822,7 +5822,7 @@ const ta = gn(), qr = /* @__PURE__ */ an({
       };
     });
     return pt(() => {
-      e.search && (b.value = !0, h(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? l.value = [...E(e.defaultExpand)] : (o.value.forEach((k) => {
+      e.search && (b.value = !0, h(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? l.value = [...T(e.defaultExpand)] : (o.value.forEach((k) => {
         w(C(k), !0);
       }), D());
       for (const k of e.active.map(C))
@@ -5830,14 +5830,14 @@ const ta = gn(), qr = /* @__PURE__ */ an({
       for (const k of e.selected.map(C))
         g(k, !0);
     }), n({
-      expand: E
+      expand: T
     }), W(() => d(J, null, [d("div", {
       class: A.value,
       style: p.value,
       role: "tree"
     }, [b.value && d(Da, {
       indeterminate: !0
-    }, null), T.value.length > 0 ? T.value.slice().map((k) => d(Ua, H({
+    }, null), E.value.length > 0 ? E.value.slice().map((k) => d(Ua, H({
       key: Z(k, e.itemKey)
     }, {
       ...Q(e, ta),
@@ -5853,12 +5853,12 @@ const ta = gn(), qr = /* @__PURE__ */ an({
       excludedSet: x,
       searchLoading: b,
       expandedCache: l,
-      renderLeaves: T
+      renderLeaves: E
     };
   }
 }), qa = K({
   tag: {
-    type: String,
+    type: [String, Object],
     default: "div"
   },
   onClick: Function,
@@ -5949,7 +5949,7 @@ const ta = gn(), qr = /* @__PURE__ */ an({
   }
 });
 function Xr() {
-  const e = M(), t = M(), n = X(), a = X(), l = X(), i = sn(r, 100), { resizeObservedRef: o } = Be((s) => {
+  const e = M(), t = M(), n = X(), a = X(), l = X(), i = sn(r, 100), { resizeObservedRef: o } = Pe((s) => {
     i(s);
   });
   function r(s) {
@@ -6146,9 +6146,9 @@ function el(e, t) {
           rowIndex: o[w].rowIndex
         });
     }
-    const u = Ee(r).map(
+    const u = Te(r).map(
       () => []
-    ), m = Ee(r).fill(0);
+    ), m = Te(r).fill(0);
     o.forEach(({ column: w, rowIndex: y }) => {
       const { key: g } = w;
       for (let D = y; D <= y + (w.rowspan ?? 1) - 1; D += 1)
@@ -6290,13 +6290,13 @@ function ll(e) {
     n.value = b, x || (t.value = 1);
   }
   function s() {
-    t.value = Ne(t.value + 1, 1, o.value);
+    t.value = Ee(t.value + 1, 1, o.value);
   }
   function c() {
-    t.value = Ne(t.value - 1, 1, o.value);
+    t.value = Ee(t.value - 1, 1, o.value);
   }
   function u(b) {
-    t.value = Ne(b, 1, o.value);
+    t.value = Ee(b, 1, o.value);
   }
   const m = {
     page: t,
@@ -6369,7 +6369,7 @@ function ol(e, {
     "modelValue",
     e.modelValue,
     (y) => new Set(
-      Te(y).map((g) => {
+      Oe(y).map((g) => {
         var D;
         return ((D = t.value.find((O) => {
           const { itemComparator: f } = e;
@@ -6396,10 +6396,10 @@ function ol(e, {
     }
   });
   function r(y) {
-    return Te(y).every((g) => a.value.has(g.value));
+    return Oe(y).every((g) => a.value.has(g.value));
   }
   function s(y) {
-    return Te(y).some((g) => a.value.has(g.value));
+    return Oe(y).some((g) => a.value.has(g.value));
   }
   function c(y, g) {
     a.value = o.value.select({
@@ -6677,8 +6677,8 @@ const St = /* @__PURE__ */ F({
           return t[h] ? (C = t[h]) == null ? void 0 : C.call(t, D) : w.key === "data-table-select" ? ((Y = t["item.data-table-select"]) == null ? void 0 : Y.call(t, D)) ?? d(ee, {
             variation: "text,small",
             disabled: !g.selectable,
-            onClick: (E) => {
-              E.stopPropagation(), g.selectable && i(g);
+            onClick: (T) => {
+              T.stopPropagation(), g.selectable && i(g);
             }
           }, {
             default: () => [d(_e, {
@@ -6841,7 +6841,9 @@ const fl = K({
   },
   totalVisible: [Number, String],
   maxVisible: [Number, String],
-  showEndButton: Boolean,
+  endButton: {
+    type: [Boolean, Number]
+  },
   gap: {
     type: [String, Number],
     default: 4
@@ -6876,7 +6878,7 @@ const fl = K({
   }) {
     const a = G(e), l = S(() => parseInt(e.length, 10)), i = S(() => parseInt(e.start, 10)), o = X(-1), {
       resizeObservedRef: r
-    } = Be((g) => {
+    } = Pe((g) => {
       if (1 > g.length) return;
       const {
         target: D,
@@ -6888,7 +6890,7 @@ const fl = K({
       }
     });
     function s(g, D) {
-      const O = e.showEndButton ? 5 : 3, f = +(e.gap ?? 4), v = (D + f) * O - f, h = Math.max(0, Math.floor(+((g - v) / (D + f)).toFixed(2))), C = Number(e.maxVisible);
+      const O = e.endButton ? 5 : 3, f = +(e.gap ?? 4), v = (D + f) * O - f, h = Math.max(0, Math.floor(+((g - v) / (D + f)).toFixed(2))), C = Number(e.maxVisible);
       return Number.isNaN(C) ? h : Math.min(C, h);
     }
     const c = S(() => {
@@ -6905,7 +6907,15 @@ const fl = K({
           disabled: g,
           variation: e.buttonVariation,
           onClick: (O) => {
-            O.preventDefault(), a.value = 1, n("change", 1, "first");
+            O.preventDefault();
+            let f = a.value;
+            if (e.endButton === !0)
+              f = 1;
+            else {
+              const v = Number(e.endButton);
+              Number.isNaN(v) || (f = Ee(f - v, 1, +l.value));
+            }
+            a.value = f, n("change", f, "first");
           }
         },
         prev: {
@@ -6931,8 +6941,8 @@ const fl = K({
           variation: e.buttonVariation,
           onClick: (O) => {
             O.preventDefault();
-            const f = +l.value;
-            a.value = +l.value, n("change", f, "last");
+            let f = a.value;
+            e.endButton === !0 ? f = +l.value : typeof e.endButton == "number" && (f = Ee(f + e.endButton, 1, +l.value)), a.value = f, n("change", f, "last");
           }
         }
       };
@@ -6942,16 +6952,16 @@ const fl = K({
       if (c.value <= 1)
         return [a.value];
       if (l.value <= c.value)
-        return Ee(l.value, i.value);
+        return Te(l.value, i.value);
       const g = c.value % 2 === 0, D = g ? c.value / 2 : Math.floor(c.value / 2), O = g ? D : D + 1, f = l.value - D;
       if (O - a.value >= 0)
-        return [...Ee(Math.max(1, c.value - 1), i.value), "ellipsis", l.value];
+        return [...Te(Math.max(1, c.value - 1), i.value), "ellipsis", l.value];
       if (a.value - f >= (g ? 1 : 0)) {
         const v = c.value - 1, h = l.value - v + i.value;
-        return [i.value, "ellipsis", ...Ee(v, h)];
+        return [i.value, "ellipsis", ...Te(v, h)];
       } else {
         const v = Math.max(1, c.value - 3), h = v === 1 ? a.value : a.value - Math.ceil(v / 2) + i.value;
-        return [i.value, "ellipsis", ...Ee(v, h), "ellipsis", l.value];
+        return [i.value, "ellipsis", ...Te(v, h), "ellipsis", l.value];
       }
     }), {
       refs: b,
@@ -7008,7 +7018,7 @@ const fl = K({
       style: y.value
     }, [d("ul", {
       class: ["y-pagination__list"]
-    }, [e.showEndButton && d("li", {
+    }, [e.endButton && d("li", {
       key: "first",
       class: "y-pagination__first"
     }, [t.first ? t.first(u.value.first) : d(ee, u.value.first, {
@@ -7036,7 +7046,7 @@ const fl = K({
       default: () => [t["next-icon"] ? t["next-icon"]() : d(pe, {
         type: "next"
       }, null)]
-    })]), e.showEndButton && d("li", {
+    })]), e.endButton && d("li", {
       key: "last",
       class: "y-pagination__last"
     }, [t.last ? t.last(u.value.last) : d(ee, u.value.last, {
@@ -7153,7 +7163,7 @@ const fl = K({
         "y-data-table-header--sortable": y.sortable,
         "y-data-table-header--sorted": l(y),
         "y-data-table-header--select": y.key === "data-table-select"
-      }, ...Te(y.headerClasses ?? [])],
+      }, ...Oe(y.headerClasses ?? [])],
       style: {
         width: U(y.width),
         minWidth: U(y.width),
@@ -7320,17 +7330,17 @@ const fl = K({
       selectAll: h,
       toggleSelect: C,
       someSelected: Y,
-      allSelected: E
+      allSelected: T
     } = ol(e, {
       allItems: u,
       pageItems: u
     }), {
       isExpanded: P,
-      toggleExpand: T
+      toggleExpand: E
     } = Ja(e), {
       resizeObservedRef: A,
       contentRect: p
-    } = Be();
+    } = Pe();
     nl({
       page: l,
       pageSize: i,
@@ -7349,10 +7359,10 @@ const fl = K({
       toggleSort: m,
       // expand
       isExpanded: P,
-      toggleExpand: T,
+      toggleExpand: E,
       // selection
       someSelected: Y.value,
-      allSelected: E.value,
+      allSelected: T.value,
       isSelected: f,
       select: v,
       selectAll: h,
@@ -7369,7 +7379,7 @@ const fl = K({
       sortBy: o,
       headRect: p
     }), W(() => {
-      var N;
+      var $;
       const I = Q(e, Je.props), V = Q(e, Ve.props), B = Q(e, Le.props);
       return d(Le, H({
         class: ["y-data-table", {
@@ -7377,7 +7387,7 @@ const fl = K({
         }]
       }, B, {
         style: {
-          "--y-table-head-height": U((N = p.value) == null ? void 0 : N.height)
+          "--y-table-head-height": U(($ = p.value) == null ? void 0 : $.height)
         }
       }), {
         top: () => {
@@ -7388,14 +7398,14 @@ const fl = K({
           "slot-props": k.value
         }, t)]),
         default: () => {
-          var L, $, j;
+          var L, N, j;
           return t.default ? t.default(k.value) : d(J, null, [d("thead", {
             ref: A
           }, [d(Je, I, t)]), (L = t.thead) == null ? void 0 : L.call(t, k.value), !e.hideDefaultTbody && d("tbody", null, [d(Ve, H({
             ref: a
           }, V, {
             items: k.value.items
-          }), t)]), ($ = t.tbody) == null ? void 0 : $.call(t, k.value), (j = t.tfoot) == null ? void 0 : j.call(t, k.value)]);
+          }), t)]), (N = t.tbody) == null ? void 0 : N.call(t, k.value), (j = t.tfoot) == null ? void 0 : j.call(t, k.value)]);
         },
         trailing: () => {
           var L;
@@ -7484,10 +7494,10 @@ const fl = K({
     }), {
       isExpanded: h,
       toggleExpand: C
-    } = Ja(e), Y = M(), E = sn(A, 100), {
+    } = Ja(e), Y = M(), T = sn(A, 100), {
       resizeObservedRef: P
-    } = Be((p) => {
-      E(p);
+    } = Pe((p) => {
+      T(p);
     });
     nl({
       page: l,
@@ -7495,7 +7505,7 @@ const fl = K({
       search: re(e, "search"),
       sortBy: o
     }, n);
-    const T = S(() => ({
+    const E = S(() => ({
       // pagination
       page: l.value,
       pageSize: i.value,
@@ -7543,26 +7553,26 @@ const fl = K({
       }), {
         top: () => {
           var B;
-          return (B = t.top) == null ? void 0 : B.call(t, T.value);
+          return (B = t.top) == null ? void 0 : B.call(t, E.value);
         },
-        leading: () => t.leading ? t.leading(T.value) : d(J, null, [d(xt, {
-          slotProps: T.value
+        leading: () => t.leading ? t.leading(E.value) : d(J, null, [d(xt, {
+          slotProps: E.value
         }, t)]),
         default: () => {
-          var B, N, L;
-          return t.default ? t.default(T.value) : d(J, null, [d("thead", {
+          var B, $, L;
+          return t.default ? t.default(E.value) : d(J, null, [d("thead", {
             ref: P
-          }, [d(Je, p, t)]), (B = t.thead) == null ? void 0 : B.call(t, T.value), d("tbody", null, [d(Ve, H({
+          }, [d(Je, p, t)]), (B = t.thead) == null ? void 0 : B.call(t, E.value), d("tbody", null, [d(Ve, H({
             ref: a
           }, k, {
             items: m.value
-          }), t)]), (N = t.tbody) == null ? void 0 : N.call(t, T.value), (L = t.tfoot) == null ? void 0 : L.call(t, T.value)]);
+          }), t)]), ($ = t.tbody) == null ? void 0 : $.call(t, E.value), (L = t.tfoot) == null ? void 0 : L.call(t, E.value)]);
         },
         trailing: () => {
           var B;
-          return (B = t.trailing) == null ? void 0 : B.call(t, T.value);
+          return (B = t.trailing) == null ? void 0 : B.call(t, E.value);
         },
-        bottom: () => t.bottom ? t.bottom(T.value) : d(Re, H(Q(T.value, Re.props), {
+        bottom: () => t.bottom ? t.bottom(E.value) : d(Re, H(Q(E.value, Re.props), {
           paginationProps: e.paginationProps
         }), {
           prepend: t["control.prepend"]
@@ -7621,11 +7631,11 @@ const fl = K({
       }), n.value.observe(c), i.value = !0) : (i.value = !1, u && c !== u && ((b = n.value) == null || b.unobserve(u)));
     }, {
       immediate: !0
-    }), Pe(() => {
+    }), Ne(() => {
       n.value && (n.value.disconnect(), n.value = null);
     }), W(() => {
       var c, u, m;
-      return Me(d("div", {
+      return Ie(d("div", {
         ref: a,
         class: ["y-data-table-layer-row", ...s.value],
         style: r.value
@@ -7727,7 +7737,7 @@ const Dn = {
   }) {
     ne();
     const l = M(), i = S(() => ({
-      ...Ae(e.menuClasses),
+      ...Ye(e.menuClasses),
       "y-menu": !0
     })), o = G(e), r = S(() => {
       var v;
@@ -7772,8 +7782,8 @@ const Dn = {
         }
         if (o.value) {
           c.value.length === 0 && (o.value = !1);
-          const Y = (h = u == null ? void 0 : u.$el.value) == null ? void 0 : h.content$, E = (C = u == null ? void 0 : u.$el.value) == null ? void 0 : C.modal;
-          !(Y && !Ta(v, Y)) && !E && !e.preventCloseBubble && (u == null || u.clear());
+          const Y = (h = u == null ? void 0 : u.$el.value) == null ? void 0 : h.content$, T = (C = u == null ? void 0 : u.$el.value) == null ? void 0 : C.modal;
+          !(Y && !Ea(v, Y)) && !T && !e.preventCloseBubble && (u == null || u.clear());
         }
       }
     }
@@ -7792,7 +7802,7 @@ const Dn = {
       immediate: !0
     });
     const O = S(() => ({
-      ...Ae(e.contentClasses)
+      ...Ye(e.contentClasses)
     })), f = S(() => {
       var v;
       return (v = l.value) == null ? void 0 : v.baseEl;
@@ -7800,7 +7810,7 @@ const Dn = {
     return a({
       layer$: l,
       baseEl: f
-    }), W(() => d(J, null, [d(me, H({
+    }), W(() => d(me, H({
       ref: l,
       transition: e.transition,
       "onClick:complement": y,
@@ -7825,7 +7835,7 @@ const Dn = {
         var h;
         return (h = t.base) == null ? void 0 : h.call(t, ...v);
       }
-    })])), {
+    })), {
       layer$: l,
       baseEl: f,
       classes: i,
@@ -8038,9 +8048,9 @@ const Dn = {
       checked: l
     };
   }
-}), En = [String, Object, Array, Function], bl = K({
+}), Tn = [String, Object, Array, Function], bl = K({
   icon: {
-    type: En
+    type: Tn
   },
   tag: {
     type: String,
@@ -8168,7 +8178,7 @@ function wo(e) {
 const xl = K({
   color: String,
   gap: String,
-  icon: En,
+  icon: Tn,
   tag: {
     type: String,
     default: "i"
@@ -8178,7 +8188,7 @@ const xl = K({
   },
   class: [String, Array],
   ...He()
-}, "YIcon"), Ye = /* @__PURE__ */ F({
+}, "YIcon"), Me = /* @__PURE__ */ F({
   name: "YIcon",
   props: xl(),
   setup(e, {
@@ -8231,7 +8241,7 @@ const pl = K({
   ...rt({
     transition: "fade"
   }),
-  ...Et
+  ...Tt
 }, "YDropdown"), xo = /* @__PURE__ */ F({
   name: "YDropdown",
   inheritAttrs: !1,
@@ -8253,11 +8263,11 @@ const pl = K({
       l.value = !1, a("click", o);
     }
     W(() => {
-      const o = Q(e, Qe.props), r = Q(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ye.props);
+      const o = Q(e, Qe.props), r = Q(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Me.props);
       return d(J, null, [d(Qe, H(o, {
         modelValue: l.value,
         "onUpdate:modelValue": (s) => l.value = s,
-        "content-classes": Ae(["y-dropdown__content", e.contentClasses])
+        "content-classes": Ye(["y-dropdown__content", e.contentClasses])
       }), {
         base: (...s) => {
           var c;
@@ -8273,7 +8283,7 @@ const pl = K({
               var u;
               return [d("span", {
                 class: "y-dropdown__default"
-              }, [(u = t.default) == null ? void 0 : u.call(t)]), t["dropdown-icon"] ? t["dropdown-icon"]() : d(Ye, H(H(r), {
+              }, [(u = t.default) == null ? void 0 : u.call(t)]), t["dropdown-icon"] ? t["dropdown-icon"]() : d(Me, H(H(r), {
                 icon: e.dropdownIcon,
                 class: ["y-dropdown__icon"]
               }), null)];
@@ -8417,12 +8427,12 @@ const _l = K({
     } = ko(e), {
       t: _
     } = it(), w = (I) => {
-      const V = x(Te(I));
+      const V = x(Oe(I));
       return e.multiple ? V : V[0] ?? null;
-    }, y = G(e, "modelValue", [], (I) => b(I === null ? [null] : Te(I)), w), g = S(() => {
+    }, y = G(e, "modelValue", [], (I) => b(I === null ? [null] : Oe(I)), w), g = S(() => {
       const I = [];
       for (const V of y.value) {
-        const B = m.value.find((N) => e.itemComparator(N.value, V.value));
+        const B = m.value.find(($) => e.itemComparator($.value, V.value));
         B !== void 0 && I.push(B);
       }
       return I;
@@ -8444,33 +8454,33 @@ const _l = K({
     }
     function C(I) {
       requestAnimationFrame(() => {
-        var B, N;
-        const V = (N = (B = o.value) == null ? void 0 : B.layer$) == null ? void 0 : N.content$;
+        var B, $;
+        const V = ($ = (B = o.value) == null ? void 0 : B.layer$) == null ? void 0 : $.content$;
         V != null && V.contains(document.activeElement) || c.value && e.closeOnBlur && (c.value = !1);
       });
     }
     function Y(I, V) {
-      I.disabled || (T(I, V), e.multiple || setTimeout(() => {
+      I.disabled || (E(I, V), e.multiple || setTimeout(() => {
         c.value = !1;
       }, 40));
     }
-    function E() {
+    function T() {
       u.value;
     }
     function P(I) {
-      var V, B, N, L, $;
+      var V, B, $, L, N;
       if (I.target && ((B = (V = o.value) == null ? void 0 : V.layer$) != null && B.content$))
-        return ($ = I.target) == null ? void 0 : $.contains((L = (N = o.value) == null ? void 0 : N.layer$) == null ? void 0 : L.content$);
+        return (N = I.target) == null ? void 0 : N.contains((L = ($ = o.value) == null ? void 0 : $.layer$) == null ? void 0 : L.content$);
     }
-    function T(I, V) {
+    function E(I, V) {
       let B;
       if (e.multiple) {
-        const N = g.value.findIndex((L) => L.value === I.value);
-        if (N === -1)
+        const $ = g.value.findIndex((L) => L.value === I.value);
+        if ($ === -1)
           B = [...y.value, I];
         else {
           const L = y.value.slice();
-          L.splice(N, 1), B = L;
+          L.splice($, 1), B = L;
         }
       } else
         B = [I];
@@ -8494,18 +8504,18 @@ const _l = K({
         return;
       const I = Wt(r.value);
       if (I) {
-        const N = I == null ? void 0 : I.querySelector(".y-list-item--active"), L = (B = (V = o.value) == null ? void 0 : V.layer$) == null ? void 0 : B.content$;
-        if (N && L) {
-          const $ = or(N);
-          $ && (L.contains($) || L.isSameNode($)) && $.scrollTo({
-            top: N.offsetTop,
+        const $ = I == null ? void 0 : I.querySelector(".y-list-item--active"), L = (B = (V = o.value) == null ? void 0 : V.layer$) == null ? void 0 : B.content$;
+        if ($ && L) {
+          const N = or($);
+          N && (L.contains(N) || L.isSameNode(N)) && N.scrollTo({
+            top: $.offsetTop,
             behavior: "smooth"
           });
         }
       }
     }
     return W(() => {
-      const I = Q(e, bt.props), V = Q(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ye.props);
+      const I = Q(e, bt.props), V = Q(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Me.props);
       return d(bt, H({
         ref: i
       }, I, {
@@ -8523,7 +8533,7 @@ const _l = K({
         focused: u.value
       }), {
         default: () => {
-          var N;
+          var $;
           const B = {
             items: g.value.map((L) => L.raw),
             displayText: A.value,
@@ -8532,7 +8542,7 @@ const _l = K({
           };
           return d(J, null, [d("div", {
             class: ["y-select__selection"]
-          }, [t.selection ? (N = t.selection) == null ? void 0 : N.call(t, B) : D.value.length > 0 ? A.value : e.placeholder]), d(Qe, H({
+          }, [t.selection ? ($ = t.selection) == null ? void 0 : $.call(t, B) : D.value.length > 0 ? A.value : e.placeholder]), d(Qe, H({
             ref: o,
             offset: e.offset,
             position: e.position,
@@ -8541,7 +8551,7 @@ const _l = K({
             "content-classes": ["y-select__content"],
             maxHeight: e.maxHeight,
             "open-on-click-base": !1,
-            onAfterLeave: E,
+            onAfterLeave: T,
             "open-delay": e.openDelay,
             "close-delay": e.closeDelay,
             closeCondition: P,
@@ -8559,18 +8569,18 @@ const _l = K({
                 ref: s
               }, {
                 default: () => {
-                  var $, j, ie;
-                  return [($ = t["menu-prepend"]) == null ? void 0 : $.call(t), (((j = m.value) == null ? void 0 : j.length) ?? 0) > 0 ? d(wn, {
+                  var N, j, ie;
+                  return [(N = t["menu-prepend"]) == null ? void 0 : N.call(t), (((j = m.value) == null ? void 0 : j.length) ?? 0) > 0 ? d(wn, {
                     ref: r
                   }, _o(L = m.value.map((te) => {
                     const ue = {
                       item: te,
                       selected: f(te),
                       select: (q) => {
-                        T(te, q);
+                        E(te, q);
                       }
                     };
-                    return Me(d(bn, {
+                    return Ie(d(bn, {
                       onClick: (q) => Y(te, q),
                       class: [{
                         "y-list-item--active": f(te)
@@ -8601,25 +8611,25 @@ const _l = K({
           })]);
         },
         leading: t.leading ? (...B) => {
-          var N;
-          return (N = t.leading) == null ? void 0 : N.call(t, ...B);
+          var $;
+          return ($ = t.leading) == null ? void 0 : $.call(t, ...B);
         } : void 0,
-        trailing: (...B) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(Ye, H(H(V), {
+        trailing: (...B) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(Me, H(H(V), {
           icon: e.dropdownIcon,
           class: ["y-select__icon"]
         }), null),
         label: t.label ? (...B) => {
-          var N;
-          return (N = t.label) == null ? void 0 : N.call(t, ...B);
+          var $;
+          return ($ = t.label) == null ? void 0 : $.call(t, ...B);
         } : void 0,
         "helper-text": t["helper-text"] ? (...B) => {
-          var N;
-          return (N = t["helper-text"]) == null ? void 0 : N.call(t, ...B);
+          var $;
+          return ($ = t["helper-text"]) == null ? void 0 : $.call(t, ...B);
         } : void 0
       });
     }), pt(() => {
       var I;
-      e.defaultSelect && (e.modelValue === void 0 || Array.isArray(e.modelValue) && e.modelValue.length === 0) && ((I = m.value) != null && I.length) && T(m.value[0]);
+      e.defaultSelect && (e.modelValue === void 0 || Array.isArray(e.modelValue) && e.modelValue.length === 0) && ((I = m.value) != null && I.length) && E(m.value[0]);
     }), a({
       fieldInputRef: i,
       baseEl: p,
@@ -8634,17 +8644,17 @@ const _l = K({
       opened: c
     };
   }
-}), Tn = Symbol.for("yuyeon.y-tabs"), El = K({
+}), En = Symbol.for("yuyeon.y-tabs"), Tl = K({
   text: String,
   hideIndicator: Boolean,
   indicatorColor: String,
-  ...Et({
+  ...Tt({
     selectedClass: "y-tab--selected",
     noWave: !0
   })
-}, "YTab"), Tl = /* @__PURE__ */ F({
+}, "YTab"), El = /* @__PURE__ */ F({
   name: "YTab",
-  props: El(),
+  props: Tl(),
   slots: Object,
   setup(e, {
     slots: t,
@@ -8666,7 +8676,7 @@ const _l = K({
         class: ["y-tab"],
         active: !1
       }, o.value, n, s, {
-        injectSymbol: Tn,
+        injectSymbol: En,
         "onChoice:selected": r
       }), {
         default: () => {
@@ -8689,7 +8699,7 @@ const _l = K({
     selectedClass: "y-tab--active",
     mandatory: "force"
   })
-}, "YTabs"), Eo = /* @__PURE__ */ F({
+}, "YTabs"), To = /* @__PURE__ */ F({
   name: "YTabs",
   props: {
     tag: {
@@ -8706,9 +8716,9 @@ const _l = K({
   }) {
     const {
       resizeObservedRef: n
-    } = Be(), {
+    } = Pe(), {
       resizeObservedRef: a
-    } = Be(), l = di(e, Tn), i = S(() => ({
+    } = Pe(), l = di(e, En), i = S(() => ({
       next: l.next,
       prev: l.prev,
       select: l.select,
@@ -8732,14 +8742,14 @@ const _l = K({
         key: "content",
         ref: a,
         class: ["y-tabs__content"]
-      }, [t.default ? t.default(i.value) : o.value.map((r) => d(Tl, H(r, {
+      }, [t.default ? t.default(i.value) : o.value.map((r) => d(El, H(r, {
         key: r.text
       }), null))])])]
     })), {
       selected: l.selected
     };
   }
-}), Al = "YAlert", To = Dt(Al), Oo = {
+}), Al = "YAlert", Eo = Dt(Al), Oo = {
   semantic: String,
   variation: String,
   color: String,
@@ -8765,9 +8775,9 @@ const _l = K({
     });
     W(() => {
       var i;
-      return Me(d("div", {
+      return Ie(d("div", {
         ref: n,
-        class: [To, {
+        class: [Eo, {
           [`y-alert--${e.semantic}`]: e.semantic,
           "y-alert--filled": a.value.includes("filled"),
           "y-alert--outlined": a.value.includes("outlined")
@@ -8790,7 +8800,7 @@ const _l = K({
   name: "YDivider",
   props: Yl(),
   setup(e) {
-    W(() => Me(d("hr", {
+    W(() => Ie(d("hr", {
       class: ["y-divider", {
         "y-divider--vertical": e.vertical
       }]
@@ -8827,7 +8837,7 @@ const _l = K({
     slots: t,
     emit: n
   }) {
-    const a = Tt(), l = it(), i = M(), o = M([]), r = G(e, "modelValue", [], (f) => f == null ? [] : Te(f)), s = S(() => r.value.length > 0 ? a.date(r.value[0]) : e.min ? a.date(e.min) : Array.isArray(e.allowedDates) ? a.date(e.allowedDates[0]) : a.date()), c = G(e, "year", void 0, (f) => {
+    const a = Et(), l = it(), i = M(), o = M([]), r = G(e, "modelValue", [], (f) => f == null ? [] : Oe(f)), s = S(() => r.value.length > 0 ? a.date(r.value[0]) : e.min ? a.date(e.min) : Array.isArray(e.allowedDates) ? a.date(e.allowedDates[0]) : a.date()), c = G(e, "year", void 0, (f) => {
       const v = f != null ? Number(f) : a.getYear(s.value);
       return a.startOfYear(a.setYear(a.date(), v));
     }, (f) => a.getYear(f)), u = G(e, "month", void 0, (f) => {
@@ -8839,15 +8849,15 @@ const _l = K({
       if (v.length < h) {
         const C = v[v.length - 1];
         let Y = [];
-        for (let E = 1; E <= h - v.length; E++)
-          Y.push(a.addDays(C, E)), E % 7 === 0 && (f.push(Y), Y = []);
+        for (let T = 1; T <= h - v.length; T++)
+          Y.push(a.addDays(C, T)), T % 7 === 0 && (f.push(Y), Y = []);
       }
       return f;
     }), b = S(() => {
       const f = m.value, v = a.date();
-      return f.map((h, C) => h.map((Y, E) => {
+      return f.map((h, C) => h.map((Y, T) => {
         var p;
-        const P = a.toISO(Y), T = !a.isSameMonth(Y, u.value), A = !!((p = r.value) != null && p.find((k) => k != null && a.isSameDay(Y, k)));
+        const P = a.toISO(Y), E = !a.isSameMonth(Y, u.value), A = !!((p = r.value) != null && p.find((k) => k != null && a.isSameDay(Y, k)));
         return {
           date: Y,
           isoDate: P,
@@ -8856,16 +8866,16 @@ const _l = K({
           month: a.getMonth(Y),
           day: a.getDay(Y),
           disabled: g(Y),
-          weekStart: E % 7 === 0,
-          weekEnd: E % 7 === 6,
+          weekStart: T % 7 === 0,
+          weekEnd: T % 7 === 6,
           rangeStart: A && r.value.length > 1 && e.range && a.isSameDay(w.value, Y),
           rangeEnd: A && r.value.length === 2 && e.range && a.isSameDay(y.value, Y),
           weekIndex: C,
           selected: A,
           interval: D(Y),
           today: a.isSameDay(Y, v),
-          adjacent: T,
-          hidden: T && !e.showAdjacentMonthDates,
+          adjacent: E,
+          hidden: E && !e.showAdjacentMonthDates,
           hovered: !1,
           localized: a.format(Y, "dayOfMonth")
         };
@@ -8938,7 +8948,7 @@ const _l = K({
         role: "row",
         "aria-rowindex": v
       }, [f.map((h, C) => {
-        var E;
+        var T;
         const Y = {
           props: {
             onClick: () => {
@@ -8960,7 +8970,7 @@ const _l = K({
             "y-date-calendar__day--range-end": h.rangeEnd
           }],
           "data-date": h.disabled ? void 0 : h.isoDate
-        }, [(e.showAdjacentMonthDates || !h.adjacent) && d(J, null, [((E = t.day) == null ? void 0 : E.call(t, Y)) ?? d(ee, H({
+        }, [(e.showAdjacentMonthDates || !h.adjacent) && d(J, null, [((T = t.day) == null ? void 0 : T.call(t, Y)) ?? d(ee, H({
           color: (h.selected || h.today) && !h.disabled ? e.color : void 0,
           disabled: h.disabled,
           variation: ["rounded", h.selected ? "filled" : h.today ? "outlined" : "text"].join(",")
@@ -9051,7 +9061,7 @@ const _l = K({
       disabled: l.value,
       onClick: o
     }, {
-      default: () => [d(Ye, {
+      default: () => [d(Me, {
         icon: e.prevIcon
       }, null)]
     }), d(ee, {
@@ -9060,7 +9070,7 @@ const _l = K({
       disabled: i.value,
       onClick: r
     }, {
-      default: () => [d(Ye, {
+      default: () => [d(Me, {
         icon: e.nextIcon
       }, null)]
     })]));
@@ -9076,9 +9086,9 @@ const _l = K({
   setup(e, {
     emit: t
   }) {
-    const n = Tt(), a = G(e, "modelValue"), l = S(() => {
+    const n = Et(), a = G(e, "modelValue"), l = S(() => {
       let o = n.startOfYear(n.date());
-      return Ee(12).map((r) => {
+      return Te(12).map((r) => {
         const s = n.format(o, "monthShort");
         return o = n.getNextMonth(o), {
           text: s,
@@ -9121,9 +9131,9 @@ const _l = K({
     emit: t,
     expose: n
   }) {
-    const a = Tt(), l = G(e, "modelValue"), i = l.value, o = M(i - i % ft - (i < 0 ? ft : 0)), r = S(() => {
+    const a = Et(), l = G(e, "modelValue"), i = l.value, o = M(i - i % ft - (i < 0 ? ft : 0)), r = S(() => {
       let u = a.startOfYear(a.date());
-      return Ee(ft + 1, o.value).map((m) => (u = a.setYear(u, m), {
+      return Te(ft + 1, o.value).map((m) => (u = a.setYear(u, m), {
         text: a.format(u, "year"),
         value: m,
         active: l.value === m
@@ -9151,17 +9161,17 @@ const _l = K({
       default: () => [u.text]
     })]))])), {};
   }
-}), $l = K({
+}), Nl = K({
   ...he(On(), ["modelValue"]),
   modelValue: null
 }, "YDatePicker"), Io = /* @__PURE__ */ F({
   name: "YDatePicker",
-  props: $l(),
+  props: Nl(),
   emits: ["update:month", "update:year", "update:modelValue", "update:mode", "click:day"],
   setup(e, {
     emit: t
   }) {
-    const n = M(), a = Tt(), l = G(e, "modelValue"), i = G(e, "mode"), o = G(e, "month"), r = G(e, "year"), s = S({
+    const n = M(), a = Et(), l = G(e, "modelValue"), i = G(e, "mode"), o = G(e, "month"), r = G(e, "year"), s = S({
       get: () => o.value != null || !Number.isNaN(Number(o.value)) ? Number(o.value) : a.getMonth(a.date()),
       set: (v) => {
         o.value = v;
@@ -9255,7 +9265,7 @@ const _l = K({
 function Bo(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !at(e);
 }
-const Nl = K({
+const $l = K({
   tag: {
     type: String,
     default: "div"
@@ -9264,7 +9274,7 @@ const Nl = K({
   bordered: Boolean,
   floating: Boolean,
   inline: Boolean,
-  icon: En,
+  icon: Tn,
   hide: Boolean,
   label: {
     type: String,
@@ -9281,7 +9291,7 @@ const Nl = K({
   })
 }, "YBadge"), Po = /* @__PURE__ */ F({
   name: "YBadge",
-  props: Nl(),
+  props: $l(),
   slots: Object,
   setup(e, {
     slots: t
@@ -9312,7 +9322,7 @@ const Nl = K({
             transitionProps: {
               name: e.transition
             }
-          }, Bo(l = Me(
+          }, Bo(l = Ie(
             // biome-ignore lint/a11y/useSemanticElements: aria-live
             d("span", {
               class: ["y-badge__badge"],
@@ -9320,7 +9330,7 @@ const Nl = K({
               "aria-label": n(e.label, o),
               "aria-live": "polite",
               role: "status"
-            }, [e.dot ? void 0 : t.badge ? (c = t.badge) == null ? void 0 : c.call(t) : e.icon ? d(Ye, {
+            }, [e.dot ? void 0 : t.badge ? (c = t.badge) == null ? void 0 : c.call(t) : e.icon ? d(Me, {
               icon: e.icon
             }, null) : r]),
             [[nt, !e.hide]]
@@ -9331,7 +9341,7 @@ const Nl = K({
       });
     });
   }
-}), $o = /* @__PURE__ */ F({
+}), No = /* @__PURE__ */ F({
   name: "YTextEllipsis",
   props: {
     text: {
@@ -9346,7 +9356,7 @@ const Nl = K({
     const {
       resizeObservedRef: t,
       contentRect: n
-    } = Be(), a = M(!1), l = S(() => {
+    } = Pe(), a = M(!1), l = S(() => {
       var s;
       return (s = n.value) == null ? void 0 : s.width;
     }), i = S(() => e.text), o = S(() => {
@@ -9378,7 +9388,7 @@ const Nl = K({
       class: "y-text-ellipsis__end"
     }, [r.value])]));
   }
-}), $e = "y-ip-field", aa = "y-ipv4-field", la = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, No = /* @__PURE__ */ F({
+}), $e = "y-ip-field", aa = "y-ipv4-field", la = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, $o = /* @__PURE__ */ F({
   name: aa,
   props: {
     fixedUntil: Number,
@@ -9397,71 +9407,71 @@ const Nl = K({
     slots: t,
     emit: n
   }) {
-    const a = M(), l = M(), i = M([]), o = G(e), r = Oe({
+    const a = M(), l = M(), i = M([]), o = G(e), r = Ae({
       0: "",
       1: "",
       2: "",
       3: "",
       4: ""
-    }), s = Oe({
+    }), s = Ae({
       0: "",
       1: "",
       2: "",
       3: "",
       4: ""
     }), c = M(!1), u = M([]);
-    function m(T) {
-      return !/[^0-9]/.test(T) && Number(T) < 33 && Number(T) > -1;
+    function m(E) {
+      return !/[^0-9]/.test(E) && Number(E) < 33 && Number(E) > -1;
     }
-    function b(T, A) {
-      const p = A.target, k = (p == null ? void 0 : p.value) || "", I = s[T], V = T < 4 ? la.test(k) : m(k), B = k !== "" ? Number(k).toString() : "";
-      r[T] = B, !V && k !== "" ? v(T, I) : (k.length > 2 && h(T), s[T] = B, Y());
+    function b(E, A) {
+      const p = A.target, k = (p == null ? void 0 : p.value) || "", I = s[E], V = E < 4 ? la.test(k) : m(k), B = k !== "" ? Number(k).toString() : "";
+      r[E] = B, !V && k !== "" ? v(E, I) : (k.length > 2 && h(E), s[E] = B, Y());
     }
-    function x(T, A) {
-      c.value = !0, u.value.push(T);
+    function x(E, A) {
+      c.value = !0, u.value.push(E);
     }
-    function _(T, A) {
+    function _(E, A) {
       c.value = !1, se(() => {
         setTimeout(() => {
           u.value.forEach((p, k) => {
-            p === T && u.value.splice(k, 1);
+            p === E && u.value.splice(k, 1);
           });
         });
       });
     }
-    function w(T, A) {
+    function w(E, A) {
     }
-    function y(T, A) {
+    function y(E, A) {
       const p = A.target;
-      if (A.key === "Backspace" && A.target && p.value === "" && C(T), (A.key === "ArrowRight" || A.key === "ArrowDown" && !A.shiftKey) && p.selectionStart !== null && p.value.length <= p.selectionStart)
-        if (T === 3) {
+      if (A.key === "Backspace" && A.target && p.value === "" && C(E), (A.key === "ArrowRight" || A.key === "ArrowDown" && !A.shiftKey) && p.selectionStart !== null && p.value.length <= p.selectionStart)
+        if (E === 3) {
           A.preventDefault(), n("tab");
           return;
         } else {
-          A.preventDefault(), h(T);
+          A.preventDefault(), h(E);
           return;
         }
       if ((A.key === "ArrowLeft" || A.key === "ArrowUp" && !A.shiftKey) && p.selectionStart !== null && p.selectionStart === 0)
-        if (T === 0) {
+        if (E === 0) {
           A.preventDefault(), n("tab", -1);
           return;
         } else {
-          A.preventDefault(), C(T);
+          A.preventDefault(), C(E);
           return;
         }
-      (A.key === "Tab" && !A.shiftKey && p.value !== "" || A.key === "Enter" || A.key === ".") && e.onTab && T === 3 && (A.preventDefault(), n("tab", 3));
+      (A.key === "Tab" && !A.shiftKey && p.value !== "" || A.key === "Enter" || A.key === ".") && e.onTab && E === 3 && (A.preventDefault(), n("tab", 3));
     }
-    function g(T, A) {
-      A.key === "." && h(T);
+    function g(E, A) {
+      A.key === "." && h(E);
     }
-    function D(T) {
-      if (typeof T == "string") {
+    function D(E) {
+      if (typeof E == "string") {
         let A = [];
-        if (T.lastIndexOf("/") > -1) {
-          const p = T.substring(T.lastIndexOf("/") + 1, T.length);
-          e.subnet && m(p) && (r[4] = p), A = T.substring(0, T.lastIndexOf("/")).split(".");
+        if (E.lastIndexOf("/") > -1) {
+          const p = E.substring(E.lastIndexOf("/") + 1, E.length);
+          e.subnet && m(p) && (r[4] = p), A = E.substring(0, E.lastIndexOf("/")).split(".");
         } else
-          A = T.split(".");
+          A = E.split(".");
         if (A.length > 2) {
           for (let p = 0; p < 4; p += 1) {
             const k = A[p];
@@ -9471,66 +9481,66 @@ const Nl = K({
         }
       }
     }
-    function O(T) {
-      const A = (T.clipboardData || window.clipboardData).getData("text");
-      isNaN(Number(A)) && (T.preventDefault(), D(A));
+    function O(E) {
+      const A = (E.clipboardData || window.clipboardData).getData("text");
+      isNaN(Number(A)) && (E.preventDefault(), D(A));
     }
     function f() {
       e.autoFillSubnet && r[0] && r[1] && r[2] && r[3] && !r[4] && (typeof e.autoFillSubnet == "boolean" ? r[4] = "32" : r[4] = e.autoFillSubnet.toString(), Y());
     }
-    function v(T, A) {
+    function v(E, A) {
       se(() => {
-        r[T] = A, Y();
+        r[E] = A, Y();
       });
     }
-    function h(T) {
-      const A = T + 1;
+    function h(E) {
+      const A = E + 1;
       if (A < 4) {
         const p = i.value[A];
         p.focus(), p.selectionStart = 0;
       }
     }
-    function C(T) {
-      const A = T - 1;
+    function C(E) {
+      const A = E - 1;
       if (A > -1) {
         const p = i.value[A];
         p.focus(), p.selectionStart = p.value.length + 1;
       }
     }
     function Y() {
-      o.value = E();
+      o.value = T();
     }
-    function E() {
+    function T() {
       return r[0] === "" && r[1] === "" && r[2] === "" && r[3] === "" ? "" : `${r[0]}.${r[1]}.${r[2]}.${r[3]}${e.subnet ? "/" + r[4] : ""}`;
     }
     const P = S(() => u.value.length > 0);
-    return R(o, (T) => {
-      if (T === "") {
+    return R(o, (E) => {
+      if (E === "") {
         for (let A = 0; A < 5; A += 1)
           r[A] = "", s[A] = "";
         return;
       } else
-        D(T);
+        D(E);
     }, {
       immediate: !0
-    }), R(P, (T) => {
-      T || f();
-    }), R(c, (T) => {
-      n(T ? "focus" : "blur");
-    }), W(() => (i.value = [], d(Ie, H({
+    }), R(P, (E) => {
+      E || f();
+    }), R(c, (E) => {
+      n(E ? "focus" : "blur");
+    }), W(() => (i.value = [], d(Be, H({
       ref: l,
       class: [aa, $e, {
         [`${$e}--text`]: e.text
       }]
-    }, Q(e, Ie.props)), {
-      leading: (...T) => {
+    }, Q(e, Be.props)), {
+      leading: (...E) => {
         var A;
-        return (A = t.leading) == null ? void 0 : A.call(t, ...T);
+        return (A = t.leading) == null ? void 0 : A.call(t, ...E);
       },
-      default: (T) => d("div", H({
+      default: (E) => d("div", H({
         class: [`${$e}__field`]
       }, H({
-        "data-id": T.attrId
+        "data-id": E.attrId
       }), {
         ref: a
       }), [[0, 1, 2, 3, 4].map((A) => {
@@ -9539,7 +9549,7 @@ const Nl = K({
           class: [`${$e}__part`]
         }, [d("input", {
           ref: (k) => i.value.push(k),
-          id: `${T.attrId}__part--${A}`,
+          id: `${E.attrId}__part--${A}`,
           value: p.value,
           class: [`${$e}__part-input`],
           readonly: e.readonly || e.loading,
@@ -9557,17 +9567,17 @@ const Nl = K({
           class: [`${$e}__part`]
         }, [A < 3 ? "." : "/"])];
       })]),
-      trailing: (...T) => {
+      trailing: (...E) => {
         var A;
-        return (A = t.trailing) == null ? void 0 : A.call(t, ...T);
+        return (A = t.trailing) == null ? void 0 : A.call(t, ...E);
       },
       label: t.label && (() => {
-        var T;
-        return (T = t.label) == null ? void 0 : T.call(t);
+        var E;
+        return (E = t.label) == null ? void 0 : E.call(t);
       }),
       "helper-text": t["helper-text"] && (() => {
-        var T;
-        return (T = t["helper-text"]) == null ? void 0 : T.call(t);
+        var E;
+        return (E = t["helper-text"]) == null ? void 0 : E.call(t);
       })
     }))), {};
   }
@@ -9738,7 +9748,7 @@ const Vl = K({
       }, null);
       return d(et, H(u.value, {
         appear: !0
-      }), Ro(C = Me(Y, [[nt, h.status === "loaded"]])) ? C : {
+      }), Ro(C = Ie(Y, [[nt, h.status === "loaded"]])) ? C : {
         default: () => [C]
       });
     };
@@ -9753,10 +9763,10 @@ const Vl = K({
       e.eager, !(Ca.canUseIntersectionObserver && !h && !e.eager) && (o.value = "loading", m.value.src && se(() => {
         var C;
         a("load", ((C = i.value) == null ? void 0 : C.currentSrc) || m.value.src), setTimeout(() => {
-          var Y, E;
+          var Y, T;
           if (!l.isUnmounted)
             if ((Y = i.value) != null && Y.complete) {
-              if ((E = i.value) != null && E.naturalWidth || g(), o.value === "error") return;
+              if ((T = i.value) != null && T.naturalWidth || g(), o.value === "error") return;
               f(i.value, null), o.value === "loading" && y();
             } else i.value && (f(i.value), x());
         });
@@ -9764,7 +9774,7 @@ const Vl = K({
     }
     return tn(() => {
       v();
-    }), Pe(() => {
+    }), Ne(() => {
       clearTimeout(O);
     }), W(() => d("div", {
       class: ["y-img"]
@@ -9801,7 +9811,7 @@ const Vl = K({
   YDataTableServer: yo,
   YDateCalendar: Qt,
   YDatePicker: Io,
-  YDialog: $r,
+  YDialog: Nr,
   YDividePanel: Kr,
   YDivider: Yo,
   YDropdown: xo,
@@ -9810,16 +9820,16 @@ const Vl = K({
   YFieldInput: bt,
   YForm: Fi,
   YHover: Lo,
-  YIcon: Ye,
+  YIcon: Me,
   YIconCheckbox: _e,
   YIconClear: un,
   YIconExpand: tt,
   YIconPageControl: pe,
   YIconSort: hn,
   YImg: Fo,
-  YInput: Ie,
+  YInput: Be,
   YInputCheckbox: Jt,
-  YIpv4Field: No,
+  YIpv4Field: $o,
   YLayer: me,
   YList: wn,
   YListItem: bn,
@@ -9833,10 +9843,10 @@ const Vl = K({
   YSnackbar: Lr,
   YSpinnerRing: ha,
   YSwitch: yr,
-  YTab: Tl,
+  YTab: El,
   YTable: Le,
-  YTabs: Eo,
-  YTextEllipsis: $o,
+  YTabs: To,
+  YTextEllipsis: No,
   YTextHighlighter: za,
   YTextarea: Vi,
   YTi: Vo,
@@ -9844,20 +9854,20 @@ const Vl = K({
   YTreeView: qr,
   YTreeViewNode: Ua,
   YYearPicker: Pl,
-  Y_TABS_KEY: Tn,
+  Y_TABS_KEY: En,
   builtSet: Ha,
   pressDataTableProps: _n,
   pressDataTableServerProps: ml,
   pressSelectPropsOptions: _l,
-  pressYBadgePropsOptions: Nl,
-  pressYButtonProps: Et,
+  pressYBadgePropsOptions: $l,
+  pressYButtonProps: Tt,
   pressYChipPropsOptions: Ya,
   pressYDataTableBodyProps: kn,
   pressYDataTableControlPropsOptions: At,
   pressYDataTableRowProps: sl,
   pressYDateCalendarPropsOptions: On,
-  pressYDatePickerPropsOptions: $l,
-  pressYDialogPropsOptions: Na,
+  pressYDatePickerPropsOptions: Nl,
+  pressYDialogPropsOptions: $a,
   pressYDividerPropsOptions: Yl,
   pressYDropdownPropsOptions: pl,
   pressYFieldInputPropsOptions: cn,
@@ -9873,7 +9883,7 @@ const Vl = K({
   pressYSelectPropsOptions: Dl,
   pressYSnackbarPropsOptions: Va,
   pressYSwitchPropsOptions: Ma,
-  pressYTabPropsOptions: El,
+  pressYTabPropsOptions: Tl,
   pressYTableProps: xn,
   pressYTabsPropOptions: Ol,
   pressYTextareaPropsOptions: ba,
@@ -9888,7 +9898,7 @@ function qo(e = Wo) {
   return {
     install: (s) => {
       n.install(s);
-      const c = Oe({
+      const c = Ae({
         app: null,
         root: null,
         theme: n.instance,