yuyeon 0.3.8-beta.0 → 0.3.8-beta.2

package/dist/yuyeon.js

@@ -169,11 +169,11 @@ function oi(e = {}, t, n = oa()) {
     return (u = n.value) == null ? void 0 : u[t];
   }), i = X(), o = new Proxy(e, {
     get(u, y) {
-      var x, D, b, m, g, _, T;
+      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
-      ) : 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 = (m = n.value) == null ? void 0 : m.global) == null ? void 0 : g[y]) !== void 0 ? (T = (_ = n.value) == null ? void 0 : _.global) == null ? void 0 : T[y] : w : w;
+      ) : 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;
     }
   });
   Ke(() => {
@@ -418,10 +418,10 @@ function fi(e, t) {
     const D = a.find((b) => b.id === w);
     if (!(x && (D != null && D.disabled)))
       if (e.multiple) {
-        const b = l.value.slice(), m = b.findIndex((_) => _ === w), g = ~m;
+        const b = l.value.slice(), h = b.findIndex((_) => _ === w), g = ~h;
         if (x = x ?? !g, g && e.mandatory && b.length <= 1 || !g && e.max != null && b.length + 1 > e.max)
           return;
-        m < 0 && x ? b.push(w) : m >= 0 && !x && b.splice(m, 1), l.value = b;
+        h < 0 && x ? b.push(w) : h >= 0 && !x && b.splice(h, 1), l.value = b;
       } else {
         const b = l.value.includes(w);
         if (e.mandatory && b) return;
@@ -431,10 +431,10 @@ function fi(e, t) {
   function u(w) {
     if (e.multiple, l.value.length) {
       const x = l.value[0], D = a.findIndex((g) => g.id === x);
-      let b = (D + w) % a.length, m = a[b];
-      for (; m.disabled && b !== D; )
-        b = (b + w) % a.length, m = a[b];
-      if (m.disabled) return;
+      let b = (D + w) % a.length, h = a[b];
+      for (; h.disabled && b !== D; )
+        b = (b + w) % a.length, h = a[b];
+      if (h.disabled) return;
       l.value = [a[b].id];
     } else {
       const x = a.find((D) => !D.disabled);
@@ -709,7 +709,7 @@ const pi = "YSpinnerRing", ha = /* @__PURE__ */ F({
         rounded: x,
         filled: D,
         small: b,
-        icon: m
+        icon: h
       } = e;
       return {
         [`${fe}--outlined`]: r.value.includes("outlined") || w,
@@ -718,7 +718,7 @@ const pi = "YSpinnerRing", ha = /* @__PURE__ */ F({
         [`${fe}--text`]: r.value.includes("text"),
         [`${fe}--small`]: r.value.includes("small") || b,
         [`${fe}--x-small`]: r.value.includes("x-small") || b,
-        [`${fe}--icon`]: r.value.includes("icon") || m,
+        [`${fe}--icon`]: r.value.includes("icon") || h,
         [`${fe}--color`]: e.color,
         [`${fe}--loading`]: e.loading,
         [`${fe}--disabled`]: e.disabled,
@@ -922,7 +922,7 @@ const Bn = {
     warning: "#f69400",
     info: "#0d62e6"
   }
-}, Nn = {
+}, $n = {
   light: {
     isDark: !1,
     colors: {
@@ -993,13 +993,13 @@ function Yi(e) {
   return e ? {
     scheme: Ai.includes(e.scheme) ? e.scheme : Bn.light,
     theme: e.theme ?? ["light", "dark"],
-    themes: { ...Se(Nn, e.themes) },
+    themes: { ...Se($n, e.themes) },
     palette: { ...Se(Pn, e.palette) },
     separation: e == null ? void 0 : e.separation
   } : {
     scheme: Bn.light,
     theme: ["light", "dark"],
-    themes: { ...Se(Nn) },
+    themes: { ...Se($n) },
     palette: { ...Se(Pn) }
   };
 }
@@ -1028,7 +1028,7 @@ function Ii(e) {
     v.push(
       ...qe(":root", st(w.value, "palette"))
     );
-    for (const [h, C] of Object.entries(x.value)) {
+    for (const [m, C] of Object.entries(x.value)) {
       const { colors: Y, variables: E, isDark: P } = C, O = {
         ...Y,
         ...E
@@ -1037,31 +1037,31 @@ function Ii(e) {
         ...qe(
           `@media (prefers-color-scheme: ${A})`,
           qe(
-            `${f}[data-theme-scheme='auto'][data-${A}-theme='${h}']`,
+            `${f}[data-theme-scheme='auto'][data-${A}-theme='${m}']`,
             st(O, "theme")
           )
         )
       ) : v.push(
         ...qe(
-          `${f}[data-theme-scheme='${A}'][data-${A}-theme='${h}']`,
+          `${f}[data-theme-scheme='${A}'][data-${A}-theme='${m}']`,
           st(O, "theme")
         )
       ), v.push(
         ...qe(
-          `${f} .y-theme--${h}`,
+          `${f} .y-theme--${m}`,
           st(O, "theme")
         )
       );
     }
     return v.join("");
   });
-  function m(f) {
+  function h(f) {
     f.directive("theme", Di);
     let v = document.getElementById(
       `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`
     );
-    R(b, h, { immediate: !0 });
-    function h() {
+    R(b, m, { immediate: !0 });
+    function m() {
       if (typeof document < "u" && !v) {
         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);
@@ -1077,8 +1077,8 @@ function Ii(e) {
     R(
       l,
       (v) => {
-        const [h, C] = v;
-        f.root.dataset.lightTheme = h, f.root.dataset.darkTheme = C;
+        const [m, C] = v;
+        f.root.dataset.lightTheme = m, f.root.dataset.darkTheme = C;
       },
       { immediate: !0 }
     ), R(
@@ -1099,7 +1099,7 @@ function Ii(e) {
   }
   const T = S(() => `y-theme--${y.value}`);
   return {
-    install: m,
+    install: h,
     init: _,
     scope: t,
     instance: {
@@ -1177,23 +1177,23 @@ function Pi(e) {
     const x = [];
     let D = !0;
     l.value = [], n.value = !0;
-    for (const m of a.value) {
-      const g = await m.validate();
+    for (const h of a.value) {
+      const g = await h.validate();
       g.length > 0 && (D = !1, x.push({
-        id: m.id,
-        vnode: m.vnode,
-        exposed: (b = m.vnode.component) == null ? void 0 : b.exposed,
+        id: h.id,
+        vnode: h.vnode,
+        exposed: (b = h.vnode.component) == null ? void 0 : b.exposed,
         errors: g
       }));
     }
     return l.value = x, n.value = !1, { valid: D, errors: l.value };
   }
   function c(x) {
-    const { id: D, validate: b, vnode: m } = x;
+    const { id: D, validate: b, vnode: h } = x;
     a.value.push({
       id: D,
       validate: b,
-      vnode: m,
+      vnode: h,
       isError: null,
       errors: []
     });
@@ -1202,8 +1202,8 @@ function Pi(e) {
     a.value = a.value.filter((D) => D.id !== x);
   }
   function y(x, D, b) {
-    const m = a.value.find((g) => g.id === x);
-    m && (m.isError = D, m.errors = b);
+    const h = a.value.find((g) => g.id === x);
+    h && (h.isError = D, h.errors = b);
   }
   const w = {
     inputs: a,
@@ -1228,10 +1228,10 @@ function Pi(e) {
     validate: s
   };
 }
-function Ni() {
+function $i() {
   return oe(ga, null);
 }
-const $i = K(
+const Ni = K(
   {
     readonly: Boolean,
     disabled: Boolean,
@@ -1255,10 +1255,11 @@ const $i = K(
   "validation"
 );
 function Li(e, t, n = We()) {
-  const a = G(e, "modelValue"), l = ae(), i = Ni(), o = M(!1), r = M(), s = M([]), c = S(() => e.name ?? n), u = S(
+  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(() => {
-    let f = e.validateOn || (i == null ? void 0 : i.validateOn) || "input";
+    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(",")) ?? []);
     return {
@@ -1267,7 +1268,7 @@ function Li(e, t, n = We()) {
       lazy: v.has("lazy"),
       submit: v.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), m = S(() => !b.value && e.status === "success");
+  }), 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]) => {
@@ -1340,7 +1341,7 @@ function Li(e, t, n = We()) {
     isDisabled: x,
     isLoading: D,
     isError: b,
-    isSuccess: m
+    isSuccess: h
   };
 }
 function Vi(e) {
@@ -1372,7 +1373,7 @@ function Vi(e) {
 function It(e) {
   return Math.round(e * devicePixelRatio) / devicePixelRatio;
 }
-function $n(e) {
+function Nn(e) {
   return Math.ceil(e * devicePixelRatio) / devicePixelRatio;
 }
 function U(e, t = "px") {
@@ -1416,7 +1417,7 @@ const be = "y-input", it = K({
   filled: Boolean,
   ceramic: Boolean,
   // validate
-  ...$i(),
+  ...Ni(),
   ..._i(),
   extended: Object
 }, "YInput"), Ie = /* @__PURE__ */ F({
@@ -1446,13 +1447,13 @@ const be = "y-input", it = K({
       isLoading: x,
       invokeValidators: D,
       resetError: b,
-      isError: m,
+      isError: h,
       isSuccess: g,
       errors: _,
       errorResult: T
-    } = Li(e, be, i), f = M(), v = M(), h = M();
+    } = Li(e, be, i), f = M(), v = M(), m = M();
     M();
-    const C = X(!1), Y = S(() => e.variation ? e.variation.split(",").map((N) => N.trim()) : []), E = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!h.value), P = S(() => ({
+    const C = X(!1), Y = S(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), E = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!m.value), P = S(() => ({
       // Style
       [o.value]: !0,
       "y-input--ceramic": !!e.ceramic,
@@ -1460,47 +1461,47 @@ 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": !!h.value,
+      "y-input--has-value": !!m.value,
       "y-input--focused": r.value,
       "y-input--readonly": w.value,
       "y-input--disabled": y.value,
-      "y-input--error": m.value,
+      "y-input--error": h.value,
       "y-input--success": g.value
     })), O = S(() => ({
       width: U(e.width),
       height: U(e.height)
     }));
-    R(() => e.modelValue, (N) => {
-      h.value = N;
-    }), R(() => e.readonly, (N) => {
-      N || (h.value = e.modelValue);
-    }), R(h, (N) => {
-      !w.value && !x.value && l("update:modelValue", N);
-    }), R(m, (N) => {
-      l("error", N, _.value);
-    }), R(() => e.focused, (N) => {
-      N || D();
+    R(() => e.modelValue, ($) => {
+      m.value = $;
+    }), R(() => e.readonly, ($) => {
+      $ || (m.value = e.modelValue);
+    }), R(m, ($) => {
+      !w.value && !x.value && l("update:modelValue", $);
+    }), R(h, ($) => {
+      l("error", $, _.value);
+    }), R(() => e.focused, ($) => {
+      $ || D();
     });
-    function A(N) {
-      l("click", N);
+    function A($) {
+      l("click", $);
     }
-    function p(N) {
-      C.value = !0, l("mousedown:display", N);
+    function p($) {
+      C.value = !0, l("mousedown:display", $);
     }
-    function k(N) {
-      C.value = !1, l("mouseup:display", N);
+    function k($) {
+      C.value = !1, l("mouseup:display", $);
     }
-    function I(N) {
-      l("keydown:display", N);
+    function I($) {
+      l("keydown:display", $);
     }
-    function V(N) {
-      c(), l("focus", N);
+    function V($) {
+      c(), l("focus", $);
     }
-    function B(N) {
-      u(), D(), l("blur", N);
+    function B($) {
+      u(), D(), l("blur", $);
     }
-    function $(N) {
-      l("click:leading", N);
+    function N($) {
+      l("click:leading", $);
     }
     function L() {
       if (e.label || t.label)
@@ -1513,7 +1514,7 @@ const be = "y-input", it = K({
           for: `y-input--${i}`
         }, [t.label ? t.label() : e.label ? d(J, null, [e.label, e.required && d("span", {
           class: "y-input__required-mark"
-        }, [kt("*")])]) : e.placeholder && !h.value && e.placeholder]);
+        }, [kt("*")])]) : e.placeholder && !m.value && e.placeholder]);
     }
     return a({
       ...e.extended ?? {},
@@ -1522,7 +1523,7 @@ const be = "y-input", it = K({
       validate: D,
       resetError: b
     }), W(() => {
-      var N, j;
+      var $, j;
       return d("div", {
         class: [`${be}`, {
           ...P.value
@@ -1547,9 +1548,9 @@ const be = "y-input", it = K({
         class: `${be}__plate`
       }, null), t.leading && d("div", {
         class: "y-input__leading",
-        onClick: $
+        onClick: N
       }, [t.leading({
-        error: m.value
+        error: h.value
       })]), t.default ? t.default({
         value: e.modelValue,
         loading: x.value,
@@ -1561,10 +1562,10 @@ const be = "y-input", it = K({
         tabindex: 0,
         onFocus: V,
         onBlur: B
-      }, [e.floating && L(), (N = e.modelValue) == null ? void 0 : N.toString()]), (j = t.trailing) == null ? void 0 : j.call(t)]), t["trailing-out"] && t["trailing-out"](), d("div", {
+      }, [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", {
         class: `${be}__helper-text`
       }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
-        error: m.value,
+        error: h.value,
         errors: _.value,
         errorResult: T.value
       })]) : e.helperText ?? T.value])]), t.append && d("div", {
@@ -1639,7 +1640,7 @@ const be = "y-input", it = K({
     function b(p) {
       s(), y.value = u.value, a("focus", p);
     }
-    function m(p) {
+    function h(p) {
       c(), a("blur", p), P();
     }
     function g(p) {
@@ -1659,7 +1660,7 @@ const be = "y-input", it = K({
     function v(p) {
       a("click:clear", p), E();
     }
-    function h(p) {
+    function m(p) {
       (p.code === "Space" || p.code === "Enter") && E();
     }
     function C() {
@@ -1764,7 +1765,7 @@ const be = "y-input", it = K({
           size: t.size ?? 1,
           onInput: g,
           onFocus: b,
-          onBlur: m,
+          onBlur: h,
           onChange: _,
           onKeydown: T,
           onKeyup: f
@@ -1777,7 +1778,7 @@ const be = "y-input", it = K({
         class: [`${dt}__clear`],
         disabled: e.disabled,
         onClick: v,
-        onKeydown: h,
+        onKeydown: m,
         tabindex: 2
       }, [d(un, null, null)])]), l.trailing && d("div", {
         class: ["y-input__trailing"]
@@ -1844,61 +1845,61 @@ const be = "y-input", it = K({
       whenFocus: y,
       whenBlur: w
     } = on(e, "y-field-input");
-    function x(h) {
-      n("update:modelValue", h);
+    function x(m) {
+      n("update:modelValue", m);
     }
     function D() {
-      const h = ae(), {
+      const m = ae(), {
         displayText: C
       } = e;
       if (C !== void 0) {
         let Y = s.value;
-        typeof C == "string" && (Y = C), C && typeof C == "function" && (Y = C.call(h, Y)), se(() => {
+        typeof C == "string" && (Y = C), C && typeof C == "function" && (Y = C.call(m, Y)), se(() => {
           c.value = Y;
         });
       }
     }
-    function b(h) {
-      n("input", h);
-      const C = h.target;
+    function b(m) {
+      n("input", m);
+      const C = m.target;
       s.value = C == null ? void 0 : C.value, c.value = C == null ? void 0 : C.value;
     }
-    function m(h) {
-      n("change", s.value, h);
+    function h(m) {
+      n("change", s.value, m);
     }
-    function g(h) {
-      y(), c.value = s.value, n("focus", h);
+    function g(m) {
+      y(), c.value = s.value, n("focus", m);
     }
-    function _(h) {
-      w(), n("blur", h), D();
+    function _(m) {
+      w(), n("blur", m), D();
     }
-    function T(h) {
-      n("keydown", h);
+    function T(m) {
+      n("keydown", m);
     }
-    function f(h) {
-      n("keyup", h);
+    function f(m) {
+      n("keyup", m);
     }
-    function v(h) {
-      n("click", h);
+    function v(m) {
+      n("click", m);
     }
-    return R(() => e.modelValue, (h) => {
-      s.value = h, c.value = h;
+    return R(() => e.modelValue, (m) => {
+      s.value = m, c.value = m;
     }, {
       immediate: !0
-    }), R(s, (h) => {
-      u.value ? c.value = h : D();
+    }), R(s, (m) => {
+      u.value ? c.value = m : D();
     }), l({
       el$: o,
       input$: r,
       validate: () => {
-        var h;
-        return (h = o.value) == null ? void 0 : h.invokeValidators();
+        var m;
+        return (m = o.value) == null ? void 0 : m.invokeValidators();
       }
     }), W(() => {
-      const h = Q(e, Ie.props);
+      const m = Q(e, Ie.props);
       return d(Ie, H({
         class: [Ln]
-      }, h, {
+      }, m, {
         modelValue: s.value,
         "onUpdate:modelValue": x,
         focused: u.value,
@@ -1923,7 +1924,7 @@ const be = "y-input", it = K({
             onInput: b,
             onFocus: g,
             onBlur: _,
-            onChange: m,
+            onChange: h,
             onKeydown: T,
             onKeyup: f
           }), null)]);
@@ -2739,13 +2740,13 @@ function ar(e, t, n) {
   function c() {
     const x = Date.now(), D = x - o.value;
     let b = l;
-    const m = r.value - D;
-    if (r.value = m, m < 1) {
+    const h = r.value - D;
+    if (r.value = h, h < 1) {
       e();
       return;
     }
     const g = D - l;
-    g > 0 ? b -= g : g < 0 && (b += g), m >= 1 && (o.value = x, i = window.setTimeout(c, b));
+    g > 0 ? b -= g : g < 0 && (b += g), h >= 1 && (o.value = x, i = window.setTimeout(c, b));
   }
   function u() {
     s.value || (s.value = !0, o.value = Date.now(), i = window.setTimeout(c, l));
@@ -2941,7 +2942,7 @@ function Pt(e) {
     align: e.align
   };
 }
-function Nt(e) {
+function $t(e) {
   return {
     side: e.side,
     align: {
@@ -2970,29 +2971,29 @@ 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(h) {
+  function x(m) {
     const C = a, Y = l;
-    return a = l = void 0, c = h, o = e.apply(Y, C), o;
+    return a = l = void 0, c = m, o = e.apply(Y, C), o;
   }
-  function D(h) {
-    return c = h, r = window.setTimeout(g, t), u ? x(h) : o;
+  function D(m) {
+    return c = m, r = window.setTimeout(g, t), u ? x(m) : o;
   }
-  function b(h) {
-    var C = h - (s ?? 0), Y = h - (c ?? 0), E = t - C;
+  function b(m) {
+    var C = m - (s ?? 0), Y = m - (c ?? 0), E = t - C;
     return y ? Math.min(E, (i ?? 0) - Y) : E;
   }
-  function m(h) {
-    var C = h - (s ?? 0), Y = h - (c ?? 0);
+  function h(m) {
+    var C = m - (s ?? 0), Y = m - (c ?? 0);
     return s === void 0 || C >= t || C < 0 || y && Y >= (i ?? 0);
   }
   function g() {
-    const h = Date.now();
-    if (m(h))
-      return _(h);
-    r = window.setTimeout(g, b(h));
+    const m = Date.now();
+    if (h(m))
+      return _(m);
+    r = window.setTimeout(g, b(m));
   }
-  function _(h) {
-    return r = void 0, w && a ? x(h) : (a = l = void 0, o);
+  function _(m) {
+    return r = void 0, w && a ? x(m) : (a = l = void 0, o);
   }
   function T() {
     r !== void 0 && clearTimeout(r), c = 0, a = s = l = r = void 0;
@@ -3001,8 +3002,8 @@ function sn(e, t = 0, n = {
     return r === void 0 ? o : _(Date.now());
   }
   function v() {
-    const h = Date.now(), C = m(h);
-    if (a = arguments, l = this, s = h, C) {
+    const m = Date.now(), C = h(m);
+    if (a = arguments, l = this, s = m, C) {
       if (r === void 0)
         return D(s);
       if (y)
@@ -3155,7 +3156,7 @@ const cr = /* @__PURE__ */ F({
         return "";
       const u = 48, y = 64, w = (100 - c) / 100 * (u / 2);
       return `polygon(100% 50%, 100% 100%, 0 100%, 0 0, 100% 0, 100% 50%, ${[...Array(y)].map((D, b) => {
-        const m = -b / (y - 1) * Math.PI * 2, g = Math.cos(m) * w + u / 2, _ = Math.sin(m) * w + u / 2;
+        const h = -b / (y - 1) * Math.PI * 2, g = Math.cos(h) * w + u / 2, _ = Math.sin(h) * w + u / 2;
         return `${g}px ${_}px`;
       }).join(",")})`;
     }), r = S(() => n - n * a.value / 100), s = S(() => {
@@ -3355,19 +3356,19 @@ const Ya = K({
     function w() {
       const f = o.value;
       if (Array.isArray(f)) {
-        const v = f.find((h) => h === e.value);
+        const v = f.find((m) => m === e.value);
         r.value = v !== void 0;
       } else typeof f == "boolean" && (r.value = f);
     }
     function x(f) {
       const v = o.value;
       if (Array.isArray(v)) {
-        const h = v.slice();
-        if (f && e.max !== void 0 && h.length >= e.max) {
+        const m = v.slice();
+        if (f && e.max !== void 0 && m.length >= e.max) {
           t("overmax"), D(!1);
           return;
         }
-        f && u.value < 0 ? h.push(e.value) : u.value > -1 && h.splice(u.value, 1), t("change", h);
+        f && u.value < 0 ? m.push(e.value) : u.value > -1 && m.splice(u.value, 1), t("change", m);
       }
     }
     function D(f, v) {
@@ -3378,7 +3379,7 @@ const Ya = K({
     function b(f) {
       s.value = !0, t("focus", f);
     }
-    function m(f) {
+    function h(f) {
       s.value = !1, t("blur", f);
     }
     function g(f) {
@@ -3413,7 +3414,7 @@ const Ya = K({
         type: "checkbox",
         role: "switch",
         onFocus: b,
-        onBlur: m,
+        onBlur: h,
         disabled: e.disabled,
         checked: r.value
       }, null), d("div", {
@@ -3446,7 +3447,7 @@ function hr(e, t, n, a) {
     updateCoordinate: r
   };
 }
-function $t(e, t) {
+function Nt(e, t) {
   return {
     x: e.x + t.x,
     y: e.y + t.y
@@ -3461,12 +3462,12 @@ function gr(e, t) {
 function Un(e, t) {
   if (e.side === "top" || e.side === "bottom") {
     const { side: n, align: a } = e, l = a === "left" ? 0 : a === "center" ? t.width / 2 : a === "right" ? t.width : a, i = n === "top" ? 0 : n === "bottom" ? t.height : n;
-    return $t({ x: l, y: i }, t);
+    return Nt({ x: l, y: i }, t);
   } else if (e.side === "left" || e.side === "right") {
     const { side: n, align: a } = e, l = n === "left" ? 0 : n === "right" ? t.width : n, i = a === "top" ? 0 : a === "center" ? t.height / 2 : a === "bottom" ? t.height : a;
-    return $t({ x: l, y: i }, t);
+    return Nt({ x: l, y: i }, t);
   }
-  return $t(
+  return Nt(
     {
       x: t.width / 2,
       y: t.height / 2
@@ -3479,23 +3480,23 @@ function br(e, t, n, a) {
     const v = parseFloat(e[f]);
     return Number.isNaN(v) ? 1 / 0 : v;
   })), { preferredAnchor: w, preferredOrigin: x } = or(() => {
-    const f = `${e.position} ${e.align}`, v = jn(f, !1), h = e.origin === "overlap" ? v : e.origin === "auto" ? Pt(v) : jn(e.origin, !1);
-    return v.side === h.side && v.align === Nt(h).align ? {
+    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(h)
+      preferredOrigin: Wn(m)
     } : {
       preferredAnchor: v,
-      preferredOrigin: h
+      preferredOrigin: m
     };
   }), D = S(() => Gn(e.offset)), b = S(() => Gn(e.viewportMargin));
-  let m = !1;
+  let h = !1;
   const g = new ResizeObserver(() => {
-    m && T();
+    h && T();
   });
   R(
     [t.base, t.contentEl],
-    ([f, v], [h, C]) => {
-      h && !Array.isArray(h) && h.nodeType === 1 && g.unobserve(h), f && !Array.isArray(f) && f.nodeType === 1 && g.observe(f), C && g.unobserve(C), v && g.observe(v);
+    ([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);
     },
     { immediate: !0 }
   ), _e(() => {
@@ -3506,14 +3507,14 @@ function br(e, t, n, a) {
     return v.x -= parseFloat(f.style.left || "0"), v.y -= parseFloat(f.style.top || "0"), v;
   }
   function T() {
-    m = !1;
+    h = !1;
     const f = i.value, v = l.value;
     if (requestAnimationFrame(() => {
       requestAnimationFrame(() => {
-        m = !0;
+        h = !0;
       });
     }), !f || !v) return;
-    const h = Array.isArray(f) ? new Xe({
+    const m = Array.isArray(f) ? new Xe({
       x: (f == null ? void 0 : f[0]) ?? 0,
       y: (f == null ? void 0 : f[1]) ?? 0,
       width: 0,
@@ -3521,18 +3522,18 @@ function br(e, t, n, a) {
     }) : f.getBoundingClientRect(), C = _(v), Y = St(v);
     Y.length < 1 && Y.push(document.documentElement);
     const E = Y.reduce(
-      ($, L) => {
-        const N = L.getBoundingClientRect(), j = new Xe({
-          x: L === document.documentElement ? 0 : N.x,
-          y: L === document.documentElement ? 0 : N.y,
+      (N, L) => {
+        const $ = L.getBoundingClientRect(), j = new Xe({
+          x: L === document.documentElement ? 0 : $.x,
+          y: L === document.documentElement ? 0 : $.y,
           width: L.clientWidth,
           height: L.clientHeight
         });
-        return $ ? new Xe({
-          x: Math.max($.left, j.left),
-          y: Math.max($.top, j.top),
-          width: Math.min($.right, j.right) - Math.max($.left, j.left),
-          height: Math.min($.bottom, j.bottom) - Math.max($.top, j.top)
+        return N ? new Xe({
+          x: Math.max(N.left, j.left),
+          y: Math.max(N.top, j.top),
+          width: Math.min(N.right, j.right) - Math.max(N.left, j.left),
+          height: Math.min(N.bottom, j.bottom) - Math.max(N.top, j.top)
         }) : j;
       },
       void 0
@@ -3542,10 +3543,10 @@ function br(e, t, n, a) {
       anchor: w.value,
       origin: x.value
     };
-    function O($) {
-      const L = new Xe(C), N = Un($.anchor, h), j = Un($.origin, L);
-      let { x: ie, y: te } = gr(N, j);
-      switch ($.anchor.side) {
+    function O(N) {
+      const L = new Xe(C), $ = Un(N.anchor, m), j = Un(N.origin, L);
+      let { x: ie, y: te } = gr($, j);
+      switch (N.anchor.side) {
         case "top":
           te -= D.value[0];
           break;
@@ -3559,7 +3560,7 @@ function br(e, t, n, a) {
           ie += D.value[0];
           break;
       }
-      switch ($.anchor.align) {
+      switch (N.anchor.align) {
         case "top":
           te -= D.value[1];
           break;
@@ -3573,7 +3574,7 @@ function br(e, t, n, a) {
           ie += D.value[1];
           break;
         case "center": {
-          $.anchor.side === "top" || $.anchor.side === "bottom" ? ie += D.value[1] : te += D.value[1];
+          N.anchor.side === "top" || N.anchor.side === "bottom" ? ie += D.value[1] : te += D.value[1];
           break;
         }
       }
@@ -3583,24 +3584,24 @@ function br(e, t, n, a) {
     const k = { x: 0, y: 0 }, I = { x: !1, y: !1 };
     let V = -1;
     for (; !(V++ > 10); ) {
-      const { x: $, y: L, overflows: N } = O(P);
-      A += $, p += L, C.x += $, C.y += L;
+      const { x: N, y: L, overflows: $ } = O(P);
+      A += N, p += L, C.x += N, C.y += L;
       {
-        const j = Hn(P.anchor), ie = N.x.before || N.x.after, te = N.y.before || N.y.after;
+        const j = Hn(P.anchor), ie = $.x.before || $.x.after, te = $.y.before || $.y.after;
         let ue = !1;
         if (["x", "y"].forEach((q) => {
           if (q === "x" && ie && !I.x || q === "y" && te && !I.y) {
             const he = {
               anchor: { ...P.anchor },
               origin: { ...P.origin }
-            }, ut = q === "x" ? j === "y" ? Nt : Pt : j === "y" ? Pt : Nt;
+            }, ut = q === "x" ? j === "y" ? $t : Pt : j === "y" ? Pt : $t;
             he.anchor = ut(he.anchor), he.origin = ut(he.origin);
             const { overflows: ne } = O(he);
-            (ne[q].before <= N[q].before && ne[q].after <= N[q].after || ne[q].before + ne[q].after < (N[q].before + N[q].after) / 2) && (P = he, ue = I[q] = !0);
+            (ne[q].before <= $[q].before && ne[q].after <= $[q].after || ne[q].before + ne[q].after < ($[q].before + $[q].after) / 2) && (P = he, ue = I[q] = !0);
           }
         }), ue) continue;
       }
-      N.x.before && (A += N.x.before, C.x += N.x.before), N.x.after && (A -= N.x.after, C.x -= N.x.after), N.y.before && (p += N.y.before, C.y += N.y.before), N.y.after && (p -= N.y.after, C.y -= N.y.after);
+      $.x.before && (A += $.x.before, C.x += $.x.before), $.x.after && (A -= $.x.after, C.x -= $.x.after), $.y.before && (p += $.y.before, C.y += $.y.before), $.y.after && (p -= $.y.after, C.y -= $.y.after);
       {
         const j = zn(C, E);
         k.x = E.width - j.x.before - j.x.after, k.y = E.height - j.y.before - j.y.after, A += j.x.before, C.x += j.x.before, p += j.y.before, C.y += j.y.before;
@@ -3625,10 +3626,10 @@ 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, h.width) : s.value
+        B === "y" ? Math.min(s.value, m.width) : s.value
       ),
       maxWidth: U(
-        $n(
+        Nn(
           Ee(
             k.x,
             s.value === 1 / 0 ? 0 : s.value,
@@ -3637,7 +3638,7 @@ function br(e, t, n, a) {
         )
       ),
       maxHeight: U(
-        $n(
+        Nn(
           Ee(
             k.y,
             c.value === 1 / 0 ? 0 : c.value,
@@ -3666,8 +3667,8 @@ function br(e, t, n, a) {
   ), se(() => {
     const f = T();
     if (!f) return;
-    const { available: v, contentRect: h } = f;
-    h.height > v.y && requestAnimationFrame(() => {
+    const { available: v, contentRect: m } = f;
+    m.height > v.y && requestAnimationFrame(() => {
       T(), requestAnimationFrame(() => {
         T();
       });
@@ -3968,7 +3969,7 @@ const Yr = new rr(), mt = {
   none: null,
   close: Br,
   block: Pr,
-  reposition: Nr
+  reposition: $r
 }, Mr = K(
   {
     scrollStrategy: {
@@ -3994,7 +3995,7 @@ function Br(e) {
   function t(n) {
     e.active.value = !1;
   }
-  Na(e.baseEl.value ?? e.contentEl.value, t);
+  $a(e.baseEl.value ?? e.contentEl.value, t);
 }
 const Lt = "y-layer--scroll-blocked", Jn = "y-layer-scroll-blocked", Vt = "--y-body-scroll-x", Rt = "--y-body-scroll-y", Qn = "--y-scrollbar-offset";
 function Pr(e, t) {
@@ -4031,7 +4032,7 @@ function Pr(e, t) {
     }), i && e.root.value.classList.remove(Lt);
   });
 }
-function Nr(e, t, n) {
+function $r(e, t, n) {
   let a = !1, l = -1, i = -1;
   function o(r) {
     Yr.requestNewFrame(() => {
@@ -4042,7 +4043,7 @@ function Nr(e, t, n) {
   }
   i = (typeof requestIdleCallback > "u" ? (r) => r() : requestIdleCallback)(() => {
     n.run(() => {
-      Na(e.baseEl.value ?? e.contentEl.value, (r) => {
+      $a(e.baseEl.value ?? e.contentEl.value, (r) => {
         a ? (cancelAnimationFrame(l), l = requestAnimationFrame(() => {
           l = requestAnimationFrame(() => {
             o(r);
@@ -4054,7 +4055,7 @@ function Nr(e, t, n) {
     typeof cancelIdleCallback < "u" && cancelIdleCallback(i), cancelAnimationFrame(l);
   });
 }
-function Na(e, t) {
+function $a(e, t) {
   const n = [document, ...St(e)];
   n.forEach((a) => {
     a.addEventListener("scroll", t, { passive: !0 });
@@ -4161,7 +4162,7 @@ const Ue = K({
       baseSlot: D,
       baseFromSlotEl: b
     } = Tr(e), {
-      contentEvents: m
+      contentEvents: h
     } = Ar(e, u), {
       themeClasses: g
     } = ze(e), {
@@ -4171,7 +4172,7 @@ const Ue = K({
     } = Cr(e), {
       polyTransitionBindProps: v
     } = ka(e), {
-      dimensionStyles: h
+      dimensionStyles: m
     } = pr(e), {
       lazyValue: C,
       onAfterUpdate: Y
@@ -4201,7 +4202,7 @@ const Ue = K({
     function B() {
       return (!e.openOnHover || e.openOnHover && !P.value) && u.value && E.value;
     }
-    const $ = Oe({
+    const N = Oe({
       handler: V,
       determine: B,
       include: () => [x.value]
@@ -4209,7 +4210,7 @@ const Ue = K({
     function L() {
       E.value = !0, t("afterEnter");
     }
-    function N() {
+    function $() {
       Y(), E.value = !1, t("afterLeave");
     }
     function j() {
@@ -4233,12 +4234,12 @@ const Ue = K({
       };
     }), he = S(() => {
       const ne = Ae(e.contentClasses), {
-        side: Ne,
+        side: $e,
         align: Ge
       } = p.value;
       return {
         ...ne,
-        [`y-layer--side-${Ne}`]: !!Ne,
+        [`y-layer--side-${$e}`]: !!$e,
         [`y-layer--align-${Ge}`]: !!Ge
       };
     });
@@ -4260,8 +4261,8 @@ const Ue = K({
       isMe: (ne) => ne === i,
       coordination: p
     }), W(() => {
-      var Ne;
-      const ne = (Ne = l.base) == null ? void 0 : Ne.call(l, {
+      var $e;
+      const ne = ($e = l.base) == null ? void 0 : $e.call(l, {
         active: u.value,
         props: H({
           ref: w,
@@ -4305,7 +4306,7 @@ const Ue = K({
           }, null)]
         }), d(et, H({
           onAfterEnter: L,
-          onAfterLeave: N,
+          onAfterLeave: $,
           appear: !0
         }, v.value), {
           default: () => {
@@ -4316,23 +4317,23 @@ const Ue = K({
                 ...he.value
               },
               style: [{
-                ...h.value,
+                ...m.value,
                 ...k.value,
                 ...e.contentStyles
               }]
-            }, m.value, {
+            }, h.value, {
               ref: r
             }), [(Ge = l.default) == null ? void 0 : Ge.call(l, {
               active: u.value,
               close: ut
             })]), [[at, u.value], [Ct("complement-click"), {
-              ...$
+              ...N
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: $,
+      complementClickOption: N,
       layerGroup: _,
       active: u,
       finish: E,
@@ -4391,7 +4392,7 @@ function yn(e, t, n) {
     children: l
   };
 }
-const $a = K({
+const Na = K({
   persistent: {
     type: Boolean,
     default: !0
@@ -4410,13 +4411,13 @@ const $a = K({
     scrim: !0,
     scrollStrategy: null
   }), ["offset", "classes"])
-}, "YDialog"), $r = /* @__PURE__ */ F({
+}, "YDialog"), Nr = /* @__PURE__ */ F({
   name: "YDialog",
   components: {
     YLayer: ye,
     YCard: Ot
   },
-  props: $a(),
+  props: Na(),
   emits: ["update:modelValue", "afterEnter", "afterLeave"],
   setup(e, {
     emit: t,
@@ -4436,17 +4437,17 @@ const $a = K({
       var Y, E, P, O;
       if (e.focusTrap === !1)
         return;
-      const f = T.relatedTarget, v = T.target, h = e.focusTrap;
-      if (typeof h == "string" && ((Y = document.querySelector(h)) != null && Y.isSameNode(v)))
+      const f = T.relatedTarget, v = T.target, m = e.focusTrap;
+      if (typeof m == "string" && ((Y = document.querySelector(m)) != null && Y.isSameNode(v)))
         return;
-      if (typeof h == "object") {
-        if (Array.isArray(h)) {
-          if (h.some((p) => {
+      if (typeof m == "object") {
+        if (Array.isArray(m)) {
+          if (m.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;
-        } else if (h != null && h.isSameNode(v))
+        } else if (m != null && m.isSameNode(v))
           return;
       }
       function C(A) {
@@ -4472,8 +4473,8 @@ const $a = K({
     }
     const x = M(0), D = M(0);
     function b(T) {
-      var h;
-      const f = l.root, v = (h = s.value) == null ? void 0 : h.getActiveLayers();
+      var m;
+      const f = l.root, v = (m = s.value) == null ? void 0 : m.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);
@@ -4494,7 +4495,7 @@ const $a = K({
         }) && document.documentElement.classList.remove("y-dialog--prevent-scroll");
       }
     }
-    function m(T) {
+    function h(T) {
       const f = i.value;
       e.disabled || (i.value = !f);
     }
@@ -4508,7 +4509,7 @@ const $a = K({
       var T;
       return (T = s.value) == null ? void 0 : T.baseEl;
     }, (T, f) => {
-      T ? T.addEventListener("click", m) : f && f.removeEventListener("click", m);
+      T ? T.addEventListener("click", h) : f && f.removeEventListener("click", h);
     }), i.value && (y(), b(!0)), R(i, (T) => {
       T ? y() : w(), b(T);
     }), nt(() => {
@@ -4645,9 +4646,9 @@ const je = /* @__PURE__ */ F({
       "y-snackbar__display": !0
     })), y = S(() => {
       var v;
-      const [m, g] = ((v = e.position) == null ? void 0 : v.split(" ")) ?? [];
+      const [h, g] = ((v = e.position) == null ? void 0 : v.split(" ")) ?? [];
       let _ = "top", T = "left";
-      g ? (T = g, _ = m) : m === "bottom" ? _ = "bottom" : T = m;
+      g ? (T = g, _ = h) : h === "bottom" ? _ = "bottom" : T = h;
       const f = {
         [T === "center" ? "left" : T]: T === "center" ? "50%" : 0,
         [_]: 0
@@ -4655,19 +4656,19 @@ const je = /* @__PURE__ */ F({
       return T === "center" && (f.transform = "translateX(-50%)"), f;
     }), w = S(() => {
       const {
-        transition: m,
+        transition: h,
         position: g
       } = e;
-      return (m == null ? void 0 : m.name) === "y-snackbar" ? (m.onBeforeEnter = La.onBeforeEnter(g.includes("top") ? "top" : "bottom"), {
-        ...m
+      return (h == null ? void 0 : h.name) === "y-snackbar" ? (h.onBeforeEnter = La.onBeforeEnter(g.includes("top") ? "top" : "bottom"), {
+        ...h
       }) : e.transition;
     });
-    R(l, (m) => {
-      m ? r() : D();
-    }), R(() => e.duration, (m) => {
-      !Number.isNaN(m) && a.value && (s(), D(), l.value && r());
-    }), R(a, (m) => {
-      m ? D() : s();
+    R(l, (h) => {
+      h ? r() : D();
+    }), R(() => e.duration, (h) => {
+      !Number.isNaN(h) && a.value && (s(), D(), l.value && r());
+    }), R(a, (h) => {
+      h ? D() : s();
     }, {
       immediate: !0
     });
@@ -4677,15 +4678,15 @@ const je = /* @__PURE__ */ F({
     function D() {
       e.duration > 0 && o();
     }
-    function b(m) {
-      t("click", m), e.closeClickContent && (a.value = !1);
+    function b(h) {
+      t("click", h), e.closeClickContent && (a.value = !1);
     }
     return W(() => d(ye, H({
       ref: "layer"
     }, me(Q(e, ye.props), ["scrim", "transition", "content-classes", "classes"]), {
       modelValue: a.value,
-      "onUpdate:modelValue": (m) => {
-        a.value = m;
+      "onUpdate:modelValue": (h) => {
+        a.value = h;
       },
       classes: c.value,
       "content-classes": u.value,
@@ -4694,7 +4695,7 @@ const je = /* @__PURE__ */ F({
       transition: w.value
     }), {
       default: () => {
-        var m;
+        var h;
         return d(J, null, [d(je, null, null), d("div", {
           class: "y-snackbar__content",
           tabindex: 0,
@@ -4708,7 +4709,7 @@ const je = /* @__PURE__ */ F({
           onMouseleave: () => {
             l.value = !1;
           }
-        }, [(m = n.default) == null ? void 0 : m.call(n)])]);
+        }, [(h = n.default) == null ? void 0 : h.call(n)])]);
       }
     })), {
       active: a,
@@ -4799,8 +4800,8 @@ const Rr = "YTooltip", Fr = {
     } = yn(l, c, re(e, "preventCloseBubble"));
     R(c, (f) => {
       f && se(() => {
-        var h;
-        const v = (h = l.value) == null ? void 0 : h.content$;
+        var m;
+        const v = (m = l.value) == null ? void 0 : m.content$;
         i.value = v;
       });
     });
@@ -4811,7 +4812,7 @@ const Rr = "YTooltip", Fr = {
       !f && e.openOnHover && !u.value ? c.value = !1 : f && (c.value = !0);
     });
     function b(f) {
-      var v, h;
+      var v, m;
       if (e.closeCondition !== !1) {
         if (typeof e.closeCondition == "function" && e.closeCondition(f) === !1) {
           c.value = !1;
@@ -4819,12 +4820,12 @@ const Rr = "YTooltip", Fr = {
         }
         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 = (h = w == null ? void 0 : w.$el.value) == null ? void 0 : h.modal;
+          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 m(f) {
+    function h(f) {
       e.openOnHover && x();
     }
     function g(f) {
@@ -4834,12 +4835,12 @@ const Rr = "YTooltip", Fr = {
       f || D();
     });
     function _(f) {
-      var v, h;
-      (v = f.addEventListener) == null || v.call(f, "mouseenter", m), (h = f.addEventListener) == null || h.call(f, "mouseleave", g);
+      var v, m;
+      (v = f.addEventListener) == null || v.call(f, "mouseenter", h), (m = f.addEventListener) == null || m.call(f, "mouseleave", g);
     }
     function T(f) {
-      var v, h;
-      (v = f.removeEventListener) == null || v.call(f, "mouseenter", m), (h = f.removeEventListener) == null || h.call(f, "mouseleave", g);
+      var v, m;
+      (v = f.removeEventListener) == null || v.call(f, "mouseenter", h), (m = f.removeEventListener) == null || m.call(f, "mouseleave", g);
     }
     return R(() => {
       var f;
@@ -4978,9 +4979,9 @@ const Ka = ja(!1), Kr = ja(!0), Wr = /* @__PURE__ */ an({
       "y-divide-panel--resizing": a.value
     }));
     function c(D) {
-      const b = D, m = o.value.getBoundingClientRect();
+      const b = D, h = o.value.getBoundingClientRect();
       requestAnimationFrame(() => {
-        n.value = Math.min(Math.max(10, (b.clientY - m.y) / m.height * 100), 90);
+        n.value = Math.min(Math.max(10, (b.clientY - h.y) / h.height * 100), 90);
       });
     }
     function u() {
@@ -5102,7 +5103,7 @@ function Hr(e) {
       }
     }
   }
-  function m(E, P) {
+  function h(E, P) {
     var A, p;
     if (!(E in t.value)) return;
     const O = t.value[E];
@@ -5153,7 +5154,7 @@ function Hr(e) {
     const E = [...i.value];
     n.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
   }
-  function h() {
+  function m() {
     const E = [...r.value];
     a.value = e.returnItem ? E.map((P) => t.value[P].item) : E;
   }
@@ -5168,11 +5169,11 @@ function Hr(e) {
     register: Y,
     updateExpanded: D,
     updateActive: b,
-    updateSelected: m,
+    updateSelected: h,
     searchLoading: s,
     isExcluded: w,
     emitExpanded: v,
-    emitActive: h,
+    emitActive: m,
     emitSelected: C,
     isChildrenAll: g,
     isChildrenSome: _,
@@ -5185,9 +5186,9 @@ function Hr(e) {
     issueVnodeState: x,
     updateExpanded: D,
     updateActive: b,
-    updateSelected: m,
+    updateSelected: h,
     emitExpanded: v,
-    emitActive: h,
+    emitActive: m,
     emitSelected: C,
     expandedSet: i,
     selectedSet: o,
@@ -5483,20 +5484,20 @@ const ke = /* @__PURE__ */ F({
     slots: t,
     expose: n
   }) {
-    const a = Xl("YTreeViewNode", !0), l = zr(), i = M(), o = M(!1), r = M(!1), s = M(!1), c = M(!1), u = S(() => Z(e.item, e.itemKey)), y = S(() => (Z(e.item, e.itemChildren) ?? []).slice()), w = S(() => y.value.length < 1), x = S(() => l.searchLoading.value), D = S(() => y.value.filter((B) => !l.isExcluded(Z(B, e.itemKey)))), b = S(() => l.selectedState.value(u.value, y.value.map((B) => Z(B, e.itemKey)))), m = S(() => {
+    const a = Xl("YTreeViewNode", !0), l = zr(), i = M(), o = M(!1), r = M(!1), s = M(!1), c = M(!1), u = S(() => Z(e.item, e.itemKey)), y = S(() => (Z(e.item, e.itemChildren) ?? []).slice()), w = S(() => y.value.length < 1), x = S(() => l.searchLoading.value), D = S(() => y.value.filter((B) => !l.isExcluded(Z(B, e.itemKey)))), b = S(() => l.selectedState.value(u.value, y.value.map((B) => Z(B, e.itemKey)))), h = S(() => {
       var B;
       return !!((B = y.value) != null && B.length) && b.value.all;
     }), g = S(() => {
       var B;
-      return (e.selectStrategy === "relative" || e.selectStrategy === "leaf") && (((B = y.value) == null ? void 0 : B.length) ?? 0) > 0 && !m.value && b.value.some;
-    }), _ = S(() => s.value || e.selectStrategy === "leaf" && m.value), T = S(() => ({
+      return (e.selectStrategy === "relative" || e.selectStrategy === "leaf") && (((B = y.value) == null ? void 0 : B.length) ?? 0) > 0 && !h.value && b.value.some;
+    }), _ = S(() => s.value || e.selectStrategy === "leaf" && h.value), T = S(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": w.value,
       "y-tree-view-node--expanded": o.value,
       "y-tree-view-node--active": r.value
     })), f = S(() => ({
       "--tree-view-node--level": e.level
-    })), v = S(() => Z(e.item, e.itemText) ?? ""), h = S(() => {
+    })), v = S(() => Z(e.item, e.itemText) ?? ""), m = 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;
@@ -5511,53 +5512,53 @@ const ke = /* @__PURE__ */ F({
       c.value = B;
     });
     function Y(B) {
-      const $ = !r.value;
-      r.value = $, l.updateActive(u.value, $, B), l.emitActive();
+      const N = !r.value;
+      r.value = N, l.updateActive(u.value, N, B), l.emitActive();
     }
     function E(B) {
       Y(B);
     }
     function P(B) {
       B.stopPropagation();
-      const $ = !o.value;
-      o.value = $, l.updateExpanded(u.value, $), l.emitExpanded();
+      const N = !o.value;
+      o.value = N, l.updateExpanded(u.value, N), l.emitExpanded();
     }
     function O(B) {
-      if (B.stopPropagation(), h.value) return;
-      const $ = !_.value;
-      s.value = $, l.updateSelected(u.value, $), l.emitSelected();
+      if (B.stopPropagation(), m.value) return;
+      const N = !_.value;
+      s.value = N, l.updateSelected(u.value, N), l.emitSelected();
     }
     function A(B) {
-      var $;
-      ($ = e.onMouseenterContainer) == null || $.call(e, B, {
+      var N;
+      (N = e.onMouseenterContainer) == null || N.call(e, B, {
         ...C.value,
         item: e.item
       });
     }
     function p(B) {
-      var $;
-      ($ = e.onMouseleaveContainer) == null || $.call(e, B, {
+      var N;
+      (N = e.onMouseleaveContainer) == null || N.call(e, B, {
         ...C.value,
         item: e.item
       });
     }
     function k(B) {
-      var $;
-      ($ = e.onMousemoveContainer) == null || $.call(e, B, {
+      var N;
+      (N = e.onMousemoveContainer) == null || N.call(e, B, {
         ...C.value,
         item: e.item
       });
     }
     function I(B) {
-      var $;
-      ($ = e.onDblclickContainer) == null || $.call(e, B, {
+      var N;
+      (N = e.onDblclickContainer) == null || N.call(e, B, {
         ...C.value,
         item: e.item,
         toggleExpand: () => P(B)
       });
     }
     W(() => {
-      var $;
+      var N;
       const B = [];
       for (let L = 0; L < e.level; L += 1)
         B.push(d("div", {
@@ -5589,7 +5590,7 @@ const ke = /* @__PURE__ */ F({
       }, null), e.enableSelect && // biome-ignore lint/a11y/useSemanticElements: passive
       d("div", {
         class: ["y-tree-view-node__select", {
-          "y-tree-view-node__select--disabled": h.value
+          "y-tree-view-node__select--disabled": m.value
         }],
         role: "checkbox",
         "aria-checked": _.value,
@@ -5597,14 +5598,14 @@ const ke = /* @__PURE__ */ F({
       }, [d(ke, {
         checked: _.value,
         indeterminate: !s.value && g.value,
-        disabled: h.value
+        disabled: m.value
       }, null)]), d("div", {
         class: "y-tree-view-node__content"
       }, [t.leading && d("div", {
         class: "y-tree-view-node__leading"
       }, [t.leading(C.value)]), d("div", {
         class: "y-tree-view-node__text"
-      }, [t.default ? ($ = t.default) == null ? void 0 : $.call(t, {
+      }, [t.default ? (N = t.default) == null ? void 0 : N.call(t, {
         text: v.value,
         item: e.item,
         ...C.value
@@ -5624,21 +5625,21 @@ const ke = /* @__PURE__ */ F({
           level: (e.level ?? 0) + 1,
           item: L
         }), {
-          default: t.default && ((...N) => {
+          default: t.default && ((...$) => {
             var j;
-            return (j = t.default) == null ? void 0 : j.call(t, ...N);
+            return (j = t.default) == null ? void 0 : j.call(t, ...$);
           }),
-          "expand-icon": t["expand-icon"] && ((...N) => {
+          "expand-icon": t["expand-icon"] && ((...$) => {
             var j;
-            return (j = t["expand-icon"]) == null ? void 0 : j.call(t, ...N);
+            return (j = t["expand-icon"]) == null ? void 0 : j.call(t, ...$);
           }),
-          leading: t.leading && ((...N) => {
+          leading: t.leading && ((...$) => {
             var j;
-            return (j = t.leading) == null ? void 0 : j.call(t, ...N);
+            return (j = t.leading) == null ? void 0 : j.call(t, ...$);
           }),
-          trailing: t.trailing && ((...N) => {
+          trailing: t.trailing && ((...$) => {
             var j;
-            return (j = t.trailing) == null ? void 0 : j.call(t, ...N);
+            return (j = t.trailing) == null ? void 0 : j.call(t, ...$);
           })
         }))])]
       })]);
@@ -5731,7 +5732,7 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
     slots: t,
     expose: n
   }) {
-    const a = X(sn(h, e.searchDebounceWait)), l = M([]), {
+    const a = X(sn(m, e.searchDebounceWait)), l = M([]), {
       nodes: i,
       expanded: o,
       active: r,
@@ -5743,14 +5744,14 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
       excludedSet: x,
       issueVnodeState: D,
       updateExpanded: b,
-      updateActive: m,
+      updateActive: h,
       updateSelected: g,
       emitExpanded: _,
       emitActive: T,
       emitSelected: f,
       isExcluded: v
     } = Hr(e);
-    function h(k, I = "", V = qr) {
+    function m(k, I = "", V = qr) {
       const B = /* @__PURE__ */ new Set();
       if (!I) {
         w.value = !1, x.value = B, Yn(l.value, [...c.value]).forEach((L) => {
@@ -5760,8 +5761,8 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
         });
         return;
       }
-      for (const $ of k)
-        Ga(V, $, I ?? "", e.itemKey, e.itemText, e.itemChildren, B);
+      for (const N of k)
+        Ga(V, N, I ?? "", e.itemKey, e.itemText, e.itemChildren, B);
       x.value = B, w.value = !1, E();
     }
     R(() => e.search, () => {
@@ -5771,17 +5772,17 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
       return e.returnItem ? Z(k, e.itemKey) : k;
     }
     function Y(k, I = null, V = 0) {
-      var B, $, L;
-      for (const N of k) {
-        const j = Z(N, e.itemKey), ie = Z(N, e.itemChildren) ?? [], ue = Object.hasOwn(i.value, j) ? i.value[j] : {
+      var B, N, L;
+      for (const $ of k) {
+        const j = Z($, e.itemKey), ie = Z($, e.itemChildren) ?? [], ue = Object.hasOwn(i.value, j) ? i.value[j] : {
           vnode: null,
           selected: ((B = s.value) == null ? void 0 : B.includes(j)) ?? !1,
           indeterminate: !1,
-          active: (($ = r.value) == null ? void 0 : $.includes(j)) ?? !1,
+          active: ((N = r.value) == null ? void 0 : N.includes(j)) ?? !1,
           expanded: ((L = o.value) == null ? void 0 : L.includes(j)) ?? !1
         }, q = {
           vnode: ue.vnode,
-          item: N,
+          item: $,
           level: V,
           parentKey: I,
           childKeys: ie.map((he) => Z(he, e.itemKey)),
@@ -5804,28 +5805,28 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
       }), _(), c.value;
     }
     function P(k, I, V, B) {
-      const $ = e.returnItem ? k.map((N) => Z(N, e.itemKey)) : k, L = [...I.value];
-      Ce(L, $) || (L.forEach((N) => {
-        V(N, !1);
-      }), $.forEach((N) => {
-        V(N, !0);
+      const N = e.returnItem ? k.map(($) => Z($, e.itemKey)) : k, L = [...I.value];
+      Ce(L, N) || (L.forEach(($) => {
+        V($, !1);
+      }), N.forEach(($) => {
+        V($, !0);
       }), B());
     }
     R(o, (k) => {
       P(k, c, b, _);
     }), R(r, (k) => {
-      P(k, y, m, T);
+      P(k, y, h, T);
     }), R(s, (k) => {
       P(k, u, g, f);
     }), R(() => e.items, (k) => {
-      const I = Object.keys(i.value).map((N) => Z(i.value[N].item, e.itemKey)), V = Gr(k, e.itemKey, e.itemChildren), B = Yn(I, V);
+      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)
         return;
-      B.forEach((N) => {
-        delete i.value[N];
+      B.forEach(($) => {
+        delete i.value[$];
       });
-      const $ = [...u.value], L = [...y.value];
-      u.value.clear(), c.value.clear(), y.value.clear(), Y(k), Ce($, [...u.value]) || f(), Ce(L, [...y.value]) || T(), a.value(k, e.search, e.filter);
+      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);
     }, {
       deep: !0,
       flush: "sync"
@@ -5839,11 +5840,11 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
       };
     });
     return nt(() => {
-      e.search && (w.value = !0, h(e.items, e.search, e.filter)), e.defaultExpand != null && e.defaultExpand !== !1 ? l.value = [...E(e.defaultExpand)] : (o.value.forEach((k) => {
+      e.search && (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) => {
         b(C(k), !0);
       }), _());
       for (const k of e.active.map(C))
-        m(k, !0);
+        h(k, !0);
       for (const k of e.selected.map(C))
         g(k, !0);
     }), n({
@@ -6058,7 +6059,7 @@ const Za = Symbol.for("y-table"), Sn = Symbol.for("y-data-table"), xn = K({
         }
       }, {
         default: () => {
-          var D, b, m, g, _;
+          var D, b, h, g, _;
           return [(D = t.top) == null ? void 0 : D.call(t), t.default ? d("div", {
             ref: a,
             class: ["y-table__container"]
@@ -6070,7 +6071,7 @@ const Za = Symbol.for("y-table"), Sn = Symbol.for("y-data-table"), xn = K({
             onScroll: s
           }, [d("table", {
             ref: l
-          }, [t.default()])]), (m = t.trailing) == null ? void 0 : m.call(t)]) : (g = t.container) == null ? void 0 : g.call(t, a, i), (_ = t.bottom) == null ? void 0 : _.call(t)];
+          }, [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)];
         }
       });
     });
@@ -6135,14 +6136,14 @@ function el(e, t) {
   Ke(() => {
     var x, D;
     const i = (x = e.headers) != null && x.length ? [e.headers] : [], o = i.flatMap(
-      (b, m) => b.map((g) => ({ column: g, rowIndex: m }))
+      (b, h) => b.map((g) => ({ column: g, rowIndex: h }))
     ), r = i.length, c = { ...{ text: "", sortable: !1 }, width: 48 };
     if ((D = t == null ? void 0 : t.enableSelect) != null && D.value) {
       const b = o.findIndex(
-        ({ column: m }) => m.key === "data-table-select"
+        ({ column: h }) => h.key === "data-table-select"
       );
       if (b < 0) {
-        const m = o.some(
+        const h = o.some(
           ({ column: g }) => (g == null ? void 0 : g.fixed) === !0 || (g == null ? void 0 : g.fixed) === "left"
         );
         o.unshift({
@@ -6150,7 +6151,7 @@ function el(e, t) {
             ...c,
             key: "data-table-select",
             rowspan: r,
-            fixed: m
+            fixed: h
           },
           rowIndex: 0
         });
@@ -6166,9 +6167,9 @@ function el(e, t) {
     const u = De(r).map(
       () => []
     ), y = De(r).fill(0);
-    o.forEach(({ column: b, rowIndex: m }) => {
+    o.forEach(({ column: b, rowIndex: h }) => {
       const { key: g } = b;
-      for (let _ = m; _ <= m + (b.rowspan ?? 1) - 1; _ += 1)
+      for (let _ = h; _ <= h + (b.rowspan ?? 1) - 1; _ += 1)
         u[_].push({
           ...b,
           key: g,
@@ -6181,17 +6182,17 @@ function el(e, t) {
           b[_].lastFixed = !0;
           break;
         }
-      const m = b.filter((_) => _.fixed === "right");
+      const h = b.filter((_) => _.fixed === "right");
       let g = 0;
-      for (let _ = m.length - 1; _ >= 0; _--)
-        m[_].rightOffset = g, g += Number(m[_].width ?? 0), _ === 0 && (m[_].lastFixed = !0);
+      for (let _ = h.length - 1; _ >= 0; _--)
+        h[_].rightOffset = g, g += Number(h[_].width ?? 0), _ === 0 && (h[_].lastFixed = !0);
     });
     const w = /* @__PURE__ */ new Set();
     n.value = u.map((b) => {
-      const m = [];
+      const h = [];
       for (const g of b)
-        w.has(g.key) || (w.add(g.key), m.push(g));
-      return m;
+        w.has(g.key) || (w.add(g.key), h.push(g));
+      return h;
     }), a.value = u[u.length - 1] || [];
   });
   const l = { headers: n, columns: a };
@@ -6385,8 +6386,8 @@ function ol(e, {
     e,
     "modelValue",
     e.modelValue,
-    (m) => new Set(
-      Te(m).map((g) => {
+    (h) => new Set(
+      Te(h).map((g) => {
         var _;
         return ((_ = t.value.find((T) => {
           const { itemComparator: f } = e;
@@ -6394,11 +6395,11 @@ function ol(e, {
         })) == null ? void 0 : _.value) ?? g;
       })
     ),
-    (m) => [...m.values()]
+    (h) => [...h.values()]
   ), l = S(
-    () => t.value.filter((m) => m.selectable)
+    () => t.value.filter((h) => h.selectable)
   ), i = S(
-    () => n.value.filter((m) => m.selectable)
+    () => n.value.filter((h) => h.selectable)
   ), o = S(() => {
     if (typeof e.selectStrategy == "object")
       return e.selectStrategy;
@@ -6412,25 +6413,25 @@ function ol(e, {
         return il;
     }
   });
-  function r(m) {
-    return Te(m).every((g) => a.value.has(g.value));
+  function r(h) {
+    return Te(h).every((g) => a.value.has(g.value));
   }
-  function s(m) {
-    return Te(m).some((g) => a.value.has(g.value));
+  function s(h) {
+    return Te(h).some((g) => a.value.has(g.value));
   }
-  function c(m, g) {
+  function c(h, g) {
     a.value = o.value.select({
-      items: m,
+      items: h,
       value: g,
       selected: new Set(a.value)
     });
   }
-  function u(m) {
-    c([m], !r([m]));
+  function u(h) {
+    c([h], !r([h]));
   }
-  function y(m) {
+  function y(h) {
     a.value = o.value.selectAll({
-      value: m,
+      value: h,
       allItems: l.value,
       pageItems: i.value,
       selected: new Set(a.value)
@@ -6613,30 +6614,30 @@ const xt = /* @__PURE__ */ F({
       toggleExpand: r
     } = Qa(), s = S(() => e.item && l(e.item));
     function c(b) {
-      const m = [];
-      return typeof b == "string" && m.push(b), Array.isArray(b) && b.forEach((g) => {
-        typeof g == "string" && m.push(g);
-      }), m;
+      const h = [];
+      return typeof b == "string" && h.push(b), Array.isArray(b) && b.forEach((g) => {
+        typeof g == "string" && h.push(g);
+      }), h;
     }
     function u(b) {
-      var m, g;
-      (g = e.onMousedown) == null || g.call(e, b, (m = n == null ? void 0 : n.proxy) == null ? void 0 : m.$el);
+      var h, g;
+      (g = e.onMousedown) == null || g.call(e, b, (h = n == null ? void 0 : n.proxy) == null ? void 0 : h.$el);
     }
     function y(b) {
-      var m, g;
-      (g = e.onClick) == null || g.call(e, b, (m = n == null ? void 0 : n.proxy) == null ? void 0 : m.$el);
+      var h, g;
+      (g = e.onClick) == null || g.call(e, b, (h = n == null ? void 0 : n.proxy) == null ? void 0 : h.$el);
     }
     function w(b) {
-      var m, g;
-      (g = e.onContextmenu) == null || g.call(e, b, (m = n == null ? void 0 : n.proxy) == null ? void 0 : m.$el);
+      var h, g;
+      (g = e.onContextmenu) == null || g.call(e, b, (h = n == null ? void 0 : n.proxy) == null ? void 0 : h.$el);
     }
     function x(b) {
-      var m, g;
-      (g = e.onDblclick) == null || g.call(e, b, (m = n == null ? void 0 : n.proxy) == null ? void 0 : m.$el);
+      var h, g;
+      (g = e.onDblclick) == null || g.call(e, b, (h = n == null ? void 0 : n.proxy) == null ? void 0 : h.$el);
     }
     function D(b) {
-      var m, g;
-      (g = e.onKeydown) == null || g.call(e, b, (m = n == null ? void 0 : n.proxy) == null ? void 0 : m.$el);
+      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", {
       class: ["y-data-table__row", {
@@ -6648,7 +6649,7 @@ const xt = /* @__PURE__ */ F({
       onDblclick: e.onDblclick && x,
       onMousedown: e.onMousedown && u,
       onKeydown: e.onKeydown && D
-    }, [e.item && a.value.map((b, m) => {
+    }, [e.item && a.value.map((b, h) => {
       var v;
       const g = e.item, _ = {
         index: e.index,
@@ -6663,12 +6664,12 @@ const xt = /* @__PURE__ */ F({
         column: b,
         el: (v = n == null ? void 0 : n.proxy) == null ? void 0 : v.$el
       }, T = S(() => {
-        const h = [];
+        const m = [];
         if (typeof b.classes == "function") {
           const C = b.classes.call(null, _.item, _.index, b);
-          C && h.push(...c(C));
-        } else b.classes && h.push(...c(b.classes));
-        return h;
+          C && m.push(...c(C));
+        } else b.classes && m.push(...c(b.classes));
+        return m;
       }), f = typeof e.cellProps == "function" ? e.cellProps({
         index: _.index,
         column: b,
@@ -6690,8 +6691,8 @@ const xt = /* @__PURE__ */ F({
       }, f), {
         default: () => {
           var C, Y;
-          const h = `item.${b.key}`;
-          return t[h] ? (C = t[h]) == 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 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, {
             variation: "text,small",
             disabled: !g.selectable,
             onClick: (E) => {
@@ -6794,7 +6795,7 @@ const xt = /* @__PURE__ */ F({
             el: f
           });
         }
-        function m(T, f) {
+        function h(T, f) {
           var v;
           (v = e["onKeydown:row"]) == null || v.call(e, T, {
             ...y,
@@ -6816,7 +6817,7 @@ const xt = /* @__PURE__ */ F({
           onContextmenu: D,
           onDblclick: x,
           onMousedown: b,
-          onKeydown: m
+          onKeydown: h
         };
         return d(J, null, [t.item ? t.item(g) : d(dl, H({
           ref: (T) => {
@@ -6827,7 +6828,7 @@ const xt = /* @__PURE__ */ F({
           onContextmenu: e["onContextmenu:row"] && D,
           onDblclick: e["onDblclick:row"] && x,
           onMousedown: e["onMousedown:row"] && b,
-          onKeydown: e["onKeydown:row"] && m
+          onKeydown: e["onKeydown:row"] && h
         }), t), i(c) && ((_ = t["expanded-row"]) == null ? void 0 : _.call(t, g))]);
       })]);
     });
@@ -6902,13 +6903,13 @@ const fl = K({
         contentRect: T
       } = g[0], f = _.querySelector(".y-pagination__list > *");
       if (f) {
-        const v = T.width, h = f.offsetWidth + parseFloat(getComputedStyle(f).marginRight) * 2;
-        o.value = s(v, h);
+        const v = T.width, m = f.offsetWidth + parseFloat(getComputedStyle(f).marginRight) * 2;
+        o.value = s(v, m);
       }
     });
     function s(g, _) {
-      const T = e.endButton ? 5 : 3, f = +(e.gap ?? 4), v = (_ + f) * T - f, h = Math.max(0, Math.floor(+((g - v) / (_ + f)).toFixed(2))), C = Number(e.maxVisible);
-      return Number.isNaN(C) ? h : Math.min(C, h);
+      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 c = S(() => {
       const g = Number(e.maxVisible);
@@ -6974,11 +6975,11 @@ const fl = K({
       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, h = l.value - v + i.value;
-        return [i.value, "ellipsis", ...De(v, h)];
+        const v = c.value - 1, m = l.value - v + i.value;
+        return [i.value, "ellipsis", ...De(v, m)];
       } else {
-        const v = Math.max(1, c.value - 3), h = v === 1 ? a.value : a.value - Math.ceil(v / 2) + i.value;
-        return [i.value, "ellipsis", ...De(v, h), "ellipsis", l.value];
+        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];
       }
     }), {
       refs: w,
@@ -7017,7 +7018,7 @@ const fl = K({
           }
         };
       }
-    })), m = S(() => {
+    })), h = S(() => {
       let g;
       if (e.gap) {
         const _ = +e.gap;
@@ -7032,7 +7033,7 @@ const fl = K({
       class: ["y-pagination", {
         [`y-pagination--align-${e.align}`]: e.align !== "start"
       }],
-      style: m.value
+      style: h.value
     }, [d("ul", {
       class: ["y-pagination__list"]
     }, [e.endButton && d("li", {
@@ -7147,20 +7148,20 @@ const fl = K({
     } = Cn(), {
       columns: u,
       headers: y
-    } = pn(), w = (m, g) => {
-      if (!e.sticky && !m.fixed) return;
+    } = pn(), w = (h, g) => {
+      if (!e.sticky && !h.fixed) return;
       const _ = {};
-      return (m.fixed === !0 || m.fixed === "left") && (_.left = U(m.fixedOffset)), m.fixed === "right" && (_.right = U(m.rightOffset)), {
+      return (h.fixed === !0 || h.fixed === "left") && (_.left = U(h.fixedOffset)), h.fixed === "right" && (_.right = U(h.rightOffset)), {
         position: "sticky",
-        zIndex: m.fixed ? 4 : e.sticky ? 3 : void 0,
+        zIndex: h.fixed ? 4 : e.sticky ? 3 : void 0,
         top: e.sticky ? `calc(var(--v-table-header-height) * ${g})` : void 0,
         ..._
       };
     };
-    function x(m) {
+    function x(h) {
     }
-    function D(m) {
-      const g = a.value.find((_) => _.key === m.key);
+    function D(h) {
+      const g = a.value.find((_) => _.key === h.key);
       if (g) {
         if (g.order === "asc")
           return "asc";
@@ -7169,34 +7170,34 @@ const fl = K({
       }
     }
     const b = ({
-      column: m,
+      column: h,
       x: g,
       y: _
     }) => d(xt, H({
       type: "head",
-      align: m.align,
-      fixed: m.fixed ? (m.fixed === "right" ? "trail" : "lead") + (m.lastFixed ? "-last" : "") : void 0,
+      align: h.align,
+      fixed: h.fixed ? (h.fixed === "right" ? "trail" : "lead") + (h.lastFixed ? "-last" : "") : void 0,
       class: ["y-data-table-header", {
-        "y-data-table-header--sortable": m.sortable,
-        "y-data-table-header--sorted": l(m),
-        "y-data-table-header--select": m.key === "data-table-select"
-      }, ...Te(m.headerClasses ?? [])],
+        "y-data-table-header--sortable": h.sortable,
+        "y-data-table-header--sorted": l(h),
+        "y-data-table-header--select": h.key === "data-table-select"
+      }, ...Te(h.headerClasses ?? [])],
       style: {
-        width: U(m.width),
-        minWidth: U(m.width),
-        maxWidth: U(m.maxWidth),
-        ...w(m, _)
+        width: U(h.width),
+        minWidth: U(h.width),
+        maxWidth: U(h.maxWidth),
+        ...w(h, _)
       }
     }, {
-      rowspan: m.rowspan,
-      colspan: m.colspan
+      rowspan: h.rowspan,
+      colspan: h.colspan
     }, {
       onClick: x
     }), {
       default: () => {
-        var v, h, C;
-        const T = `header.${m.key}`, f = {
-          column: m,
+        var v, m, C;
+        const T = `header.${h.key}`, f = {
+          column: h,
           selectAll: r,
           isSorted: l,
           toggleSort: n,
@@ -7206,7 +7207,7 @@ const fl = K({
           selectables: c.value,
           getSortDirection: D
         };
-        return t[T] ? (v = t[T]) == null ? void 0 : v.call(t, f) : m.key === "data-table-select" ? ((h = t["header.data-table-select"]) == null ? void 0 : h.call(t, f)) ?? (s && d(ee, {
+        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, {
           variation: "text,small",
           disabled: c.value.length < 1,
           onClick: (Y) => {
@@ -7222,22 +7223,22 @@ const fl = K({
           class: "y-data-table-header__content"
         }, [d("span", {
           class: "y-data-table-header__text"
-        }, [((C = t == null ? void 0 : t[`header-text.${m.key}`]) == null ? void 0 : C.call(t, f)) ?? m.text]), d("span", {
+        }, [((C = t == null ? void 0 : t[`header-text.${h.key}`]) == null ? void 0 : C.call(t, f)) ?? h.text]), d("span", {
           class: ["y-data-table-header__sorting-icon", {
-            "y-data-table-header__sorting-icon--disabled": !m.sortable
+            "y-data-table-header__sorting-icon--disabled": !h.sortable
           }],
-          onClick: m.sortable ? (Y) => {
-            Y.stopPropagation(), n(m);
+          onClick: h.sortable ? (Y) => {
+            Y.stopPropagation(), n(h);
           } : void 0
         }, [d(hn, {
-          disabled: !m.sortable,
-          direction: D(m)
+          disabled: !h.sortable,
+          direction: D(h)
         }, null)])]);
       }
     });
     W(() => {
-      var m;
-      return d(J, null, [t.head ? (m = t.head) == null ? void 0 : m.call(t, e) : y.value.map((g, _) => d("tr", null, [g.map((T, f) => d(b, {
+      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, {
         column: T,
         x: f,
         y: _
@@ -7326,7 +7327,7 @@ const fl = K({
       startIndex: x,
       endIndex: D,
       pageLength: b,
-      setPageSize: m,
+      setPageSize: h,
       setPage: g
     } = ll({
       page: l,
@@ -7344,7 +7345,7 @@ const fl = K({
     }), {
       isSelected: f,
       select: v,
-      selectAll: h,
+      selectAll: m,
       toggleSelect: C,
       someSelected: Y,
       allSelected: E
@@ -7369,7 +7370,7 @@ const fl = K({
       page: l.value,
       pageSize: i.value,
       pageLength: b.value,
-      setPageSize: m,
+      setPageSize: h,
       setPage: g,
       // sorting
       sortBy: o.value,
@@ -7382,7 +7383,7 @@ const fl = K({
       allSelected: E.value,
       isSelected: f,
       select: v,
-      selectAll: h,
+      selectAll: m,
       toggleSelect: C,
       // matrix
       items: T.value,
@@ -7396,7 +7397,7 @@ const fl = K({
       sortBy: o,
       headRect: p
     }), W(() => {
-      var $;
+      var N;
       const I = Q(e, Je.props), V = Q(e, Ve.props), B = Q(e, Le.props);
       return d(Le, H({
         class: ["y-data-table", {
@@ -7404,7 +7405,7 @@ const fl = K({
         }]
       }, B, {
         style: {
-          "--y-table-head-height": U(($ = p.value) == null ? void 0 : $.height)
+          "--y-table-head-height": U((N = p.value) == null ? void 0 : N.height)
         }
       }), {
         top: () => {
@@ -7415,14 +7416,14 @@ const fl = K({
           "slot-props": k.value
         }, t)]),
         default: () => {
-          var L, N, j;
+          var L, $, j;
           return t.default ? t.default(k.value) : d(J, null, [d("thead", {
             ref: A
           }, [d(Je, I, t)]), (L = t.thead) == null ? void 0 : L.call(t, k.value), !e.hideDefaultTbody && d("tbody", null, [d(Ve, H({
             ref: a
           }, V, {
             items: k.value.items
-          }), t)]), (N = t.tbody) == null ? void 0 : N.call(t, k.value), (j = t.tfoot) == null ? void 0 : j.call(t, k.value)]);
+          }), t)]), ($ = t.tbody) == null ? void 0 : $.call(t, k.value), (j = t.tfoot) == null ? void 0 : j.call(t, k.value)]);
         },
         trailing: () => {
           var L;
@@ -7499,7 +7500,7 @@ const fl = K({
       pageSize: i,
       total: s
     }), {
-      isSelected: m,
+      isSelected: h,
       select: g,
       selectAll: _,
       toggleSelect: T,
@@ -7509,7 +7510,7 @@ const fl = K({
       allItems: y,
       pageItems: y
     }), {
-      isExpanded: h,
+      isExpanded: m,
       toggleExpand: C
     } = Ja(e), Y = M(), E = sn(A, 100), {
       resizeObservedRef: P
@@ -7533,12 +7534,12 @@ const fl = K({
       sortBy: o.value,
       toggleSort: w,
       // expand
-      isExpanded: h,
+      isExpanded: m,
       toggleExpand: C,
       // selection
       someSelected: f.value,
       allSelected: v.value,
-      isSelected: m,
+      isSelected: h,
       select: g,
       selectAll: _,
       toggleSelect: T,
@@ -7576,14 +7577,14 @@ const fl = K({
           slotProps: O.value
         }, t)]),
         default: () => {
-          var B, $, L;
+          var B, N, L;
           return t.default ? t.default(O.value) : d(J, null, [d("thead", {
             ref: P
           }, [d(Je, p, t)]), (B = t.thead) == null ? void 0 : B.call(t, O.value), d("tbody", null, [d(Ve, H({
             ref: a
           }, k, {
             items: y.value
-          }), t)]), ($ = t.tbody) == null ? void 0 : $.call(t, O.value), (L = t.tfoot) == null ? void 0 : L.call(t, O.value)]);
+          }), t)]), (N = t.tbody) == null ? void 0 : N.call(t, O.value), (L = t.tfoot) == null ? void 0 : L.call(t, O.value)]);
         },
         trailing: () => {
           var B;
@@ -7618,7 +7619,7 @@ const fl = K({
     slots: t
   }) {
     const n = X(null), a = Jl("layerRowRef"), l = X(null), i = X(!1), o = M(), r = S(() => {
-      var u, y, w, x, D, b, m;
+      var u, y, w, x, D, b, h;
       const c = ((w = e.styles) == null ? void 0 : w.call(e, e.item, {
         width: e.width,
         height: (y = (u = l.value) == null ? void 0 : u[0]) == null ? void 0 : y.height
@@ -7626,7 +7627,7 @@ const fl = K({
       return {
         transform: `translateY(${e.scrollTop * -1 + (((x = o.value) == null ? void 0 : x.offsetTop) ?? 0) - (((D = e.headRect) == null ? void 0 : D.height) ?? 40)}px)`,
         width: U((c == null ? void 0 : c.width) ?? e.width),
-        height: U((c == null ? void 0 : c.height) ?? ((m = (b = l.value) == null ? void 0 : b[0]) == null ? void 0 : m.height))
+        height: U((c == null ? void 0 : c.height) ?? ((h = (b = l.value) == null ? void 0 : b[0]) == null ? void 0 : h.height))
       };
     }), s = S(() => {
       var u;
@@ -7783,15 +7784,15 @@ const Dn = {
     function b(v) {
       if (v.stopPropagation(), !e.openOnClickBase)
         return;
-      const h = o.value;
+      const m = o.value;
       if (!e.disabled) {
-        if (e.openOnHover && s.value && h)
+        if (e.openOnHover && s.value && m)
           return;
-        o.value = !h;
+        o.value = !m;
       }
     }
-    function m(v) {
-      var h, C;
+    function h(v) {
+      var m, C;
       if (e.closeCondition !== !1) {
         if (typeof e.closeCondition == "function" && e.closeCondition(v) === !1) {
           o.value = !1;
@@ -7799,7 +7800,7 @@ const Dn = {
         }
         if (o.value) {
           c.value.length === 0 && (o.value = !1);
-          const Y = (h = u == null ? void 0 : u.$el.value) == null ? void 0 : h.content$, E = (C = u == null ? void 0 : u.$el.value) == null ? void 0 : C.modal;
+          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());
         }
       }
@@ -7813,8 +7814,8 @@ const Dn = {
     R(() => {
       var v;
       return (v = l.value) == null ? void 0 : v.baseEl;
-    }, (v, h) => {
-      v ? (g(v), v.addEventListener("click", b)) : h && (_(h), h.removeEventListener("click", b));
+    }, (v, m) => {
+      v ? (g(v), v.addEventListener("click", b)) : m && (_(m), m.removeEventListener("click", b));
     }, {
       immediate: !0
     });
@@ -7830,7 +7831,7 @@ const Dn = {
     }), W(() => d(ye, H({
       ref: l,
       transition: e.transition,
-      "onClick:complement": m,
+      "onClick:complement": h,
       onAfterLeave: () => n("afterLeave")
     }, {
       ...Q(e, ye.props),
@@ -7845,12 +7846,12 @@ const Dn = {
       "onUpdate:modelValue": (v) => o.value = v
     }), {
       default: (v) => {
-        var h;
-        return d(J, null, [((h = t.default) == null ? void 0 : h.call(t, v)) ?? ""]);
+        var m;
+        return d(J, null, [((m = t.default) == null ? void 0 : m.call(t, v)) ?? ""]);
       },
       base: (...v) => {
-        var h;
-        return (h = t.base) == null ? void 0 : h.call(t, ...v);
+        var m;
+        return (m = t.base) == null ? void 0 : m.call(t, ...v);
       }
     })), {
       layer$: l,
@@ -7988,7 +7989,7 @@ const Dn = {
     function s(b) {
       a.value = !1, t("blur", b);
     }
-    function c(b, ...m) {
+    function c(b, ...h) {
       if (t("click", b), e.disabled || e.readonly) return;
       const g = !l.value;
       l.value = g, t("change", g);
@@ -8000,14 +8001,14 @@ const Dn = {
     const y = S(() => {
       const {
         reverse: b,
-        disabled: m,
+        disabled: h,
         readonly: g
       } = e;
       return {
         "y-checkbox": !0,
         "y-checkbox--reverse": !!b,
         "y-checkbox--focused": a.value,
-        "y-checkbox--disabled": !!m,
+        "y-checkbox--disabled": !!h,
         "y-checkbox--readonly": !!g
       };
     }), w = S(() => {
@@ -8019,8 +8020,8 @@ const Dn = {
     }
     return R(l, (b) => {
       if (Array.isArray(e.modelValue)) {
-        const m = e.modelValue, g = D();
-        b && g === -1 ? m.push(e.value) : !b && g !== -1 && m.splice(g, 1), t("update:modelValue", m);
+        const h = e.modelValue, g = D();
+        b && g === -1 ? h.push(e.value) : !b && g !== -1 && h.splice(g, 1), t("update:modelValue", h);
       } else
         t("update:modelValue", b);
     }), R(() => e.modelValue, (b) => {
@@ -8029,7 +8030,7 @@ const Dn = {
       immediate: !0,
       deep: !0
     }), W(() => {
-      var b, m, g;
+      var b, h, g;
       return d("div", {
         class: [{
           ...y.value
@@ -8060,7 +8061,7 @@ const Dn = {
         }, ["stop"]),
         class: "y-checkbox__label",
         for: o
-      }, [n.label ? (m = n.label) == null ? void 0 : m.call(n) : e.label])]), (g = n.trailing) == null ? void 0 : g.call(n)]);
+      }, [n.label ? (h = n.label) == null ? void 0 : h.call(n) : e.label])]), (g = n.trailing) == null ? void 0 : g.call(n)]);
     }), {
       checked: l
     };
@@ -8446,10 +8447,10 @@ const _l = K({
     } = rt(), b = (I) => {
       const V = x(Te(I));
       return e.multiple ? V : V[0] ?? null;
-    }, m = G(e, "modelValue", [], (I) => w(I === null ? [null] : Te(I)), b), g = S(() => {
+    }, h = G(e, "modelValue", [], (I) => w(I === null ? [null] : Te(I)), b), g = S(() => {
       const I = [];
-      for (const V of m.value) {
-        const B = y.value.find(($) => e.itemComparator($.value, V.value));
+      for (const V of h.value) {
+        const B = y.value.find((N) => e.itemComparator(N.value, V.value));
         B !== void 0 && I.push(B);
       }
       return I;
@@ -8466,13 +8467,13 @@ const _l = K({
     function v(I) {
       e.disabled || (c.value = !c.value);
     }
-    function h(I) {
+    function m(I) {
       e.disabled || (I.key === "Enter" || I.key === " ") && (c.value = !c.value);
     }
     function C(I) {
       requestAnimationFrame(() => {
-        var B, $;
-        const V = ($ = (B = o.value) == null ? void 0 : B.layer$) == null ? void 0 : $.content$;
+        var B, N;
+        const V = (N = (B = o.value) == null ? void 0 : B.layer$) == null ? void 0 : N.content$;
         V != null && V.contains(document.activeElement) || c.value && e.closeOnBlur && (c.value = !1);
       });
     }
@@ -8485,23 +8486,23 @@ const _l = K({
       u.value;
     }
     function P(I) {
-      var V, B, $, L, N;
+      var V, B, N, L, $;
       if (I.target && ((B = (V = o.value) == null ? void 0 : V.layer$) != null && B.content$))
-        return (N = I.target) == null ? void 0 : N.contains((L = ($ = o.value) == null ? void 0 : $.layer$) == null ? void 0 : L.content$);
+        return ($ = I.target) == null ? void 0 : $.contains((L = (N = o.value) == null ? void 0 : N.layer$) == null ? void 0 : L.content$);
     }
     function O(I, V) {
       let B;
       if (e.multiple) {
-        const $ = g.value.findIndex((L) => L.value === I.value);
-        if ($ === -1)
-          B = [...m.value, I];
+        const N = g.value.findIndex((L) => L.value === I.value);
+        if (N === -1)
+          B = [...h.value, I];
         else {
-          const L = m.value.slice();
-          L.splice($, 1), B = L;
+          const L = h.value.slice();
+          L.splice(N, 1), B = L;
         }
       } else
         B = [I];
-      m.value = B, l("change", b(B), V, i.value);
+      h.value = B, l("change", b(B), V, i.value);
     }
     const A = S(() => {
       var I, V;
@@ -8521,11 +8522,11 @@ const _l = K({
         return;
       const I = Wt(r.value);
       if (I) {
-        const $ = I == null ? void 0 : I.querySelector(".y-list-item--active"), L = (B = (V = o.value) == null ? void 0 : V.layer$) == null ? void 0 : B.content$;
-        if ($ && L) {
-          const N = ur($);
-          N && (L.contains(N) || L.isSameNode(N)) && N.scrollTo({
-            top: $.offsetTop,
+        const N = I == null ? void 0 : I.querySelector(".y-list-item--active"), L = (B = (V = o.value) == null ? void 0 : V.layer$) == null ? void 0 : B.content$;
+        if (N && L) {
+          const $ = ur(N);
+          $ && (L.contains($) || L.isSameNode($)) && $.scrollTo({
+            top: N.offsetTop,
             behavior: "smooth"
           });
         }
@@ -8536,10 +8537,10 @@ const _l = K({
       return d(wt, H({
         ref: i
       }, I, {
-        modelValue: m.value.map((B) => B.props.value).join(", "),
-        validationValue: m.rxValue,
+        modelValue: h.value.map((B) => B.props.value).join(", "),
+        validationValue: h.rxValue,
         "onMousedown:display": v,
-        "onKeydown:display": h,
+        "onKeydown:display": m,
         onBlur: C,
         readonly: !0,
         class: ["y-select", {
@@ -8550,7 +8551,7 @@ const _l = K({
         focused: u.value
       }), {
         default: () => {
-          var $;
+          var N;
           const B = {
             items: g.value.map((L) => L.raw),
             displayText: A.value,
@@ -8559,7 +8560,7 @@ const _l = K({
           };
           return d(J, null, [d("div", {
             class: ["y-select__selection"]
-          }, [t.selection ? ($ = t.selection) == null ? void 0 : $.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]), d(Qe, H({
             ref: o,
             offset: e.offset,
             position: e.position,
@@ -8586,8 +8587,8 @@ const _l = K({
                 ref: s
               }, {
                 default: () => {
-                  var N, j, ie;
-                  return [(N = t["menu-prepend"]) == null ? void 0 : N.call(t), (((j = y.value) == null ? void 0 : j.length) ?? 0) > 0 ? d(wn, {
+                  var $, j, ie;
+                  return [($ = t["menu-prepend"]) == null ? void 0 : $.call(t), (((j = y.value) == null ? void 0 : j.length) ?? 0) > 0 ? d(wn, {
                     ref: r
                   }, Do(L = y.value.map((te) => {
                     const ue = {
@@ -8628,20 +8629,20 @@ const _l = K({
           })]);
         },
         leading: t.leading ? (...B) => {
-          var $;
-          return ($ = t.leading) == null ? void 0 : $.call(t, ...B);
+          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), {
           icon: e.dropdownIcon,
           class: ["y-select__icon"]
         }), null),
         label: t.label ? (...B) => {
-          var $;
-          return ($ = t.label) == null ? void 0 : $.call(t, ...B);
+          var N;
+          return (N = t.label) == null ? void 0 : N.call(t, ...B);
         } : void 0,
         "helper-text": t["helper-text"] ? (...B) => {
-          var $;
-          return ($ = t["helper-text"]) == null ? void 0 : $.call(t, ...B);
+          var N;
+          return (N = t["helper-text"]) == null ? void 0 : N.call(t, ...B);
         } : void 0
       });
     }), nt(() => {
@@ -8653,7 +8654,7 @@ const _l = K({
       opened: c
     }), {
       fieldInputRef: i,
-      model: m,
+      model: h,
       selections: g,
       selected: _,
       menuRef: o,
@@ -8859,20 +8860,20 @@ const _l = K({
       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 h = a.setYear(a.date(), a.getYear(c.value));
-      return h = a.startOfMonth(h), a.setMonth(h, v);
+      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(), h = 6 * 7;
-      if (v.length < h) {
+      const f = a.getWeekArray(u.value), v = f.flat(), m = 6 * 7;
+      if (v.length < m) {
         const C = v[v.length - 1];
         let Y = [];
-        for (let E = 1; E <= h - v.length; E++)
+        for (let E = 1; E <= m - v.length; E++)
           Y.push(a.addDays(C, E)), E % 7 === 0 && (f.push(Y), Y = []);
       }
       return f;
     }), w = S(() => {
       const f = y.value, v = a.date();
-      return f.map((h, C) => h.map((Y, E) => {
+      return f.map((m, C) => m.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 {
@@ -8886,7 +8887,7 @@ const _l = K({
           weekStart: E % 7 === 0,
           weekEnd: E % 7 === 6,
           rangeStart: A && r.value.length > 1 && e.range && a.isSameDay(b.value, Y),
-          rangeEnd: A && r.value.length === 2 && e.range && a.isSameDay(m.value, Y),
+          rangeEnd: A && r.value.length === 2 && e.range && a.isSameDay(h.value, Y),
           weekIndex: C,
           selected: A,
           interval: _(Y),
@@ -8901,7 +8902,7 @@ const _l = K({
       var f;
       if (e.range && ((f = r.value) != null && f[0]))
         return r.value[0];
-    }), m = S(() => {
+    }), h = S(() => {
       var f;
       if (e.range && ((f = r.value) != null && f[1]))
         return r.value[1];
@@ -8909,13 +8910,13 @@ const _l = K({
     function g(f) {
       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((h) => a.isSameDay(a.date(h), v)) : typeof e.allowedDates == "function" ? !e.allowedDates(v) : !1;
+      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;
     }
     function _(f) {
       if (!e.range) return !1;
       if (r.value.length === 2) {
-        const v = a.date(f), h = a.date(r.value[0]), C = a.date(r.value[1]);
-        if (a.isAfter(v, h) && a.isBefore(v, C))
+        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))
           return !0;
       }
       return !1;
@@ -8927,18 +8928,18 @@ const _l = K({
           n("click:day", f);
           return;
         }
-        const h = r.value.findIndex((C) => a.isSameDay(C, v));
+        const m = r.value.findIndex((C) => a.isSameDay(C, v));
         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)];
           } else
             r.value = [v];
-        else if (h === -1)
+        else if (m === -1)
           r.value = [...r.value, v];
         else {
           const C = [...r.value];
-          C.splice(h, 1), r.value = C;
+          C.splice(m, 1), r.value = C;
         }
       } else
         r.value = [v];
@@ -8964,35 +8965,35 @@ const _l = K({
         class: ["y-date-calendar__week"],
         role: "row",
         "aria-rowindex": v
-      }, [f.map((h, C) => {
+      }, [f.map((m, C) => {
         var E;
         const Y = {
           props: {
             onClick: () => {
-              T(h);
+              T(m);
             }
           },
-          item: h,
+          item: m,
           index: C
         };
         return d("div", {
           class: ["y-date-calendar__cell", "y-date-calendar__day", {
-            "y-date-calendar__day--adjacent": h.adjacent,
-            "y-date-calendar__day--hovered": h.hovered,
-            "y-date-calendar__day--selected": h.selected,
-            "y-date-calendar__day--week-start": h.weekStart,
-            "y-date-calendar__day--week-end": h.weekEnd,
-            "y-date-calendar__day--range-interval": h.interval,
-            "y-date-calendar__day--range-start": h.rangeStart,
-            "y-date-calendar__day--range-end": h.rangeEnd
+            "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
           }],
-          "data-date": h.disabled ? void 0 : h.isoDate
-        }, [(e.showAdjacentMonthDates || !h.adjacent) && d(J, null, [((E = t.day) == null ? void 0 : E.call(t, Y)) ?? d(ee, H({
-          color: (h.selected || h.today) && !h.disabled ? e.color : void 0,
-          disabled: h.disabled,
-          variation: ["rounded", h.selected ? "filled" : h.today ? "outlined" : "text"].join(",")
+          "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(",")
         }, Y.props), {
-          default: () => [h.day]
+          default: () => [m.day]
         })])]);
       })])
     ))])])), {
@@ -9003,7 +9004,7 @@ const _l = K({
       month: u,
       year: c,
       rangeStart: b,
-      rangeEnd: m,
+      rangeEnd: h,
       model: r
     };
   }
@@ -9178,12 +9179,12 @@ const _l = K({
       default: () => [u.text]
     })]))])), {};
   }
-}), Nl = K({
+}), $l = K({
   ...me(On(), ["modelValue"]),
   modelValue: null
 }, "YDatePicker"), Bo = /* @__PURE__ */ F({
   name: "YDatePicker",
-  props: Nl(),
+  props: $l(),
   emits: ["update:month", "update:year", "update:modelValue", "update:mode", "click:day"],
   setup(e, {
     emit: t
@@ -9211,7 +9212,7 @@ const _l = K({
     function b() {
       D();
     }
-    function m() {
+    function h() {
       x();
     }
     function g(v) {
@@ -9224,8 +9225,8 @@ const _l = K({
         (C = n.value) == null || C.changePage(v);
         return;
       }
-      const h = s.value + v;
-      h > 11 ? (c.value += 1, s.value = 0) : h < 0 ? (c.value -= 1, s.value = 11) : s.value = h;
+      const m = s.value + v;
+      m > 11 ? (c.value += 1, s.value = 0) : m < 0 ? (c.value -= 1, s.value = 11) : s.value = m;
     }
     function _() {
       g(-1);
@@ -9246,7 +9247,7 @@ const _l = K({
       yearText: w.value,
       monthText: y.value,
       "onClick:year": b,
-      "onClick:month": m,
+      "onClick:month": h,
       "onClick:prev": _,
       "onClick:next": T
     }), null), d(_t, {
@@ -9282,7 +9283,7 @@ const _l = K({
 function Po(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !lt(e);
 }
-const $l = K({
+const Nl = K({
   tag: {
     type: String,
     default: "div"
@@ -9306,9 +9307,9 @@ const $l = K({
   ...vr({
     backgroundOpacity: 1
   })
-}, "YBadge"), No = /* @__PURE__ */ F({
+}, "YBadge"), $o = /* @__PURE__ */ F({
   name: "YBadge",
-  props: $l(),
+  props: Nl(),
   slots: Object,
   setup(e, {
     slots: t
@@ -9358,7 +9359,7 @@ const $l = K({
       });
     });
   }
-}), $o = /* @__PURE__ */ F({
+}), No = /* @__PURE__ */ F({
   name: "YTextEllipsis",
   props: {
     text: {
@@ -9405,7 +9406,7 @@ const $l = K({
       class: "y-text-ellipsis__end"
     }, [r.value])]));
   }
-}), $e = "y-ip-field", aa = "y-ipv4-field", la = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, Lo = /* @__PURE__ */ F({
+}), Ne = "y-ip-field", aa = "y-ipv4-field", la = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/, Lo = /* @__PURE__ */ F({
   name: aa,
   props: {
     fixedUntil: Number,
@@ -9442,7 +9443,7 @@ const $l = 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, !V && k !== "" ? v(O, I) : (k.length > 2 && h(O), s[O] = B, Y());
+      r[O] = B.replace(/\./g, ""), !V && k !== "" ? v(O, I.replace(/\./g, "")) : (k.length > 2 && m(O), s[O] = B.replace(/\./g, ""), Y());
     }
     function x(O, A) {
       c.value = !0, u.value.push(O);
@@ -9458,14 +9459,14 @@ const $l = K({
     }
     function b(O, A) {
     }
-    function m(O, A) {
+    function h(O, A) {
       const p = A.target;
       if (A.key === "Backspace" && A.target && p.value === "" && C(O), (A.key === "ArrowRight" || A.key === "ArrowDown" && !A.shiftKey) && p.selectionStart !== null && p.value.length <= p.selectionStart)
         if (O === 3) {
           A.preventDefault(), n("tab");
           return;
         } else {
-          A.preventDefault(), h(O);
+          A.preventDefault(), m(O);
           return;
         }
       if ((A.key === "ArrowLeft" || A.key === "ArrowUp" && !A.shiftKey) && p.selectionStart !== null && p.selectionStart === 0)
@@ -9476,10 +9477,13 @@ const $l = K({
           A.preventDefault(), C(O);
           return;
         }
+      if (A.key === ".") {
+        A.preventDefault(), m(O);
+        return;
+      }
       (A.key === "Tab" && !A.shiftKey && p.value !== "" || A.key === "Enter" || A.key === ".") && e.onTab && O === 3 && (A.preventDefault(), n("tab", 3));
     }
     function g(O, A) {
-      A.key === "." && h(O);
     }
     function _(O) {
       if (typeof O == "string") {
@@ -9507,14 +9511,14 @@ const $l = K({
     }
     function v(O, A) {
       se(() => {
-        r[O] = A, Y();
+        r[O] = A.replace(/\./g, ""), Y();
       });
     }
-    function h(O) {
+    function m(O) {
       const A = O + 1;
       if (A < 4) {
         const p = i.value[A];
-        p.focus(), p.selectionStart = 0;
+        r[A] === "" && (r[A] = "0", Y()), p.focus(), p.selectionStart = 0;
       }
     }
     function C(O) {
@@ -9546,8 +9550,8 @@ const $l = K({
       n(O ? "focus" : "blur");
     }), W(() => (i.value = [], d(Ie, H({
       ref: l,
-      class: [aa, $e, {
-        [`${$e}--text`]: e.text
+      class: [aa, Ne, {
+        [`${Ne}--text`]: e.text
       }]
     }, Q(e, Ie.props)), {
       leading: (...O) => {
@@ -9555,7 +9559,7 @@ const $l = K({
         return (A = t.leading) == null ? void 0 : A.call(t, ...O);
       },
       default: (O) => d("div", H({
-        class: [`${$e}__field`]
+        class: [`${Ne}__field`]
       }, H({
         "data-id": O.attrId
       }), {
@@ -9563,12 +9567,12 @@ const $l = K({
       }), [[0, 1, 2, 3, 4].map((A) => {
         const p = re(r, A);
         return (!e.subnet && A < 4 || e.subnet) && [d("div", {
-          class: [`${$e}__part`]
+          class: [`${Ne}__part`]
         }, [d("input", {
           ref: (k) => i.value.push(k),
           id: `${O.attrId}__part--${A}`,
           value: p.value,
-          class: [`${$e}__part-input`],
+          class: [`${Ne}__part-input`],
           readonly: e.readonly || e.loading,
           disabled: e.disabled,
           autocomplete: "false",
@@ -9577,11 +9581,11 @@ const $l = K({
           onFocus: (k) => x(A),
           onBlur: (k) => D(A),
           onChange: (k) => void 0,
-          onKeydown: (k) => m(A, k),
-          onKeyup: (k) => g(A, k),
+          onKeydown: (k) => h(A, k),
+          onKeyup: (k) => void 0,
           onPaste: T
         }, null)]), A !== 4 && (!e.subnet && A < 3 || e.subnet) && d("div", {
-          class: [`${$e}__part`]
+          class: [`${Ne}__part`]
         }, [A < 3 ? "." : "/"])];
       })]),
       trailing: (...O) => {
@@ -9596,7 +9600,12 @@ const $l = K({
         var O;
         return (O = t["helper-text"]) == null ? void 0 : O.call(t);
       })
-    }))), {};
+    }))), {
+      parts: r,
+      lazyParts: s,
+      isFocused: c,
+      fieldFocused: u
+    };
   }
 }), Ll = K({
   disabled: Boolean,
@@ -9714,43 +9723,43 @@ const Vl = K({
       "y-img--scale-down": e.objectFit === "scale-down"
     }));
     function x() {
-      const h = i.value;
-      h && (r.value = h.currentSrc || h.src);
+      const m = i.value;
+      m && (r.value = m.currentSrc || m.src);
     }
-    function D(h) {
-      if (h.naturalWidth || h.naturalHeight)
-        s.value = h.naturalWidth, c.value = h.naturalHeight;
+    function D(m) {
+      if (m.naturalWidth || m.naturalHeight)
+        s.value = m.naturalWidth, c.value = m.naturalHeight;
       else {
-        if (!h.complete && o.value === "loading")
+        if (!m.complete && o.value === "loading")
           return !1;
-        (h.currentSrc.endsWith(".svg") || h.currentSrc.startsWith("data:image/svg+xml")) && (s.value = 1, c.value = 1);
+        (m.currentSrc.endsWith(".svg") || m.currentSrc.startsWith("data:image/svg+xml")) && (s.value = 1, c.value = 1);
       }
       return !0;
     }
     R(() => e.src, () => {
       v();
-    }), R(o, (h) => {
-      a("status", h);
+    }), R(o, (m) => {
+      a("status", m);
     }, {
       immediate: !0
     });
-    const b = (h) => t.placeholder ? d(et, H(u.value, {
+    const b = (m) => t.placeholder ? d(et, H(u.value, {
       appear: !0
     }), {
       default: () => {
         var C;
-        return [(h.status === "idle" || h.status === "error") && d("div", {
+        return [(m.status === "idle" || m.status === "error") && d("div", {
           class: "y-img__placeholder"
-        }, [(C = t.placeholder) == null ? void 0 : C.call(t, h)])];
+        }, [(C = t.placeholder) == null ? void 0 : C.call(t, m)])];
       }
     }) : null;
-    function m() {
+    function h() {
       l.isUnmounted || (o.value = "loaded");
     }
-    function g(h) {
-      l.isUnmounted || (o.value = "error", a("error", h));
+    function g(m) {
+      l.isUnmounted || (o.value = "error", a("error", m));
     }
-    const _ = (h) => {
+    const _ = (m) => {
       let C;
       const Y = d("img", {
         ref: i,
@@ -9760,31 +9769,31 @@ const Vl = K({
         draggable: n.draggable,
         alt: n.alt,
         class: ["y-img__img", w.value],
-        onLoad: m,
+        onLoad: h,
         onError: g
       }, null);
       return d(et, H(u.value, {
         appear: !0
-      }), Fo(C = Me(Y, [[at, h.status === "loaded"]])) ? C : {
+      }), Fo(C = Me(Y, [[at, m.status === "loaded"]])) ? C : {
         default: () => [C]
       });
     };
     let T = -1;
-    function f(h, C = 100) {
+    function f(m, C = 100) {
       const Y = () => {
-        clearTimeout(T), !l.isUnmounted && !D(h) && C != null && (T = window.setTimeout(Y, C));
+        clearTimeout(T), !l.isUnmounted && !D(m) && C != null && (T = window.setTimeout(Y, C));
       };
       Y();
     }
-    function v(h) {
-      e.eager, !(Ca.canUseIntersectionObserver && !h && !e.eager) && (o.value = "loading", y.value.src && se(() => {
+    function v(m) {
+      e.eager, !(Ca.canUseIntersectionObserver && !m && !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" && m();
+              f(i.value, null), o.value === "loading" && h();
             } else i.value && (f(i.value), x());
         });
       }));
@@ -9809,7 +9818,7 @@ const Vl = K({
   PageControlPaths: ht,
   YAlert: Yo,
   YApp: ui,
-  YBadge: No,
+  YBadge: $o,
   YButton: ee,
   YCard: Ot,
   YCardBody: sr,
@@ -9828,7 +9837,7 @@ const Vl = K({
   YDataTableServer: mo,
   YDateCalendar: Qt,
   YDatePicker: Bo,
-  YDialog: $r,
+  YDialog: Nr,
   YDividePanel: Wr,
   YDivider: Mo,
   YDropdown: po,
@@ -9863,7 +9872,7 @@ const Vl = K({
   YTab: Tl,
   YTable: Le,
   YTabs: To,
-  YTextEllipsis: $o,
+  YTextEllipsis: No,
   YTextHighlighter: za,
   YTextarea: Ri,
   YTi: Ro,
@@ -9876,15 +9885,15 @@ const Vl = K({
   pressDataTableProps: _n,
   pressDataTableServerProps: ml,
   pressSelectPropsOptions: _l,
-  pressYBadgePropsOptions: $l,
+  pressYBadgePropsOptions: Nl,
   pressYButtonProps: Et,
   pressYChipPropsOptions: Ya,
   pressYDataTableBodyProps: kn,
   pressYDataTableControlPropsOptions: At,
   pressYDataTableRowProps: sl,
   pressYDateCalendarPropsOptions: On,
-  pressYDatePickerPropsOptions: Nl,
-  pressYDialogPropsOptions: $a,
+  pressYDatePickerPropsOptions: $l,
+  pressYDialogPropsOptions: Na,
   pressYDividerPropsOptions: Yl,
   pressYDropdownPropsOptions: pl,
   pressYFieldInputPropsOptions: cn,