yuyeon 0.3.4-beta.15 → 0.3.4-beta.17

package/dist/yuyeon.js

@@ -1021,75 +1021,75 @@ function cl(e) {
     s.value = w.matches ? "dark" : "light";
   }
   const u = C(() => a.value === "auto" ? s.value : a.value === "dark" ? "dark" : "light"), m = C(() => {
-    var w, h;
-    return typeof i.value == "string" && i.value in x ? i.value : Array.isArray(i.value) ? u.value === "dark" ? ((w = i.value) == null ? void 0 : w[1]) ?? "dark" : ((h = i.value) == null ? void 0 : h[0]) ?? "light" : u.value;
+    var w, g;
+    return typeof i.value == "string" && i.value in x ? i.value : Array.isArray(i.value) ? u.value === "dark" ? ((w = i.value) == null ? void 0 : w[1]) ?? "dark" : ((g = i.value) == null ? void 0 : g[0]) ?? "light" : u.value;
   }), y = C(() => il(l.value)), x = C(() => al(r.value)), T = C(() => {
-    const w = m.value, h = x.value[w];
-    return h != null && h.colors ? h.colors : {};
+    const w = m.value, g = x.value[w];
+    return g != null && g.colors ? g.colors : {};
   }), _ = C(() => {
-    const w = n.separation ? `#${n.separation}` : "", h = [];
-    h.push(
+    const w = n.separation ? `#${n.separation}` : "", g = [];
+    g.push(
       ...Qe(":root", mt(y.value, "palette"))
     );
-    for (const [g, p] of Object.entries(x.value)) {
+    for (const [h, p] of Object.entries(x.value)) {
       const { colors: M, variables: Y, isDark: R } = p, k = {
         ...M,
         ...Y
       }, D = R ? "dark" : "light";
-      a.value === "auto" ? h.push(
+      a.value === "auto" ? g.push(
         ...Qe(
           `@media (prefers-color-scheme: ${D})`,
           Qe(
-            `${w}[data-theme-scheme='auto'][data-${D}-theme='${g}']`,
+            `${w}[data-theme-scheme='auto'][data-${D}-theme='${h}']`,
             mt(k, "theme")
           )
         )
-      ) : h.push(
+      ) : g.push(
         ...Qe(
-          `${w}[data-theme-scheme='${D}'][data-${D}-theme='${g}']`,
+          `${w}[data-theme-scheme='${D}'][data-${D}-theme='${h}']`,
           mt(k, "theme")
         )
-      ), h.push(
+      ), g.push(
         ...Qe(
-          `${w} .y-theme--${g}`,
+          `${w} .y-theme--${h}`,
           mt(k, "theme")
         )
       );
     }
-    return h.join("");
+    return g.join("");
   });
   function v(w) {
     w.directive("theme", nl);
-    let h = document.getElementById(
+    let g = document.getElementById(
       `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`
     );
-    V(_, g, { immediate: !0 });
-    function g() {
-      if (typeof document < "u" && !h) {
+    V(_, h, { immediate: !0 });
+    function h() {
+      if (typeof document < "u" && !g) {
         const p = document.createElement("style");
-        p.type = "text/css", p.id = `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`, e != null && e.cspNonce && p.setAttribute("nonce", e.cspNonce), h = p, document.head.appendChild(h);
+        p.type = "text/css", p.id = `yuyeon-theme-palette${n.separation ? "__" + n.separation : ""}`, e != null && e.cspNonce && p.setAttribute("nonce", e.cspNonce), g = p, document.head.appendChild(g);
       }
-      h && (h.innerHTML = _.value);
+      g && (g.innerHTML = _.value);
     }
   }
   function f(w) {
     if (o.value = ul(), o.value) {
-      const h = window.matchMedia("(prefers-color-scheme: dark)");
-      c(h), h.addEventListener("change", c);
+      const g = window.matchMedia("(prefers-color-scheme: dark)");
+      c(g), g.addEventListener("change", c);
     }
     V(
       i,
-      (h) => {
-        const [g, p] = h;
-        w.root.dataset.lightTheme = g, w.root.dataset.darkTheme = p;
+      (g) => {
+        const [h, p] = g;
+        w.root.dataset.lightTheme = h, w.root.dataset.darkTheme = p;
       },
       { immediate: !0 }
     ), V(
       a,
-      (h) => {
+      (g) => {
         w.root.setAttribute(
           "data-theme-scheme",
-          h === "auto" ? "auto" : u.value
+          g === "auto" ? "auto" : u.value
         );
       },
       { immediate: !0 }
@@ -1263,12 +1263,12 @@ function yl(e, t, n = Ge()) {
   ), l = ie(), o = fl(), s = O(!1), c = C(() => {
     let w = e.validateOn || "input";
     w === "lazy" && (w = "input,lazy");
-    const h = new Set((w == null ? void 0 : w.split(",")) ?? []);
+    const g = new Set((w == null ? void 0 : w.split(",")) ?? []);
     return {
-      blur: h.has("blur") || h.has("input"),
-      input: h.has("input"),
-      lazy: h.has("lazy"),
-      submit: h.has("submit")
+      blur: g.has("blur") || g.has("input"),
+      input: g.has("input"),
+      lazy: g.has("lazy"),
+      submit: g.has("submit")
     };
   }), u = O(), m = O([]), y = C(() => e.readonly || (o == null ? void 0 : o.isReadonly.value)), x = C(() => e.disabled || (o == null ? void 0 : o.isDisabled.value)), T = C(() => e.loading || (o == null ? void 0 : o.isLoading.value)), _ = C(() => e.status === "error" || m.value.length > 0), v = C(() => !_.value && e.status === "success");
   Cn(
@@ -1280,8 +1280,8 @@ function yl(e, t, n = Ge()) {
         else if (e.focused) {
           const w = V(
             () => e.focused,
-            (h) => {
-              h || f(), w();
+            (g) => {
+              g || f(), w();
             }
           );
         }
@@ -1291,10 +1291,10 @@ function yl(e, t, n = Ge()) {
   async function f() {
     const w = [];
     if (s.value = !0, Array.isArray(e.validators))
-      for (const h of e.validators) {
+      for (const g of e.validators) {
         if (w.length >= +(e.maxErrors ?? 1))
           break;
-        const p = await (typeof h == "function" ? h : () => h)(r.value);
+        const p = await (typeof g == "function" ? g : () => g)(r.value);
         if (p !== !0) {
           if (p !== !1 && typeof p != "string") {
             console.warn("Wrong validator return type");
@@ -1442,9 +1442,9 @@ const ge = "y-input", dt = j({
       isSuccess: f,
       errors: b,
       errorResult: S
-    } = yl(e, ge, r), w = O(), h = O(), g = O();
+    } = yl(e, ge, r), w = O(), g = O(), h = O();
     O();
-    const p = X(!1), M = C(() => e.variation ? e.variation.split(",").map((P) => P.trim()) : []), Y = C(() => e.floated || !!e.placeholder || !e.placeholder && o.value || !!g.value), R = C(() => ({
+    const p = X(!1), M = C(() => e.variation ? e.variation.split(",").map((P) => P.trim()) : []), Y = C(() => e.floated || !!e.placeholder || !e.placeholder && o.value || !!h.value), R = C(() => ({
       // Style
       [l.value]: !0,
       "y-input--ceramic": !!e.ceramic,
@@ -1452,7 +1452,7 @@ const ge = "y-input", dt = j({
       "y-input--filled": M.value.includes("filled") || !!e.filled,
       // Value
       "y-input--loading": x.value,
-      "y-input--has-value": !!g.value,
+      "y-input--has-value": !!h.value,
       "y-input--focused": o.value,
       "y-input--readonly": y.value,
       "y-input--disabled": m.value,
@@ -1463,10 +1463,10 @@ const ge = "y-input", dt = j({
       height: z(e.height)
     }));
     V(() => e.modelValue, (P) => {
-      g.value = P;
+      h.value = P;
     }), V(() => e.readonly, (P) => {
-      P || (g.value = e.modelValue);
-    }), V(g, (P) => {
+      P || (h.value = e.modelValue);
+    }), V(h, (P) => {
       !y.value && !x.value && i("update:modelValue", P);
     }), V(v, (P) => {
       i("error", P, b.value);
@@ -1505,7 +1505,7 @@ const ge = "y-input", dt = j({
           for: `y-input--${r}`
         }, [t.label ? t.label() : e.label ? d(J, null, [e.label, e.required && d("span", {
           class: "y-input__required-mark"
-        }, [Bt("*")])]) : e.placeholder && !g.value && e.placeholder]);
+        }, [Bt("*")])]) : e.placeholder && !h.value && e.placeholder]);
     }
     return a({
       ...e.extended ?? {},
@@ -1525,7 +1525,7 @@ const ge = "y-input", dt = j({
         ref: w,
         class: [`${ge}__stack`]
       }, [!e.floating && B(), t["leading-out"] && t["leading-out"](), d("div", {
-        ref: h,
+        ref: g,
         class: `${ge}__display`,
         style: [{
           ...k.value
@@ -1648,10 +1648,10 @@ const ge = "y-input", dt = j({
     function w(E) {
       a("keyup", E);
     }
-    function h(E) {
+    function g(E) {
       a("click:clear", E), Y();
     }
-    function g(E) {
+    function h(E) {
       (E.code === "Space" || E.code === "Enter") && Y();
     }
     function p() {
@@ -1768,8 +1768,8 @@ const ge = "y-input", dt = j({
         type: "button",
         class: [`${ht}__clear`],
         disabled: e.disabled,
-        onClick: h,
-        onKeydown: g,
+        onClick: g,
+        onKeydown: h,
         tabindex: 2
       }, [d(Tn, null, null)])]), i.trailing && d("div", {
         class: ["y-input__trailing"]
@@ -1836,65 +1836,65 @@ const ge = "y-input", dt = j({
       whenFocus: m,
       whenBlur: y
     } = kn(e, "y-field-input");
-    function x(g) {
-      n("update:modelValue", g);
+    function x(h) {
+      n("update:modelValue", h);
     }
     function T() {
-      const g = ie(), {
+      const h = ie(), {
         displayText: p
       } = e;
       if (p !== void 0) {
         let M = s.value;
-        typeof p == "string" && (M = p), p && typeof p == "function" && (M = p.call(g, M)), se(() => {
+        typeof p == "string" && (M = p), p && typeof p == "function" && (M = p.call(h, M)), se(() => {
           c.value = M;
         });
       }
     }
-    function _(g) {
-      n("input", g);
-      const p = g.target;
+    function _(h) {
+      n("input", h);
+      const p = h.target;
       s.value = p == null ? void 0 : p.value, c.value = p == null ? void 0 : p.value;
     }
-    function v(g) {
-      n("change", s.value, g);
+    function v(h) {
+      n("change", s.value, h);
     }
-    function f(g) {
-      m(), c.value = s.value, n("focus", g);
+    function f(h) {
+      m(), c.value = s.value, n("focus", h);
     }
-    function b(g) {
-      y(), n("blur", g), T();
+    function b(h) {
+      y(), n("blur", h), T();
     }
-    function S(g) {
-      n("keydown", g);
+    function S(h) {
+      n("keydown", h);
     }
-    function w(g) {
-      n("keyup", g);
+    function w(h) {
+      n("keyup", h);
     }
-    function h(g) {
-      n("click", g);
+    function g(h) {
+      n("click", h);
     }
-    return V(() => e.modelValue, (g) => {
-      s.value = g, c.value = g;
+    return V(() => e.modelValue, (h) => {
+      s.value = h, c.value = h;
     }, {
       immediate: !0
-    }), V(s, (g) => {
-      u.value ? c.value = g : T();
+    }), V(s, (h) => {
+      u.value ? c.value = h : T();
     }), i({
       el$: l,
       input$: o,
       validate: () => {
-        var g;
-        return (g = l.value) == null ? void 0 : g.invokeValidators();
+        var h;
+        return (h = l.value) == null ? void 0 : h.invokeValidators();
       }
     }), K(() => {
-      const g = ne(e, Be.props);
+      const h = ne(e, Be.props);
       return d(Be, W({
         class: [aa]
-      }, g, {
+      }, h, {
         modelValue: s.value,
         "onUpdate:modelValue": x,
         focused: u.value,
-        onClick: h,
+        onClick: g,
         "onMousedown:display": (p) => n("mousedown:display", p)
       }), {
         default: (p) => {
@@ -2916,29 +2916,29 @@ function Dn(e, t = 0, n = {
   if (typeof e != "function")
     throw new TypeError("NOT Function");
   t = +t || 0, Ar(n) && (u = !!n.leading, m = "maxWait" in n, r = m ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : r, y = "trailing" in n ? !!n.trailing : y);
-  function x(g) {
+  function x(h) {
     const p = a, M = i;
-    return a = i = void 0, c = g, l = e.apply(M, p), l;
+    return a = i = void 0, c = h, l = e.apply(M, p), l;
   }
-  function T(g) {
-    return c = g, o = window.setTimeout(f, t), u ? x(g) : l;
+  function T(h) {
+    return c = h, o = window.setTimeout(f, t), u ? x(h) : l;
   }
-  function _(g) {
-    var p = g - (s ?? 0), M = g - (c ?? 0), Y = t - p;
+  function _(h) {
+    var p = h - (s ?? 0), M = h - (c ?? 0), Y = t - p;
     return m ? Math.min(Y, (r ?? 0) - M) : Y;
   }
-  function v(g) {
-    var p = g - (s ?? 0), M = g - (c ?? 0);
+  function v(h) {
+    var p = h - (s ?? 0), M = h - (c ?? 0);
     return s === void 0 || p >= t || p < 0 || m && M >= (r ?? 0);
   }
   function f() {
-    const g = Date.now();
-    if (v(g))
-      return b(g);
-    o = window.setTimeout(f, _(g));
+    const h = Date.now();
+    if (v(h))
+      return b(h);
+    o = window.setTimeout(f, _(h));
   }
-  function b(g) {
-    return o = void 0, y && a ? x(g) : (a = i = void 0, l);
+  function b(h) {
+    return o = void 0, y && a ? x(h) : (a = i = void 0, l);
   }
   function S() {
     o !== void 0 && clearTimeout(o), c = 0, a = s = i = o = void 0;
@@ -2946,9 +2946,9 @@ function Dn(e, t = 0, n = {
   function w() {
     return o === void 0 ? l : b(Date.now());
   }
-  function h() {
-    const g = Date.now(), p = v(g);
-    if (a = arguments, i = this, s = g, p) {
+  function g() {
+    const h = Date.now(), p = v(h);
+    if (a = arguments, i = this, s = h, p) {
       if (o === void 0)
         return T(s);
       if (m)
@@ -2956,7 +2956,7 @@ function Dn(e, t = 0, n = {
     }
     return o === void 0 && (o = window.setTimeout(f, t)), l;
   }
-  return h.cancel = S, h.flush = w, h;
+  return g.cancel = S, g.flush = w, g;
 }
 function An(e) {
   const t = e.getRootNode();
@@ -3301,22 +3301,22 @@ const Ja = j({
     function y() {
       const w = l.value;
       if (Array.isArray(w)) {
-        const h = w.find((g) => g === e.value);
-        o.value = h !== void 0;
+        const g = w.find((h) => h === e.value);
+        o.value = g !== void 0;
       } else typeof w == "boolean" && (o.value = w);
     }
     function x(w) {
-      const h = l.value;
-      if (Array.isArray(h)) {
-        const g = h.slice();
-        if (w && e.max !== void 0 && g.length >= e.max) {
+      const g = l.value;
+      if (Array.isArray(g)) {
+        const h = g.slice();
+        if (w && e.max !== void 0 && h.length >= e.max) {
           t("overmax"), T(!1);
           return;
         }
-        w && u.value < 0 ? g.push(e.value) : u.value > -1 && g.splice(u.value, 1), t("change", g);
+        w && u.value < 0 ? h.push(e.value) : u.value > -1 && h.splice(u.value, 1), t("change", h);
       }
     }
-    function T(w, h) {
+    function T(w, g) {
       se(() => {
         o.value = w;
       });
@@ -3330,14 +3330,14 @@ const Ja = j({
     function f(w) {
       e.disabled || e.loading || b(!o.value);
     }
-    function b(w, h) {
+    function b(w, g) {
       o.value = w, c.value ? x(w) : (l.value = w, t("change", w));
     }
     function S(w) {
       t("keydown", w);
     }
     K(() => {
-      var h;
+      var g;
       const w = {
         backgroundColor: e.color
       };
@@ -3378,7 +3378,7 @@ const Ja = j({
       }, null)])]), n.label && d("label", {
         for: i,
         class: "y-switch__label"
-      }, [(h = n.label) == null ? void 0 : h.call(n), d("input", {
+      }, [(g = n.label) == null ? void 0 : g.call(n), d("input", {
         hidden: !0
       }, null)])])]);
     });
@@ -3447,8 +3447,8 @@ function ql(e, t, n, a) {
   });
   V(
     [t.base, t.contentEl],
-    ([b, S], [w, h]) => {
-      w && !Array.isArray(w) && w.nodeType === 1 && _.unobserve(w), b && !Array.isArray(b) && b.nodeType === 1 && _.observe(b), h && _.unobserve(h), S && _.observe(S);
+    ([b, S], [w, g]) => {
+      w && !Array.isArray(w) && w.nodeType === 1 && _.unobserve(w), b && !Array.isArray(b) && b.nodeType === 1 && _.observe(b), g && _.unobserve(g), S && _.observe(S);
     },
     { immediate: !0 }
   ), _e(() => {
@@ -3469,9 +3469,9 @@ function ql(e, t, n, a) {
       y: (b == null ? void 0 : b[1]) ?? 0,
       width: 0,
       height: 0
-    }) : b.getBoundingClientRect(), h = v(S), g = Et(S);
-    g.length < 1 && g.push(document.documentElement);
-    const p = g.reduce(
+    }) : b.getBoundingClientRect(), g = v(S), h = Et(S);
+    h.length < 1 && h.push(document.documentElement);
+    const p = h.reduce(
       ($, B) => {
         const P = B.getBoundingClientRect(), H = new bt({
           x: B === document.documentElement ? 0 : P.x,
@@ -3504,7 +3504,7 @@ function ql(e, t, n, a) {
       origin: Y.value
     };
     function k($) {
-      const B = new bt(h), P = fa($.anchor, w), H = fa($.origin, B);
+      const B = new bt(g), P = fa($.anchor, w), H = fa($.origin, B);
       let { x: Z, y: te } = Ul(P, H);
       switch ($.anchor.side) {
         case "top":
@@ -3541,7 +3541,7 @@ function ql(e, t, n, a) {
     let F = -1;
     for (; !(F++ > 10); ) {
       const { x: $, y: B, overflows: P } = k(R);
-      D += $, E += B, h.x += $, h.y += B;
+      D += $, E += B, g.x += $, g.y += B;
       {
         const H = sa(R.anchor), Z = P.x.before || P.x.after, te = P.y.before || P.y.after;
         let me = !1;
@@ -3557,10 +3557,10 @@ function ql(e, t, n, a) {
           }
         }), me) continue;
       }
-      P.x.before && (D += P.x.before, h.x += P.x.before), P.x.after && (D -= P.x.after, h.x -= P.x.after), P.y.before && (E += P.y.before, h.y += P.y.before), P.y.after && (E -= P.y.after, h.y -= P.y.after);
+      P.x.before && (D += P.x.before, g.x += P.x.before), P.x.after && (D -= P.x.after, g.x -= P.x.after), P.y.before && (E += P.y.before, g.y += P.y.before), P.y.after && (E -= P.y.after, g.y -= P.y.after);
       {
-        const H = da(h, p);
-        I.x = p.width - H.x.before - H.x.after, I.y = p.height - H.y.before - H.y.after, D += H.x.before, h.x += H.x.before, E += H.y.before, h.y += H.y.before;
+        const H = da(g, p);
+        I.x = p.width - H.x.before - H.x.after, I.y = p.height - H.y.before - H.y.after, D += H.x.before, g.x += H.x.before, E += H.y.before, g.y += H.y.before;
       }
       break;
     }
@@ -3594,7 +3594,7 @@ function ql(e, t, n, a) {
       )
     }), {
       available: I,
-      contentRect: h
+      contentRect: g
     };
   }
   return V(
@@ -4088,9 +4088,9 @@ const Je = j({
       layerGroupState: S,
       getActiveLayers: w
     } = Ql(e), {
-      polyTransitionBindProps: h
+      polyTransitionBindProps: g
     } = za(e), {
-      dimensionStyles: g
+      dimensionStyles: h
     } = Jl(e), {
       lazyValue: p,
       onAfterUpdate: M
@@ -4213,7 +4213,7 @@ const Je = j({
           onAfterEnter: $,
           onAfterLeave: B,
           appear: !0
-        }, h.value), {
+        }, g.value), {
           default: () => {
             var Pe;
             return [Ie(d("div", W({
@@ -4222,7 +4222,7 @@ const Je = j({
                 ...q.value
               },
               style: [{
-                ...g.value,
+                ...h.value,
                 ...E.value,
                 ...e.contentStyles
               }]
@@ -4249,7 +4249,7 @@ const Je = j({
       base$: y,
       baseEl: x,
       baseFromSlotEl: _,
-      polyTransitionBindProps: h,
+      polyTransitionBindProps: g,
       coordinateStyles: E,
       layerGroupState: S,
       getActiveLayers: w
@@ -4336,11 +4336,11 @@ const ri = j({
       children: c
     } = ii(s, r, X(!0));
     function u(f) {
-      var g, p, M, Y;
+      var h, p, M, Y;
       if (e.focusTrap === !1)
         return;
       const b = f.relatedTarget, S = f.target, w = e.focusTrap;
-      if (typeof w == "string" && ((g = document.querySelector(w)) != null && g.isSameNode(S)))
+      if (typeof w == "string" && ((h = document.querySelector(w)) != null && h.isSameNode(S)))
         return;
       if (typeof w == "object") {
         if (Array.isArray(w)) {
@@ -4352,13 +4352,13 @@ const ri = j({
         } else if (w != null && w.isSameNode(S))
           return;
       }
-      function h(R) {
+      function g(R) {
         return R.some((k) => {
           var D;
           return !((D = k.content$) != null && D.contains(S));
         });
       }
-      if (b !== S && ((p = s.value) != null && p.content$) && ![document, (M = s.value) == null ? void 0 : M.content$].includes(S) && !((Y = s.value) != null && Y.content$.contains(S)) && !h(c.value)) {
+      if (b !== S && ((p = s.value) != null && p.content$) && ![document, (M = s.value) == null ? void 0 : M.content$].includes(S) && !((Y = s.value) != null && Y.content$.contains(S)) && !g(c.value)) {
         const k = [...s.value.content$.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter((I) => !I.hasAttribute("disabled") && !I.matches('[tabindex="-1"]'));
         if (!k.length) return;
         const D = k[0], E = k[k.length - 1];
@@ -4379,21 +4379,21 @@ const ri = j({
       const b = i.root, S = (w = s.value) == null ? void 0 : w.getActiveLayers();
       if (f) {
         e.maximized && document.documentElement.classList.add("y-dialog--prevent-scroll");
-        const h = S == null ? void 0 : S.filter((g) => g.ctx.modal);
-        if (h && !h.length || !b.classList.contains("y-dialog--virtual-scroll")) {
-          const g = document.documentElement.scrollTop, p = document.documentElement.scrollLeft;
-          x.value = g, T.value = p, b.classList.add("y-dialog--virtual-scroll"), b.style.top = z(-1 * g) || "", b.style.left = z(-1 * p) || "";
+        const g = S == null ? void 0 : S.filter((h) => h.ctx.modal);
+        if (g && !g.length || !b.classList.contains("y-dialog--virtual-scroll")) {
+          const h = document.documentElement.scrollTop, p = document.documentElement.scrollLeft;
+          x.value = h, T.value = p, b.classList.add("y-dialog--virtual-scroll"), b.style.top = z(-1 * h) || "", b.style.left = z(-1 * p) || "";
         }
       } else {
-        const h = S == null ? void 0 : S.filter((g) => {
+        const g = S == null ? void 0 : S.filter((h) => {
           var p;
-          return !((p = s.value) != null && p.isMe(g)) && g.ctx.modal;
+          return !((p = s.value) != null && p.isMe(h)) && h.ctx.modal;
         });
-        !(h != null && h.length) && b ? (document.documentElement.classList.remove("y-dialog--prevent-scroll"), b.classList.remove("y-dialog--virtual-scroll"), b.style.top = "", b.style.left = "", requestAnimationFrame(() => {
+        !(g != null && g.length) && b ? (document.documentElement.classList.remove("y-dialog--prevent-scroll"), b.classList.remove("y-dialog--virtual-scroll"), b.style.top = "", b.style.left = "", requestAnimationFrame(() => {
           document.documentElement.scrollTop = x.value, document.documentElement.scrollLeft = T.value;
-        })) : h.every((g) => {
+        })) : g.every((h) => {
           var p;
-          return !((p = g.ctx) != null && p.maximized);
+          return !((p = h.ctx) != null && p.maximized);
         }) && document.documentElement.classList.remove("y-dialog--prevent-scroll");
       }
     }
@@ -4729,19 +4729,19 @@ function zo(e, t, n, a = {}, i) {
   const b = vi(e), S = yi(t);
   let w = Ve.waapi();
   S && Bo(e, t);
-  const h = fn(t), g = Ao(b.values, h), p = ot.get(h);
-  return mi(g.animation, !(cn(y) && g.generator) && a.record !== !1), () => {
+  const g = fn(t), h = Ao(b.values, g), p = ot.get(g);
+  return mi(h.animation, !(cn(y) && h.generator) && a.record !== !1), () => {
     const M = () => {
       var k, D;
-      return (D = (k = wt.get(e, h)) !== null && k !== void 0 ? k : p == null ? void 0 : p.initialValue) !== null && D !== void 0 ? D : 0;
+      return (D = (k = wt.get(e, g)) !== null && k !== void 0 ? k : p == null ? void 0 : p.initialValue) !== null && D !== void 0 ? D : 0;
     };
     let Y = jo(Ko(n), M);
     const R = Wo(Y, p);
     if (cn(y)) {
-      const k = y.createAnimation(Y, t !== "opacity", M, h, g);
+      const k = y.createAnimation(Y, t !== "opacity", M, g, h);
       y = k.easing, Y = k.keyframes || Y, s = k.duration || s;
     }
-    if (dn(h) && (Ve.cssRegisterProperty() ? Lo(h) : w = !1), S && !Ve.linearEasing() && (ze(y) || Fe(y) && y.some(ze)) && (w = !1), w) {
+    if (dn(g) && (Ve.cssRegisterProperty() ? Lo(g) : w = !1), S && !Ve.linearEasing() && (ze(y) || Fe(y) && y.some(ze)) && (w = !1), w) {
       p && (Y = Y.map((E) => Dt(E) ? p.toDefaultUnit(E) : E)), Y.length === 1 && (!Ve.partialKeyframes() || l) && Y.unshift(M());
       const k = {
         delay: at.ms(c),
@@ -4753,7 +4753,7 @@ function zo(e, t, n, a = {}, i) {
         fill: "both"
       };
       o = e.animate({
-        [h]: Y,
+        [g]: Y,
         offset: _,
         easing: Fe(y) ? y.map((E) => xa(E, s)) : void 0
       }, k), o.finished || (o.finished = new Promise((E, I) => {
@@ -4761,18 +4761,18 @@ function zo(e, t, n, a = {}, i) {
       }));
       const D = Y[Y.length - 1];
       o.finished.then(() => {
-        x || (wt.set(e, h, D), o.cancel());
+        x || (wt.set(e, g, D), o.cancel());
       }).catch(ui), v || (o.playbackRate = 1.000001);
     } else if (i && S)
       Y = Y.map((k) => typeof k == "string" ? parseFloat(k) : k), Y.length === 1 && Y.unshift(parseFloat(M())), o = new i((k) => {
-        wt.set(e, h, R ? R(k) : k);
+        wt.set(e, g, R ? R(k) : k);
       }, Y, Object.assign(Object.assign({}, a), {
         duration: s,
         easing: y
       }));
     else {
       const k = Y[Y.length - 1];
-      wt.set(e, h, p && Dt(k) ? p.toDefaultUnit(k) : k);
+      wt.set(e, g, p && Dt(k) ? p.toDefaultUnit(k) : k);
     }
     return l && r(e, t, Y, {
       duration: s,
@@ -4780,7 +4780,7 @@ function zo(e, t, n, a = {}, i) {
       easing: y,
       repeat: m,
       offset: _
-    }, "motion-one"), g.setAnimation(o), o && !f && o.pause(), o;
+    }, "motion-one"), h.setAnimation(o), o && !f && o.pause(), o;
   };
 }
 const Uo = (e, t) => (
@@ -4964,8 +4964,8 @@ const Ue = /* @__PURE__ */ N({
       ...Me(e.contentClasses),
       "y-snackbar__display": !0
     })), s = C(() => {
-      var h;
-      const [v, f] = (h = e.position) == null ? void 0 : h.split(" ");
+      var g;
+      const [v, f] = (g = e.position) == null ? void 0 : g.split(" ");
       let b = "top", S = "left";
       f ? (S = f, b = v) : v === "bottom" ? b = "bottom" : S = v;
       const w = {
@@ -5339,8 +5339,8 @@ const xi = Si(!1), uu = Si(!0), cu = /* @__PURE__ */ xn({
 ), Ci = Symbol.for("YTreeView");
 function su(e) {
   const t = O({}), n = G(e, "expanded"), a = G(e, "active"), i = G(e, "selected"), r = O(/* @__PURE__ */ new Set()), l = O(/* @__PURE__ */ new Set()), o = O(/* @__PURE__ */ new Set()), s = X(!1), c = O(/* @__PURE__ */ new Set());
-  function u(g) {
-    const p = [], { childKeys: M } = t.value[g];
+  function u(h) {
+    const p = [], { childKeys: M } = t.value[h];
     p.push(...M);
     const Y = M.slice();
     for (; Y.length > 0; ) {
@@ -5349,33 +5349,33 @@ function su(e) {
     }
     return p;
   }
-  function m(g) {
-    return !!e.search && c.value.has(g);
+  function m(h) {
+    return !!e.search && c.value.has(h);
   }
-  function y(g) {
-    const p = t.value[g];
+  function y(h) {
+    const p = t.value[h];
     p != null && p.vnode && (p.vnode.active = p.active, p.vnode.selected = p.selected, p.vnode.indeterminate = p.indeterminate, p.vnode.expanded = p.expanded);
   }
-  function x(g, p) {
-    if (!(g in t.value)) return;
-    const M = t.value[g], Y = Q(
+  function x(h, p) {
+    if (!(h in t.value)) return;
+    const M = t.value[h], Y = Q(
       M.item,
       e.itemChildren
     );
-    Array.isArray(Y) && Y.length > 0 && (p ? r.value.add(g) : r.value.delete(g), M.expanded = p, y(g));
-  }
-  function T(g, p, M) {
-    if (!(g in t.value)) return;
-    const Y = t.value[g];
-    let R = p ? "" : g;
-    if (!e.multipleActive && p && !o.value.has(g) && ([R] = [...o.value]), p)
-      o.value.add(g), Y.active = !0, y(g);
-    else if (e.requiredActive && o.value.size === 1 && g === R) {
-      y(g);
+    Array.isArray(Y) && Y.length > 0 && (p ? r.value.add(h) : r.value.delete(h), M.expanded = p, y(h));
+  }
+  function T(h, p, M) {
+    if (!(h in t.value)) return;
+    const Y = t.value[h];
+    let R = p ? "" : h;
+    if (!e.multipleActive && p && !o.value.has(h) && ([R] = [...o.value]), p)
+      o.value.add(h), Y.active = !0, y(h);
+    else if (e.requiredActive && o.value.size === 1 && h === R) {
+      y(h);
       return;
     }
     if (R && R in t.value && (o.value.delete(R), t.value[R].active = !1, y(R)), !(e.activeSingleModifier && (M != null && M.getModifierState(e.activeSingleModifier))) && e.multipleActive && (!e.onlyEventActiveStrategy || e.onlyEventActiveStrategy && M) && (e.activeStrategy === "cascade" || e.activeStrategy === "relative")) {
-      for (const k of u(g))
+      for (const k of u(h))
         k in t.value && f(k, p);
       if (e.activeStrategy === "relative") {
         let k = Y.parentKey;
@@ -5389,15 +5389,15 @@ function su(e) {
       }
     }
   }
-  function _(g, p) {
-    if (!(g in t.value)) return;
-    const M = t.value[g];
-    if (p && (l.value.add(g), M.selected = !0), !p && g in t.value && (l.value.delete(g), t.value[g].selected = !1, y(g)), e.selectStrategy === "cascade")
-      for (const Y of u(g))
+  function _(h, p) {
+    if (!(h in t.value)) return;
+    const M = t.value[h];
+    if (p && (l.value.add(h), M.selected = !0), !p && h in t.value && (l.value.delete(h), t.value[h].selected = !1, y(h)), e.selectStrategy === "cascade")
+      for (const Y of u(h))
         Y in t.value && (p ? l.value.add(Y) : l.value.delete(Y), t.value[Y].selected = p, y(Y));
   }
-  function v(g, p, M) {
-    const Y = t.value[g];
+  function v(h, p, M) {
+    const Y = t.value[h];
     if (!Y) return !1;
     const { childKeys: R } = Y;
     return R.every((k) => {
@@ -5405,26 +5405,26 @@ function su(e) {
       return ((D = t.value[k]) == null ? void 0 : D[p]) === M;
     });
   }
-  function f(g, p) {
-    p ? o.value.add(g) : o.value.delete(g), t.value[g].active = p, y(g);
+  function f(h, p) {
+    p ? o.value.add(h) : o.value.delete(h), t.value[h].active = p, y(h);
   }
   function b() {
-    const g = [...r.value];
-    n.value = e.returnItem ? g.map((p) => t.value[p].item) : g;
+    const h = [...r.value];
+    n.value = e.returnItem ? h.map((p) => t.value[p].item) : h;
   }
   function S() {
-    const g = [...o.value];
-    a.value = e.returnItem ? g.map((p) => t.value[p].item) : g;
+    const h = [...o.value];
+    a.value = e.returnItem ? h.map((p) => t.value[p].item) : h;
   }
   function w() {
-    const g = [...l.value];
-    i.value = e.returnItem ? g.map((p) => t.value[p].item) : g;
+    const h = [...l.value];
+    i.value = e.returnItem ? h.map((p) => t.value[p].item) : h;
   }
-  function h(g, p) {
-    t.value[g] && (t.value[g].vnode = p), y(g);
+  function g(h, p) {
+    t.value[h] && (t.value[h].vnode = p), y(h);
   }
   return ue(Ci, {
-    register: h,
+    register: g,
     updateExpanded: x,
     updateActive: T,
     updateSelected: _,
@@ -5743,12 +5743,12 @@ const Ce = /* @__PURE__ */ N({
       const D = !l.value;
       l.value = D, i.updateExpanded(Y.value, D), i.emitExpanded();
     }
-    function h(k) {
+    function g(k) {
       k.stopPropagation();
       const D = !s.value;
       s.value = D, i.updateSelected(Y.value, D), i.emitSelected();
     }
-    function g(k) {
+    function h(k) {
       var D;
       (D = e.onMouseenterContainer) == null || D.call(e, k, {
         ..._.value,
@@ -5785,7 +5785,7 @@ const Ce = /* @__PURE__ */ N({
         ref: r,
         class: "y-tree-view-node__container",
         onClick: (E) => e.enableActive ? S(E) : void 0,
-        onMouseenter: e.onMouseenterContainer && g,
+        onMouseenter: e.onMouseenterContainer && h,
         onMouseleave: e.onMouseleaveContainer && p,
         onMousemove: e.onMousemoveContainer && M
       }, [d(Ue, null, null), d("div", {
@@ -5800,7 +5800,7 @@ const Ce = /* @__PURE__ */ N({
         class: "y-tree-view-node__no-expand-icon"
       }, null), e.enableSelect && d("div", {
         class: "y-tree-view-node__select",
-        onClick: h
+        onClick: g
       }, [d(Ce, {
         checked: s.value
       }, null)]), d("div", {
@@ -5964,8 +5964,8 @@ const Ca = $n(), mu = /* @__PURE__ */ xn({
       updateSelected: b,
       emitExpanded: S,
       emitActive: w,
-      emitSelected: h,
-      isExcluded: g
+      emitSelected: g,
+      isExcluded: h
     } = su(e);
     function p(A, F = "", L = yu) {
       const $ = /* @__PURE__ */ new Set();
@@ -6029,19 +6029,19 @@ const Ca = $n(), mu = /* @__PURE__ */ xn({
     }), V(s, (A) => {
       k(A, y, f, w);
     }), V(c, (A) => {
-      k(A, m, b, h);
+      k(A, m, b, g);
     }), V(() => e.items, (A) => {
       const F = Object.keys(l.value).map((H) => Q(l.value[H].item, e.itemKey)), L = vu(A, e.itemKey, e.itemChildren), $ = Xn(F, L);
       if ($.length < 1 && L.length < F.length)
         return;
       $.forEach((H) => delete l.value[H]);
       const B = [...m.value], P = [...y.value];
-      m.value.clear(), u.value.clear(), y.value.clear(), Y(A), xe(B, [...m.value]) || h(), xe(P, [...y.value]) || w(), i.value(A, e.search, e.filter);
+      m.value.clear(), u.value.clear(), y.value.clear(), Y(A), xe(B, [...m.value]) || g(), xe(P, [...y.value]) || w(), i.value(A, e.search, e.filter);
     }, {
       deep: !0,
       flush: "sync"
     }), Y(e.items);
-    const D = C(() => e.items.slice().filter((A) => !g(Q(A, e.itemKey)))), E = C(() => ({
+    const D = C(() => e.items.slice().filter((A) => !h(Q(A, e.itemKey)))), E = C(() => ({
       "y-tree-view": !0
     })), I = C(() => {
       let A = e.activeColor;
@@ -6859,7 +6859,7 @@ const Mt = /* @__PURE__ */ N({
       onMousedown: e.onMousedown && m,
       onKeydown: e.onKeydown && _
     }, [e.item && i.value.map((v, f) => {
-      var g;
+      var h;
       const b = e.item, S = {
         index: e.index,
         item: e.item.raw,
@@ -6870,7 +6870,7 @@ const Mt = /* @__PURE__ */ N({
         toggleSelect: l,
         isExpanded: o,
         toggleExpand: s,
-        el: (g = a == null ? void 0 : a.proxy) == null ? void 0 : g.$el
+        el: (h = a == null ? void 0 : a.proxy) == null ? void 0 : h.$el
       }, w = C(() => {
         const p = [];
         if (typeof v.classes == "function") {
@@ -6878,7 +6878,7 @@ const Mt = /* @__PURE__ */ N({
           M && p.push(...u(M));
         } else v.classes && p.push(...u(v.classes));
         return p;
-      }), h = typeof e.cellProps == "function" ? e.cellProps({
+      }), g = typeof e.cellProps == "function" ? e.cellProps({
         index: S.index,
         column: v,
         internalItem: S.internalItem,
@@ -6896,7 +6896,7 @@ const Mt = /* @__PURE__ */ N({
         class: ["y-data-table-data", {
           "y-data-table-data--select": v.key === "data-table-select"
         }, ...w.value]
-      }, h), {
+      }, g), {
         default: () => {
           var M, Y;
           const p = `item.${v.key}`;
@@ -6976,36 +6976,36 @@ const Mt = /* @__PURE__ */ N({
           toggleExpand: l
         };
         function y(S, w) {
-          var h;
-          (h = e["onClick:row"]) == null || h.call(e, S, {
+          var g;
+          (g = e["onClick:row"]) == null || g.call(e, S, {
             ...m,
             el: w
           });
         }
         function x(S, w) {
-          var h;
-          (h = e["onDblclick:row"]) == null || h.call(e, S, {
+          var g;
+          (g = e["onDblclick:row"]) == null || g.call(e, S, {
             ...m,
             el: w
           });
         }
         function T(S, w) {
-          var h;
-          (h = e["onContextmenu:row"]) == null || h.call(e, S, {
+          var g;
+          (g = e["onContextmenu:row"]) == null || g.call(e, S, {
             ...m,
             el: w
           });
         }
         function _(S, w) {
-          var h;
-          (h = e["onMousedown:row"]) == null || h.call(e, S, {
+          var g;
+          (g = e["onMousedown:row"]) == null || g.call(e, S, {
             ...m,
             el: w
           });
         }
         function v(S, w) {
-          var h;
-          (h = e["onKeydown:row"]) == null || h.call(e, S, {
+          var g;
+          (g = e["onKeydown:row"]) == null || g.call(e, S, {
             ...m,
             el: w
           });
@@ -7108,13 +7108,13 @@ const Hi = j({
         contentRect: S
       } = f[0], w = b.querySelector(".y-pagination__list > *");
       if (w) {
-        const h = S.width, g = w.offsetWidth + parseFloat(getComputedStyle(w).marginRight) * 2;
-        l.value = s(h, g);
+        const g = S.width, h = w.offsetWidth + parseFloat(getComputedStyle(w).marginRight) * 2;
+        l.value = s(g, h);
       }
     });
     function s(f, b) {
-      const S = e.showEndButton ? 5 : 3, w = +(e.gap ?? 4), h = (b + w) * S - w, g = Math.max(0, Math.floor(+((f - h) / (b + w)).toFixed(2))), p = Number(e.maxVisible);
-      return isNaN(p) ? g : Math.min(p, g);
+      const S = e.showEndButton ? 5 : 3, w = +(e.gap ?? 4), g = (b + w) * S - w, h = Math.max(0, Math.floor(+((f - g) / (b + w)).toFixed(2))), p = Number(e.maxVisible);
+      return isNaN(p) ? h : Math.min(p, h);
     }
     const c = C(() => {
       const f = Number(e.maxVisible);
@@ -7172,11 +7172,11 @@ const Hi = j({
       if (S - a.value >= 0)
         return [...Te(Math.max(1, c.value - 1), r.value), "ellipsis", i.value];
       if (a.value - w >= (f ? 1 : 0)) {
-        const h = c.value - 1, g = i.value - h + r.value;
-        return [r.value, "ellipsis", ...Te(h, g)];
+        const g = c.value - 1, h = i.value - g + r.value;
+        return [r.value, "ellipsis", ...Te(g, h)];
       } else {
-        const h = Math.max(1, c.value - 3), g = h === 1 ? a.value : a.value - Math.ceil(h / 2) + r.value;
-        return [r.value, "ellipsis", ...Te(h, g), "ellipsis", i.value];
+        const g = Math.max(1, c.value - 3), h = g === 1 ? a.value : a.value - Math.ceil(g / 2) + r.value;
+        return [r.value, "ellipsis", ...Te(g, h), "ellipsis", i.value];
       }
     }), {
       refs: y,
@@ -7211,7 +7211,7 @@ const Hi = j({
             disabled: !!e.disabled || +e.length < 2,
             color: w ? e.activeColor : e.color,
             variation: e.buttonVariation,
-            onClick: (h) => T(h, f)
+            onClick: (g) => T(g, f)
           }
         };
       }
@@ -7393,7 +7393,7 @@ const Hi = j({
       onClick: x
     }), {
       default: () => {
-        var h, g, p;
+        var g, h, p;
         const S = `header.${v.key}`, w = {
           column: v,
           selectAll: o,
@@ -7405,7 +7405,7 @@ const Hi = j({
           selectables: c.value,
           getSortDirection: T
         };
-        return t[S] ? (h = t[S]) == null ? void 0 : h.call(t, w) : v.key === "data-table-select" ? ((g = t["header.data-table-select"]) == null ? void 0 : g.call(t, w)) ?? (s && d(ae, {
+        return t[S] ? (g = t[S]) == null ? void 0 : g.call(t, w) : v.key === "data-table-select" ? ((h = t["header.data-table-select"]) == null ? void 0 : h.call(t, w)) ?? (s && d(ae, {
           variation: "text,small",
           disabled: c.value.length < 1,
           onClick: (M) => {
@@ -7542,8 +7542,8 @@ const Hi = j({
       pageSize: r
     }), {
       isSelected: w,
-      select: h,
-      selectAll: g,
+      select: g,
+      selectAll: h,
       toggleSelect: p,
       someSelected: M,
       allSelected: Y
@@ -7580,8 +7580,8 @@ const Hi = j({
       someSelected: M.value,
       allSelected: Y.value,
       isSelected: w,
-      select: h,
-      selectAll: g,
+      select: g,
+      selectAll: h,
       toggleSelect: p,
       // matrix
       items: S.value,
@@ -7703,12 +7703,12 @@ const Hi = j({
       selectAll: b,
       toggleSelect: S,
       someSelected: w,
-      allSelected: h
+      allSelected: g
     } = Ri(e, {
       allItems: m,
       pageItems: m
     }), {
-      isExpanded: g,
+      isExpanded: h,
       toggleExpand: p
     } = Mi(e), M = O(), Y = Dn(D, 100), {
       resizeObservedRef: R
@@ -7732,11 +7732,11 @@ const Hi = j({
       sortBy: l.value,
       toggleSort: y,
       // expand
-      isExpanded: g,
+      isExpanded: h,
       toggleExpand: p,
       // selection
       someSelected: w.value,
-      allSelected: h.value,
+      allSelected: g.value,
       isSelected: v,
       select: f,
       selectAll: b,
@@ -7954,72 +7954,72 @@ const Hn = {
       ...Me(e.menuClasses),
       "y-menu": !0
     })), l = G(e), o = C(() => {
-      var h;
-      return !!((h = i.value) != null && h.hovered);
+      var g;
+      return !!((g = i.value) != null && g.hovered);
     }), s = C(() => {
-      var h;
-      return !!((h = i.value) != null && h.finish);
+      var g;
+      return !!((g = i.value) != null && g.finish);
     }), {
       children: c,
       parent: u
     } = ii(i, l, le(e, "preventCloseBubble")), {
       startOpenDelay: m,
       startCloseDelay: y
-    } = wi(e, (h) => {
-      !h && e.openOnHover && !o.value && c.value.length === 0 ? l.value = !1 : h && (l.value = !0);
+    } = wi(e, (g) => {
+      !g && e.openOnHover && !o.value && c.value.length === 0 ? l.value = !1 : g && (l.value = !0);
     });
-    function x(h) {
+    function x(g) {
       e.openOnHover && m();
     }
-    function T(h) {
+    function T(g) {
       e.openOnHover && y();
     }
-    V(o, (h) => {
-      n("hoverContent", h), h || y();
+    V(o, (g) => {
+      n("hoverContent", g), g || y();
     });
-    function _(h) {
-      if (h.stopPropagation(), !e.openOnClickBase)
+    function _(g) {
+      if (g.stopPropagation(), !e.openOnClickBase)
         return;
-      const g = l.value;
+      const h = l.value;
       if (!e.disabled) {
-        if (e.openOnHover && s.value && g)
+        if (e.openOnHover && s.value && h)
           return;
-        l.value = !g;
+        l.value = !h;
       }
     }
-    function v(h) {
-      var g, p;
+    function v(g) {
+      var h, p;
       if (e.closeCondition !== !1) {
-        if (typeof e.closeCondition == "function" && e.closeCondition(h) === !1) {
+        if (typeof e.closeCondition == "function" && e.closeCondition(g) === !1) {
           l.value = !1;
           return;
         }
         if (l.value) {
           c.value.length === 0 && (l.value = !1);
-          const M = (g = u == null ? void 0 : u.$el.value) == null ? void 0 : g.content$, Y = (p = u == null ? void 0 : u.$el.value) == null ? void 0 : p.modal;
-          !(M && !$l(h, M)) && !Y && !e.preventCloseBubble && (u == null || u.clear());
+          const M = (h = u == null ? void 0 : u.$el.value) == null ? void 0 : h.content$, Y = (p = u == null ? void 0 : u.$el.value) == null ? void 0 : p.modal;
+          !(M && !$l(g, M)) && !Y && !e.preventCloseBubble && (u == null || u.clear());
         }
       }
     }
-    function f(h) {
-      h.addEventListener("mouseenter", x), h.addEventListener("mouseleave", T);
+    function f(g) {
+      g.addEventListener("mouseenter", x), g.addEventListener("mouseleave", T);
     }
-    function b(h) {
-      h.removeEventListener("mouseenter", x), h.removeEventListener("mouseleave", T);
+    function b(g) {
+      g.removeEventListener("mouseenter", x), g.removeEventListener("mouseleave", T);
     }
     V(() => {
-      var h;
-      return (h = i.value) == null ? void 0 : h.baseEl;
-    }, (h, g) => {
-      h ? (f(h), h.addEventListener("click", _)) : g && (b(g), g.removeEventListener("click", _));
+      var g;
+      return (g = i.value) == null ? void 0 : g.baseEl;
+    }, (g, h) => {
+      g ? (f(g), g.addEventListener("click", _)) : h && (b(h), h.removeEventListener("click", _));
     }, {
       immediate: !0
     });
     const S = C(() => ({
       ...Me(e.contentClasses)
     })), w = C(() => {
-      var h;
-      return (h = i.value) == null ? void 0 : h.baseEl;
+      var g;
+      return (g = i.value) == null ? void 0 : g.baseEl;
     });
     return a({
       layer$: i,
@@ -8039,15 +8039,15 @@ const Hn = {
       }
     }, {
       modelValue: l.value,
-      "onUpdate:modelValue": (h) => l.value = h
+      "onUpdate:modelValue": (g) => l.value = g
     }), {
-      default: (...h) => {
-        var g;
-        return d(J, null, [((g = t.default) == null ? void 0 : g.call(t, ...h)) ?? ""]);
+      default: (...g) => {
+        var h;
+        return d(J, null, [((h = t.default) == null ? void 0 : h.call(t, ...g)) ?? ""]);
       },
-      base: (...h) => {
-        var g;
-        return (g = t.base) == null ? void 0 : g.call(t, ...h);
+      base: (...g) => {
+        var h;
+        return (h = t.base) == null ? void 0 : h.call(t, ...g);
       }
     })])), {
       layer$: i,
@@ -8660,10 +8660,10 @@ const ir = j({
     function w(A) {
       return !!f.value.find((F) => (F == null ? void 0 : F.value) === A.value);
     }
-    function h(A) {
+    function g(A) {
       e.disabled || (c.value = !c.value);
     }
-    function g(A) {
+    function h(A) {
       e.disabled || (A.key === "Enter" || A.key === " ") && (c.value = !c.value);
     }
     function p(A) {
@@ -8735,8 +8735,8 @@ const ir = j({
       }, A, {
         modelValue: v.value.map((L) => L.props.value).join(", "),
         validationValue: v.rxValue,
-        "onMousedown:display": h,
-        "onKeydown:display": g,
+        "onMousedown:display": g,
+        "onKeydown:display": h,
         onBlur: p,
         readonly: !0,
         class: ["y-select", {
@@ -9053,20 +9053,20 @@ const ir = j({
       return n.startOfYear(n.setYear(n.date(), w));
     }, (S) => n.getYear(S)), c = G(e, "month", void 0, (S) => {
       const w = S != null ? Number(S) : n.getMonth(o.value);
-      let h = n.setYear(n.date(), n.getYear(s.value));
-      return h = n.startOfMonth(h), n.setMonth(h, w);
+      let g = n.setYear(n.date(), n.getYear(s.value));
+      return g = n.startOfMonth(g), n.setMonth(g, w);
     }, (S) => n.getMonth(S)), u = C(() => {
-      const S = n.getWeekArray(c.value), w = S.flat(), h = 6 * 7;
-      if (w.length < h) {
-        const g = w[w.length - 1];
+      const S = n.getWeekArray(c.value), w = S.flat(), g = 6 * 7;
+      if (w.length < g) {
+        const h = w[w.length - 1];
         let p = [];
-        for (let M = 1; M <= h - w.length; M++)
-          p.push(n.addDays(g, M)), M % 7 === 0 && (S.push(p), p = []);
+        for (let M = 1; M <= g - w.length; M++)
+          p.push(n.addDays(h, M)), M % 7 === 0 && (S.push(p), p = []);
       }
       return S;
     }), m = C(() => {
       const S = u.value, w = n.date();
-      return S.map((h, g) => h.map((p, M) => {
+      return S.map((g, h) => g.map((p, M) => {
         var D;
         const Y = n.toISO(p), R = !n.isSameMonth(p, c.value), k = !!((D = l.value) != null && D.find((E) => E != null && n.isSameDay(p, E)));
         return {
@@ -9081,7 +9081,7 @@ const ir = j({
           weekEnd: M % 7 === 6,
           rangeStart: k && l.value.length > 1 && e.range && n.isSameDay(T.value, p),
           rangeEnd: k && l.value.length === 2 && e.range && n.isSameDay(_.value, p),
-          weekIndex: g,
+          weekIndex: h,
           selected: k,
           interval: f(p),
           today: n.isSameDay(p, w),
@@ -9103,13 +9103,13 @@ const ir = j({
     function v(S) {
       if (e.disabled) return !0;
       const w = n.date(S);
-      return e.min && n.isAfter(n.date(e.min), w) || e.max && n.isAfter(w, n.date(e.max)) ? !0 : Array.isArray(e.allowedDates) && e.allowedDates.length > 0 ? !e.allowedDates.some((h) => n.isSameDay(n.date(h), w)) : typeof e.allowedDates == "function" ? !e.allowedDates(w) : !1;
+      return e.min && n.isAfter(n.date(e.min), w) || e.max && n.isAfter(w, n.date(e.max)) ? !0 : Array.isArray(e.allowedDates) && e.allowedDates.length > 0 ? !e.allowedDates.some((g) => n.isSameDay(n.date(g), w)) : typeof e.allowedDates == "function" ? !e.allowedDates(w) : !1;
     }
     function f(S) {
       if (!e.range) return !1;
       if (l.value.length === 2) {
-        const w = n.date(S), h = n.date(l.value[0]), g = n.date(l.value[1]);
-        if (n.isAfter(w, h) && n.isBefore(w, g))
+        const w = n.date(S), g = n.date(l.value[0]), h = n.date(l.value[1]);
+        if (n.isAfter(w, g) && n.isBefore(w, h))
           return !0;
       }
       return !1;
@@ -9117,18 +9117,18 @@ const ir = j({
     function b(S) {
       const w = S.date;
       if (e.multiple) {
-        const h = l.value.findIndex((g) => n.isSameDay(g, w));
+        const g = l.value.findIndex((h) => n.isSameDay(h, w));
         if (e.range)
           if (l.value.length === 1) {
-            const g = n.date(l.value[0]), p = n.date(w);
-            n.isAfter(g, p) ? l.value = [p, n.endOfDay(l.value[0])] : l.value = [n.startOfDay(l.value[0]), n.endOfDay(w)];
+            const h = n.date(l.value[0]), p = n.date(w);
+            n.isAfter(h, p) ? l.value = [p, n.endOfDay(l.value[0])] : l.value = [n.startOfDay(l.value[0]), n.endOfDay(w)];
           } else
             l.value = [w];
-        else if (h === -1)
+        else if (g === -1)
           l.value = [...l.value, w];
         else {
-          const g = [...l.value];
-          g.splice(h, 1), l.value = g;
+          const h = [...l.value];
+          h.splice(g, 1), l.value = h;
         }
       } else
         l.value = [w];
@@ -9153,35 +9153,35 @@ const ir = j({
         class: ["y-date-calendar__week"],
         role: "row",
         "aria-rowindex": w
-      }, [S.map((h, g) => {
+      }, [S.map((g, h) => {
         var M;
         const p = {
           props: {
             onClick: () => {
-              b(h);
+              b(g);
             }
           },
-          item: h,
-          index: g
+          item: g,
+          index: h
         };
         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": g.adjacent,
+            "y-date-calendar__day--hovered": g.hovered,
+            "y-date-calendar__day--selected": g.selected,
+            "y-date-calendar__day--week-start": g.weekStart,
+            "y-date-calendar__day--week-end": g.weekEnd,
+            "y-date-calendar__day--range-interval": g.interval,
+            "y-date-calendar__day--range-start": g.rangeStart,
+            "y-date-calendar__day--range-end": g.rangeEnd
           }],
-          "data-date": h.disabled ? void 0 : h.isoDate
-        }, [(e.showAdjacentMonthDates || !h.adjacent) && d(J, null, [((M = t.day) == null ? void 0 : M.call(t, p)) ?? d(ae, W({
-          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": g.disabled ? void 0 : g.isoDate
+        }, [(e.showAdjacentMonthDates || !g.adjacent) && d(J, null, [((M = t.day) == null ? void 0 : M.call(t, p)) ?? d(ae, W({
+          color: (g.selected || g.today) && !g.disabled ? e.color : void 0,
+          disabled: g.disabled,
+          variation: ["rounded", g.selected ? "filled" : g.today ? "outlined" : "text"].join(",")
         }, p.props), {
-          default: () => [h.day]
+          default: () => [g.day]
         })])]);
       })])
     ))])])), {
@@ -9398,17 +9398,17 @@ const ir = j({
       x();
     }
     function f(w) {
-      var g;
+      var h;
       if (r.value === "month") {
         o.value = o.value + w;
         return;
       }
       if (r.value === "year") {
-        (g = n.value) == null || g.changePage(w);
+        (h = n.value) == null || h.changePage(w);
         return;
       }
-      const h = l.value + w;
-      h > 11 ? (o.value += 1, l.value = 0) : h < 0 ? (o.value -= 1, l.value = 11) : l.value = h;
+      const g = l.value + w;
+      g > 11 ? (o.value += 1, l.value = 0) : g < 0 ? (o.value -= 1, l.value = 11) : l.value = g;
     }
     function b() {
       f(-1);
@@ -9619,7 +9619,7 @@ const yr = j({
     }
     function y(k, D) {
       const E = D.target, I = (E == null ? void 0 : E.value) || "", A = s[k], F = k < 4 ? Ta.test(I) : m(I), L = I !== "" ? Number(I).toString() : "";
-      o[k] = L, !F && I !== "" ? h(k, A) : (I.length > 2 && g(k), s[k] = L, M());
+      o[k] = L, !F && I !== "" ? g(k, A) : (I.length > 2 && h(k), s[k] = L, M());
     }
     function x(k, D) {
       c.value = !0, u.value.push(k);
@@ -9642,7 +9642,7 @@ const yr = j({
           D.preventDefault(), n("tab");
           return;
         } else {
-          D.preventDefault(), g(k);
+          D.preventDefault(), h(k);
           return;
         }
       if ((D.key === "ArrowLeft" || D.key === "ArrowUp" && !D.shiftKey) && E.selectionStart !== null && E.selectionStart === 0)
@@ -9656,7 +9656,7 @@ const yr = j({
       (D.key === "Tab" && !D.shiftKey && E.value !== "" || D.key === "Enter" || D.key === ".") && e.onTab && k === 3 && (D.preventDefault(), n("tab", 3));
     }
     function f(k, D) {
-      D.key === "." && g(k);
+      D.key === "." && h(k);
     }
     function b(k) {
       if (typeof k == "string") {
@@ -9682,12 +9682,12 @@ const yr = j({
     function w() {
       e.autoFillSubnet && o[0] && o[1] && o[2] && o[3] && !o[4] && (typeof e.autoFillSubnet == "boolean" ? o[4] = "32" : o[4] = e.autoFillSubnet.toString(), M());
     }
-    function h(k, D) {
+    function g(k, D) {
       se(() => {
         o[k] = D, M();
       });
     }
-    function g(k) {
+    function h(k) {
       const D = k + 1;
       if (D < 4) {
         const E = r.value[D];
@@ -9891,41 +9891,39 @@ const hr = j({
       "y-img--scale-down": e.objectFit === "scale-down"
     }));
     function x() {
-      const g = r.value;
-      g && (o.value = g.currentSrc || g.src);
+      const h = r.value;
+      h && (o.value = h.currentSrc || h.src);
     }
-    function T(g) {
-      if (g.naturalWidth || g.naturalHeight)
-        s.value = g.naturalWidth, c.value = g.naturalHeight;
+    function T(h) {
+      if (h.naturalWidth || h.naturalHeight)
+        s.value = h.naturalWidth, c.value = h.naturalHeight;
       else {
-        if (!g.complete && l.value === "loading")
+        if (!h.complete && l.value === "loading")
           return !1;
-        (g.currentSrc.endsWith(".svg") || g.currentSrc.startsWith("data:image/svg+xml")) && (s.value = 1, c.value = 1);
+        (h.currentSrc.endsWith(".svg") || h.currentSrc.startsWith("data:image/svg+xml")) && (s.value = 1, c.value = 1);
       }
       return !0;
     }
     V(() => e.src, () => {
-      h();
+      g();
     });
-    const _ = () => t.placeholder ? d(lt, W(u.value, {
+    const _ = (h) => t.placeholder ? d(lt, W(u.value, {
       appear: !0
     }), {
       default: () => {
-        var g;
-        return [(l.value === "idle" || l.value === "error") && d("div", {
+        var p;
+        return [(h.status === "idle" || h.status === "error") && d("div", {
           class: "y-img__placeholder"
-        }, [(g = t.placeholder) == null ? void 0 : g.call(t, {
-          status: l.value
-        })])];
+        }, [(p = t.placeholder) == null ? void 0 : p.call(t, h)])];
       }
     }) : null;
     function v() {
       i.isUnmounted || (l.value = "loaded");
     }
-    function f(g) {
-      i.isUnmounted || (l.value = "error", a("error", g));
+    function f(h) {
+      i.isUnmounted || (l.value = "error", a("error", h));
     }
-    const b = (g) => {
+    const b = (h) => {
       let p;
       const M = d("img", {
         ref: r,
@@ -9940,19 +9938,19 @@ const hr = j({
       }, null);
       return d(lt, W(u.value, {
         appear: !0
-      }), oc(p = Ie(M, [[ct, g.status === "loaded"]])) ? p : {
+      }), oc(p = Ie(M, [[ct, h.status === "loaded"]])) ? p : {
         default: () => [p]
       });
     };
     let S = -1;
-    function w(g, p = 100) {
+    function w(h, p = 100) {
       const M = () => {
-        clearTimeout(S), !i.isUnmounted && !T(g) && p != null && (S = window.setTimeout(M, p));
+        clearTimeout(S), !i.isUnmounted && !T(h) && p != null && (S = window.setTimeout(M, p));
       };
       M();
     }
-    function h(g) {
-      e.eager, !(Ha.canUseIntersectionObserver && !g && !e.eager) && (l.value = "loading", m.value.src && se(() => {
+    function g(h) {
+      e.eager, !(Ha.canUseIntersectionObserver && !h && !e.eager) && (l.value = "loading", m.value.src && se(() => {
         var p;
         a("load", ((p = r.value) == null ? void 0 : p.currentSrc) || m.value.src), setTimeout(() => {
           var M, Y;
@@ -9965,12 +9963,14 @@ const hr = j({
       }));
     }
     return pn(() => {
-      h();
+      g();
     }), Ne(() => {
       clearTimeout(S);
     }), K(() => d("div", {
       class: ["y-img"]
-    }, [d(_, null, null), d(b, {
+    }, [d(_, {
+      status: l.value
+    }, null), d(b, {
       status: l.value
     }, null)])), {
       status: l,