yuyeon 0.3.8-beta.2 → 0.3.8-beta.3

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 ge = (e, t, n) => Fl(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ae, 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 _e, effectScope as en, toRaw as Kl, toRef as re, onBeforeUnmount as Pe, reactive as Oe, onMounted as nt, 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, onUnmounted as zl, Transition as _t, toRefs as Ul, withModifiers as nn, Teleport as Gl, vShow as at, watchPostEffect as ql, defineComponent as an, resolveComponent as Xl, onBeforeUpdate as Zl, useTemplateRef as Jl, isVNode as lt } from "vue";
+import { getCurrentInstance as ae, 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 _e, effectScope as en, toRaw as Kl, toRef as re, onBeforeUnmount as Pe, reactive as Oe, onMounted as nt, nextTick as se, resolveDynamicComponent as Wl, createVNode as f, 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, onUnmounted as zl, Transition as _t, toRefs as Ul, withModifiers as nn, Teleport as Gl, vShow as at, watchPostEffect as ql, defineComponent as an, resolveComponent as Xl, onBeforeUpdate as Zl, useTemplateRef as Jl, isVNode as lt } from "vue";
 function ia(e, t, n) {
   const a = t.length - 1;
   let l = e;
@@ -172,7 +172,7 @@ function oi(e = {}, t, n = oa()) {
       var x, D, b, h, g, _, T;
       const w = Reflect.get(u, y);
       return y === "class" || y === "style" ? [(x = l.value) == null ? void 0 : x[y], w].filter(
-        (f) => f != null
+        (m) => m != null
       ) : typeof y == "string" && !li(a.vnode, y) ? ((D = l.value) == null ? void 0 : D[y]) !== void 0 ? (b = l.value) == null ? void 0 : b[y] : ((g = (h = n.value) == null ? void 0 : h.global) == null ? void 0 : g[y]) !== void 0 ? (T = (_ = n.value) == null ? void 0 : _.global) == null ? void 0 : T[y] : w : w;
     }
   });
@@ -624,13 +624,13 @@ function xi(e) {
 const pi = "YSpinnerRing", ha = /* @__PURE__ */ F({
   name: pi,
   render() {
-    return d("svg", {
+    return f("svg", {
       class: "y-spinner-ring",
       width: "48",
       height: "48",
       viewBox: "0 0 48 48",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("circle", {
+    }, [f("circle", {
       class: "y-spinner-ring__circle",
       cx: "24",
       cy: "24",
@@ -739,7 +739,7 @@ const pi = "YSpinnerRing", ha = /* @__PURE__ */ F({
     }
     return W(() => {
       const w = i.isLink.value ? "a" : "button";
-      return Me(d(w, {
+      return Me(f(w, {
         type: w === "a" ? void 0 : "button",
         class: [`${fe}`, l == null ? void 0 : l.selectedClass.value, {
           ...s.value
@@ -751,9 +751,9 @@ const pi = "YSpinnerRing", ha = /* @__PURE__ */ F({
       }, {
         default: () => {
           var x, D, b;
-          return [d("span", {
+          return [f("span", {
             class: ["y-button__content"]
-          }, [e.loading && (n.loading ? (x = n.loading) == null ? void 0 : x.call(n) : d(ha, H({
+          }, [e.loading && (n.loading ? (x = n.loading) == null ? void 0 : x.call(n) : f(ha, H({
             width: "24",
             height: "24"
           }), null)), (D = n.default) == null ? void 0 : D.call(n)]), (b = n.append) == null ? void 0 : b.call(n)];
@@ -1014,87 +1014,87 @@ function Mi() {
 }
 function Ii(e) {
   const t = en(), n = Oe(Yi(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";
+  function c(m) {
+    s.value = m.matches ? "dark" : "light";
   }
   const u = S(() => a.value === "auto" ? s.value : a.value === "dark" ? "dark" : "light"), y = 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;
+    var m, d;
+    return typeof l.value == "string" && l.value in x ? l.value : Array.isArray(l.value) ? u.value === "dark" ? ((m = l.value) == null ? void 0 : m[1]) ?? "dark" : ((d = l.value) == null ? void 0 : d[0]) ?? "light" : u.value;
   }), w = S(() => Ti(o.value)), x = S(() => Ei(i.value)), D = S(() => {
-    const f = y.value, v = x.value[f];
-    return v != null && v.colors ? v.colors : {};
+    const m = y.value, d = x.value[m];
+    return d != null && d.colors ? d.colors : {};
   }), b = S(() => {
-    const f = n.separation ? `#${n.separation}` : "", v = [];
-    v.push(
+    const m = n.separation ? `#${n.separation}` : "", d = [];
+    d.push(
       ...qe(":root", st(w.value, "palette"))
     );
-    for (const [m, C] of Object.entries(x.value)) {
+    for (const [v, C] of Object.entries(x.value)) {
       const { colors: Y, variables: E, isDark: P } = C, O = {
         ...Y,
         ...E
       }, A = P ? "dark" : "light";
-      a.value === "auto" ? v.push(
+      a.value === "auto" ? d.push(
         ...qe(
           `@media (prefers-color-scheme: ${A})`,
           qe(
-            `${f}[data-theme-scheme='auto'][data-${A}-theme='${m}']`,
+            `${m}[data-theme-scheme='auto'][data-${A}-theme='${v}']`,
             st(O, "theme")
           )
         )
-      ) : v.push(
+      ) : d.push(
         ...qe(
-          `${f}[data-theme-scheme='${A}'][data-${A}-theme='${m}']`,
+          `${m}[data-theme-scheme='${A}'][data-${A}-theme='${v}']`,
           st(O, "theme")
         )
-      ), v.push(
+      ), d.push(
         ...qe(
-          `${f} .y-theme--${m}`,
+          `${m} .y-theme--${v}`,
           st(O, "theme")
         )
       );
     }
-    return v.join("");
+    return d.join("");
   });
-  function h(f) {
-    f.directive("theme", Di);
-    let v = document.getElementById(
+  function h(m) {
+    m.directive("theme", Di);
+    let d = document.getElementById(
       `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`
     );
-    R(b, m, { immediate: !0 });
-    function m() {
-      if (typeof document < "u" && !v) {
+    R(b, v, { immediate: !0 });
+    function v() {
+      if (typeof document < "u" && !d) {
         const C = document.createElement("style");
-        C.type = "text/css", C.id = `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`, e != null && e.cspNonce && C.setAttribute("nonce", e.cspNonce), v = C, document.head.appendChild(v);
+        C.type = "text/css", C.id = `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`, e != null && e.cspNonce && C.setAttribute("nonce", e.cspNonce), d = C, document.head.appendChild(d);
       }
-      v && (v.innerHTML = b.value);
+      d && (d.innerHTML = b.value);
     }
   }
-  function g(f) {
+  function g(m) {
     if (r.value = Mi(), r.value) {
-      const v = window.matchMedia("(prefers-color-scheme: dark)");
-      c(v), v.addEventListener("change", c);
+      const d = window.matchMedia("(prefers-color-scheme: dark)");
+      c(d), d.addEventListener("change", c);
     }
     R(
       l,
-      (v) => {
-        const [m, C] = v;
-        f.root.dataset.lightTheme = m, f.root.dataset.darkTheme = C;
+      (d) => {
+        const [v, C] = d;
+        m.root.dataset.lightTheme = v, m.root.dataset.darkTheme = C;
       },
       { immediate: !0 }
     ), R(
       a,
-      (v) => {
-        f.root.setAttribute(
+      (d) => {
+        m.root.setAttribute(
           "data-theme-scheme",
-          v === "auto" ? "auto" : u.value
+          d === "auto" ? "auto" : u.value
         );
       },
       { immediate: !0 }
     );
   }
-  function _(f) {
+  function _(m) {
     t.run(() => {
-      g(f);
+      g(m);
     });
   }
   const T = S(() => `y-theme--${y.value}`);
@@ -1258,21 +1258,21 @@ function Li(e, t, n = We()) {
   const a = G(e, "modelValue"), l = ae(), i = $i(), o = M(!1), r = M(), s = M([]), c = S(() => e.name ?? n), u = S(
     () => e.validationValue === void 0 ? a.value : e.validationValue
   ), y = S(() => {
-    var m;
-    let f = e.validateOn || ((m = i == null ? void 0 : i.validateOn) == null ? void 0 : m.value) || "input";
-    f === "lazy" && (f = "input,lazy");
-    const v = new Set((f == null ? void 0 : f.split(",")) ?? []);
+    var v;
+    let m = e.validateOn || ((v = i == null ? void 0 : i.validateOn) == null ? void 0 : v.value) || "input";
+    m === "lazy" && (m = "input,lazy");
+    const d = new Set((m == null ? void 0 : m.split(",")) ?? []);
     return {
-      blur: v.has("blur") || v.has("input"),
-      input: v.has("input"),
-      lazy: v.has("lazy"),
-      submit: v.has("submit")
+      blur: d.has("blur") || d.has("input"),
+      input: d.has("input"),
+      lazy: d.has("lazy"),
+      submit: d.has("submit")
     };
   }), w = S(() => e.readonly || (i == null ? void 0 : i.isReadonly.value)), x = S(() => e.disabled || (i == null ? void 0 : i.isDisabled.value)), D = S(() => e.loading || (i == null ? void 0 : i.isLoading.value)), b = S(() => e.status === "error" || s.value.length > 0), h = S(() => !b.value && e.status === "success");
   R(
     [b, s],
-    ([f, v]) => {
-      i == null || i.update(c.value, f, v);
+    ([m, d]) => {
+      i == null || i.update(c.value, m, d);
     },
     { immediate: !0 }
   ), R(
@@ -1287,18 +1287,18 @@ function Li(e, t, n = We()) {
         if (u.value != null)
           g();
         else if (e.focused) {
-          const f = R(
+          const m = R(
             () => e.focused,
-            (v) => {
-              v || g(), f();
+            (d) => {
+              d || g(), m();
             }
           );
         }
       });
     }
   ), Pe(() => {
-    var f;
-    (f = i == null ? void 0 : i.unregister) == null || f.call(i, c.value);
+    var m;
+    (m = i == null ? void 0 : i.unregister) == null || m.call(i, c.value);
   }), tn(() => {
     i == null || i.register({
       id: c.value,
@@ -1308,21 +1308,21 @@ function Li(e, t, n = We()) {
     });
   });
   async function g() {
-    const f = [];
+    const m = [];
     if (o.value = !0, Array.isArray(e.validators))
-      for (const v of e.validators) {
-        if (f.length >= +(e.maxErrors ?? 1))
+      for (const d of e.validators) {
+        if (m.length >= +(e.maxErrors ?? 1))
           break;
-        const C = await (typeof v == "function" ? v : () => v)(u.value);
+        const C = await (typeof d == "function" ? d : () => d)(u.value);
         if (C !== !0) {
           if (C !== !1 && typeof C != "string") {
             console.warn("Wrong validator return type");
             continue;
           }
-          f.push(C || "");
+          m.push(C || "");
         }
       }
-    return o.value = !1, s.value = f, r.value = f == null ? void 0 : f[0], f;
+    return o.value = !1, s.value = m, r.value = m == null ? void 0 : m[0], m;
   }
   function _() {
     s.value = [], r.value = void 0;
@@ -1451,9 +1451,9 @@ const be = "y-input", it = K({
       isSuccess: g,
       errors: _,
       errorResult: T
-    } = Li(e, be, i), f = M(), v = M(), m = M();
+    } = Li(e, be, i), m = M(), d = M(), v = 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 || !!m.value), P = S(() => ({
+    const C = X(!1), Y = S(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), E = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!v.value), P = S(() => ({
       // Style
       [o.value]: !0,
       "y-input--ceramic": !!e.ceramic,
@@ -1461,7 +1461,7 @@ const be = "y-input", it = K({
       "y-input--filled": Y.value.includes("filled") || !!e.filled,
       // Value
       "y-input--loading": x.value,
-      "y-input--has-value": !!m.value,
+      "y-input--has-value": !!v.value,
       "y-input--focused": r.value,
       "y-input--readonly": w.value,
       "y-input--disabled": y.value,
@@ -1472,10 +1472,10 @@ const be = "y-input", it = K({
       height: U(e.height)
     }));
     R(() => e.modelValue, ($) => {
-      m.value = $;
+      v.value = $;
     }), R(() => e.readonly, ($) => {
-      $ || (m.value = e.modelValue);
-    }), R(m, ($) => {
+      $ || (v.value = e.modelValue);
+    }), R(v, ($) => {
       !w.value && !x.value && l("update:modelValue", $);
     }), R(h, ($) => {
       l("error", $, _.value);
@@ -1505,16 +1505,16 @@ const be = "y-input", it = K({
     }
     function L() {
       if (e.label || t.label)
-        return d("label", {
+        return f("label", {
           class: [{
             [`${be}__label`]: !0,
             "y-input__floating-label": e.floating,
             "y-input__floating-label--floated": e.floating && E.value
           }],
           for: `y-input--${i}`
-        }, [t.label ? t.label() : e.label ? d(J, null, [e.label, e.required && d("span", {
+        }, [t.label ? t.label() : e.label ? f(J, null, [e.label, e.required && f("span", {
           class: "y-input__required-mark"
-        }, [kt("*")])]) : e.placeholder && !m.value && e.placeholder]);
+        }, [kt("*")])]) : e.placeholder && !v.value && e.placeholder]);
     }
     return a({
       ...e.extended ?? {},
@@ -1524,17 +1524,17 @@ const be = "y-input", it = K({
       resetError: b
     }), W(() => {
       var $, j;
-      return d("div", {
+      return f("div", {
         class: [`${be}`, {
           ...P.value
         }]
-      }, [t.prepend && d("div", {
+      }, [t.prepend && f("div", {
         class: `${be}__prepend`
-      }, [t.prepend()]), d("div", {
-        ref: f,
+      }, [t.prepend()]), f("div", {
+        ref: m,
         class: [`${be}__stack`]
-      }, [!e.floating && L(), t["leading-out"] && t["leading-out"](), d("div", {
-        ref: v,
+      }, [!e.floating && L(), t["leading-out"] && t["leading-out"](), f("div", {
+        ref: d,
         class: `${be}__display`,
         style: [{
           ...O.value
@@ -1544,9 +1544,9 @@ const be = "y-input", it = K({
         onMousedown: p,
         onMouseup: k,
         onKeydown: I
-      }, [d("div", {
+      }, [f("div", {
         class: `${be}__plate`
-      }, null), t.leading && d("div", {
+      }, null), t.leading && f("div", {
         class: "y-input__leading",
         onClick: N
       }, [t.leading({
@@ -1556,19 +1556,19 @@ const be = "y-input", it = K({
         loading: x.value,
         attrId: `y-input--${i}`,
         focused: r.value
-      }) : d("div", {
+      }) : f("div", {
         class: `${be}__value`,
         "data-id": `y-input--${i}`,
         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(), ($ = e.modelValue) == null ? void 0 : $.toString()]), (j = t.trailing) == null ? void 0 : j.call(t)]), t["trailing-out"] && t["trailing-out"](), f("div", {
         class: `${be}__helper-text`
-      }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
+      }, [t["helper-text"] ? f("span", null, [t["helper-text"]({
         error: h.value,
         errors: _.value,
         errorResult: T.value
-      })]) : e.helperText ?? T.value])]), t.append && d("div", {
+      })]) : e.helperText ?? T.value])]), t.append && f("div", {
         class: `${be}__append`
       }, [t.append()])]);
     }), {
@@ -1585,11 +1585,11 @@ const be = "y-input", it = K({
 }), un = /* @__PURE__ */ F({
   name: "YIconClear",
   setup() {
-    return () => d("svg", {
+    return () => f("svg", {
       role: "presentation",
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [f("path", {
       d: "m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z",
       fill: "currentColor",
       "stroke-miterlimit": "10"
@@ -1654,13 +1654,13 @@ const be = "y-input", it = K({
     function T(p) {
       a("keydown", p);
     }
-    function f(p) {
+    function m(p) {
       a("keyup", p);
     }
-    function v(p) {
+    function d(p) {
       a("click:clear", p), E();
     }
-    function m(p) {
+    function v(p) {
       (p.code === "Space" || p.code === "Enter") && E();
     }
     function C() {
@@ -1714,7 +1714,7 @@ const be = "y-input", it = K({
     function A(p) {
       a("update:modelValue", p);
     }
-    return W(() => d(Ie, H({
+    return W(() => f(Ie, H({
       class: x.value,
       ref: i
     }, Q(e, Ie.props), {
@@ -1738,14 +1738,14 @@ const be = "y-input", it = K({
       } : void 0,
       default: (p) => {
         var k, I, V;
-        return d("div", {
+        return f("div", {
           class: [`${dt}__field`],
           "data-id": p.attrId,
           ref: "field"
         }, [e.floating ? (I = (k = i.value) == null ? void 0 : k.createLabel) == null ? void 0 : I.call(k) : void 0, (V = l.default) == null ? void 0 : V.call(l, {
           ...p,
           focused: r.value
-        }), d("input", {
+        }), f("input", {
           ref: o,
           value: y.value,
           name: e.name,
@@ -1768,19 +1768,19 @@ const be = "y-input", it = K({
           onBlur: h,
           onChange: _,
           onKeydown: T,
-          onKeyup: f
+          onKeyup: m
         }, null)]);
       },
-      trailing: l.trailing || e.enableClear && u.value ? () => d(J, null, [e.enableClear && u.value && d("div", {
+      trailing: l.trailing || e.enableClear && u.value ? () => f(J, null, [e.enableClear && u.value && f("div", {
         class: ["y-input__trailing", "y-input__trailing--clear"]
-      }, [d("button", {
+      }, [f("button", {
         type: "button",
         class: [`${dt}__clear`],
         disabled: e.disabled,
-        onClick: v,
-        onKeydown: m,
+        onClick: d,
+        onKeydown: v,
         tabindex: 2
-      }, [d(un, null, null)])]), l.trailing && d("div", {
+      }, [f(un, null, null)])]), l.trailing && f("div", {
         class: ["y-input__trailing"]
       }, [l.trailing()])]) : void 0,
       label: l.label ? () => {
@@ -1845,74 +1845,74 @@ const be = "y-input", it = K({
       whenFocus: y,
       whenBlur: w
     } = on(e, "y-field-input");
-    function x(m) {
-      n("update:modelValue", m);
+    function x(v) {
+      n("update:modelValue", v);
     }
     function D() {
-      const m = ae(), {
+      const v = ae(), {
         displayText: C
       } = e;
       if (C !== void 0) {
         let Y = s.value;
-        typeof C == "string" && (Y = C), C && typeof C == "function" && (Y = C.call(m, Y)), se(() => {
+        typeof C == "string" && (Y = C), C && typeof C == "function" && (Y = C.call(v, Y)), se(() => {
           c.value = Y;
         });
       }
     }
-    function b(m) {
-      n("input", m);
-      const C = m.target;
+    function b(v) {
+      n("input", v);
+      const C = v.target;
       s.value = C == null ? void 0 : C.value, c.value = C == null ? void 0 : C.value;
     }
-    function h(m) {
-      n("change", s.value, m);
+    function h(v) {
+      n("change", s.value, v);
     }
-    function g(m) {
-      y(), c.value = s.value, n("focus", m);
+    function g(v) {
+      y(), c.value = s.value, n("focus", v);
     }
-    function _(m) {
-      w(), n("blur", m), D();
+    function _(v) {
+      w(), n("blur", v), D();
     }
-    function T(m) {
-      n("keydown", m);
+    function T(v) {
+      n("keydown", v);
     }
-    function f(m) {
-      n("keyup", m);
+    function m(v) {
+      n("keyup", v);
     }
-    function v(m) {
-      n("click", m);
+    function d(v) {
+      n("click", v);
     }
-    return R(() => e.modelValue, (m) => {
-      s.value = m, c.value = m;
+    return R(() => e.modelValue, (v) => {
+      s.value = v, c.value = v;
     }, {
       immediate: !0
-    }), R(s, (m) => {
-      u.value ? c.value = m : D();
+    }), R(s, (v) => {
+      u.value ? c.value = v : D();
     }), l({
       el$: o,
       input$: r,
       validate: () => {
-        var m;
-        return (m = o.value) == null ? void 0 : m.invokeValidators();
+        var v;
+        return (v = o.value) == null ? void 0 : v.invokeValidators();
       }
     }), W(() => {
-      const m = Q(e, Ie.props);
-      return d(Ie, H({
+      const v = Q(e, Ie.props);
+      return f(Ie, H({
         class: [Ln]
-      }, m, {
+      }, v, {
         modelValue: s.value,
         "onUpdate:modelValue": x,
         focused: u.value,
-        onClick: v,
+        onClick: d,
         "onMousedown:display": (C) => n("mousedown:display", C)
       }), {
         default: (C) => {
           var Y, E;
-          return d("div", {
+          return f("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 ? (E = (Y = o.value) == null ? void 0 : Y.createLabel) == null ? void 0 : E.call(Y) : void 0, a.default ? () => a.default(C) : void 0, f("textarea", H({
             ref: r,
             value: c.value,
             id: `y-input--${i}`,
@@ -1926,7 +1926,7 @@ const be = "y-input", it = K({
             onBlur: _,
             onChange: h,
             onKeydown: T,
-            onKeyup: f
+            onKeyup: m
           }), null)]);
         },
         label: a.label ? () => {
@@ -1975,7 +1975,7 @@ const be = "y-input", it = K({
       ...l
     }), W(() => {
       var s;
-      return d("form", {
+      return f("form", {
         ref: i,
         class: [Fi],
         novalidate: !0,
@@ -2884,7 +2884,7 @@ const Da = /* @__PURE__ */ F({
         minWidth: r
       };
     });
-    return W(() => d("div", {
+    return W(() => f("div", {
       class: {
         "y-progress y-progress-bar": !0,
         ...l.value
@@ -2899,14 +2899,14 @@ const Da = /* @__PURE__ */ F({
         "--y-progress-bar__color": i.value,
         "--y-progress-bar__value": n.value
       }
-    }, [d("div", {
+    }, [f("div", {
       class: "y-progress__track"
-    }, null), d("div", {
+    }, null), f("div", {
       class: "y-progress__tube"
-    }, [d("div", {
+    }, [f("div", {
       class: "y-progress__lead",
       style: o.value
-    }, [t["lead-inner"] ? t["lead-inner"]() : e.innerText && d("div", {
+    }, [t["lead-inner"] ? t["lead-inner"]() : e.innerText && f("div", {
       class: {
         "y-progress__lead-inner": !0,
         "y-progress__lead-inner--fixed": n.value < 3
@@ -2914,7 +2914,7 @@ const Da = /* @__PURE__ */ F({
       style: {
         color: e.textColor
       }
-    }, [d("span", null, [n, kt(" %")])])])])])), {
+    }, [f("span", null, [n, kt(" %")])])])])])), {
       numValue: n,
       delta: a
     };
@@ -2971,39 +2971,39 @@ function sn(e, t = 0, n = {
   if (typeof e != "function")
     throw new TypeError("NOT Function");
   t = +t || 0, Ql(n) && (u = !!n.leading, y = "maxWait" in n, i = y ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : i, w = "trailing" in n ? !!n.trailing : w);
-  function x(m) {
+  function x(v) {
     const C = a, Y = l;
-    return a = l = void 0, c = m, o = e.apply(Y, C), o;
+    return a = l = void 0, c = v, o = e.apply(Y, C), o;
   }
-  function D(m) {
-    return c = m, r = window.setTimeout(g, t), u ? x(m) : o;
+  function D(v) {
+    return c = v, r = window.setTimeout(g, t), u ? x(v) : o;
   }
-  function b(m) {
-    var C = m - (s ?? 0), Y = m - (c ?? 0), E = t - C;
+  function b(v) {
+    var C = v - (s ?? 0), Y = v - (c ?? 0), E = t - C;
     return y ? Math.min(E, (i ?? 0) - Y) : E;
   }
-  function h(m) {
-    var C = m - (s ?? 0), Y = m - (c ?? 0);
+  function h(v) {
+    var C = v - (s ?? 0), Y = v - (c ?? 0);
     return s === void 0 || C >= t || C < 0 || y && Y >= (i ?? 0);
   }
   function g() {
-    const m = Date.now();
-    if (h(m))
-      return _(m);
-    r = window.setTimeout(g, b(m));
+    const v = Date.now();
+    if (h(v))
+      return _(v);
+    r = window.setTimeout(g, b(v));
   }
-  function _(m) {
-    return r = void 0, w && a ? x(m) : (a = l = void 0, o);
+  function _(v) {
+    return r = void 0, w && a ? x(v) : (a = l = void 0, o);
   }
   function T() {
     r !== void 0 && clearTimeout(r), c = 0, a = s = l = r = void 0;
   }
-  function f() {
+  function m() {
     return r === void 0 ? o : _(Date.now());
   }
-  function v() {
-    const m = Date.now(), C = h(m);
-    if (a = arguments, l = this, s = m, C) {
+  function d() {
+    const v = Date.now(), C = h(v);
+    if (a = arguments, l = this, s = v, C) {
       if (r === void 0)
         return D(s);
       if (y)
@@ -3011,7 +3011,7 @@ function sn(e, t = 0, n = {
     }
     return r === void 0 && (r = window.setTimeout(g, t)), o;
   }
-  return v.cancel = T, v.flush = f, v;
+  return d.cancel = T, d.flush = m, d;
 }
 function dn(e) {
   const t = e.getRootNode();
@@ -3167,7 +3167,7 @@ const cr = /* @__PURE__ */ F({
         "y-progress-ring--hole": !!o.value
       };
     });
-    return W(() => d("div", {
+    return W(() => f("div", {
       class: {
         "y-progress y-progress-ring": !0,
         ...s.value
@@ -3182,18 +3182,18 @@ const cr = /* @__PURE__ */ F({
         "--y-progress-ring__value": a.value,
         "--y-progress-ring__hole-path": o.value
       }
-    }, [d("svg", {
+    }, [f("svg", {
       class: "y-progress-ring__tube",
       width: "48",
       height: "48",
       viewBox: "0 0 48 48",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("circle", {
+    }, [f("circle", {
       class: "y-progress-ring__track",
       cx: "24",
       cy: "24",
       r: "24"
-    }, null), d("circle", {
+    }, null), f("circle", {
       class: "y-progress-ring__lead",
       cx: "24",
       cy: "24",
@@ -3286,13 +3286,13 @@ const Ya = K({
     } = Aa(e, "chip");
     return W(() => {
       var i;
-      return d("span", {
+      return f("span", {
         class: ["y-chip", {
           "y-chip--small": e.small,
           "y-chip--clickable": a.value
         }],
         style: l.value
-      }, [d("span", {
+      }, [f("span", {
         class: "y-chip__content"
       }, [(i = t.default) == null ? void 0 : i.call(t)])]);
     }), {};
@@ -3341,7 +3341,7 @@ const Ya = K({
     emit: t,
     slots: n
   }) {
-    const l = `input-${(We() ?? "").toString()}`, i = M(), o = G(e), r = M(!1), s = M(!1), c = S(() => Array.isArray(o.value)), u = S(() => c.value ? o.value.findIndex((f) => f === e.value) : -1), y = S(() => ({
+    const l = `input-${(We() ?? "").toString()}`, i = M(), o = G(e), r = M(!1), s = M(!1), c = S(() => Array.isArray(o.value)), u = S(() => c.value ? o.value.findIndex((m) => m === e.value) : -1), y = S(() => ({
       "y-switch--active": r.value,
       "y-switch--focused": s.value,
       "y-switch--disabled": !!e.disabled,
@@ -3354,60 +3354,60 @@ const Ya = K({
       immediate: !0
     });
     function w() {
-      const f = o.value;
-      if (Array.isArray(f)) {
-        const v = f.find((m) => m === e.value);
-        r.value = v !== void 0;
-      } else typeof f == "boolean" && (r.value = f);
+      const m = o.value;
+      if (Array.isArray(m)) {
+        const d = m.find((v) => v === e.value);
+        r.value = d !== void 0;
+      } else typeof m == "boolean" && (r.value = m);
     }
-    function x(f) {
-      const v = o.value;
-      if (Array.isArray(v)) {
-        const m = v.slice();
-        if (f && e.max !== void 0 && m.length >= e.max) {
+    function x(m) {
+      const d = o.value;
+      if (Array.isArray(d)) {
+        const v = d.slice();
+        if (m && e.max !== void 0 && v.length >= e.max) {
           t("overmax"), D(!1);
           return;
         }
-        f && u.value < 0 ? m.push(e.value) : u.value > -1 && m.splice(u.value, 1), t("change", m);
+        m && u.value < 0 ? v.push(e.value) : u.value > -1 && v.splice(u.value, 1), t("change", v);
       }
     }
-    function D(f, v) {
+    function D(m, d) {
       se(() => {
-        r.value = f;
+        r.value = m;
       });
     }
-    function b(f) {
-      s.value = !0, t("focus", f);
+    function b(m) {
+      s.value = !0, t("focus", m);
     }
-    function h(f) {
-      s.value = !1, t("blur", f);
+    function h(m) {
+      s.value = !1, t("blur", m);
     }
-    function g(f) {
+    function g(m) {
       e.disabled || e.loading || _(!r.value);
     }
-    function _(f, v) {
-      r.value = f, c.value ? x(f) : (o.value = f, t("change", f));
+    function _(m, d) {
+      r.value = m, c.value ? x(m) : (o.value = m, t("change", m));
     }
-    function T(f) {
-      t("keydown", f);
+    function T(m) {
+      t("keydown", m);
     }
     W(() => {
-      var v;
-      const f = {
+      var d;
+      const m = {
         backgroundColor: e.color
       };
-      return d("div", {
+      return f("div", {
         class: {
           "y-switch": !0,
           ...y.value
         }
-      }, [d("div", {
+      }, [f("div", {
         class: "y-switch__slot"
-      }, [d("div", {
+      }, [f("div", {
         class: "y-switch__input",
         onClick: nn(g, ["exact"]),
         onKeydown: T
-      }, [d("input", {
+      }, [f("input", {
         ref: i,
         id: l,
         "aria-checked": r.value,
@@ -3417,23 +3417,23 @@ const Ya = K({
         onBlur: h,
         disabled: e.disabled,
         checked: r.value
-      }, null), d("div", {
+      }, null), f("div", {
         class: "y-switch__track",
-        style: f
-      }, [e.stateLabel && d("div", {
+        style: m
+      }, [e.stateLabel && f("div", {
         class: "y-switch__state"
-      }, [d("span", {
+      }, [f("span", {
         class: "y-switch__state-label y-switch__state-label--on"
-      }, [e.labelOn]), d("span", {
+      }, [e.labelOn]), f("span", {
         class: "y-switch__state-label y-switch__state-label--off"
-      }, [e.labelOff])])]), d("div", {
+      }, [e.labelOff])])]), f("div", {
         class: "y-switch__thumb"
-      }, [e.loading && d("div", {
+      }, [e.loading && f("div", {
         class: "y-switch__spinner"
-      }, null)])]), n.label && d("label", {
+      }, null)])]), n.label && f("label", {
         for: l,
         class: "y-switch__label"
-      }, [(v = n.label) == null ? void 0 : v.call(n), d("input", {
+      }, [(d = n.label) == null ? void 0 : d.call(n), f("input", {
         hidden: !0
       }, null)])])]);
     });
@@ -3476,17 +3476,17 @@ function Un(e, t) {
   );
 }
 function br(e, t, n, a) {
-  const { contentEl: l, base: i } = t, o = M(!1), r = M([!1, !1]), [s, c, u, y] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((f) => S(() => {
-    const v = parseFloat(e[f]);
-    return Number.isNaN(v) ? 1 / 0 : v;
+  const { contentEl: l, base: i } = t, o = M(!1), r = M([!1, !1]), [s, c, u, y] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((m) => S(() => {
+    const d = parseFloat(e[m]);
+    return Number.isNaN(d) ? 1 / 0 : d;
   })), { preferredAnchor: w, preferredOrigin: x } = or(() => {
-    const f = `${e.position} ${e.align}`, v = jn(f, !1), m = e.origin === "overlap" ? v : e.origin === "auto" ? Pt(v) : jn(e.origin, !1);
-    return v.side === m.side && v.align === $t(m).align ? {
-      preferredAnchor: Wn(v),
-      preferredOrigin: Wn(m)
+    const m = `${e.position} ${e.align}`, d = jn(m, !1), v = e.origin === "overlap" ? d : e.origin === "auto" ? Pt(d) : jn(e.origin, !1);
+    return d.side === v.side && d.align === $t(v).align ? {
+      preferredAnchor: Wn(d),
+      preferredOrigin: Wn(v)
     } : {
-      preferredAnchor: v,
-      preferredOrigin: m
+      preferredAnchor: d,
+      preferredOrigin: v
     };
   }), D = S(() => Gn(e.offset)), b = S(() => Gn(e.viewportMargin));
   let h = !1;
@@ -3495,31 +3495,31 @@ function br(e, t, n, a) {
   });
   R(
     [t.base, t.contentEl],
-    ([f, v], [m, C]) => {
-      m && !Array.isArray(m) && m.nodeType === 1 && g.unobserve(m), f && !Array.isArray(f) && f.nodeType === 1 && g.observe(f), C && g.unobserve(C), v && g.observe(v);
+    ([m, d], [v, C]) => {
+      v && !Array.isArray(v) && v.nodeType === 1 && g.unobserve(v), m && !Array.isArray(m) && m.nodeType === 1 && g.observe(m), C && g.unobserve(C), d && g.observe(d);
     },
     { immediate: !0 }
   ), _e(() => {
     g.disconnect();
   });
-  function _(f) {
-    const v = Vi(f);
-    return v.x -= parseFloat(f.style.left || "0"), v.y -= parseFloat(f.style.top || "0"), v;
+  function _(m) {
+    const d = Vi(m);
+    return d.x -= parseFloat(m.style.left || "0"), d.y -= parseFloat(m.style.top || "0"), d;
   }
   function T() {
     h = !1;
-    const f = i.value, v = l.value;
+    const m = i.value, d = l.value;
     if (requestAnimationFrame(() => {
       requestAnimationFrame(() => {
         h = !0;
       });
-    }), !f || !v) return;
-    const m = Array.isArray(f) ? new Xe({
-      x: (f == null ? void 0 : f[0]) ?? 0,
-      y: (f == null ? void 0 : f[1]) ?? 0,
+    }), !m || !d) return;
+    const v = Array.isArray(m) ? new Xe({
+      x: (m == null ? void 0 : m[0]) ?? 0,
+      y: (m == null ? void 0 : m[1]) ?? 0,
       width: 0,
       height: 0
-    }) : f.getBoundingClientRect(), C = _(v), Y = St(v);
+    }) : m.getBoundingClientRect(), C = _(d), Y = St(d);
     Y.length < 1 && Y.push(document.documentElement);
     const E = Y.reduce(
       (N, L) => {
@@ -3544,7 +3544,7 @@ function br(e, t, n, a) {
       origin: x.value
     };
     function O(N) {
-      const L = new Xe(C), $ = Un(N.anchor, m), j = Un(N.origin, L);
+      const L = new Xe(C), $ = Un(N.anchor, v), j = Un(N.origin, L);
       let { x: ie, y: te } = gr($, j);
       switch (N.anchor.side) {
         case "top":
@@ -3626,7 +3626,7 @@ function br(e, t, n, a) {
       left: o.value ? void 0 : U(It(A)),
       right: o.value ? U(It(-A)) : void 0,
       minWidth: U(
-        B === "y" ? Math.min(s.value, m.width) : s.value
+        B === "y" ? Math.min(s.value, v.width) : s.value
       ),
       maxWidth: U(
         Nn(
@@ -3665,10 +3665,10 @@ function br(e, t, n, a) {
     ],
     () => T()
   ), se(() => {
-    const f = T();
-    if (!f) return;
-    const { available: v, contentRect: m } = f;
-    m.height > v.y && requestAnimationFrame(() => {
+    const m = T();
+    if (!m) return;
+    const { available: d, contentRect: v } = m;
+    v.height > d.y && requestAnimationFrame(() => {
       T(), requestAnimationFrame(() => {
         T();
       });
@@ -4168,11 +4168,11 @@ const Ue = K({
     } = ze(e), {
       layerGroup: _,
       layerGroupState: T,
-      getActiveLayers: f
+      getActiveLayers: m
     } = Cr(e), {
-      polyTransitionBindProps: v
+      polyTransitionBindProps: d
     } = ka(e), {
-      dimensionStyles: m
+      dimensionStyles: v
     } = pr(e), {
       lazyValue: C,
       onAfterUpdate: Y
@@ -4257,7 +4257,7 @@ const Ue = K({
       hovered: P,
       finish: E,
       modal: S(() => e.modal),
-      getActiveLayers: f,
+      getActiveLayers: m,
       isMe: (ne) => ne === i,
       coordination: p
     }), W(() => {
@@ -4273,11 +4273,11 @@ const Ue = K({
           ...e.baseProps ?? {}
         })
       });
-      return D.value = ne, d(J, null, [ne, d(Gl, {
+      return D.value = ne, f(J, null, [ne, f(Gl, {
         disabled: !_.value,
         to: _.value
       }, {
-        default: () => [A.value && d("div", H({
+        default: () => [A.value && f("div", H({
           class: [{
             "y-layer": !0,
             "y-layer--finish": E.value,
@@ -4288,13 +4288,13 @@ const Ue = K({
           onMouseleave: te,
           style: ue.value,
           ref: s
-        }, a), [d(_t, {
+        }, a), [f(_t, {
           name: "fade",
           appear: !0
         }, {
           default: () => [u.value && e.scrim && // biome-ignore lint/a11y/noStaticElementInteractions: <explanation>
           // biome-ignore lint/a11y/useKeyWithClickEvents: <explanation>
-          d("div", {
+          f("div", {
             class: "y-layer__scrim",
             style: {
               "--y-layer-scrim-opacity": e.scrimOpacity
@@ -4304,20 +4304,20 @@ const Ue = K({
             onKeyup: An(),
             ref: "scrim$"
           }, null)]
-        }), d(et, H({
+        }), f(et, H({
           onAfterEnter: L,
           onAfterLeave: $,
           appear: !0
-        }, v.value), {
+        }, d.value), {
           default: () => {
             var Ge;
-            return [Me(d("div", H({
+            return [Me(f("div", H({
               class: {
                 "y-layer__content": !0,
                 ...he.value
               },
               style: [{
-                ...m.value,
+                ...v.value,
                 ...k.value,
                 ...e.contentStyles
               }]
@@ -4346,10 +4346,10 @@ const Ue = K({
       base$: w,
       baseEl: x,
       baseFromSlotEl: b,
-      polyTransitionBindProps: v,
+      polyTransitionBindProps: d,
       coordinateStyles: k,
       layerGroupState: T,
-      getActiveLayers: f,
+      getActiveLayers: m,
       coordination: p
     };
   }
@@ -4437,30 +4437,30 @@ const Na = K({
       var Y, E, P, O;
       if (e.focusTrap === !1)
         return;
-      const f = T.relatedTarget, v = T.target, m = e.focusTrap;
-      if (typeof m == "string" && ((Y = document.querySelector(m)) != null && Y.isSameNode(v)))
+      const m = T.relatedTarget, d = T.target, v = e.focusTrap;
+      if (typeof v == "string" && ((Y = document.querySelector(v)) != null && Y.isSameNode(d)))
         return;
-      if (typeof m == "object") {
-        if (Array.isArray(m)) {
-          if (m.some((p) => {
+      if (typeof v == "object") {
+        if (Array.isArray(v)) {
+          if (v.some((p) => {
             var k;
-            return typeof p == "string" ? (k = document.querySelector(p)) == null ? void 0 : k.isSameNode(v) : typeof p == "object" ? p == null ? void 0 : p.isSameNode(v) : !1;
+            return typeof p == "string" ? (k = document.querySelector(p)) == null ? void 0 : k.isSameNode(d) : typeof p == "object" ? p == null ? void 0 : p.isSameNode(d) : !1;
           }))
             return;
-        } else if (m != null && m.isSameNode(v))
+        } else if (v != null && v.isSameNode(d))
           return;
       }
       function C(A) {
         return A.some((p) => {
           var k;
-          return !((k = p.content$) != null && k.contains(v));
+          return !((k = p.content$) != null && k.contains(d));
         });
       }
-      if (f !== v && ((E = s.value) != null && E.content$) && ![document, (P = s.value) == null ? void 0 : P.content$].includes(v) && !((O = s.value) != null && O.content$.contains(v)) && !C(c.value)) {
+      if (m !== d && ((E = s.value) != null && E.content$) && ![document, (P = s.value) == null ? void 0 : P.content$].includes(d) && !((O = s.value) != null && O.content$.contains(d)) && !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];
-        if (v != null && v.isSameNode(k) || v != null && v.isSameNode(I))
+        if (d != null && d.isSameNode(k) || d != null && d.isSameNode(I))
           return;
         k === I ? I.focus() : k.focus();
       }
@@ -4473,21 +4473,21 @@ const Na = K({
     }
     const x = M(0), D = M(0);
     function b(T) {
-      var m;
-      const f = l.root, v = (m = s.value) == null ? void 0 : m.getActiveLayers();
+      var v;
+      const m = l.root, d = (v = s.value) == null ? void 0 : v.getActiveLayers();
       if (T) {
         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 C = d == null ? void 0 : d.filter((Y) => Y.ctx.modal);
+        if (C && !C.length || !m.classList.contains("y-dialog--virtual-scroll")) {
           const Y = document.documentElement.scrollTop, E = document.documentElement.scrollLeft;
-          x.value = Y, D.value = E, f.classList.add("y-dialog--virtual-scroll"), f.style.top = U(-1 * Y) || "", f.style.left = U(-1 * E) || "";
+          x.value = Y, D.value = E, m.classList.add("y-dialog--virtual-scroll"), m.style.top = U(-1 * Y) || "", m.style.left = U(-1 * E) || "";
         }
       } else {
-        const C = v == null ? void 0 : v.filter((Y) => {
+        const C = d == null ? void 0 : d.filter((Y) => {
           var E;
           return !((E = s.value) != null && E.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(() => {
+        !(C != null && C.length) && m ? (document.documentElement.classList.remove("y-dialog--prevent-scroll"), m.classList.remove("y-dialog--virtual-scroll"), m.style.top = "", m.style.left = "", requestAnimationFrame(() => {
           document.documentElement.scrollTop = x.value, document.documentElement.scrollLeft = D.value;
         })) : C.every((Y) => {
           var E;
@@ -4496,8 +4496,8 @@ const Na = K({
       }
     }
     function h(T) {
-      const f = i.value;
-      e.disabled || (i.value = !f);
+      const m = i.value;
+      e.disabled || (i.value = !m);
     }
     function g() {
       t("afterEnter");
@@ -4508,15 +4508,15 @@ const Na = K({
     return R(() => {
       var T;
       return (T = s.value) == null ? void 0 : T.baseEl;
-    }, (T, f) => {
-      T ? T.addEventListener("click", h) : f && f.removeEventListener("click", h);
+    }, (T, m) => {
+      T ? T.addEventListener("click", h) : m && m.removeEventListener("click", h);
     }), i.value && (y(), b(!0)), R(i, (T) => {
       T ? y() : w(), b(T);
     }), nt(() => {
       i.value && b(!0);
     }), _e(() => {
       w(), b(!1);
-    }), W(() => d(J, null, [d(ye, H({
+    }), W(() => f(J, null, [f(ye, H({
       modelValue: i.value,
       "onUpdate:modelValue": (T) => i.value = T,
       classes: o.value,
@@ -4528,8 +4528,8 @@ const Na = K({
       onAfterLeave: _
     }), {
       default: (...T) => {
-        var f;
-        return (f = n.default) == null ? void 0 : f.call(n, ...T);
+        var m;
+        return (m = n.default) == null ? void 0 : m.call(n, ...T);
       },
       base: n.base
     })])), {
@@ -4564,7 +4564,7 @@ const je = /* @__PURE__ */ F({
     const e = S(() => ({
       "y-plate": !0
     }));
-    W(() => d("div", {
+    W(() => f("div", {
       class: e.value
     }, null));
   }
@@ -4645,15 +4645,15 @@ const je = /* @__PURE__ */ F({
       ...Ae(e.contentClasses),
       "y-snackbar__display": !0
     })), y = S(() => {
-      var v;
-      const [h, g] = ((v = e.position) == null ? void 0 : v.split(" ")) ?? [];
+      var d;
+      const [h, g] = ((d = e.position) == null ? void 0 : d.split(" ")) ?? [];
       let _ = "top", T = "left";
       g ? (T = g, _ = h) : h === "bottom" ? _ = "bottom" : T = h;
-      const f = {
+      const m = {
         [T === "center" ? "left" : T]: T === "center" ? "50%" : 0,
         [_]: 0
       };
-      return T === "center" && (f.transform = "translateX(-50%)"), f;
+      return T === "center" && (m.transform = "translateX(-50%)"), m;
     }), w = S(() => {
       const {
         transition: h,
@@ -4681,7 +4681,7 @@ const je = /* @__PURE__ */ F({
     function b(h) {
       t("click", h), e.closeClickContent && (a.value = !1);
     }
-    return W(() => d(ye, H({
+    return W(() => f(ye, H({
       ref: "layer"
     }, me(Q(e, ye.props), ["scrim", "transition", "content-classes", "classes"]), {
       modelValue: a.value,
@@ -4696,7 +4696,7 @@ const je = /* @__PURE__ */ F({
     }), {
       default: () => {
         var h;
-        return d(J, null, [d(je, null, null), d("div", {
+        return f(J, null, [f(je, null, null), f("div", {
           class: "y-snackbar__content",
           tabindex: 0,
           onKeydown: (g) => {
@@ -4781,94 +4781,91 @@ const Rr = "YTooltip", Fr = {
     expose: a
   }) {
     const l = M(), i = M(), o = S(() => {
-      var f;
-      return (f = l.value) == null ? void 0 : f.baseEl;
+      var d;
+      return (d = l.value) == null ? void 0 : d.baseEl;
     }), r = S(() => ({
       ...Ae(e.tooltipClasses),
       "y-tooltip": !0
     })), s = G(e), c = S({
       get: () => !!s.value,
-      set: (f) => {
-        f && e.disabled || (s.value = f);
+      set: (d) => {
+        d && e.disabled || (s.value = d);
       }
     }), u = S(() => {
-      var f;
-      return !!((f = l.value) != null && f.hovered);
+      var d;
+      return !!((d = l.value) != null && d.hovered);
     }), {
       children: y,
       parent: w
     } = yn(l, c, re(e, "preventCloseBubble"));
-    R(c, (f) => {
-      f && se(() => {
-        var m;
-        const v = (m = l.value) == null ? void 0 : m.content$;
+    R(c, (d) => {
+      d && se(() => {
+        var C;
+        const v = (C = l.value) == null ? void 0 : C.content$;
         i.value = v;
       });
     });
     const {
       startOpenDelay: x,
       startCloseDelay: D
-    } = Ra(e, (f) => {
-      !f && e.openOnHover && !u.value ? c.value = !1 : f && (c.value = !0);
+    } = Ra(e, (d) => {
+      !d && e.openOnHover && !u.value ? c.value = !1 : d && (c.value = !0);
     });
-    function b(f) {
-      var v, m;
-      if (e.closeCondition !== !1) {
-        if (typeof e.closeCondition == "function" && e.closeCondition(f) === !1) {
-          c.value = !1;
-          return;
-        }
-        if (c.value) {
-          y.value.length === 0 && (c.value = !1);
-          const C = (v = w == null ? void 0 : w.$el.value) == null ? void 0 : v.content$, Y = (m = w == null ? void 0 : w.$el.value) == null ? void 0 : m.modal;
-          !(C && !Ta(f, C)) && !Y && !e.preventCloseBubble && (w == null || w.clear());
-        }
+    function b(d) {
+      return !(e.closeCondition === !1 || typeof e.closeCondition == "function" && e.closeCondition(d) === !1);
+    }
+    function h(d) {
+      var v, C;
+      if (b(d) && c.value) {
+        y.value.length === 0 && (c.value = !1);
+        const Y = (v = w == null ? void 0 : w.$el.value) == null ? void 0 : v.content$, E = (C = w == null ? void 0 : w.$el.value) == null ? void 0 : C.modal;
+        !(Y && !Ta(d, Y)) && !E && !e.preventCloseBubble && (w == null || w.clear());
       }
     }
-    function h(f) {
+    function g(d) {
       e.openOnHover && x();
     }
-    function g(f) {
-      e.openOnHover && D();
+    function _(d) {
+      e.openOnHover && b(d) && D();
     }
-    R(u, (f) => {
-      f || D();
+    R(u, (d) => {
+      d || D();
     });
-    function _(f) {
-      var v, m;
-      (v = f.addEventListener) == null || v.call(f, "mouseenter", h), (m = f.addEventListener) == null || m.call(f, "mouseleave", g);
+    function T(d) {
+      var v, C;
+      (v = d.addEventListener) == null || v.call(d, "mouseenter", g), (C = d.addEventListener) == null || C.call(d, "mouseleave", _);
     }
-    function T(f) {
-      var v, m;
-      (v = f.removeEventListener) == null || v.call(f, "mouseenter", h), (m = f.removeEventListener) == null || m.call(f, "mouseleave", g);
+    function m(d) {
+      var v, C;
+      (v = d.removeEventListener) == null || v.call(d, "mouseenter", g), (C = d.removeEventListener) == null || C.call(d, "mouseleave", _);
     }
     return R(() => {
-      var f;
-      return (f = l.value) == null ? void 0 : f.baseEl;
-    }, (f, v) => {
-      f ? _(f) : v && T(v);
+      var d;
+      return (d = l.value) == null ? void 0 : d.baseEl;
+    }, (d, v) => {
+      d ? T(d) : v && m(v);
     }), a({
       layer$: l,
       baseEl: o
-    }), W(() => d(ye, H({
+    }), W(() => f(ye, H({
       ref: l
     }, me(Q(e, ye.props), ["scrim"]), {
       classes: r.value,
       scrim: !1,
       transition: e.transition,
-      "onClick:complement": b,
+      "onClick:complement": h,
       modelValue: c.value,
-      "onUpdate:modelValue": (f) => c.value = f
+      "onUpdate:modelValue": (d) => c.value = d
     }), {
-      default: (...f) => {
+      default: (...d) => {
         var v;
-        return d(J, null, [d(je, null, null), d("div", {
+        return f(J, null, [f(je, null, null), f("div", {
           class: "y-tooltip__content"
-        }, [((v = t.default) == null ? void 0 : v.call(t, ...f)) ?? ""])]);
+        }, [((v = t.default) == null ? void 0 : v.call(t, ...d)) ?? ""])]);
       },
-      base: (...f) => {
+      base: (...d) => {
         var v;
-        return (v = t.base) == null ? void 0 : v.call(t, ...f);
+        return (v = t.base) == null ? void 0 : v.call(t, ...d);
       }
     })), {
       layer$: l,
@@ -4998,22 +4995,22 @@ const Ka = ja(!1), Kr = ja(!0), Wr = /* @__PURE__ */ an({
     }
     return W(() => {
       var D, b;
-      return d(J, null, [d("div", {
+      return f(J, null, [f("div", {
         class: s.value,
         ref: o
-      }, [d("div", {
+      }, [f("div", {
         class: "y-divide-panel__top-container",
         style: r.value
-      }, [(D = t.default) == null ? void 0 : D.call(t)]), l.value = t.secondary && d(J, null, [d("div", {
+      }, [(D = t.default) == null ? void 0 : D.call(t)]), l.value = t.secondary && f(J, null, [f("div", {
         class: "y-divide-panel__divider",
         style: {
           position: "absolute",
           inset: `${n.value}% 0 0 0`
         },
         onMousedown: x
-      }, [d("div", {
+      }, [f("div", {
         class: "y-divide-panel__divider-line"
-      }, null)]), d("div", {
+      }, null)]), f("div", {
         class: "y-divide-panel__secondary-container",
         style: {
           position: "absolute",
@@ -5112,7 +5109,7 @@ function Hr(e) {
         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);
+          m(k, P);
         }
       if (e.selectStrategy === "relative" || e.selectStrategy === "leaf" && !P) {
         let k = O.parentKey;
@@ -5121,7 +5118,7 @@ function Hr(e) {
           if (k = null, !I) continue;
           const V = t.value[I];
           if (!V) continue;
-          (g(I, "selected", P) || !P) && (f(I, P), V.parentKey && (k = V.parentKey));
+          (g(I, "selected", P) || !P) && (m(I, P), V.parentKey && (k = V.parentKey));
         } while (k != null);
       }
     }
@@ -5147,14 +5144,14 @@ function Hr(e) {
   function T(E, P) {
     P ? r.value.add(E) : r.value.delete(E), t.value[E].active = P, x(E);
   }
-  function f(E, P) {
+  function m(E, P) {
     P ? o.value.add(E) : o.value.delete(E), t.value[E].selected = P, x(E);
   }
-  function v() {
+  function d() {
     const E = [...i.value];
     n.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
   }
-  function m() {
+  function v() {
     const E = [...r.value];
     a.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
   }
@@ -5172,8 +5169,8 @@ function Hr(e) {
     updateSelected: h,
     searchLoading: s,
     isExcluded: w,
-    emitExpanded: v,
-    emitActive: m,
+    emitExpanded: d,
+    emitActive: v,
     emitSelected: C,
     isChildrenAll: g,
     isChildrenSome: _,
@@ -5187,8 +5184,8 @@ function Hr(e) {
     updateExpanded: D,
     updateActive: b,
     updateSelected: h,
-    emitExpanded: v,
-    emitActive: m,
+    emitExpanded: d,
+    emitActive: v,
     emitSelected: C,
     expandedSet: i,
     selectedSet: o,
@@ -5212,7 +5209,7 @@ const ke = /* @__PURE__ */ F({
     disabled: Boolean
   },
   render() {
-    return d("svg", {
+    return f("svg", {
       role: "presentation",
       class: ["y-icon-checkbox", {
         "y-icon-checkbox--checked": this.checked,
@@ -5223,10 +5220,10 @@ const ke = /* @__PURE__ */ F({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24"
-    }, [d("path", {
+    }, [f("path", {
       class: "y-icon-checkbox__border-path",
       d: "M 15.525 21.825 H 8.325 C 4.851 21.825 2.025 18.999 2.025 15.525 V 8.325 C 2.025 4.851 4.851 2.025 8.325 2.025 H 15.525 C 18.999 2.025 21.825 4.851 21.825 8.325 V 15.525 C 21.825 18.999 18.999 21.825 15.525 21.825 Z"
-    }, null), d("path", {
+    }, null), f("path", {
       class: "y-icon-checkbox__checkmark-path",
       fill: "none",
       d: this.indeterminate ? "M5.73,11.91 11.1,11.91 17.79,11.91" : "M5.73,11.91 11.1,16.28 17.79,7.59"
@@ -5235,12 +5232,12 @@ const ke = /* @__PURE__ */ F({
 }), Ur = /* @__PURE__ */ F({
   name: "YIconDropdown",
   setup() {
-    return () => d("svg", {
+    return () => f("svg", {
       role: "presentation",
       version: "1.1",
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [f("path", {
       d: "M7,10L12,15L17,10H7Z",
       fill: "currentColor"
     }, null)]);
@@ -5248,12 +5245,12 @@ const ke = /* @__PURE__ */ F({
 }), tt = /* @__PURE__ */ F({
   name: "YIconExpand",
   setup() {
-    return () => d("svg", {
+    return () => f("svg", {
       role: "presentation",
       version: "1.1",
       viewBox: "0 0 32 32",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [f("path", {
       d: "m9.6086 5.7953 13.557 10.269-13.557 10.141",
       fill: "none",
       stroke: "currentColor",
@@ -5276,12 +5273,12 @@ const ke = /* @__PURE__ */ F({
     }
   },
   render() {
-    return d("svg", {
+    return f("svg", {
       role: "presentation",
       version: "1.1",
       viewBox: "0 0 32 32",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [f("path", {
       d: this.$props.type in ht ? ht[this.$props.type] : ht.next,
       fill: "none",
       stroke: "currentColor",
@@ -5301,7 +5298,7 @@ const ke = /* @__PURE__ */ F({
     }
   },
   render() {
-    return d("svg", {
+    return f("svg", {
       role: "presentation",
       version: "1.1",
       width: "16",
@@ -5313,7 +5310,7 @@ const ke = /* @__PURE__ */ F({
         "y-icon-sort--asc": this.direction === "asc",
         "y-icon-sort--desc": this.direction === "desc"
       }]
-    }, [d("path", {
+    }, [f("path", {
       d: "m8.4146 12.52 7.5489-7.6399 7.622 7.4693",
       fill: "none",
       stroke: "currentColor",
@@ -5321,7 +5318,7 @@ const ke = /* @__PURE__ */ F({
       "stroke-linejoin": "round",
       "stroke-width": "3",
       class: "y-icon-sort__asc"
-    }, null), d("path", {
+    }, null), f("path", {
       d: "m8.4146 19.48 7.5489 7.6399 7.622-7.4693",
       fill: "none",
       stroke: "currentColor",
@@ -5495,9 +5492,9 @@ const ke = /* @__PURE__ */ F({
       "y-tree-view-node--leaf": w.value,
       "y-tree-view-node--expanded": o.value,
       "y-tree-view-node--active": r.value
-    })), f = S(() => ({
+    })), m = S(() => ({
       "--tree-view-node--level": e.level
-    })), v = S(() => Z(e.item, e.itemText) ?? ""), m = S(() => {
+    })), d = S(() => Z(e.item, e.itemText) ?? ""), v = S(() => {
       if (e.itemSelectable != null) {
         let B = !0;
         return typeof e.itemSelectable == "function" ? B = !!e.itemSelectable(e.item) : Array.isArray(e.itemSelectable) ? B = e.itemSelectable.includes(u.value) : B = pe(e.item, e.itemSelectable, !0), !B;
@@ -5524,7 +5521,7 @@ const ke = /* @__PURE__ */ F({
       o.value = N, l.updateExpanded(u.value, N), l.emitExpanded();
     }
     function O(B) {
-      if (B.stopPropagation(), m.value) return;
+      if (B.stopPropagation(), v.value) return;
       const N = !_.value;
       s.value = N, l.updateSelected(u.value, N), l.emitSelected();
     }
@@ -5561,15 +5558,15 @@ const ke = /* @__PURE__ */ F({
       var N;
       const B = [];
       for (let L = 0; L < e.level; L += 1)
-        B.push(d("div", {
+        B.push(f("div", {
           class: "y-tree-view-node__indent-spacer"
         }, null));
-      return d("div", {
+      return f("div", {
         class: T.value,
-        style: f.value,
+        style: m.value,
         role: "treeitem",
         "data-level": e.level
-      }, [d("div", {
+      }, [f("div", {
         ref: i,
         class: "y-tree-view-node__container",
         onClick: (L) => e.enableActive ? E(L) : void 0,
@@ -5577,50 +5574,50 @@ const ke = /* @__PURE__ */ F({
         onMouseleave: e.onMouseleaveContainer && p,
         onMousemove: e.onMousemoveContainer && k,
         onDblclick: I
-      }, [d(je, null, null), d("div", {
+      }, [f(je, null, null), f("div", {
         class: "y-tree-view-node__indents"
-      }, [B]), !w.value && D.value.length > 0 ? d(ee, {
+      }, [B]), !w.value && D.value.length > 0 ? f(ee, {
         class: "y-tree-view-node__expand-icon",
         variation: "icon",
         onClick: P
       }, {
-        default: () => [t["expand-icon"] ? t["expand-icon"]() : d(tt, null, null)]
-      }) : d("i", {
+        default: () => [t["expand-icon"] ? t["expand-icon"]() : f(tt, null, null)]
+      }) : f("i", {
         class: "y-tree-view-node__no-expand-icon"
       }, null), e.enableSelect && // biome-ignore lint/a11y/useSemanticElements: passive
-      d("div", {
+      f("div", {
         class: ["y-tree-view-node__select", {
-          "y-tree-view-node__select--disabled": m.value
+          "y-tree-view-node__select--disabled": v.value
         }],
         role: "checkbox",
         "aria-checked": _.value,
         onClick: O
-      }, [d(ke, {
+      }, [f(ke, {
         checked: _.value,
         indeterminate: !s.value && g.value,
-        disabled: m.value
-      }, null)]), d("div", {
+        disabled: v.value
+      }, null)]), f("div", {
         class: "y-tree-view-node__content"
-      }, [t.leading && d("div", {
+      }, [t.leading && f("div", {
         class: "y-tree-view-node__leading"
-      }, [t.leading(C.value)]), d("div", {
+      }, [t.leading(C.value)]), f("div", {
         class: "y-tree-view-node__text"
       }, [t.default ? (N = t.default) == null ? void 0 : N.call(t, {
-        text: v.value,
+        text: d.value,
         item: e.item,
         ...C.value
-      }) : e.search && !x.value ? d(za, {
-        text: v.value,
+      }) : e.search && !x.value ? f(za, {
+        text: d.value,
         keyword: e.search
-      }, null) : v.value]), t.trailing && d("div", {
+      }, null) : d.value]), t.trailing && f("div", {
         class: "y-tree-view-node__trailing"
-      }, [t.trailing(C.value)])])]), y.value.length > 0 && d(Ka, {
+      }, [t.trailing(C.value)])])]), y.value.length > 0 && f(Ka, {
         disabled: e.disableTransition
       }, {
-        default: () => [o.value && d("div", {
+        default: () => [o.value && f("div", {
           class: ["y-tree-view-node__leaves"],
           role: "tree"
-        }, [D.value.map((L) => d(a, H(H(e), {
+        }, [D.value.map((L) => f(a, H(H(e), {
           key: Z(L, e.itemKey),
           level: (e.level ?? 0) + 1,
           item: L
@@ -5732,7 +5729,7 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
     slots: t,
     expose: n
   }) {
-    const a = X(sn(m, e.searchDebounceWait)), l = M([]), {
+    const a = X(sn(v, e.searchDebounceWait)), l = M([]), {
       nodes: i,
       expanded: o,
       active: r,
@@ -5748,10 +5745,10 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
       updateSelected: g,
       emitExpanded: _,
       emitActive: T,
-      emitSelected: f,
-      isExcluded: v
+      emitSelected: m,
+      isExcluded: d
     } = Hr(e);
-    function m(k, I = "", V = qr) {
+    function v(k, I = "", V = qr) {
       const B = /* @__PURE__ */ new Set();
       if (!I) {
         w.value = !1, x.value = B, Yn(l.value, [...c.value]).forEach((L) => {
@@ -5817,7 +5814,7 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
     }), R(r, (k) => {
       P(k, y, h, T);
     }), R(s, (k) => {
-      P(k, u, g, f);
+      P(k, u, g, m);
     }), R(() => e.items, (k) => {
       const I = Object.keys(i.value).map(($) => Z(i.value[$].item, e.itemKey)), V = Gr(k, e.itemKey, e.itemChildren), B = Yn(I, V);
       if (B.length < 1 && V.length < I.length)
@@ -5826,12 +5823,12 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
         delete i.value[$];
       });
       const N = [...u.value], L = [...y.value];
-      u.value.clear(), c.value.clear(), y.value.clear(), Y(k), Ce(N, [...u.value]) || f(), Ce(L, [...y.value]) || T(), a.value(k, e.search, e.filter);
+      u.value.clear(), c.value.clear(), y.value.clear(), Y(k), Ce(N, [...u.value]) || m(), Ce(L, [...y.value]) || T(), a.value(k, e.search, e.filter);
     }, {
       deep: !0,
       flush: "sync"
     }), Y(e.items);
-    const O = S(() => e.items.slice().filter((k) => !v(Z(k, e.itemKey)))), A = S(() => ({
+    const O = S(() => e.items.slice().filter((k) => !d(Z(k, e.itemKey)))), A = S(() => ({
       "y-tree-view": !0
     })), p = S(() => {
       let k = e.activeColor;
@@ -5840,7 +5837,7 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
       };
     });
     return nt(() => {
-      e.search && (w.value = !0, m(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? l.value = [...E(e.defaultExpand)] : (o.value.forEach((k) => {
+      e.search && (w.value = !0, v(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? l.value = [...E(e.defaultExpand)] : (o.value.forEach((k) => {
         b(C(k), !0);
       }), _());
       for (const k of e.active.map(C))
@@ -5849,21 +5846,21 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
         g(k, !0);
     }), n({
       expand: E
-    }), W(() => d(J, null, [d("div", {
+    }), W(() => f(J, null, [f("div", {
       class: A.value,
       style: p.value,
       role: "tree"
-    }, [w.value && d(Da, {
+    }, [w.value && f(Da, {
       indeterminate: !0
-    }, null), O.value.length > 0 ? O.value.slice().map((k) => d(Ua, H({
+    }, null), O.value.length > 0 ? O.value.slice().map((k) => f(Ua, H({
       key: Z(k, e.itemKey)
     }, {
       ...Q(e, ta),
       item: k,
       level: 0
-    }), t)) : d("div", {
+    }), t)) : f("div", {
       class: "y-tree-view__no-data"
-    }, [t["no-data"] ? t["no-data"]() : d("span", null, [kt("No Data")])])])])), {
+    }, [t["no-data"] ? t["no-data"]() : f("span", null, [kt("No Data")])])])])), {
       nodes: i,
       expandedSet: c,
       selectedSet: u,
@@ -5904,7 +5901,7 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
     const i = S(() => !e.disabled && !!e.onClick);
     W(() => {
       const o = e.tag;
-      return d(o, {
+      return f(o, {
         class: ["y-list-item", {
           "y-list-item--pointer": i.value,
           "y-list-item--disabled": e.disabled
@@ -5913,11 +5910,11 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
       }, {
         default: () => {
           var r;
-          return [t.leading && d("div", {
+          return [t.leading && f("div", {
             class: "y-list-item__leading"
-          }, [t.leading()]), d("div", {
+          }, [t.leading()]), f("div", {
             class: "y-list-item__content"
-          }, [(r = t.default) == null ? void 0 : r.call(t)]), t.trailing && d("div", {
+          }, [(r = t.default) == null ? void 0 : r.call(t)]), t.trailing && f("div", {
             class: "y-list-item__trailing"
           }, [t.trailing()])];
         }
@@ -5953,7 +5950,7 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
     }
     W(() => {
       var u;
-      return d("div", H({
+      return f("div", H({
         ref: a,
         class: ["y-list", l.value],
         role: "listbox",
@@ -6047,7 +6044,7 @@ const Za = Symbol.for("y-table"), Sn = Symbol.for("y-data-table"), xn = K({
     W(() => {
       var y, w, x;
       const c = e.tag ?? "div", u = e.flexHeight ? ((y = i.value) == null ? void 0 : y.height) ?? e.height : e.height;
-      return d(c, {
+      return f(c, {
         class: ["y-table", {
           "y-table--fixed-head": e.fixedHead,
           "y-table--fixed-height": e.flexHeight || e.height,
@@ -6060,16 +6057,16 @@ const Za = Symbol.for("y-table"), Sn = Symbol.for("y-data-table"), xn = K({
       }, {
         default: () => {
           var D, b, h, g, _;
-          return [(D = t.top) == null ? void 0 : D.call(t), t.default ? d("div", {
+          return [(D = t.top) == null ? void 0 : D.call(t), t.default ? f("div", {
             ref: a,
             class: ["y-table__container"]
-          }, [(b = t.leading) == null ? void 0 : b.call(t), d("div", {
+          }, [(b = t.leading) == null ? void 0 : b.call(t), f("div", {
             class: ["y-table__wrapper"],
             style: {
               height: U(u)
             },
             onScroll: s
-          }, [d("table", {
+          }, [f("table", {
             ref: l
           }, [t.default()])]), (h = t.trailing) == null ? void 0 : h.call(t)]) : (g = t.container) == null ? void 0 : g.call(t, a, i), (_ = t.bottom) == null ? void 0 : _.call(t)];
         }
@@ -6390,8 +6387,8 @@ function ol(e, {
       Te(h).map((g) => {
         var _;
         return ((_ = t.value.find((T) => {
-          const { itemComparator: f } = e;
-          return typeof f == "function" && f(g, T.value), pe(g, e.itemKey) === T.key;
+          const { itemComparator: m } = e;
+          return typeof m == "function" && m(g, T.value), pe(g, e.itemKey) === T.key;
         })) == null ? void 0 : _.value) ?? g;
       })
     ),
@@ -6562,7 +6559,7 @@ const xt = /* @__PURE__ */ F({
     W(() => {
       var o, r;
       const i = e.type === "head" ? "th" : "td";
-      return d(i, H({
+      return f(i, H({
         class: [`y-data-table__${i}`, "y-data-table-cell", {
           "y-data-table-cell--fixed": e.fixed,
           "y-data-table-cell--fixed-last": (o = e.fixed) == null ? void 0 : o.endsWith("last"),
@@ -6639,7 +6636,7 @@ const xt = /* @__PURE__ */ F({
       var h, g;
       (g = e.onKeydown) == null || g.call(e, b, (h = n == null ? void 0 : n.proxy) == null ? void 0 : h.$el);
     }
-    W(() => d("tr", {
+    W(() => f("tr", {
       class: ["y-data-table__row", {
         "y-data-table__row--selected": s.value,
         "y-data-table__row--expanded": o(e.item)
@@ -6650,7 +6647,7 @@ const xt = /* @__PURE__ */ F({
       onMousedown: e.onMousedown && u,
       onKeydown: e.onKeydown && D
     }, [e.item && a.value.map((b, h) => {
-      var v;
+      var d;
       const g = e.item, _ = {
         index: e.index,
         item: e.item.raw,
@@ -6662,15 +6659,15 @@ const xt = /* @__PURE__ */ F({
         isExpanded: o,
         toggleExpand: r,
         column: b,
-        el: (v = n == null ? void 0 : n.proxy) == null ? void 0 : v.$el
+        el: (d = n == null ? void 0 : n.proxy) == null ? void 0 : d.$el
       }, T = S(() => {
-        const m = [];
+        const v = [];
         if (typeof b.classes == "function") {
           const C = b.classes.call(null, _.item, _.index, b);
-          C && m.push(...c(C));
-        } else b.classes && m.push(...c(b.classes));
-        return m;
-      }), f = typeof e.cellProps == "function" ? e.cellProps({
+          C && v.push(...c(C));
+        } else b.classes && v.push(...c(b.classes));
+        return v;
+      }), m = typeof e.cellProps == "function" ? e.cellProps({
         index: _.index,
         column: b,
         internalItem: _.internalItem,
@@ -6678,7 +6675,7 @@ const xt = /* @__PURE__ */ F({
         value: _.value,
         selected: _.selected
       }) : e.cellProps;
-      return d(xt, H({
+      return f(xt, H({
         align: b.align,
         fixed: b.fixed ? (b.fixed === "right" ? "trail" : "lead") + (b.lastFixed ? "-last" : "") : void 0,
         fixedOffset: b.fixedOffset,
@@ -6688,18 +6685,18 @@ const xt = /* @__PURE__ */ F({
         class: ["y-data-table-data", {
           "y-data-table-data--select": b.key === "data-table-select"
         }, ...T.value]
-      }, f), {
+      }, m), {
         default: () => {
           var C, Y;
-          const m = `item.${b.key}`;
-          return t[m] ? (C = t[m]) == null ? void 0 : C.call(t, _) : b.key === "data-table-select" ? ((Y = t["item.data-table-select"]) == null ? void 0 : Y.call(t, _)) ?? d(ee, {
+          const v = `item.${b.key}`;
+          return t[v] ? (C = t[v]) == null ? void 0 : C.call(t, _) : b.key === "data-table-select" ? ((Y = t["item.data-table-select"]) == null ? void 0 : Y.call(t, _)) ?? f(ee, {
             variation: "text,small",
             disabled: !g.selectable,
             onClick: (E) => {
               E.stopPropagation(), g.selectable && i(g);
             }
           }, {
-            default: () => [d(ke, {
+            default: () => [f(ke, {
               checked: l(g),
               disabled: !g.selectable
             }, null)]
@@ -6747,15 +6744,15 @@ const xt = /* @__PURE__ */ F({
     } = Qa();
     W(() => {
       var r, s;
-      return e.loading && !e.items.length ? d("tr", null, [d("td", {
+      return e.loading && !e.items.length ? f("tr", null, [f("td", {
         colspan: n.value.length,
         class: "y-data-table__loading"
-      }, [t.loading ? t.loading() : d("div", null, [e.loadingText])])]) : !e.loading && e.items.length < 1 && !e.hideNoData ? d("tr", {
+      }, [t.loading ? t.loading() : f("div", null, [e.loadingText])])]) : !e.loading && e.items.length < 1 && !e.hideNoData ? f("tr", {
         key: "no-data",
         class: "y-data-table__no-data"
-      }, [d("td", {
+      }, [f("td", {
         colspan: n.value.length
-      }, [((r = t["no-data"]) == null ? void 0 : r.call(t)) ?? e.noDataText])]) : d(J, null, [t.body ? (s = t.body) == null ? void 0 : s.call(t, e) : e.items.map((c, u) => {
+      }, [((r = t["no-data"]) == null ? void 0 : r.call(t)) ?? e.noDataText])]) : f(J, null, [t.body ? (s = t.body) == null ? void 0 : s.call(t, e) : e.items.map((c, u) => {
         var _;
         const y = {
           index: u,
@@ -6767,39 +6764,39 @@ const xt = /* @__PURE__ */ F({
           isExpanded: i,
           toggleExpand: o
         };
-        function w(T, f) {
-          var v;
-          (v = e["onClick:row"]) == null || v.call(e, T, {
+        function w(T, m) {
+          var d;
+          (d = e["onClick:row"]) == null || d.call(e, T, {
             ...y,
-            el: f
+            el: m
           });
         }
-        function x(T, f) {
-          var v;
-          (v = e["onDblclick:row"]) == null || v.call(e, T, {
+        function x(T, m) {
+          var d;
+          (d = e["onDblclick:row"]) == null || d.call(e, T, {
             ...y,
-            el: f
+            el: m
           });
         }
-        function D(T, f) {
-          var v;
-          (v = e["onContextmenu:row"]) == null || v.call(e, T, {
+        function D(T, m) {
+          var d;
+          (d = e["onContextmenu:row"]) == null || d.call(e, T, {
             ...y,
-            el: f
+            el: m
           });
         }
-        function b(T, f) {
-          var v;
-          (v = e["onMousedown:row"]) == null || v.call(e, T, {
+        function b(T, m) {
+          var d;
+          (d = e["onMousedown:row"]) == null || d.call(e, T, {
             ...y,
-            el: f
+            el: m
           });
         }
-        function h(T, f) {
-          var v;
-          (v = e["onKeydown:row"]) == null || v.call(e, T, {
+        function h(T, m) {
+          var d;
+          (d = e["onKeydown:row"]) == null || d.call(e, T, {
             ...y,
-            el: f
+            el: m
           });
         }
         const g = {
@@ -6819,7 +6816,7 @@ const xt = /* @__PURE__ */ F({
           onMousedown: b,
           onKeydown: h
         };
-        return d(J, null, [t.item ? t.item(g) : d(dl, H({
+        return f(J, null, [t.item ? t.item(g) : f(dl, H({
           ref: (T) => {
             c._bindRowRef(T);
           }
@@ -6901,15 +6898,15 @@ const fl = K({
       const {
         target: _,
         contentRect: T
-      } = g[0], f = _.querySelector(".y-pagination__list > *");
-      if (f) {
-        const v = T.width, m = f.offsetWidth + parseFloat(getComputedStyle(f).marginRight) * 2;
-        o.value = s(v, m);
+      } = g[0], m = _.querySelector(".y-pagination__list > *");
+      if (m) {
+        const d = T.width, v = m.offsetWidth + parseFloat(getComputedStyle(m).marginRight) * 2;
+        o.value = s(d, v);
       }
     });
     function s(g, _) {
-      const T = e.endButton ? 5 : 3, f = +(e.gap ?? 4), v = (_ + f) * T - f, m = Math.max(0, Math.floor(+((g - v) / (_ + f)).toFixed(2))), C = Number(e.maxVisible);
-      return Number.isNaN(C) ? m : Math.min(C, m);
+      const T = e.endButton ? 5 : 3, m = +(e.gap ?? 4), d = (_ + m) * T - m, v = Math.max(0, Math.floor(+((g - d) / (_ + m)).toFixed(2))), C = Number(e.maxVisible);
+      return Number.isNaN(C) ? v : Math.min(C, v);
     }
     const c = S(() => {
       const g = Number(e.maxVisible);
@@ -6926,14 +6923,14 @@ const fl = K({
           variation: e.buttonVariation,
           onClick: (T) => {
             T.preventDefault();
-            let f = a.value;
+            let m = a.value;
             if (e.endButton === !0)
-              f = 1;
+              m = 1;
             else {
-              const v = Number(e.endButton);
-              Number.isNaN(v) || (f = Ee(f - v, 1, +l.value));
+              const d = Number(e.endButton);
+              Number.isNaN(d) || (m = Ee(m - d, 1, +l.value));
             }
-            a.value = f, n("change", f, "first");
+            a.value = m, n("change", m, "first");
           }
         },
         prev: {
@@ -6941,8 +6938,8 @@ const fl = K({
           variation: e.buttonVariation,
           onClick: (T) => {
             T.preventDefault();
-            const f = Math.max(1, a.value - 1);
-            a.value = f, n("change", f, "prev");
+            const m = Math.max(1, a.value - 1);
+            a.value = m, n("change", m, "prev");
           }
         },
         next: {
@@ -6950,8 +6947,8 @@ const fl = K({
           variation: e.buttonVariation,
           onClick: (T) => {
             T.preventDefault();
-            const f = Math.min(+l.value, a.value + 1);
-            a.value = f, n("change", f, "next");
+            const m = Math.min(+l.value, a.value + 1);
+            a.value = m, n("change", m, "next");
           }
         },
         last: {
@@ -6959,8 +6956,8 @@ const fl = K({
           variation: e.buttonVariation,
           onClick: (T) => {
             T.preventDefault();
-            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");
+            let m = a.value;
+            e.endButton === !0 ? m = +l.value : typeof e.endButton == "number" && (m = Ee(m + e.endButton, 1, +l.value)), a.value = m, n("change", m, "last");
           }
         }
       };
@@ -6971,15 +6968,15 @@ const fl = K({
         return [a.value];
       if (l.value <= c.value)
         return De(l.value, i.value);
-      const g = c.value % 2 === 0, _ = g ? c.value / 2 : Math.floor(c.value / 2), T = g ? _ : _ + 1, f = l.value - _;
+      const g = c.value % 2 === 0, _ = g ? c.value / 2 : Math.floor(c.value / 2), T = g ? _ : _ + 1, m = l.value - _;
       if (T - a.value >= 0)
         return [...De(Math.max(1, c.value - 1), i.value), "ellipsis", l.value];
-      if (a.value - f >= (g ? 1 : 0)) {
-        const v = c.value - 1, m = l.value - v + i.value;
-        return [i.value, "ellipsis", ...De(v, m)];
+      if (a.value - m >= (g ? 1 : 0)) {
+        const d = c.value - 1, v = l.value - d + i.value;
+        return [i.value, "ellipsis", ...De(d, v)];
       } else {
-        const v = Math.max(1, c.value - 3), m = v === 1 ? a.value : a.value - Math.ceil(v / 2) + i.value;
-        return [i.value, "ellipsis", ...De(v, m), "ellipsis", l.value];
+        const d = Math.max(1, c.value - 3), v = d === 1 ? a.value : a.value - Math.ceil(d / 2) + i.value;
+        return [i.value, "ellipsis", ...De(d, v), "ellipsis", l.value];
       }
     }), {
       refs: w,
@@ -6989,7 +6986,7 @@ const fl = K({
       g.preventDefault(), a.value = _, n("change", _);
     }
     const b = S(() => y.value.map((g, _) => {
-      const T = (f) => x(f, _);
+      const T = (m) => x(m, _);
       if (g === "ellipsis")
         return {
           active: !1,
@@ -7003,18 +7000,18 @@ const fl = K({
           }
         };
       {
-        const f = g === a.value;
+        const m = g === a.value;
         return {
-          active: f,
+          active: m,
           key: `item-${g}`,
           page: g,
           props: {
             ref: T,
             ellipsis: !1,
             disabled: !!e.disabled || +e.length < 2,
-            color: f ? e.activeColor : e.color,
-            variation: f ? e.activeButtonVariation : e.buttonVariation,
-            onClick: (v) => D(v, g)
+            color: m ? e.activeColor : e.color,
+            variation: m ? e.activeButtonVariation : e.buttonVariation,
+            onClick: (d) => D(d, g)
           }
         };
       }
@@ -7028,47 +7025,47 @@ const fl = K({
         "--y-pagination__gap": g
       };
     });
-    return W(() => d("nav", {
+    return W(() => f("nav", {
       ref: r,
       class: ["y-pagination", {
         [`y-pagination--align-${e.align}`]: e.align !== "start"
       }],
       style: h.value
-    }, [d("ul", {
+    }, [f("ul", {
       class: ["y-pagination__list"]
-    }, [e.endButton && d("li", {
+    }, [e.endButton && f("li", {
       key: "first",
       class: "y-pagination__first"
-    }, [t.first ? t.first(u.value.first) : d(ee, u.value.first, {
-      default: () => [t["first-icon"] ? t["first-icon"]() : d(xe, {
+    }, [t.first ? t.first(u.value.first) : f(ee, u.value.first, {
+      default: () => [t["first-icon"] ? t["first-icon"]() : f(xe, {
         type: "first"
       }, null)]
-    })]), d("li", {
+    })]), f("li", {
       key: "prev",
       class: "y-pagination__prev"
-    }, [t.prev ? t.prev(u.value.prev) : d(ee, u.value.prev, {
-      default: () => [t["prev-icon"] ? t["prev-icon"]() : d(xe, {
+    }, [t.prev ? t.prev(u.value.prev) : f(ee, u.value.prev, {
+      default: () => [t["prev-icon"] ? t["prev-icon"]() : f(xe, {
         type: "prev"
       }, null)]
-    })]), b.value.map((g, _) => d("li", {
+    })]), b.value.map((g, _) => f("li", {
       key: g.key,
       class: ["y-pagination__item", {
         "y-pagination__item--active": g.active
       }]
-    }, [d(ee, g.props, {
+    }, [f(ee, g.props, {
       default: () => [g.props.ellipsis ? t.ellipsis ? t.ellipsis() : "..." : g.page]
-    })])), d("li", {
+    })])), f("li", {
       key: "next",
       class: "y-pagination__next"
-    }, [t.next ? t.next(u.value.next) : d(ee, u.value.next, {
-      default: () => [t["next-icon"] ? t["next-icon"]() : d(xe, {
+    }, [t.next ? t.next(u.value.next) : f(ee, u.value.next, {
+      default: () => [t["next-icon"] ? t["next-icon"]() : f(xe, {
         type: "next"
       }, null)]
-    })]), e.endButton && d("li", {
+    })]), e.endButton && f("li", {
       key: "last",
       class: "y-pagination__last"
-    }, [t.last ? t.last(u.value.last) : d(ee, u.value.last, {
-      default: () => [t["last-icon"] ? t["last-icon"]() : d(xe, {
+    }, [t.last ? t.last(u.value.last) : f(ee, u.value.last, {
+      default: () => [t["last-icon"] ? t["last-icon"]() : f(xe, {
         type: "last"
       }, null)]
     })])])])), {
@@ -7099,13 +7096,13 @@ const fl = K({
   }) {
     W(() => {
       var n, a;
-      return d("footer", {
+      return f("footer", {
         class: ["y-data-table-control"]
-      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : d(J, null, [d("div", {
+      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : f(J, null, [f("div", {
         class: "y-data-table-control__start"
-      }, null), d("div", {
+      }, null), f("div", {
         class: "y-data-table-control__end"
-      }, [d(vl, H(e.paginationProps, {
+      }, [f(vl, H(e.paginationProps, {
         "model-value": e.page,
         "onUpdate:modelValue": e.setPage,
         length: e.pageLength
@@ -7173,7 +7170,7 @@ const fl = K({
       column: h,
       x: g,
       y: _
-    }) => d(xt, H({
+    }) => f(xt, H({
       type: "head",
       align: h.align,
       fixed: h.fixed ? (h.fixed === "right" ? "trail" : "lead") + (h.lastFixed ? "-last" : "") : void 0,
@@ -7195,8 +7192,8 @@ const fl = K({
       onClick: x
     }), {
       default: () => {
-        var v, m, C;
-        const T = `header.${h.key}`, f = {
+        var d, v, C;
+        const T = `header.${h.key}`, m = {
           column: h,
           selectAll: r,
           isSorted: l,
@@ -7207,30 +7204,30 @@ const fl = K({
           selectables: c.value,
           getSortDirection: D
         };
-        return t[T] ? (v = t[T]) == null ? void 0 : v.call(t, f) : h.key === "data-table-select" ? ((m = t["header.data-table-select"]) == null ? void 0 : m.call(t, f)) ?? (s && d(ee, {
+        return t[T] ? (d = t[T]) == null ? void 0 : d.call(t, m) : h.key === "data-table-select" ? ((v = t["header.data-table-select"]) == null ? void 0 : v.call(t, m)) ?? (s && f(ee, {
           variation: "text,small",
           disabled: c.value.length < 1,
           onClick: (Y) => {
             Y.stopPropagation(), r(!o.value);
           }
         }, {
-          default: () => [d(ke, {
+          default: () => [f(ke, {
             checked: o.value,
             indeterminate: !o.value && i.value,
             disabled: c.value.length < 1
           }, null)]
-        })) : d("div", {
+        })) : f("div", {
           class: "y-data-table-header__content"
-        }, [d("span", {
+        }, [f("span", {
           class: "y-data-table-header__text"
-        }, [((C = t == null ? void 0 : t[`header-text.${h.key}`]) == null ? void 0 : C.call(t, f)) ?? h.text]), d("span", {
+        }, [((C = t == null ? void 0 : t[`header-text.${h.key}`]) == null ? void 0 : C.call(t, m)) ?? h.text]), f("span", {
           class: ["y-data-table-header__sorting-icon", {
             "y-data-table-header__sorting-icon--disabled": !h.sortable
           }],
           onClick: h.sortable ? (Y) => {
             Y.stopPropagation(), n(h);
           } : void 0
-        }, [d(hn, {
+        }, [f(hn, {
           disabled: !h.sortable,
           direction: D(h)
         }, null)])]);
@@ -7238,9 +7235,9 @@ const fl = K({
     });
     W(() => {
       var h;
-      return d(J, null, [t.head ? (h = t.head) == null ? void 0 : h.call(t, e) : y.value.map((g, _) => d("tr", null, [g.map((T, f) => d(b, {
+      return f(J, null, [t.head ? (h = t.head) == null ? void 0 : h.call(t, e) : y.value.map((g, _) => f("tr", null, [g.map((T, m) => f(b, {
         column: T,
-        x: f,
+        x: m,
         y: _
       }, null))]))]);
     });
@@ -7261,11 +7258,11 @@ const fl = K({
         YTable: n,
         YDataTable: a
       };
-      return d("div", {
+      return f("div", {
         class: ["y-data-table-layer"]
-      }, [t.layer ? (i = t.layer) == null ? void 0 : i.call(t, l) : d(J, null, [d("div", {
+      }, [t.layer ? (i = t.layer) == null ? void 0 : i.call(t, l) : f(J, null, [f("div", {
         class: ["y-data-table-layer__head"]
-      }, [(o = t["layer-head"]) == null ? void 0 : o.call(t, l)]), d("div", {
+      }, [(o = t["layer-head"]) == null ? void 0 : o.call(t, l)]), f("div", {
         class: ["y-data-table-layer__body"]
       }, [(r = t["layer-body"]) == null ? void 0 : r.call(t, l)])])]);
     }), {
@@ -7343,9 +7340,9 @@ const fl = K({
       endIndex: D,
       pageSize: i
     }), {
-      isSelected: f,
-      select: v,
-      selectAll: m,
+      isSelected: m,
+      select: d,
+      selectAll: v,
       toggleSelect: C,
       someSelected: Y,
       allSelected: E
@@ -7381,9 +7378,9 @@ const fl = K({
       // selection
       someSelected: Y.value,
       allSelected: E.value,
-      isSelected: f,
-      select: v,
-      selectAll: m,
+      isSelected: m,
+      select: d,
+      selectAll: v,
       toggleSelect: C,
       // matrix
       items: T.value,
@@ -7399,7 +7396,7 @@ const fl = K({
     }), W(() => {
       var N;
       const I = Q(e, Je.props), V = Q(e, Ve.props), B = Q(e, Le.props);
-      return d(Le, H({
+      return f(Le, H({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
@@ -7412,14 +7409,14 @@ const fl = K({
           var L;
           return (L = t.top) == null ? void 0 : L.call(t, k.value);
         },
-        leading: () => t.leading ? t.leading(k.value) : d(J, null, [d(pt, {
+        leading: () => t.leading ? t.leading(k.value) : f(J, null, [f(pt, {
           "slot-props": k.value
         }, t)]),
         default: () => {
           var L, $, j;
-          return t.default ? t.default(k.value) : d(J, null, [d("thead", {
+          return t.default ? t.default(k.value) : f(J, null, [f("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({
+          }, [f(Je, I, t)]), (L = t.thead) == null ? void 0 : L.call(t, k.value), !e.hideDefaultTbody && f("tbody", null, [f(Ve, H({
             ref: a
           }, V, {
             items: k.value.items
@@ -7429,7 +7426,7 @@ const fl = K({
           var L;
           return (L = t.trailing) == null ? void 0 : L.call(t, k.value);
         },
-        bottom: () => t.bottom ? t.bottom(k.value) : d(Re, H(Q(k.value, Re.props), {
+        bottom: () => t.bottom ? t.bottom(k.value) : f(Re, H(Q(k.value, Re.props), {
           paginationProps: e.paginationProps
         }), {
           prepend: t["control.prepend"],
@@ -7504,13 +7501,13 @@ const fl = K({
       select: g,
       selectAll: _,
       toggleSelect: T,
-      someSelected: f,
-      allSelected: v
+      someSelected: m,
+      allSelected: d
     } = ol(e, {
       allItems: y,
       pageItems: y
     }), {
-      isExpanded: m,
+      isExpanded: v,
       toggleExpand: C
     } = Ja(e), Y = M(), E = sn(A, 100), {
       resizeObservedRef: P
@@ -7534,11 +7531,11 @@ const fl = K({
       sortBy: o.value,
       toggleSort: w,
       // expand
-      isExpanded: m,
+      isExpanded: v,
       toggleExpand: C,
       // selection
-      someSelected: f.value,
-      allSelected: v.value,
+      someSelected: m.value,
+      allSelected: d.value,
       isSelected: h,
       select: g,
       selectAll: _,
@@ -7560,7 +7557,7 @@ const fl = K({
     }), W(() => {
       var V;
       const p = Q(e, Je.props), k = Q(e, Ve.props), I = Q(e, Le.props);
-      return d(Le, H({
+      return f(Le, H({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
@@ -7573,14 +7570,14 @@ const fl = K({
           var B;
           return (B = t.top) == null ? void 0 : B.call(t, O.value);
         },
-        leading: () => t.leading ? t.leading(O.value) : d(J, null, [d(pt, {
+        leading: () => t.leading ? t.leading(O.value) : f(J, null, [f(pt, {
           slotProps: O.value
         }, t)]),
         default: () => {
           var B, N, L;
-          return t.default ? t.default(O.value) : d(J, null, [d("thead", {
+          return t.default ? t.default(O.value) : f(J, null, [f("thead", {
             ref: P
-          }, [d(Je, p, t)]), (B = t.thead) == null ? void 0 : B.call(t, O.value), d("tbody", null, [d(Ve, H({
+          }, [f(Je, p, t)]), (B = t.thead) == null ? void 0 : B.call(t, O.value), f("tbody", null, [f(Ve, H({
             ref: a
           }, k, {
             items: y.value
@@ -7590,7 +7587,7 @@ const fl = K({
           var B;
           return (B = t.trailing) == null ? void 0 : B.call(t, O.value);
         },
-        bottom: () => t.bottom ? t.bottom(O.value) : d(Re, H(Q(O.value, Re.props), {
+        bottom: () => t.bottom ? t.bottom(O.value) : f(Re, H(Q(O.value, Re.props), {
           paginationProps: e.paginationProps
         }), {
           prepend: t["control.prepend"]
@@ -7653,7 +7650,7 @@ const fl = K({
       n.value && (n.value.disconnect(), n.value = null);
     }), W(() => {
       var c, u, y;
-      return Me(d("div", {
+      return Me(f("div", {
         ref: a,
         class: ["y-data-table-layer-row", ...s.value],
         style: r.value
@@ -7700,9 +7697,9 @@ const fl = K({
     }
     return W(() => {
       var c;
-      return d("div", {
+      return f("div", {
         class: "y-data-table-layer-rows"
-      }, [(c = e.items) == null ? void 0 : c.map((u) => d(hl, {
+      }, [(c = e.items) == null ? void 0 : c.map((u) => f(hl, {
         item: u,
         "head-rect": r.value,
         "scroll-top": l.value,
@@ -7758,77 +7755,77 @@ const Dn = {
       ...Ae(e.menuClasses),
       "y-menu": !0
     })), o = G(e), r = S(() => {
-      var v;
-      return !!((v = l.value) != null && v.hovered);
+      var d;
+      return !!((d = l.value) != null && d.hovered);
     }), s = S(() => {
-      var v;
-      return !!((v = l.value) != null && v.finish);
+      var d;
+      return !!((d = l.value) != null && d.finish);
     }), {
       children: c,
       parent: u
     } = yn(l, o, re(e, "preventCloseBubble")), {
       startOpenDelay: y,
       startCloseDelay: w
-    } = Ra(e, (v) => {
-      !v && e.openOnHover && !r.value && c.value.length === 0 ? o.value = !1 : v && (o.value = !0);
+    } = Ra(e, (d) => {
+      !d && e.openOnHover && !r.value && c.value.length === 0 ? o.value = !1 : d && (o.value = !0);
     });
-    function x(v) {
+    function x(d) {
       e.openOnHover && y();
     }
-    function D(v) {
+    function D(d) {
       e.openOnHover && w();
     }
-    R(r, (v) => {
-      n("hoverContent", v), v || w();
+    R(r, (d) => {
+      n("hoverContent", d), d || w();
     });
-    function b(v) {
-      if (v.stopPropagation(), !e.openOnClickBase)
+    function b(d) {
+      if (d.stopPropagation(), !e.openOnClickBase)
         return;
-      const m = o.value;
+      const v = o.value;
       if (!e.disabled) {
-        if (e.openOnHover && s.value && m)
+        if (e.openOnHover && s.value && v)
           return;
-        o.value = !m;
+        o.value = !v;
       }
     }
-    function h(v) {
-      var m, C;
+    function h(d) {
+      var v, C;
       if (e.closeCondition !== !1) {
-        if (typeof e.closeCondition == "function" && e.closeCondition(v) === !1) {
+        if (typeof e.closeCondition == "function" && e.closeCondition(d) === !1) {
           o.value = !1;
           return;
         }
         if (o.value) {
           c.value.length === 0 && (o.value = !1);
-          const Y = (m = u == null ? void 0 : u.$el.value) == null ? void 0 : m.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 = (v = u == null ? void 0 : u.$el.value) == null ? void 0 : v.content$, E = (C = u == null ? void 0 : u.$el.value) == null ? void 0 : C.modal;
+          !(Y && !Ta(d, Y)) && !E && !e.preventCloseBubble && (u == null || u.clear());
         }
       }
     }
-    function g(v) {
-      v.addEventListener("mouseenter", x), v.addEventListener("mouseleave", D);
+    function g(d) {
+      d.addEventListener("mouseenter", x), d.addEventListener("mouseleave", D);
     }
-    function _(v) {
-      v.removeEventListener("mouseenter", x), v.removeEventListener("mouseleave", D);
+    function _(d) {
+      d.removeEventListener("mouseenter", x), d.removeEventListener("mouseleave", D);
     }
     R(() => {
-      var v;
-      return (v = l.value) == null ? void 0 : v.baseEl;
-    }, (v, m) => {
-      v ? (g(v), v.addEventListener("click", b)) : m && (_(m), m.removeEventListener("click", b));
+      var d;
+      return (d = l.value) == null ? void 0 : d.baseEl;
+    }, (d, v) => {
+      d ? (g(d), d.addEventListener("click", b)) : v && (_(v), v.removeEventListener("click", b));
     }, {
       immediate: !0
     });
     const T = S(() => ({
       ...Ae(e.contentClasses)
-    })), f = S(() => {
-      var v;
-      return (v = l.value) == null ? void 0 : v.baseEl;
+    })), m = S(() => {
+      var d;
+      return (d = l.value) == null ? void 0 : d.baseEl;
     });
     return a({
       layer$: l,
-      baseEl: f
-    }), W(() => d(ye, H({
+      baseEl: m
+    }), W(() => f(ye, H({
       ref: l,
       transition: e.transition,
       "onClick:complement": h,
@@ -7843,19 +7840,19 @@ const Dn = {
       }
     }, {
       modelValue: o.value,
-      "onUpdate:modelValue": (v) => o.value = v
+      "onUpdate:modelValue": (d) => o.value = d
     }), {
-      default: (v) => {
-        var m;
-        return d(J, null, [((m = t.default) == null ? void 0 : m.call(t, v)) ?? ""]);
+      default: (d) => {
+        var v;
+        return f(J, null, [((v = t.default) == null ? void 0 : v.call(t, d)) ?? ""]);
       },
-      base: (...v) => {
-        var m;
-        return (m = t.base) == null ? void 0 : m.call(t, ...v);
+      base: (...d) => {
+        var v;
+        return (v = t.base) == null ? void 0 : v.call(t, ...d);
       }
     })), {
       layer$: l,
-      baseEl: f,
+      baseEl: m,
       classes: i,
       children: c,
       parent: u,
@@ -7940,10 +7937,10 @@ const Dn = {
       readonly: r,
       iconComponent: s
     } = this;
-    return d(J, null, [d("div", {
+    return f(J, null, [f("div", {
       onClick: e,
       class: t
-    }, [d("input", {
+    }, [f("input", {
       id: n,
       "aria-checked": a,
       role: "checkbox",
@@ -7955,7 +7952,7 @@ const Dn = {
       readonly: r
     }, null), this.$slots.icon ? this.$slots.icon({
       checked: a
-    }) : s ? de(s) : d(ke, null, null)])]);
+    }) : s ? de(s) : f(ke, null, null)])]);
   }
 }), go = /* @__PURE__ */ F({
   name: "YCheckbox",
@@ -8031,13 +8028,13 @@ const Dn = {
       deep: !0
     }), W(() => {
       var b, h, g;
-      return d("div", {
+      return f("div", {
         class: [{
           ...y.value
         }]
-      }, [(b = n.leading) == null ? void 0 : b.call(n), d("div", {
+      }, [(b = n.leading) == null ? void 0 : b.call(n), f("div", {
         class: "y-checkbox__slot"
-      }, [d(Jt, {
+      }, [f(Jt, {
         onClick: (_, ...T) => {
           _.stopPropagation(), c(_, ...T);
         },
@@ -8056,7 +8053,7 @@ const Dn = {
             return (T = n.icon) == null ? void 0 : T.call(n, ..._);
           }
         }]
-      }), d("label", {
+      }), f("label", {
         onClick: nn(() => {
         }, ["stop"]),
         class: "y-checkbox__label",
@@ -8082,11 +8079,11 @@ const Dn = {
   }) {
     return () => {
       const n = e.icon;
-      let a = () => d(J, null, null), l = {};
-      return n instanceof Object && (a = n, "component" in n && (a = n.component, l = n == null ? void 0 : n.props)), d(e.tag, null, {
+      let a = () => f(J, null, null), l = {};
+      return n instanceof Object && (a = n, "component" in n && (a = n.component, l = n == null ? void 0 : n.props)), f(e.tag, null, {
         default: () => {
           var i;
-          return [e.icon ? d(a, H(l), null) : (i = t.default) == null ? void 0 : i.call(t)];
+          return [e.icon ? f(a, H(l), null) : (i = t.default) == null ? void 0 : i.call(t)];
         }
       });
     };
@@ -8098,19 +8095,19 @@ const Dn = {
   setup(e, {
     attrs: t
   }) {
-    return () => d(e.tag, t, {
-      default: () => [d("svg", {
+    return () => f(e.tag, t, {
+      default: () => [f("svg", {
         class: "y-icon__svg",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-hidden": "true"
-      }, [Array.isArray(e.icon) ? e.icon.map((n) => Array.isArray(n) ? d("path", {
+      }, [Array.isArray(e.icon) ? e.icon.map((n) => Array.isArray(n) ? f("path", {
         d: n[0],
         "fill-opacity": n[1]
-      }, null) : d("path", {
+      }, null) : f("path", {
         d: n
-      }, null)) : d("path", {
+      }, null)) : f("path", {
         d: e.icon
       }, null)])]
     });
@@ -8221,7 +8218,7 @@ const xl = K({
     W(() => {
       var r, s;
       const o = (r = n.default) == null ? void 0 : r.call(n);
-      return o && (a.value = (s = o.filter((c) => c.type === Text && c.children && typeof c.children == "string")[0]) == null ? void 0 : s.children), d(i.value.component, {
+      return o && (a.value = (s = o.filter((c) => c.type === Text && c.children && typeof c.children == "string")[0]) == null ? void 0 : s.children), f(i.value.component, {
         tag: e.tag,
         icon: i.value.icon,
         class: ["y-icon", "notranslate", l.value, {
@@ -8282,14 +8279,14 @@ const pl = K({
     }
     W(() => {
       const o = Q(e, Qe.props), r = Q(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ye.props);
-      return d(J, null, [d(Qe, H(o, {
+      return f(J, null, [f(Qe, H(o, {
         modelValue: l.value,
         "onUpdate:modelValue": (s) => l.value = s,
         "content-classes": Ae(["y-dropdown__content", e.contentClasses])
       }), {
         base: (...s) => {
           var c;
-          return t.base ? (c = t.base) == null ? void 0 : c.call(t, ...s) : d(ee, H({
+          return t.base ? (c = t.base) == null ? void 0 : c.call(t, ...s) : f(ee, H({
             variation: e.variation,
             color: e.color,
             class: ["y-dropdown", {
@@ -8299,9 +8296,9 @@ const pl = K({
           }, n), {
             default: () => {
               var u;
-              return [d("span", {
+              return [f("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"]() : f(Ye, H(H(r), {
                 icon: e.dropdownIcon,
                 class: ["y-dropdown__icon"]
               }), null)];
@@ -8310,10 +8307,10 @@ const pl = K({
         },
         default: () => {
           let s;
-          return t.menu ? t.menu() : d(Ot, null, {
-            default: () => [Array.isArray(e.items) && e.items.length > 0 ? d(wn, null, xo(s = e.items.map((c) => {
+          return t.menu ? t.menu() : f(Ot, null, {
+            default: () => [Array.isArray(e.items) && e.items.length > 0 ? f(wn, null, xo(s = e.items.map((c) => {
               const u = Z(c, e.itemText), y = `item.${c.key}`;
-              return d(bn, {
+              return f(bn, {
                 onClick: (w) => i(c)
               }, {
                 default: () => [t.item ? t.item({
@@ -8326,7 +8323,7 @@ const pl = K({
               });
             })) ? s : {
               default: () => [s]
-            }) : d("div", {
+            }) : f("div", {
               class: "y-dropdown__no-options"
             }, [kt("항목이 없습니다.")])]
           });
@@ -8461,13 +8458,13 @@ const _l = K({
       ...e.menuProps,
       preventCloseBubble: !0
     }));
-    function f(I) {
+    function m(I) {
       return !!g.value.find((V) => (V == null ? void 0 : V.value) === I.value);
     }
-    function v(I) {
+    function d(I) {
       e.disabled || (c.value = !c.value);
     }
-    function m(I) {
+    function v(I) {
       e.disabled || (I.key === "Enter" || I.key === " ") && (c.value = !c.value);
     }
     function C(I) {
@@ -8534,13 +8531,13 @@ const _l = K({
     }
     return W(() => {
       const I = Q(e, wt.props), V = Q(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ye.props);
-      return d(wt, H({
+      return f(wt, H({
         ref: i
       }, I, {
         modelValue: h.value.map((B) => B.props.value).join(", "),
         validationValue: h.rxValue,
-        "onMousedown:display": v,
-        "onKeydown:display": m,
+        "onMousedown:display": d,
+        "onKeydown:display": v,
         onBlur: C,
         readonly: !0,
         class: ["y-select", {
@@ -8558,9 +8555,9 @@ const _l = K({
             placeholder: e.placeholder,
             internalItems: g.value
           };
-          return d(J, null, [d("div", {
+          return f(J, null, [f("div", {
             class: ["y-select__selection"]
-          }, [t.selection ? (N = t.selection) == null ? void 0 : N.call(t, B) : _.value.length > 0 ? A.value : e.placeholder]), d(Qe, H({
+          }, [t.selection ? (N = t.selection) == null ? void 0 : N.call(t, B) : _.value.length > 0 ? A.value : e.placeholder]), f(Qe, H({
             ref: o,
             offset: e.offset,
             position: e.position,
@@ -8583,25 +8580,25 @@ const _l = K({
               return (L = t.menu) == null ? void 0 : L.call(t);
             } : () => {
               let L;
-              return d(Ot, {
+              return f(Ot, {
                 ref: s
               }, {
                 default: () => {
                   var $, j, ie;
-                  return [($ = t["menu-prepend"]) == null ? void 0 : $.call(t), (((j = y.value) == null ? void 0 : j.length) ?? 0) > 0 ? d(wn, {
+                  return [($ = t["menu-prepend"]) == null ? void 0 : $.call(t), (((j = y.value) == null ? void 0 : j.length) ?? 0) > 0 ? f(wn, {
                     ref: r
                   }, Do(L = y.value.map((te) => {
                     const ue = {
                       item: te,
-                      selected: f(te),
+                      selected: m(te),
                       select: (q) => {
                         O(te, q);
                       }
                     };
-                    return Me(d(bn, {
+                    return Me(f(bn, {
                       onClick: (q) => Y(te, q),
                       class: [{
-                        "y-list-item--active": f(te)
+                        "y-list-item--active": m(te)
                       }],
                       disabled: te.disabled
                     }, {
@@ -8620,7 +8617,7 @@ const _l = K({
                     }), [[at, !te.hide]]);
                   })) ? L : {
                     default: () => [L]
-                  }) : d("div", {
+                  }) : f("div", {
                     class: "y-select__no-options"
                   }, [D("$yuyeon.noItems")]), (ie = t["menu-append"]) == null ? void 0 : ie.call(t)];
                 }
@@ -8632,7 +8629,7 @@ const _l = K({
           var N;
           return (N = t.leading) == null ? void 0 : N.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"]() : f(Ye, H(H(V), {
           icon: e.dropdownIcon,
           class: ["y-select__icon"]
         }), null),
@@ -8690,7 +8687,7 @@ const _l = K({
     }
     return W(() => {
       const s = Q(e, ee.props);
-      return d(ee, H({
+      return f(ee, H({
         class: ["y-tab"],
         active: !1
       }, o.value, n, s, {
@@ -8701,7 +8698,7 @@ const _l = K({
           var c;
           return ((c = t.default) == null ? void 0 : c.call(t)) ?? e.text;
         },
-        append: () => !e.hideIndicator && d("div", {
+        append: () => !e.hideIndicator && f("div", {
           ref: l,
           class: ["y-tab__indicator"],
           style: i.value
@@ -8748,19 +8745,19 @@ const _l = K({
         value: s
       } : s)) ?? [];
     });
-    return W(() => d(e.tag, {
+    return W(() => f(e.tag, {
       class: ["y-tabs"],
       role: "tablist"
     }, {
-      default: () => [d("div", {
+      default: () => [f("div", {
         key: "container",
         ref: n,
         class: ["y-tabs__container"]
-      }, [d("div", {
+      }, [f("div", {
         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) => f(Tl, H(r, {
         key: r.text
       }), null))])])]
     })), {
@@ -8793,7 +8790,7 @@ const _l = K({
     });
     W(() => {
       var i;
-      return Me(d("div", {
+      return Me(f("div", {
         ref: n,
         class: [Oo, {
           [`y-alert--${e.semantic}`]: e.semantic,
@@ -8801,13 +8798,13 @@ const _l = K({
           "y-alert--outlined": a.value.includes("outlined")
         }],
         style: l.value
-      }, [d(je, null, null), t.leading && d("div", {
+      }, [f(je, null, null), t.leading && f("div", {
         class: ["y-alert__leading"]
-      }, [t.leading()]), d("div", {
+      }, [t.leading()]), f("div", {
         class: ["y-alert__content"]
-      }, [t.title && d("div", {
+      }, [t.title && f("div", {
         class: ["y-alert__title"]
-      }, [t.title()]), (i = t.default) == null ? void 0 : i.call(t)]), t.trailing && d("div", {
+      }, [t.title()]), (i = t.default) == null ? void 0 : i.call(t)]), t.trailing && f("div", {
         class: ["y-alert__trailing"]
       }, [t.trailing()])]), [[Ct("theme")]]);
     });
@@ -8818,7 +8815,7 @@ const _l = K({
   name: "YDivider",
   props: Yl(),
   setup(e) {
-    W(() => Me(d("hr", {
+    W(() => Me(f("hr", {
       class: ["y-divider", {
         "y-divider--vertical": e.vertical
       }]
@@ -8855,25 +8852,25 @@ const _l = K({
     slots: t,
     emit: n
   }) {
-    const a = Tt(), l = rt(), 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 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) => {
-      const v = f != null ? Number(f) : a.getMonth(s.value);
-      let m = a.setYear(a.date(), a.getYear(c.value));
-      return m = a.startOfMonth(m), a.setMonth(m, v);
-    }, (f) => a.getMonth(f)), y = S(() => {
-      const f = a.getWeekArray(u.value), v = f.flat(), m = 6 * 7;
-      if (v.length < m) {
-        const C = v[v.length - 1];
+    const a = Tt(), l = rt(), i = M(), o = M([]), r = G(e, "modelValue", [], (m) => m == null ? [] : Te(m)), 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, (m) => {
+      const d = m != null ? Number(m) : a.getYear(s.value);
+      return a.startOfYear(a.setYear(a.date(), d));
+    }, (m) => a.getYear(m)), u = G(e, "month", void 0, (m) => {
+      const d = m != null ? Number(m) : a.getMonth(s.value);
+      let v = a.setYear(a.date(), a.getYear(c.value));
+      return v = a.startOfMonth(v), a.setMonth(v, d);
+    }, (m) => a.getMonth(m)), y = S(() => {
+      const m = a.getWeekArray(u.value), d = m.flat(), v = 6 * 7;
+      if (d.length < v) {
+        const C = d[d.length - 1];
         let Y = [];
-        for (let E = 1; E <= m - v.length; E++)
-          Y.push(a.addDays(C, E)), E % 7 === 0 && (f.push(Y), Y = []);
+        for (let E = 1; E <= v - d.length; E++)
+          Y.push(a.addDays(C, E)), E % 7 === 0 && (m.push(Y), Y = []);
       }
-      return f;
+      return m;
     }), w = S(() => {
-      const f = y.value, v = a.date();
-      return f.map((m, C) => m.map((Y, E) => {
+      const m = y.value, d = a.date();
+      return m.map((v, C) => v.map((Y, E) => {
         var p;
         const P = a.toISO(Y), O = !a.isSameMonth(Y, u.value), A = !!((p = r.value) != null && p.find((k) => k != null && a.isSameDay(Y, k)));
         return {
@@ -8891,7 +8888,7 @@ const _l = K({
           weekIndex: C,
           selected: A,
           interval: _(Y),
-          today: a.isSameDay(Y, v),
+          today: a.isSameDay(Y, d),
           adjacent: O,
           hidden: O && !e.showAdjacentMonthDates,
           hovered: !1,
@@ -8899,101 +8896,101 @@ const _l = K({
         };
       }));
     }), x = S(() => l.locale && a.getWeekdays()), D = S(() => a.format(u.value, "monthAndYear")), b = S(() => {
-      var f;
-      if (e.range && ((f = r.value) != null && f[0]))
+      var m;
+      if (e.range && ((m = r.value) != null && m[0]))
         return r.value[0];
     }), h = S(() => {
-      var f;
-      if (e.range && ((f = r.value) != null && f[1]))
+      var m;
+      if (e.range && ((m = r.value) != null && m[1]))
         return r.value[1];
     });
-    function g(f) {
+    function g(m) {
       if (e.disabled) return !0;
-      const v = a.date(f);
-      return e.min && a.isAfter(a.date(e.min), v) || e.max && a.isAfter(v, a.date(e.max)) ? !0 : Array.isArray(e.allowedDates) && e.allowedDates.length > 0 ? !e.allowedDates.some((m) => a.isSameDay(a.date(m), v)) : typeof e.allowedDates == "function" ? !e.allowedDates(v) : !1;
+      const d = a.date(m);
+      return e.min && a.isAfter(a.date(e.min), d) || e.max && a.isAfter(d, a.date(e.max)) ? !0 : Array.isArray(e.allowedDates) && e.allowedDates.length > 0 ? !e.allowedDates.some((v) => a.isSameDay(a.date(v), d)) : typeof e.allowedDates == "function" ? !e.allowedDates(d) : !1;
     }
-    function _(f) {
+    function _(m) {
       if (!e.range) return !1;
       if (r.value.length === 2) {
-        const v = a.date(f), m = a.date(r.value[0]), C = a.date(r.value[1]);
-        if (a.isAfter(v, m) && a.isBefore(v, C))
+        const d = a.date(m), v = a.date(r.value[0]), C = a.date(r.value[1]);
+        if (a.isAfter(d, v) && a.isBefore(d, C))
           return !0;
       }
       return !1;
     }
-    function T(f) {
-      const v = f.date;
+    function T(m) {
+      const d = m.date;
       if (e.multiple) {
         if (e.range === "manual") {
-          n("click:day", f);
+          n("click:day", m);
           return;
         }
-        const m = r.value.findIndex((C) => a.isSameDay(C, v));
+        const v = r.value.findIndex((C) => a.isSameDay(C, d));
         if (e.range)
           if (r.value.length === 1) {
-            const C = a.date(r.value[0]), Y = a.date(v);
-            a.isAfter(C, Y) ? r.value = [Y, a.endOfDay(r.value[0])] : r.value = [a.startOfDay(r.value[0]), a.endOfDay(v)];
+            const C = a.date(r.value[0]), Y = a.date(d);
+            a.isAfter(C, Y) ? r.value = [Y, a.endOfDay(r.value[0])] : r.value = [a.startOfDay(r.value[0]), a.endOfDay(d)];
           } else
-            r.value = [v];
-        else if (m === -1)
-          r.value = [...r.value, v];
+            r.value = [d];
+        else if (v === -1)
+          r.value = [...r.value, d];
         else {
           const C = [...r.value];
-          C.splice(m, 1), r.value = C;
+          C.splice(v, 1), r.value = C;
         }
       } else
-        r.value = [v];
-      n("click:day", f);
+        r.value = [d];
+      n("click:day", m);
     }
-    return W(() => d("div", {
+    return W(() => f("div", {
       class: ["y-date-calendar", {
         "y-date-calendar--range": e.range && r.value.length === 2
       }]
-    }, [!e.hideHeader && d("header", {
+    }, [!e.hideHeader && f("header", {
       class: "y-date-calendar__header"
-    }, [t.header ? t.header() : D.value]), d("div", {
+    }, [t.header ? t.header() : D.value]), f("div", {
       ref: i,
       class: ["y-date-calendar__container"]
-    }, [!e.hideWeekdays && d("div", {
+    }, [!e.hideWeekdays && f("div", {
       class: ["y-date-calendar__week"]
-    }, [x.value.map((f) => d("div", {
+    }, [x.value.map((m) => f("div", {
       class: ["y-date-calendar__cell", "y-date-calendar__weekday"]
-    }, [f]))]), w.value.map((f, v) => (
+    }, [m]))]), w.value.map((m, d) => (
       // biome-ignore lint/a11y/useFocusableInteractive: no semantic
       // biome-ignore lint/a11y/useSemanticElements: no semantic
-      d("div", {
+      f("div", {
         class: ["y-date-calendar__week"],
         role: "row",
-        "aria-rowindex": v
-      }, [f.map((m, C) => {
+        "aria-rowindex": d
+      }, [m.map((v, C) => {
         var E;
         const Y = {
           props: {
             onClick: () => {
-              T(m);
+              T(v);
             }
           },
-          item: m,
+          item: v,
           index: C
         };
-        return d("div", {
+        return f("div", {
           class: ["y-date-calendar__cell", "y-date-calendar__day", {
-            "y-date-calendar__day--adjacent": m.adjacent,
-            "y-date-calendar__day--hovered": m.hovered,
-            "y-date-calendar__day--selected": m.selected,
-            "y-date-calendar__day--week-start": m.weekStart,
-            "y-date-calendar__day--week-end": m.weekEnd,
-            "y-date-calendar__day--range-interval": m.interval,
-            "y-date-calendar__day--range-start": m.rangeStart,
-            "y-date-calendar__day--range-end": m.rangeEnd
+            "y-date-calendar__day--adjacent": v.adjacent,
+            "y-date-calendar__day--hovered": v.hovered,
+            "y-date-calendar__day--selected": v.selected,
+            "y-date-calendar__day--week-start": v.weekStart,
+            "y-date-calendar__day--week-end": v.weekEnd,
+            "y-date-calendar__day--range-interval": v.interval,
+            "y-date-calendar__day--range-start": v.rangeStart,
+            "y-date-calendar__day--range-end": v.rangeEnd
           }],
-          "data-date": m.disabled ? void 0 : m.isoDate
-        }, [(e.showAdjacentMonthDates || !m.adjacent) && d(J, null, [((E = t.day) == null ? void 0 : E.call(t, Y)) ?? d(ee, H({
-          color: (m.selected || m.today) && !m.disabled ? e.color : void 0,
-          disabled: m.disabled,
-          variation: ["rounded", m.selected ? "filled" : m.today ? "outlined" : "text"].join(",")
+          "data-date": v.disabled ? void 0 : v.isoDate
+        }, [(e.showAdjacentMonthDates || !v.adjacent) && f(J, null, [((E = t.day) == null ? void 0 : E.call(t, Y)) ?? f(ee, H({
+          color: (v.selected || v.today) && !v.disabled ? e.color : void 0,
+          disabled: v.disabled,
+          variation: ["rounded", v.selected ? "filled" : v.today ? "outlined" : "text"].join(",")
         }, Y.props), {
-          default: () => [m.day]
+          default: () => [v.day]
         })])]);
       })])
     ))])])), {
@@ -9055,40 +9052,40 @@ const _l = K({
     function c() {
       t("click:month");
     }
-    W(() => d("div", {
+    W(() => f("div", {
       class: ["y-date-picker-control"]
-    }, [d(ee, {
+    }, [f(ee, {
       variation: "text",
       class: "y-date-picker-control__display",
       disabled: n.value,
       onClick: s
     }, {
       default: () => [e.yearText]
-    }), d(ee, {
+    }), f(ee, {
       variation: "text",
       class: "y-date-picker-control__display",
       disabled: a.value,
       onClick: c
     }, {
       default: () => [e.monthText]
-    }), d("div", {
+    }), f("div", {
       class: "flex-spacer"
-    }, null), d(ee, {
+    }, null), f(ee, {
       class: "y-date-picker-control__page-button",
       variation: "text",
       disabled: l.value,
       onClick: o
     }, {
-      default: () => [d(Ye, {
+      default: () => [f(Ye, {
         icon: e.prevIcon
       }, null)]
-    }), d(ee, {
+    }), f(ee, {
       class: "y-date-picker-control__page-button",
       variation: "text",
       disabled: i.value,
       onClick: r
     }, {
-      default: () => [d(Ye, {
+      default: () => [f(Ye, {
         icon: e.nextIcon
       }, null)]
     })]));
@@ -9117,15 +9114,15 @@ const _l = K({
     function i(o) {
       t("click", o), a.value === o && t("mode"), a.value = o;
     }
-    return W(() => d("div", {
+    return W(() => f("div", {
       class: ["y-month-picker"]
     }, [l.value.map((o, r) => {
       const s = {
         active: r === a.value
       };
-      return d("div", {
+      return f("div", {
         class: ["y-month-picker__cell", "y-month-picker__month"]
-      }, [d(ee, {
+      }, [f(ee, {
         variation: ["rounded", "text"].join(","),
         active: s.active,
         color: e.color,
@@ -9166,11 +9163,11 @@ const _l = K({
     }
     return n({
       changePage: c
-    }), W(() => d("div", {
+    }), W(() => f("div", {
       class: ["y-year-picker"]
-    }, [r.value.map((u) => d("div", {
+    }, [r.value.map((u) => f("div", {
       class: ["y-year-picker__cell"]
-    }, [d(ee, {
+    }, [f(ee, {
       variation: ["rounded", "text"].join(","),
       active: u.active,
       color: e.color,
@@ -9191,17 +9188,17 @@ const _l = K({
   }) {
     const n = M(), a = Tt(), 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;
+      set: (d) => {
+        o.value = d;
       }
     }), c = S({
       get: () => r.value != null || !Number.isNaN(Number(r.value)) ? Number(r.value) : a.getYear(a.date()),
-      set: (v) => {
-        r.value = v;
+      set: (d) => {
+        r.value = d;
       }
     }), u = S(() => {
-      let v = a.startOfMonth(a.date());
-      return v = a.setYear(v, +c.value), a.setMonth(v, +s.value);
+      let d = a.startOfMonth(a.date());
+      return d = a.setYear(d, +c.value), a.setMonth(d, +s.value);
     }), y = S(() => a.format(u.value, "month")), w = S(() => a.format(u.value, "year"));
     function x() {
       i.value = i.value === "month" ? "date" : "month";
@@ -9215,18 +9212,18 @@ const _l = K({
     function h() {
       x();
     }
-    function g(v) {
+    function g(d) {
       var C;
       if (i.value === "month") {
-        c.value = c.value + v;
+        c.value = c.value + d;
         return;
       }
       if (i.value === "year") {
-        (C = n.value) == null || C.changePage(v);
+        (C = n.value) == null || C.changePage(d);
         return;
       }
-      const m = s.value + v;
-      m > 11 ? (c.value += 1, s.value = 0) : m < 0 ? (c.value -= 1, s.value = 11) : s.value = m;
+      const v = s.value + d;
+      v > 11 ? (c.value += 1, s.value = 0) : v < 0 ? (c.value -= 1, s.value = 11) : s.value = v;
     }
     function _() {
       g(-1);
@@ -9234,48 +9231,48 @@ const _l = K({
     function T() {
       g(1);
     }
-    function f(v) {
-      t("click:day", v.date);
+    function m(d) {
+      t("click:day", d.date);
     }
     R(s, () => {
       i.value === "month" && x(), t("update:month", s.value);
     }), R(c, () => {
       i.value === "year" && (i.value = "month"), t("update:year", c.value);
-    }), W(() => d("div", {
+    }), W(() => f("div", {
       class: ["y-date-picker"]
-    }, [d(na, H(Q(e, na.props), {
+    }, [f(na, H(Q(e, na.props), {
       yearText: w.value,
       monthText: y.value,
       "onClick:year": b,
       "onClick:month": h,
       "onClick:prev": _,
       "onClick:next": T
-    }), null), d(_t, {
+    }), null), f(_t, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: () => [i.value === "month" ? d(Il, {
+      default: () => [i.value === "month" ? f(Il, {
         modelValue: s.value,
-        "onUpdate:modelValue": (v) => s.value = v,
+        "onUpdate:modelValue": (d) => s.value = d,
         onMode: () => {
           i.value = "date";
         }
-      }, null) : i.value === "year" ? d(Pl, {
+      }, null) : i.value === "year" ? f(Pl, {
         modelValue: c.value,
-        "onUpdate:modelValue": (v) => c.value = v,
+        "onUpdate:modelValue": (d) => c.value = d,
         ref: n,
         onMode: () => {
           i.value = "month";
         }
-      }, null) : d(Qt, H(me(Q(e, Qt.props), ["onClick:day"]), {
+      }, null) : f(Qt, H(me(Q(e, Qt.props), ["onClick:day"]), {
         hideHeader: !0,
         modelValue: l.value,
-        "onUpdate:modelValue": (v) => l.value = v,
+        "onUpdate:modelValue": (d) => l.value = d,
         month: s.value,
-        "onUpdate:month": (v) => s.value = v,
+        "onUpdate:month": (d) => s.value = d,
         year: c.value,
-        "onUpdate:year": (v) => c.value = v,
-        "onClick:day": f
+        "onUpdate:year": (d) => c.value = d,
+        "onClick:day": m
       }), null)]
     })]));
   }
@@ -9322,7 +9319,7 @@ const Nl = K({
     W(() => {
       let l;
       const i = e.tag, o = Number(e.content), r = !e.max || isNaN(o) ? e.content : o <= +e.max ? o : `${e.max}+`;
-      return d(i, {
+      return f(i, {
         class: ["y-badge", {
           "y-badge--bordered": e.bordered,
           "y-badge--dot": e.dot,
@@ -9333,22 +9330,22 @@ const Nl = K({
       }, {
         default: () => {
           var s, c;
-          return [d("div", {
+          return [f("div", {
             class: "y-badge__base"
-          }, [(s = t.default) == null ? void 0 : s.call(t), d(et, {
+          }, [(s = t.default) == null ? void 0 : s.call(t), f(et, {
             is: e.transition,
             transitionProps: {
               name: e.transition
             }
           }, Po(l = Me(
             // biome-ignore lint/a11y/useSemanticElements: aria-live
-            d("span", {
+            f("span", {
               class: ["y-badge__badge"],
               "aria-atomic": "true",
               "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 ? f(Ye, {
               icon: e.icon
             }, null) : r]),
             [[at, !e.hide]]
@@ -9392,17 +9389,17 @@ const Nl = K({
     });
     R(l, (s) => {
       t.value && s != null && (a.value = t.value.scrollWidth > t.value.offsetWidth);
-    }), W(() => d("span", {
+    }), W(() => f("span", {
       title: i.value,
       class: ["y-text-ellipsis", {
         overflowed: a.value
       }]
-    }, [d("span", {
+    }, [f("span", {
       ref: t,
       class: "y-text-ellipsis__origin"
-    }, [e.text]), a.value && d("span", {
+    }, [e.text]), a.value && f("span", {
       class: "y-text-ellipsis__start"
-    }, [o.value]), a.value && d("span", {
+    }, [o.value]), a.value && f("span", {
       class: "y-text-ellipsis__end"
     }, [r.value])]));
   }
@@ -9443,7 +9440,7 @@ const Nl = K({
     }
     function w(O, A) {
       const p = A.target, k = (p == null ? void 0 : p.value) || "", I = s[O], V = O < 4 ? la.test(k) : y(k), B = k !== "" ? Number(k).toString() : "";
-      r[O] = B.replace(/\./g, ""), !V && k !== "" ? v(O, I.replace(/\./g, "")) : (k.length > 2 && m(O), s[O] = B.replace(/\./g, ""), Y());
+      r[O] = B.replace(/\./g, ""), !V && k !== "" ? d(O, I.replace(/\./g, "")) : (k.length > 2 && v(O), s[O] = B.replace(/\./g, ""), Y());
     }
     function x(O, A) {
       c.value = !0, u.value.push(O);
@@ -9466,7 +9463,7 @@ const Nl = K({
           A.preventDefault(), n("tab");
           return;
         } else {
-          A.preventDefault(), m(O);
+          A.preventDefault(), v(O);
           return;
         }
       if ((A.key === "ArrowLeft" || A.key === "ArrowUp" && !A.shiftKey) && p.selectionStart !== null && p.selectionStart === 0)
@@ -9478,7 +9475,7 @@ const Nl = K({
           return;
         }
       if (A.key === ".") {
-        A.preventDefault(), m(O);
+        A.preventDefault(), v(O);
         return;
       }
       (A.key === "Tab" && !A.shiftKey && p.value !== "" || A.key === "Enter" || A.key === ".") && e.onTab && O === 3 && (A.preventDefault(), n("tab", 3));
@@ -9506,15 +9503,15 @@ const Nl = K({
       const A = (O.clipboardData || window.clipboardData).getData("text");
       isNaN(Number(A)) && (O.preventDefault(), _(A));
     }
-    function f() {
+    function m() {
       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(O, A) {
+    function d(O, A) {
       se(() => {
         r[O] = A.replace(/\./g, ""), Y();
       });
     }
-    function m(O) {
+    function v(O) {
       const A = O + 1;
       if (A < 4) {
         const p = i.value[A];
@@ -9545,10 +9542,10 @@ const Nl = K({
     }, {
       immediate: !0
     }), R(P, (O) => {
-      O || f();
+      O || m();
     }), R(c, (O) => {
       n(O ? "focus" : "blur");
-    }), W(() => (i.value = [], d(Ie, H({
+    }), W(() => (i.value = [], f(Ie, H({
       ref: l,
       class: [aa, Ne, {
         [`${Ne}--text`]: e.text
@@ -9558,7 +9555,7 @@ const Nl = K({
         var A;
         return (A = t.leading) == null ? void 0 : A.call(t, ...O);
       },
-      default: (O) => d("div", H({
+      default: (O) => f("div", H({
         class: [`${Ne}__field`]
       }, H({
         "data-id": O.attrId
@@ -9566,9 +9563,9 @@ const Nl = K({
         ref: a
       }), [[0, 1, 2, 3, 4].map((A) => {
         const p = re(r, A);
-        return (!e.subnet && A < 4 || e.subnet) && [d("div", {
+        return (!e.subnet && A < 4 || e.subnet) && [f("div", {
           class: [`${Ne}__part`]
-        }, [d("input", {
+        }, [f("input", {
           ref: (k) => i.value.push(k),
           id: `${O.attrId}__part--${A}`,
           value: p.value,
@@ -9584,7 +9581,7 @@ const Nl = K({
           onKeydown: (k) => h(A, k),
           onKeyup: (k) => void 0,
           onPaste: T
-        }, null)]), A !== 4 && (!e.subnet && A < 3 || e.subnet) && d("div", {
+        }, null)]), A !== 4 && (!e.subnet && A < 3 || e.subnet) && f("div", {
           class: [`${Ne}__part`]
         }, [A < 3 ? "." : "/"])];
       })]),
@@ -9645,7 +9642,7 @@ const Nl = K({
           onMouseenter: () => l(),
           onMouseleave: () => i()
         }
-      }), d(J, null, [o.value]);
+      }), f(J, null, [o.value]);
     });
   }
 }), Ro = /* @__PURE__ */ F({
@@ -9667,7 +9664,7 @@ const Nl = K({
     }
     W(() => {
       const l = e.tag;
-      return d(l, null, {
+      return f(l, null, {
         default: () => {
           var i;
           return [t.default ? (i = t.default) == null ? void 0 : i.call(t, {
@@ -9723,45 +9720,45 @@ const Vl = K({
       "y-img--scale-down": e.objectFit === "scale-down"
     }));
     function x() {
-      const m = i.value;
-      m && (r.value = m.currentSrc || m.src);
+      const v = i.value;
+      v && (r.value = v.currentSrc || v.src);
     }
-    function D(m) {
-      if (m.naturalWidth || m.naturalHeight)
-        s.value = m.naturalWidth, c.value = m.naturalHeight;
+    function D(v) {
+      if (v.naturalWidth || v.naturalHeight)
+        s.value = v.naturalWidth, c.value = v.naturalHeight;
       else {
-        if (!m.complete && o.value === "loading")
+        if (!v.complete && o.value === "loading")
           return !1;
-        (m.currentSrc.endsWith(".svg") || m.currentSrc.startsWith("data:image/svg+xml")) && (s.value = 1, c.value = 1);
+        (v.currentSrc.endsWith(".svg") || v.currentSrc.startsWith("data:image/svg+xml")) && (s.value = 1, c.value = 1);
       }
       return !0;
     }
     R(() => e.src, () => {
-      v();
-    }), R(o, (m) => {
-      a("status", m);
+      d();
+    }), R(o, (v) => {
+      a("status", v);
     }, {
       immediate: !0
     });
-    const b = (m) => t.placeholder ? d(et, H(u.value, {
+    const b = (v) => t.placeholder ? f(et, H(u.value, {
       appear: !0
     }), {
       default: () => {
         var C;
-        return [(m.status === "idle" || m.status === "error") && d("div", {
+        return [(v.status === "idle" || v.status === "error") && f("div", {
           class: "y-img__placeholder"
-        }, [(C = t.placeholder) == null ? void 0 : C.call(t, m)])];
+        }, [(C = t.placeholder) == null ? void 0 : C.call(t, v)])];
       }
     }) : null;
     function h() {
       l.isUnmounted || (o.value = "loaded");
     }
-    function g(m) {
-      l.isUnmounted || (o.value = "error", a("error", m));
+    function g(v) {
+      l.isUnmounted || (o.value = "error", a("error", v));
     }
-    const _ = (m) => {
+    const _ = (v) => {
       let C;
-      const Y = d("img", {
+      const Y = f("img", {
         ref: i,
         src: y.value.src,
         crossorigin: e.crossorigin,
@@ -9772,41 +9769,41 @@ const Vl = K({
         onLoad: h,
         onError: g
       }, null);
-      return d(et, H(u.value, {
+      return f(et, H(u.value, {
         appear: !0
-      }), Fo(C = Me(Y, [[at, m.status === "loaded"]])) ? C : {
+      }), Fo(C = Me(Y, [[at, v.status === "loaded"]])) ? C : {
         default: () => [C]
       });
     };
     let T = -1;
-    function f(m, C = 100) {
+    function m(v, C = 100) {
       const Y = () => {
-        clearTimeout(T), !l.isUnmounted && !D(m) && C != null && (T = window.setTimeout(Y, C));
+        clearTimeout(T), !l.isUnmounted && !D(v) && C != null && (T = window.setTimeout(Y, C));
       };
       Y();
     }
-    function v(m) {
-      e.eager, !(Ca.canUseIntersectionObserver && !m && !e.eager) && (o.value = "loading", y.value.src && se(() => {
+    function d(v) {
+      e.eager, !(Ca.canUseIntersectionObserver && !v && !e.eager) && (o.value = "loading", y.value.src && se(() => {
         var C;
         a("load", ((C = i.value) == null ? void 0 : C.currentSrc) || y.value.src), setTimeout(() => {
           var Y, E;
           if (!l.isUnmounted)
             if ((Y = i.value) != null && Y.complete) {
               if ((E = i.value) != null && E.naturalWidth || g(), o.value === "error") return;
-              f(i.value, null), o.value === "loading" && h();
-            } else i.value && (f(i.value), x());
+              m(i.value, null), o.value === "loading" && h();
+            } else i.value && (m(i.value), x());
         });
       }));
     }
     return tn(() => {
-      v();
+      d();
     }), Pe(() => {
       clearTimeout(T);
-    }), W(() => d("div", {
+    }), W(() => f("div", {
       class: ["y-img"]
-    }, [d(b, {
+    }, [f(b, {
       status: o.value
-    }, null), d(_, {
+    }, null), f(_, {
       status: o.value
     }, null)])), {
       status: o,