yuyeon 0.3.8-beta.1 → 0.3.8-beta.2

package/dist/yuyeon.js

@@ -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) }
   };
 }
@@ -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,7 +1255,7 @@ 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(() => {
     var m;
@@ -1373,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") {
@@ -1417,7 +1417,7 @@ const be = "y-input", it = K({
   filled: Boolean,
   ceramic: Boolean,
   // validate
-  ...$i(),
+  ...Ni(),
   ..._i(),
   extended: Object
 }, "YInput"), Ie = /* @__PURE__ */ F({
@@ -1453,7 +1453,7 @@ const be = "y-input", it = K({
       errorResult: T
     } = 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 || !!m.value), P = S(() => ({
+    const C = X(!1), Y = S(() => e.variation ? e.variation.split(",").map(($) => $.trim()) : []), E = S(() => e.floated || !!e.placeholder || !e.placeholder && r.value || !!m.value), P = S(() => ({
       // Style
       [o.value]: !0,
       "y-input--ceramic": !!e.ceramic,
@@ -1471,37 +1471,37 @@ const be = "y-input", it = K({
       width: U(e.width),
       height: U(e.height)
     }));
-    R(() => e.modelValue, (N) => {
-      m.value = N;
-    }), R(() => e.readonly, (N) => {
-      N || (m.value = e.modelValue);
-    }), R(m, (N) => {
-      !w.value && !x.value && l("update:modelValue", N);
-    }), R(h, (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)
@@ -1523,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
@@ -1548,7 +1548,7 @@ const be = "y-input", it = K({
         class: `${be}__plate`
       }, null), t.leading && d("div", {
         class: "y-input__leading",
-        onClick: $
+        onClick: N
       }, [t.leading({
         error: h.value
       })]), t.default ? t.default({
@@ -1562,7 +1562,7 @@ 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: h.value,
@@ -2942,7 +2942,7 @@ function Pt(e) {
     align: e.align
   };
 }
-function Nt(e) {
+function $t(e) {
   return {
     side: e.side,
     align: {
@@ -3447,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
@@ -3462,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
@@ -3481,7 +3481,7 @@ function br(e, t, n, a) {
     return Number.isNaN(v) ? 1 / 0 : v;
   })), { preferredAnchor: w, preferredOrigin: x } = or(() => {
     const f = `${e.position} ${e.align}`, v = jn(f, !1), m = e.origin === "overlap" ? v : e.origin === "auto" ? Pt(v) : jn(e.origin, !1);
-    return v.side === m.side && v.align === Nt(m).align ? {
+    return v.side === m.side && v.align === $t(m).align ? {
       preferredAnchor: Wn(v),
       preferredOrigin: Wn(m)
     } : {
@@ -3522,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
@@ -3543,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, m), 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;
@@ -3560,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;
@@ -3574,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;
         }
       }
@@ -3584,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;
@@ -3629,7 +3629,7 @@ function br(e, t, n, a) {
         B === "y" ? Math.min(s.value, m.width) : s.value
       ),
       maxWidth: U(
-        $n(
+        Nn(
           Ee(
             k.x,
             s.value === 1 / 0 ? 0 : s.value,
@@ -3638,7 +3638,7 @@ function br(e, t, n, a) {
         )
       ),
       maxHeight: U(
-        $n(
+        Nn(
           Ee(
             k.y,
             c.value === 1 / 0 ? 0 : c.value,
@@ -3969,7 +3969,7 @@ const Yr = new rr(), mt = {
   none: null,
   close: Br,
   block: Pr,
-  reposition: Nr
+  reposition: $r
 }, Mr = K(
   {
     scrollStrategy: {
@@ -3995,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) {
@@ -4032,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(() => {
@@ -4043,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);
@@ -4055,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 });
@@ -4202,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]
@@ -4210,7 +4210,7 @@ const Ue = K({
     function L() {
       E.value = !0, t("afterEnter");
     }
-    function N() {
+    function $() {
       Y(), E.value = !1, t("afterLeave");
     }
     function j() {
@@ -4234,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
       };
     });
@@ -4261,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,
@@ -4306,7 +4306,7 @@ const Ue = K({
           }, null)]
         }), d(et, H({
           onAfterEnter: L,
-          onAfterLeave: N,
+          onAfterLeave: $,
           appear: !0
         }, v.value), {
           default: () => {
@@ -4327,13 +4327,13 @@ const Ue = K({
               active: u.value,
               close: ut
             })]), [[at, u.value], [Ct("complement-click"), {
-              ...$
+              ...N
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: $,
+      complementClickOption: N,
       layerGroup: _,
       active: u,
       finish: E,
@@ -4392,7 +4392,7 @@ function yn(e, t, n) {
     children: l
   };
 }
-const $a = K({
+const Na = K({
   persistent: {
     type: Boolean,
     default: !0
@@ -4411,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,
@@ -5512,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(), m.value) return;
-      const $ = !_.value;
-      s.value = $, l.updateSelected(u.value, $), l.emitSelected();
+      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", {
@@ -5605,7 +5605,7 @@ const ke = /* @__PURE__ */ F({
         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
@@ -5625,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, ...$);
           })
         }))])]
       })]);
@@ -5761,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, () => {
@@ -5772,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)),
@@ -5805,11 +5805,11 @@ 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) => {
@@ -5819,14 +5819,14 @@ const ta = gn(), Xr = /* @__PURE__ */ an({
     }), 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"
@@ -7397,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", {
@@ -7405,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: () => {
@@ -7416,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;
@@ -7577,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;
@@ -8450,7 +8450,7 @@ const _l = K({
     }, h = G(e, "modelValue", [], (I) => w(I === null ? [null] : Te(I)), b), g = S(() => {
       const I = [];
       for (const V of h.value) {
-        const B = y.value.find(($) => e.itemComparator($.value, V.value));
+        const B = y.value.find((N) => e.itemComparator(N.value, V.value));
         B !== void 0 && I.push(B);
       }
       return I;
@@ -8472,8 +8472,8 @@ const _l = K({
     }
     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);
       });
     }
@@ -8486,19 +8486,19 @@ 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)
+        const N = g.value.findIndex((L) => L.value === I.value);
+        if (N === -1)
           B = [...h.value, I];
         else {
           const L = h.value.slice();
-          L.splice($, 1), B = L;
+          L.splice(N, 1), B = L;
         }
       } else
         B = [I];
@@ -8522,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"
           });
         }
@@ -8551,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,
@@ -8560,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,
@@ -8587,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 = {
@@ -8629,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(() => {
@@ -9179,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
@@ -9283,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"
@@ -9307,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
@@ -9359,7 +9359,7 @@ const $l = K({
       });
     });
   }
-}), $o = /* @__PURE__ */ F({
+}), No = /* @__PURE__ */ F({
   name: "YTextEllipsis",
   props: {
     text: {
@@ -9406,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,
@@ -9443,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 && m(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);
@@ -9477,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 === "." && m(O);
     }
     function _(O) {
       if (typeof O == "string") {
@@ -9508,14 +9511,14 @@ const $l = K({
     }
     function v(O, A) {
       se(() => {
-        r[O] = A, Y();
+        r[O] = A.replace(/\./g, ""), Y();
       });
     }
     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) {
@@ -9547,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) => {
@@ -9556,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
       }), {
@@ -9564,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",
@@ -9579,10 +9582,10 @@ const $l = K({
           onBlur: (k) => D(A),
           onChange: (k) => void 0,
           onKeydown: (k) => h(A, k),
-          onKeyup: (k) => g(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) => {
@@ -9597,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,
@@ -9810,7 +9818,7 @@ const Vl = K({
   PageControlPaths: ht,
   YAlert: Yo,
   YApp: ui,
-  YBadge: No,
+  YBadge: $o,
   YButton: ee,
   YCard: Ot,
   YCardBody: sr,
@@ -9829,7 +9837,7 @@ const Vl = K({
   YDataTableServer: mo,
   YDateCalendar: Qt,
   YDatePicker: Bo,
-  YDialog: $r,
+  YDialog: Nr,
   YDividePanel: Wr,
   YDivider: Mo,
   YDropdown: po,
@@ -9864,7 +9872,7 @@ const Vl = K({
   YTab: Tl,
   YTable: Le,
   YTabs: To,
-  YTextEllipsis: $o,
+  YTextEllipsis: No,
   YTextHighlighter: za,
   YTextarea: Ri,
   YTi: Ro,
@@ -9877,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,