yuyeon 0.2.3-rc.11 → 0.2.3-rc.12

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var tr = Object.defineProperty;
 var nr = (e, t, n) => t in e ? tr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => nr(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ee, capitalize as ar, inject as ue, computed as C, shallowRef as le, watchEffect as Be, ref as O, provide as ce, h as se, watch as L, onScopeDispose as ke, effectScope as Dt, toRaw as Ca, toRef as oe, onBeforeUnmount as lt, reactive as Ee, onMounted as gn, nextTick as ve, resolveDynamicComponent as ir, createVNode as d, withDirectives as Ke, mergeProps as W, resolveDirective as At, unref as fe, readonly as Zt, onBeforeMount as ka, Fragment as X, createTextVNode as Tt, withKeys as rr, Transition as Et, withModifiers as bn, toRefs as lr, Teleport as or, vShow as pn, watchPostEffect as ur, defineComponent as wn, resolveComponent as cr, onBeforeUpdate as sr, isVNode as Ot } from "vue";
+import { getCurrentInstance as ee, capitalize as ar, inject as ue, computed as C, shallowRef as le, watchEffect as Be, ref as E, provide as ce, h as se, watch as L, onScopeDispose as ke, effectScope as Dt, toRaw as Ca, toRef as oe, onBeforeUnmount as lt, reactive as Oe, onMounted as gn, nextTick as ve, resolveDynamicComponent as ir, createVNode as d, withDirectives as Ke, mergeProps as W, resolveDirective as At, unref as fe, readonly as Zt, onBeforeMount as ka, Fragment as X, createTextVNode as Tt, withKeys as rr, Transition as Ot, withModifiers as bn, toRefs as lr, Teleport as or, vShow as pn, watchPostEffect as ur, defineComponent as wn, resolveComponent as cr, onBeforeUpdate as sr, isVNode as Et } from "vue";
 function Ge(e, t) {
   return e ? Object.prototype.hasOwnProperty.call(e, t) : !1;
 }
@@ -66,7 +66,7 @@ function dr(e) {
 function ct(e) {
   return e == null || (e == null ? void 0 : e.trim()) === "";
 }
-function Oe(e, t) {
+function Ee(e, t) {
   const n = { ...e };
   return t.forEach((a) => delete n[a]), n;
 }
@@ -135,7 +135,7 @@ function yr(e, t) {
 }
 const pt = Symbol.for("yuyeon.defaults");
 function mr(e) {
-  return O(e);
+  return E(e);
 }
 function hr(e) {
   return mr(e);
@@ -263,7 +263,7 @@ function Sn(e, t) {
   });
 }
 function G(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
-  const r = ee(), l = Mt(t), o = l === t ? Da(t) : t, c = O(
+  const r = ee(), l = Mt(t), o = l === t ? Da(t) : t, c = E(
     e[o] !== void 0 ? e[o] : n
   );
   function s() {
@@ -373,7 +373,7 @@ function Sr(e, t, n = !0) {
 }
 function xr(e, t) {
   let n = !1;
-  const a = Ee([]), i = G(
+  const a = Oe([]), i = G(
     e,
     "modelValue",
     [],
@@ -515,16 +515,16 @@ function Ar(e, t) {
     href: C(() => e.to ? r == null ? void 0 : r.route.value.href : e.href)
   };
 }
-const Ea = "y-plate-wave__animation";
-function Oa(e) {
+const Oa = "y-plate-wave__animation";
+function Ea(e) {
   if (!e) return;
   const t = document.createElement("span");
-  t.className = Ea, e.appendChild(t), t.dataset.activated = String(performance.now());
+  t.className = Oa, e.appendChild(t), t.dataset.activated = String(performance.now());
 }
 function xn(e) {
   if (!e)
     return;
-  const t = e.getElementsByClassName(Ea);
+  const t = e.getElementsByClassName(Oa);
   if (t.length === 0) return;
   const n = t[t.length - 1];
   if (n.dataset.isHiding) return;
@@ -536,7 +536,7 @@ function xn(e) {
 }
 let en = !1;
 function Ma(e) {
-  Oa(e.currentTarget);
+  Ea(e.currentTarget);
 }
 function Je(e) {
   xn(e.currentTarget);
@@ -544,7 +544,7 @@ function Je(e) {
 function Tr(e) {
 }
 function Ia(e) {
-  !en && (e.key === "Enter" || e.key === "Space") && (en = !0, Oa(e.currentTarget));
+  !en && (e.key === "Enter" || e.key === "Space") && (en = !0, Ea(e.currentTarget));
 }
 function Ya(e) {
   en = !1, xn(e.currentTarget);
@@ -573,7 +573,7 @@ const Ba = {
   unmount(e) {
     Pa(e);
   }
-}, Er = /rgb(a?)\((?<v>.*)\)/, Or = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;
+}, Or = /rgb(a?)\((?<v>.*)\)/, Er = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/;
 function tn(e) {
   if (e && e[0] === "#") {
     const t = e.substring(1, e.length), n = t.length, a = [];
@@ -591,7 +591,7 @@ function tn(e) {
   }
 }
 function at(e) {
-  return Er.test(e) || Or.test(e);
+  return Or.test(e) || Er.test(e);
 }
 const Mr = "YSpinnerRing", $a = /* @__PURE__ */ V({
   name: Mr,
@@ -1002,7 +1002,7 @@ function Rr() {
   return window.matchMedia("(prefers-color-scheme)").media !== "not all";
 }
 function Fr(e) {
-  const t = Dt(), n = Ee(Lr(e)), a = O(n.scheme), i = O(n.theme), r = O(n.themes), l = O(n.palette), o = O(!0), c = O("");
+  const t = Dt(), n = Oe(Lr(e)), a = E(n.scheme), i = E(n.theme), r = E(n.themes), l = E(n.palette), o = E(!0), c = E("");
   function s(g) {
     c.value = g.matches ? "dark" : "light";
   }
@@ -1156,7 +1156,7 @@ const Na = Symbol.for("yuyeon.form"), jr = j(
   "form"
 );
 function Kr(e) {
-  const t = G(e), n = le(!1), a = O([]), i = O([]), r = C(() => e.readonly), l = C(() => e.disabled), o = C(() => e.loading);
+  const t = G(e), n = le(!1), a = E([]), i = E([]), r = C(() => e.readonly), l = C(() => e.disabled), o = C(() => e.loading);
   async function c() {
     var w;
     const S = [];
@@ -1242,7 +1242,7 @@ const Wr = j(
 function zr(e, t, n = He()) {
   const a = C(() => e.name ?? n), i = G(e, "modelValue"), r = C(
     () => e.validationValue === void 0 ? i.value : e.validationValue
-  ), l = ee(), o = Hr(), c = O(!1), s = C(() => {
+  ), l = ee(), o = Hr(), c = E(!1), s = C(() => {
     let p = e.validateOn || "input";
     p === "lazy" && (p = "input,lazy");
     const b = new Set((p == null ? void 0 : p.split(",")) ?? []);
@@ -1252,7 +1252,7 @@ function zr(e, t, n = He()) {
       lazy: b.has("lazy"),
       submit: b.has("submit")
     };
-  }), u = O(), m = O([]), y = C(() => e.readonly ?? (o == null ? void 0 : o.isReadonly.value)), S = C(() => e.disabled ?? (o == null ? void 0 : o.isDisabled.value)), x = C(() => e.loading ?? (o == null ? void 0 : o.isLoading.value)), w = C(() => e.status === "error" || m.value.length > 0), v = C(() => !w.value && e.status === "success");
+  }), u = E(), m = E([]), y = C(() => e.readonly ?? (o == null ? void 0 : o.isReadonly.value)), S = C(() => e.disabled ?? (o == null ? void 0 : o.isDisabled.value)), x = C(() => e.loading ?? (o == null ? void 0 : o.isLoading.value)), w = C(() => e.status === "error" || m.value.length > 0), v = C(() => !w.value && e.status === "success");
   Sn(
     () => s.value.input,
     () => {
@@ -1420,8 +1420,8 @@ const ge = "y-input", ot = j({
       isSuccess: v,
       errors: f,
       errorResult: h
-    } = zr(e, ge, r), g = O(), p = O(), b = O();
-    O();
+    } = zr(e, ge, r), g = E(), p = E(), b = E();
+    E();
     const k = le(!1), D = C(() => e.variation ? e.variation.split(",").map((I) => I.trim()) : []), P = C(() => e.floated || !!e.placeholder || !e.placeholder && o.value || !!b.value), K = C(() => ({
       // Style
       [l.value]: !0,
@@ -1469,7 +1469,7 @@ const ge = "y-input", ot = j({
     function R(I) {
       u(), x(), i("blur", I);
     }
-    function E(I) {
+    function O(I) {
       i("click:leading", I);
     }
     function M() {
@@ -1515,7 +1515,7 @@ const ge = "y-input", ot = j({
         class: `${ge}__plate`
       }, null), t.leading && d("div", {
         class: "y-input__leading",
-        onClick: E
+        onClick: O
       }, [t.leading({
         error: w.value
       })]), t.default ? t.default({
@@ -1589,11 +1589,11 @@ const ge = "y-input", ot = j({
     emit: a,
     slots: i
   }) {
-    const r = O(), l = O(), {
+    const r = E(), l = E(), {
       focused: o,
       whenFocus: c,
       whenBlur: s
-    } = kn(e, "y-field-input"), u = O(""), m = O(""), y = oe(e, "type"), S = C(() => ({
+    } = kn(e, "y-field-input"), u = E(""), m = E(""), y = oe(e, "type"), S = C(() => ({
       [Vt]: !0
     }));
     function x(A) {
@@ -1793,7 +1793,7 @@ const ge = "y-input", ot = j({
     slots: a,
     expose: i
   }) {
-    const r = He(), l = O(), o = O(), c = O(""), s = O(""), {
+    const r = He(), l = E(), o = E(), c = E(""), s = E(""), {
       focused: u,
       whenFocus: m,
       whenBlur: y
@@ -1911,8 +1911,8 @@ const ge = "y-input", ot = j({
     slots: n,
     expose: a
   }) {
-    const i = Kr(e), r = O();
-    O();
+    const i = Kr(e), r = E();
+    E();
     function l(c) {
       const s = c, u = i.validate();
       s.then = u.then.bind(u), s.catch = u.catch.bind(u), s.finally = u.finally.bind(u), t("submit", s), s.defaultPrevented || u.then(({
@@ -1987,7 +1987,7 @@ function La(e, t, n) {
   };
 }
 function Jr(e) {
-  const t = le((e == null ? void 0 : e.locale) ?? "en"), n = le((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = O({
+  const t = le((e == null ? void 0 : e.locale) ?? "en"), n = le((e == null ? void 0 : e.fallbackLocale) ?? "en"), a = E({
     en: Zr,
     ...e == null ? void 0 : e.messages
   }), i = La(t, n, a);
@@ -2086,7 +2086,7 @@ const el = {
   zhHant: !1
 }, Ra = Symbol.for("yuyeon.i18n");
 function nl(e, t) {
-  const n = O(
+  const n = E(
     (t == null ? void 0 : t.rtlOptions) ?? tl
   ), a = C(() => n.value[e.locale.value] ?? !1), i = C(() => `y-i18n--${a.value ? "rtl" : "ltr"}`);
   return {
@@ -2108,7 +2108,7 @@ function ut() {
   return e;
 }
 function Fa(e, t) {
-  const n = Ee(
+  const n = Oe(
     typeof e.adapter == "function" ? new e.adapter({
       locale: e.locale[t.locale.value] ?? t.locale.value,
       formats: e.formats
@@ -2608,7 +2608,7 @@ const Rt = typeof window < "u", sl = {
   canUseResizeObserver: Rt && "ResizeObserver" in window
 };
 function xe(e) {
-  const t = O(), n = O();
+  const t = E(), n = E();
   if (sl.canUseResizeObserver) {
     const a = new ResizeObserver((i, r) => {
       e == null || e(i, r), i.length && (n.value = i[0].contentRect);
@@ -2629,7 +2629,7 @@ function xe(e) {
   };
 }
 function dl(e, t) {
-  const n = O(!1), a = O();
+  const n = E(!1), a = E();
   a.value = t.value;
   const i = C(() => e.value ? t.value : a.value);
   L(t, () => {
@@ -2647,7 +2647,7 @@ function dl(e, t) {
 function fl(e, t, n) {
   const { tickDuration: a } = {};
   let i = a ?? 100, r = -1;
-  const l = O(0), o = O(fe(t)), c = O(!1);
+  const l = E(0), o = E(fe(t)), c = E(!1);
   function s() {
     const S = Date.now(), x = S - l.value;
     if (o.value = o.value - x, o.value < 1)
@@ -2719,7 +2719,7 @@ function yl(e) {
   };
 }
 const nn = (e, { slots: t }) => {
-  const { is: n, transitionProps: a, ...i } = e, { component: r = Et, ...l } = typeof n == "object" ? { component: n, ...a } : { name: n };
+  const { is: n, transitionProps: a, ...i } = e, { component: r = Ot, ...l } = typeof n == "object" ? { component: n, ...a } : { name: n };
   return se(r, { ...l, ...a, ...i }, t);
 };
 function ml(e) {
@@ -2971,7 +2971,7 @@ const Ka = /* @__PURE__ */ V({
     emit: t,
     slots: n
   }) {
-    const i = `input-${(He() ?? "").toString()}`, r = O(), l = G(e), o = O(!1), c = O(!1), s = C(() => Array.isArray(l.value)), u = C(() => s.value ? l.value.findIndex((p) => p === e.value) : -1), m = C(() => ({
+    const i = `input-${(He() ?? "").toString()}`, r = E(), l = G(e), o = E(!1), c = E(!1), s = C(() => Array.isArray(l.value)), u = C(() => s.value ? l.value.findIndex((p) => p === e.value) : -1), m = C(() => ({
       "y-switch--active": o.value,
       "y-switch--focused": c.value,
       "y-switch--disabled": !!e.disabled,
@@ -3121,7 +3121,7 @@ function ra(e) {
   return an(za, e.side) ? "y" : "x";
 }
 function Cl(e) {
-  const t = Ee({}), n = C(e);
+  const t = Oe({}), n = C(e);
   return Be(
     () => {
       for (const a in n.value)
@@ -3217,7 +3217,7 @@ function oa(e, t) {
   );
 }
 function Dl(e, t, n, a) {
-  const { contentEl: i, base: r, active: l } = t, o = O(!1), [c, s, u, m] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((h) => C(() => {
+  const { contentEl: i, base: r, active: l } = t, o = E(!1), [c, s, u, m] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((h) => C(() => {
     const g = parseFloat(e[h]);
     return isNaN(g) ? 1 / 0 : g;
   })), y = C(() => {
@@ -3360,7 +3360,7 @@ function Dl(e, t, n, a) {
       }
       break;
     }
-    const E = ra(Y.anchor);
+    const O = ra(Y.anchor);
     return Object.assign(a.value, {
       "--y-levitation-anchor-origin": `${Y.anchor.side} ${Y.anchor.align}`,
       transformOrigin: `${Y.origin.side} ${Y.origin.align}`,
@@ -3368,7 +3368,7 @@ function Dl(e, t, n, a) {
       left: o.value ? void 0 : q(Nt(T)),
       right: o.value ? q(Nt(-T)) : void 0,
       minWidth: q(
-        E === "y" ? Math.min(c.value, p.width) : c.value
+        O === "y" ? Math.min(c.value, p.width) : c.value
       ),
       maxWidth: q(
         Jn(
@@ -3447,7 +3447,7 @@ const Al = {
   "Coordinate"
 );
 function Tl(e, t) {
-  const n = O(), a = O(), i = O({});
+  const n = E(), a = E(), i = E({});
   Sn(
     () => !!(t.active.value && e.coordinateStrategy),
     (l) => {
@@ -3484,15 +3484,15 @@ function Tl(e, t) {
     updateCoordinate: n
   };
 }
-const El = {
+const Ol = {
   minWidth: [Number, String],
   width: [Number, String],
   maxWidth: [Number, String],
   minHeight: [Number, String],
   height: [Number, String],
   maxHeight: [Number, String]
-}, Ol = j(
-  El,
+}, El = j(
+  Ol,
   "dimension"
 );
 function Ml(e) {
@@ -3550,14 +3550,14 @@ function Il(e) {
     i();
   }), { layerGroup: n, layerGroupState: be, getActiveLayers: a };
 }
-function En(e) {
+function On(e) {
   const t = e.getRootNode();
   return t !== document && t.getRootNode({ composed: !0 }) !== document ? null : t;
 }
 function Yl(e, t, n) {
   if (!e)
     return !1;
-  const a = En(t);
+  const a = On(t);
   if (typeof ShadowRoot < "u" && a instanceof ShadowRoot && a.host === e.target)
     return !1;
   const i = [];
@@ -3575,7 +3575,7 @@ function Bl(e, t, n) {
 function Ua(e, t, n) {
   if (!e || qa(e, n) === !1)
     return !1;
-  const a = En(t);
+  const a = On(t);
   if (typeof ShadowRoot < "u" && a instanceof ShadowRoot && a.host === e.target)
     return !1;
   const i = (typeof n.value == "object" && n.value.include || (() => []))();
@@ -3586,7 +3586,7 @@ function qa(e, t) {
   return a && (a == null ? void 0 : a(e));
 }
 function ca(e, t) {
-  const n = En(e);
+  const n = On(e);
   t(document), typeof ShadowRoot < "u" && n instanceof ShadowRoot && t(n);
 }
 const $l = {
@@ -3629,7 +3629,7 @@ const $l = {
   "YLayer.base"
 );
 function Vl(e) {
-  const t = ee(), n = O(), a = O(), i = O(), r = C(() => {
+  const t = ee(), n = E(), a = E(), i = E(), r = C(() => {
     var c, s;
     const o = (s = (c = a.value) == null ? void 0 : c[0]) == null ? void 0 : s.el;
     if (o && o.nodeType === Node.ELEMENT_NODE)
@@ -3864,7 +3864,7 @@ const Ue = j({
   ...Rl(),
   ...Tn(),
   ...Hl(),
-  ...Ol()
+  ...El()
 }, "YLayer"), me = /* @__PURE__ */ V({
   name: "YLayer",
   inheritAttrs: !1,
@@ -3890,7 +3890,7 @@ const Ue = j({
     attrs: a,
     slots: i
   }) {
-    const r = ee(), l = O(), o = O(), c = O(), s = G(e), u = C({
+    const r = ee(), l = E(), o = E(), c = E(), s = G(e), u = C({
       get: () => !!s.value,
       set: (Q) => {
         Q && e.disabled || (s.value = Q);
@@ -3916,8 +3916,8 @@ const Ue = j({
     } = Ml(e), {
       lazyValue: D,
       onAfterUpdate: P
-    } = dl(oe(e, "eager"), u), K = le(!1), Y = O(!1);
-    O(!1);
+    } = dl(oe(e, "eager"), u), K = le(!1), Y = E(!1);
+    E(!1);
     const _ = oe(e, "disabled"), T = C(() => !_.value && (D.value || u.value)), {
       coordinateStyles: A,
       updateCoordinate: B
@@ -3939,7 +3939,7 @@ const Ue = j({
     function R() {
       return (!e.openOnHover || e.openOnHover && !Y.value) && u.value && K.value;
     }
-    const E = Ee({
+    const O = Oe({
       handler: N,
       determine: R,
       include: () => [S.value]
@@ -4013,7 +4013,7 @@ const Ue = j({
           onMouseleave: z,
           style: J.value,
           ref: c
-        }, a), [d(Et, {
+        }, a), [d(Ot, {
           name: "fade",
           appear: !0
         }, {
@@ -4047,13 +4047,13 @@ const Ue = j({
             }), [(Ye = i.default) == null ? void 0 : Ye.call(i, {
               active: u.value
             })]), [[pn, u.value], [At("complement-click"), {
-              ...E
+              ...O
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: E,
+      complementClickOption: O,
       layerGroup: h,
       active: u,
       finish: K,
@@ -4126,7 +4126,7 @@ const Za = j({
   offset: {
     type: String
   },
-  ...Oe(Ue({
+  ...Ee(Ue({
     scrim: !0
   }), ["offset", "classes"])
 }, "YDialog"), Gl = /* @__PURE__ */ V({
@@ -4148,7 +4148,7 @@ const Za = j({
     })), o = C(() => ({
       ...e.contentStyles ?? {},
       paddingTop: q(e.offset)
-    })), c = O(), {
+    })), c = E(), {
       children: s
     } = Xa(c, r, le(!0));
     function u(f) {
@@ -4191,7 +4191,7 @@ const Za = j({
     function y() {
       document.removeEventListener("focusin", u);
     }
-    const S = O(0), x = O(0);
+    const S = E(0), x = E(0);
     function w(f) {
       var p;
       const h = i.root, g = (p = c.value) == null ? void 0 : p.getActiveLayers();
@@ -4235,7 +4235,7 @@ const Za = j({
       "content-styles": o.value,
       modal: !0,
       ref: c
-    }, Oe(ae(e, me.props), ["contentStyles"])), {
+    }, Ee(ae(e, me.props), ["contentStyles"])), {
       default: (...f) => {
         var h;
         return (h = n.default) == null ? void 0 : h.call(n, ...f);
@@ -4265,11 +4265,11 @@ function Jl(e, t) {
   return Le(e) ? e[Zl(0, e.length, t)] : e;
 }
 const Qa = (e, t, n) => -n * e + n * t + e, ei = () => {
-}, Te = (e) => e, On = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
+}, Te = (e) => e, En = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
 function ti(e, t) {
   const n = e[e.length - 1];
   for (let a = 1; a <= t; a++) {
-    const i = On(0, t, a);
+    const i = En(0, t, a);
     e.push(Qa(n, 1, i));
   }
 }
@@ -4283,7 +4283,7 @@ function eo(e, t = Ql(e.length), n = Te) {
     let l = 0;
     for (; l < a - 2 && !(r < t[l + 1]); l++)
       ;
-    let o = Ja(0, 1, On(t[l], t[l + 1], r));
+    let o = Ja(0, 1, En(t[l], t[l + 1], r));
     return o = Jl(n, l)(o), Qa(e[l], e[l + 1], o);
   };
 }
@@ -4491,7 +4491,7 @@ const po = 0.015, wo = (e, t) => {
   let n = "";
   const a = Math.round(t / po);
   for (let i = 0; i < a; i++)
-    n += e(On(0, a - 1, i)) + ", ";
+    n += e(En(0, a - 1, i)) + ", ";
   return n.substring(0, n.length - 2);
 }, ba = (e, t) => Fe(e) ? Ve.linearEasing() ? `linear(${wo(e, t)})` : de.easing : ni(e) ? So(e) : e, So = ([e, t, n, a]) => `cubic-bezier(${e}, ${t}, ${n}, ${a})`;
 function xo(e, t) {
@@ -4608,13 +4608,13 @@ const Ao = (e, t) => (
 function To(e, t) {
   return typeof e == "string" ? e = document.querySelectorAll(e) : e instanceof Element && (e = [e]), Array.from(e || []);
 }
-const Eo = (e) => e(), ui = (e, t, n = de.duration) => new Proxy({
-  animations: e.map(Eo).filter(Boolean),
+const Oo = (e) => e(), ui = (e, t, n = de.duration) => new Proxy({
+  animations: e.map(Oo).filter(Boolean),
   duration: n,
   options: t
-}, Mo), Oo = (e) => e.animations[0], Mo = {
+}, Mo), Eo = (e) => e.animations[0], Mo = {
   get: (e, t) => {
-    const n = Oo(e);
+    const n = Eo(e);
     switch (t) {
       case "duration":
         return e.duration;
@@ -4773,7 +4773,7 @@ const je = /* @__PURE__ */ V({
     emit: t,
     slots: n
   }) {
-    const a = G(e), i = O(!1), r = oe(e, "duration"), l = C(() => ({
+    const a = G(e), i = E(!1), r = oe(e, "duration"), l = C(() => ({
       "y-snackbar": !0
     })), o = C(() => ({
       ...Me(e.contentClasses),
@@ -4823,7 +4823,7 @@ const je = /* @__PURE__ */ V({
     });
     return H(() => d(me, W({
       ref: "layer"
-    }, Oe(ae(e, me.props), ["scrim", "transition", "content-classes", "classes"]), {
+    }, Ee(ae(e, me.props), ["scrim", "transition", "content-classes", "classes"]), {
       modelValue: a.value,
       "onUpdate:modelValue": (v) => a.value = v,
       classes: l.value,
@@ -4905,7 +4905,7 @@ const Lo = "YTooltip", Ro = {
     emit: n,
     expose: a
   }) {
-    const i = O(), r = O(), l = C(() => {
+    const i = E(), r = E(), l = C(() => {
       var f;
       return (f = i.value) == null ? void 0 : f.baseEl;
     }), o = C(() => ({
@@ -4960,7 +4960,7 @@ const Lo = "YTooltip", Ro = {
       baseEl: l
     }), H(() => d(X, null, [d(me, W({
       ref: i
-    }, Oe(ae(e, me.props), ["scrim"]), {
+    }, Ee(ae(e, me.props), ["scrim"]), {
       classes: o.value,
       scrim: !1,
       transition: e.transition,
@@ -5053,9 +5053,9 @@ function fi(e = !1) {
       relay: Boolean
     },
     setup(l, { slots: o }) {
-      const c = O();
+      const c = E();
       return () => se(
-        Et,
+        Ot,
         {
           name: l.disabled ? "" : n,
           css: !l.disabled,
@@ -5071,7 +5071,7 @@ const vi = fi(!1), jo = fi(!0), Ko = /* @__PURE__ */ wn({
   setup(e, {
     slots: t
   }) {
-    const n = O(50), a = O(!1), i = O(), r = O(!1), l = O();
+    const n = E(50), a = E(!1), i = E(), r = E(!1), l = E();
     L(i, (x) => {
       r.value = !!x;
     });
@@ -5402,7 +5402,7 @@ const vi = fi(!1), jo = fi(!0), Ko = /* @__PURE__ */ wn({
     slots: t,
     expose: n
   }) {
-    const a = cr("YTreeViewNode", !0), i = ee(), r = ue("tree-view"), l = O(), o = O(!1), c = O(!1), s = O(!1), u = O(!1), m = C(() => (Z(e.item, e.itemChildren) ?? []).slice()), y = C(() => m.value.length < 1), S = C(() => ({
+    const a = cr("YTreeViewNode", !0), i = ee(), r = ue("tree-view"), l = E(), o = E(!1), c = E(!1), s = E(!1), u = E(!1), m = C(() => (Z(e.item, e.itemChildren) ?? []).slice()), y = C(() => m.value.length < 1), S = C(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": y.value,
       "y-tree-view-node--expanded": o.value,
@@ -5674,8 +5674,8 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
     emit: n,
     expose: a
   }) {
-    const i = O({}), r = G(e, "expanded"), l = G(e, "active"), o = G(e, "selected"), c = O(/* @__PURE__ */ new Set()), s = O(/* @__PURE__ */ new Set()), u = O(/* @__PURE__ */ new Set()), m = O(/* @__PURE__ */ new Set()), y = le(Wo(w, e.searchDebounceWait)), S = O([]), x = le(!1);
-    function w(E, M = "", I = Uo) {
+    const i = E({}), r = G(e, "expanded"), l = G(e, "active"), o = G(e, "selected"), c = E(/* @__PURE__ */ new Set()), s = E(/* @__PURE__ */ new Set()), u = E(/* @__PURE__ */ new Set()), m = E(/* @__PURE__ */ new Set()), y = le(Wo(w, e.searchDebounceWait)), S = E([]), x = le(!1);
+    function w(O, M = "", I = Uo) {
       const $ = /* @__PURE__ */ new Set();
       if (!M) {
         x.value = !1, m.value = $, zn(S.value, [...c.value]).forEach((z) => {
@@ -5685,17 +5685,17 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
         });
         return;
       }
-      for (const F of E)
+      for (const F of O)
         gi(I, F, M ?? "", e.itemKey, e.itemText, e.itemChildren, $);
       m.value = $, x.value = !1, p();
     }
     Be(() => {
       x.value = !0, y.value(e.items, e.search, e.filter);
     });
-    function v(E) {
+    function v(O) {
       const M = [], {
         childKeys: I
-      } = i.value[E];
+      } = i.value[O];
       M.push(...I);
       const $ = I.slice();
       for (; $.length > 0; ) {
@@ -5704,11 +5704,11 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
       }
       return M;
     }
-    function f(E) {
-      return e.returnItem ? Z(E, e.itemKey) : E;
+    function f(O) {
+      return e.returnItem ? Z(O, e.itemKey) : O;
     }
-    function h(E, M = null, I = 0) {
-      for (const $ of E) {
+    function h(O, M = null, I = 0) {
+      for (const $ of O) {
         const F = Z($, e.itemKey), z = Z($, e.itemChildren) ?? [], te = Ge(i.value, F) ? i.value[F] : {
           vnode: null,
           selected: !1,
@@ -5729,84 +5729,84 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
         h(z, F, I + 1), i.value[F] = re, i.value[F].expanded && c.value.add(F), i.value[F].selected && s.value.add(F), i.value[F].active && u.value.add(F), T(F);
       }
     }
-    function g(E, M) {
-      if (!(E in i.value)) return;
-      const I = i.value[E], $ = Z(I.item, e.itemChildren);
-      Array.isArray($) && $.length > 0 && (M ? c.value.add(E) : c.value.delete(E), I.expanded = M, T(E));
+    function g(O, M) {
+      if (!(O in i.value)) return;
+      const I = i.value[O], $ = Z(I.item, e.itemChildren);
+      Array.isArray($) && $.length > 0 && (M ? c.value.add(O) : c.value.delete(O), I.expanded = M, T(O));
     }
-    L(c, (E) => {
-      e.search || (S.value = [...E]);
+    L(c, (O) => {
+      e.search || (S.value = [...O]);
     }, {
       deep: !0
     });
-    function p(E = !0) {
+    function p(O = !0) {
       return Object.entries(i.value).forEach(([M, I]) => {
-        (E === !0 || E >= I.level) && g(M, !0);
+        (O === !0 || O >= I.level) && g(M, !0);
       }), D(), c.value;
     }
-    function b(E, M, I) {
-      if (!(E in i.value)) return;
-      const $ = i.value[E];
-      let F = M ? "" : E;
+    function b(O, M, I) {
+      if (!(O in i.value)) return;
+      const $ = i.value[O];
+      let F = M ? "" : O;
       if (e.multipleActive || ([F] = [...u.value]), M)
-        u.value.add(E), $.active = !0, T(E);
-      else if (e.requiredActive && u.value.size === 1 && E === F) {
-        T(E);
+        u.value.add(O), $.active = !0, T(O);
+      else if (e.requiredActive && u.value.size === 1 && O === F) {
+        T(O);
         return;
       }
       if (F && F in i.value && (u.value.delete(F), i.value[F].active = !1, T(F)), !(e.activeSingleModifier && (I != null && I.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
-        for (const z of v(E))
+        for (const z of v(O))
           z in i.value && (M ? u.value.add(z) : u.value.delete(z), i.value[z].active = M, T(z));
     }
-    function k(E, M) {
-      if (!(E in i.value)) return;
-      const I = i.value[E];
-      if (M && (s.value.add(E), I.selected = !0), !M && E in i.value && (s.value.delete(E), i.value[E].selected = !1, T(E)), e.selectStrategy === "cascade")
-        for (const $ of v(E))
+    function k(O, M) {
+      if (!(O in i.value)) return;
+      const I = i.value[O];
+      if (M && (s.value.add(O), I.selected = !0), !M && O in i.value && (s.value.delete(O), i.value[O].selected = !1, T(O)), e.selectStrategy === "cascade")
+        for (const $ of v(O))
           $ in i.value && (M ? s.value.add($) : s.value.delete($), i.value[$].selected = M, T($));
     }
     function D() {
-      const E = [...c.value];
-      r.value = e.returnItem ? E.map((M) => i.value[M].item) : E;
+      const O = [...c.value];
+      r.value = e.returnItem ? O.map((M) => i.value[M].item) : O;
     }
     function P() {
-      const E = [...u.value];
-      l.value = e.returnItem ? E.map((M) => i.value[M].item) : E;
+      const O = [...u.value];
+      l.value = e.returnItem ? O.map((M) => i.value[M].item) : O;
     }
     function K() {
-      const E = [...s.value];
-      o.value = e.returnItem ? E.map((M) => i.value[M].item) : E;
+      const O = [...s.value];
+      o.value = e.returnItem ? O.map((M) => i.value[M].item) : O;
     }
-    function Y(E, M, I, $) {
-      const F = e.returnItem ? E.map((J) => Z(J, e.itemKey)) : E, z = [...M.value];
+    function Y(O, M, I, $) {
+      const F = e.returnItem ? O.map((J) => Z(J, e.itemKey)) : O, z = [...M.value];
       Se(z, F) || (z.forEach((J) => I(J, !1)), F.forEach((J) => I(J, !0)), $());
     }
-    L(r, (E) => {
-      Y(E, c, g, D);
-    }), L(l, (E) => {
-      Y(E, u, b, P);
-    }), L(o, (E) => {
-      Y(E, s, k, K);
-    }), L(() => e.items, (E) => {
-      const M = Object.keys(i.value).map((J) => Z(i.value[J].item, e.itemKey)), I = zo(E, e.itemKey, e.itemChildren), $ = zn(M, I);
+    L(r, (O) => {
+      Y(O, c, g, D);
+    }), L(l, (O) => {
+      Y(O, u, b, P);
+    }), L(o, (O) => {
+      Y(O, s, k, K);
+    }), L(() => e.items, (O) => {
+      const M = Object.keys(i.value).map((J) => Z(i.value[J].item, e.itemKey)), I = zo(O, e.itemKey, e.itemChildren), $ = zn(M, I);
       if ($.length < 1 && I.length < M.length)
         return;
       $.forEach((J) => delete i.value[J]);
       const F = [...s.value], z = [...u.value];
-      s.value.clear(), c.value.clear(), u.value.clear(), h(E), Se(F, [...s.value]) || K(), Se(z, [...u.value]) || P();
+      s.value.clear(), c.value.clear(), u.value.clear(), h(O), Se(F, [...s.value]) || K(), Se(z, [...u.value]) || P();
     }, {
       deep: !0,
       flush: "sync"
     });
-    function _(E) {
-      return !!e.search && m.value.has(E);
+    function _(O) {
+      return !!e.search && m.value.has(O);
     }
-    function T(E) {
-      const M = i.value[E];
+    function T(O) {
+      const M = i.value[O];
       M && M.vnode && (M.vnode.active = M.active, M.vnode.selected = M.selected, M.vnode.indeterminate = M.indeterminate, M.vnode.expanded = M.expanded);
     }
-    function A(E, M) {
-      i.value[E] && (i.value[E].vnode = M), T(E);
+    function A(O, M) {
+      i.value[O] && (i.value[O].vnode = M), T(O);
     }
     h(e.items), ce("tree-view", {
       register: A,
@@ -5819,20 +5819,20 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
       isExcluded: _,
       searchLoading: x
     });
-    const B = C(() => e.items.slice().filter((E) => !_(Z(E, e.itemKey)))), N = C(() => ({
+    const B = C(() => e.items.slice().filter((O) => !_(Z(O, e.itemKey)))), N = C(() => ({
       "y-tree-view": !0
     })), R = C(() => {
-      let E = e.activeColor;
-      return e.activeColor && !at(e.activeColor) && (E = `var(--y-theme-${e.activeColor})`), {
-        "--y-tree-view__active-color": E
+      let O = e.activeColor;
+      return e.activeColor && !at(e.activeColor) && (O = `var(--y-theme-${e.activeColor})`), {
+        "--y-tree-view__active-color": O
       };
     });
     return gn(() => {
-      e.defaultExpand != null && e.defaultExpand !== !1 ? S.value = [...p(e.defaultExpand)] : (r.value.forEach((E) => g(f(E), !0)), D());
-      for (const E of e.active.map(f))
-        b(E, !0);
-      for (const E of e.selected.map(f))
-        k(E, !0);
+      e.defaultExpand != null && e.defaultExpand !== !1 ? S.value = [...p(e.defaultExpand)] : (r.value.forEach((O) => g(f(O), !0)), D());
+      for (const O of e.active.map(f))
+        b(O, !0);
+      for (const O of e.selected.map(f))
+        k(O, !0);
     }), a({
       expand: p
     }), H(() => d(X, null, [d("div", {
@@ -5841,11 +5841,11 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
       role: "tree"
     }, [x.value && d(Ka, {
       indeterminate: !0
-    }, null), B.value.length > 0 ? B.value.slice().map((E) => d(hi, W({
-      key: Z(E, e.itemKey)
+    }, null), B.value.length > 0 ? B.value.slice().map((O) => d(hi, W({
+      key: Z(O, e.itemKey)
     }, {
       ...ae(e, pa),
-      item: E,
+      item: O,
       level: 0
     }), t)) : d("div", {
       class: "y-tree-view__no-data"
@@ -5921,7 +5921,7 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
     slots: t,
     attrs: n
   }) {
-    const a = O(), {
+    const a = E(), {
       themeClasses: i
     } = ze(e), r = le(!1);
     function l(u) {
@@ -5952,7 +5952,7 @@ const pa = Pn(), qo = /* @__PURE__ */ wn({
   }
 });
 function Go() {
-  const e = O(), t = O(), n = O(), { resizeObservedRef: a } = xe((l) => {
+  const e = E(), t = E(), n = E(), { resizeObservedRef: a } = xe((l) => {
     requestAnimationFrame(() => {
       var o;
       e.value = (o = l == null ? void 0 : l[0]) == null ? void 0 : o.contentRect;
@@ -6120,7 +6120,7 @@ const Nn = j({
   "YDataTable--header"
 ), sn = Symbol.for("yuyeon.data-table.header");
 function wi(e, t) {
-  const n = O([]), a = O([]);
+  const n = E([]), a = E([]);
   Be(() => {
     var S, x;
     const r = (S = e.headers) != null && S.length ? [e.headers] : [], l = r.flatMap(
@@ -6541,7 +6541,7 @@ const Qo = j({
   }
 });
 function tu() {
-  const e = O([]);
+  const e = E([]);
   sr(() => e.value = []);
   function t(n, a) {
     e.value[a] = n;
@@ -6878,11 +6878,11 @@ const iu = j({
   },
   "YDataTable--sorting"
 );
-function Ei(e) {
+function Oi(e) {
   const t = G(e, "sortBy"), n = oe(e, "multiSort");
   return { sortBy: t, multiSort: n };
 }
-function Oi(e) {
+function Ei(e) {
   const { sortBy: t, multiSort: n, page: a } = e, i = (o) => {
     var m;
     let c = ((m = t.value) == null ? void 0 : m.map((y) => ({ ...y }))) ?? [];
@@ -7176,7 +7176,7 @@ const Fn = j({
     } = Ai(e), {
       sortBy: r,
       multiSort: l
-    } = Ei(e), {
+    } = Oi(e), {
       columns: o,
       headers: c
     } = wi(e, {
@@ -7185,7 +7185,7 @@ const Fn = j({
       items: s
     } = Ii(e, o), {
       toggleSort: u
-    } = Oi({
+    } = Ei({
       sortBy: r,
       multiSort: l,
       page: a
@@ -7274,12 +7274,12 @@ const Fn = j({
           "slot-props": _.value
         }, t)]),
         default: () => {
-          var R, E, M;
+          var R, O, M;
           return t.default ? t.default(_.value) : d(X, null, [d("thead", {
             ref: K
           }, [d(tt, T, t)]), (R = t.thead) == null ? void 0 : R.call(t, _.value), !e.hideDefaultTbody && d("tbody", null, [d(et, W(A, {
             items: _.value.items
-          }), t)]), (E = t.tbody) == null ? void 0 : E.call(t, _.value), (M = t.tfoot) == null ? void 0 : M.call(t, _.value)]);
+          }), t)]), (O = t.tbody) == null ? void 0 : O.call(t, _.value), (M = t.tfoot) == null ? void 0 : M.call(t, _.value)]);
         },
         trailing: () => {
           var R;
@@ -7331,7 +7331,7 @@ const Fn = j({
     } = Ai(e), {
       sortBy: r,
       multiSort: l
-    } = Ei(e), o = C(() => parseInt(e.total)), {
+    } = Oi(e), o = C(() => parseInt(e.total)), {
       columns: c,
       headers: s
     } = wi(e, {
@@ -7340,7 +7340,7 @@ const Fn = j({
       items: u
     } = Ii(e, c), {
       toggleSort: m
-    } = Oi({
+    } = Ei({
       sortBy: r,
       multiSort: l,
       page: a
@@ -7362,7 +7362,7 @@ const Fn = j({
     } = Ci(e, {
       allItems: u,
       pageItems: u
-    }), b = O(), {
+    }), b = E(), {
       resizeObservedRef: k
     } = xe((P) => {
       requestAnimationFrame(() => b.value = P == null ? void 0 : P[0].contentRect);
@@ -7476,7 +7476,7 @@ const jn = {
     expose: a
   }) {
     ee();
-    const i = O(), r = C(() => ({
+    const i = E(), r = C(() => ({
       ...Me(e.menuClasses),
       "y-menu": !0
     })), l = G(e), o = C(() => {
@@ -7704,7 +7704,7 @@ const jn = {
     emit: t,
     slots: n
   }) {
-    const a = O(!1), i = O(!1), r = (He() ?? "").toString(), l = `input-${r}`;
+    const a = E(!1), i = E(!1), r = (He() ?? "").toString(), l = `input-${r}`;
     function o(w) {
       a.value = !0, t("focus", w);
     }
@@ -7913,7 +7913,7 @@ function hu(e) {
   };
 }
 function gu(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ot(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Et(e);
 }
 const Li = j({
   color: String,
@@ -7935,7 +7935,7 @@ const Li = j({
     attrs: t,
     slots: n
   }) {
-    const a = O(), {
+    const a = E(), {
       themeClasses: i
     } = ze(e), {
       iconData: r
@@ -7963,14 +7963,14 @@ const Li = j({
   }
 });
 function bu(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ot(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Et(e);
 }
 const Ri = j({
-  ...Oe(jn, ["modelValue", "coordinateStrategy"]),
+  ...Ee(jn, ["modelValue", "coordinateStrategy"]),
   modelValue: Boolean,
   variation: String,
   color: String,
-  ...Oe(Tn({
+  ...Ee(Tn({
     position: "bottom"
   }), ["coordinateStrategy"]),
   dropdownIcon: {
@@ -8099,10 +8099,11 @@ function xu(e) {
   };
 }
 function Cu(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ot(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Et(e);
 }
 const Ki = j({
   opened: Boolean,
+  closeOnBlur: Boolean,
   multiple: Boolean,
   itemComparator: {
     type: Function,
@@ -8132,7 +8133,7 @@ const Ki = j({
   },
   ...Ki(),
   ...Dn(),
-  ...Oe(Tn({
+  ...Ee(Tn({
     position: "bottom"
   }), ["coordinateStrategy"])
 }, "YSelect"), ku = /* @__PURE__ */ V({
@@ -8154,7 +8155,7 @@ const Ki = j({
     expose: a,
     emit: i
   }) {
-    const r = O(), l = O(), o = O(), c = O(), s = G(e, "opened"), u = le(!1), {
+    const r = E(), l = E(), o = E(), c = E(), s = G(e, "opened"), u = le(!1), {
       items: m,
       toRefineItems: y,
       toEmitItems: S
@@ -8166,8 +8167,8 @@ const Ki = j({
     }, v = G(e, "modelValue", [], (N) => y(N === null ? [null] : Ae(N)), w), f = C(() => {
       const N = [];
       for (const R of v.value) {
-        const E = m.value.find((M) => e.itemComparator(M.value, R.value));
-        E !== void 0 && N.push(E);
+        const O = m.value.find((M) => e.itemComparator(M.value, R.value));
+        O !== void 0 && N.push(O);
       }
       return N;
     }), h = C(() => f.value.map((N) => {
@@ -8188,9 +8189,9 @@ const Ki = j({
     }
     function D(N) {
       requestAnimationFrame(() => {
-        var E, M;
-        const R = (M = (E = l.value) == null ? void 0 : E.layer$) == null ? void 0 : M.content$;
-        R != null && R.contains(document.activeElement) || s.value && (s.value = !1);
+        var O, M;
+        const R = (M = (O = l.value) == null ? void 0 : O.layer$) == null ? void 0 : M.content$;
+        R != null && R.contains(document.activeElement) || s.value && e.closeOnBlur && (s.value = !1);
       });
     }
     function P(N, R) {
@@ -8202,19 +8203,19 @@ const Ki = j({
       u.value;
     }
     function Y(N) {
-      var R, E, M, I, $;
-      if (N.target && ((E = (R = l.value) == null ? void 0 : R.layer$) != null && E.content$))
+      var R, O, M, I, $;
+      if (N.target && ((O = (R = l.value) == null ? void 0 : R.layer$) != null && O.content$))
         return ($ = N.target) == null ? void 0 : $.contains((I = (M = l.value) == null ? void 0 : M.layer$) == null ? void 0 : I.content$);
     }
     function _(N) {
       let R;
       if (e.multiple) {
-        const E = f.value.findIndex((M) => M.value === N.value);
-        if (E === -1)
+        const O = f.value.findIndex((M) => M.value === N.value);
+        if (O === -1)
           R = [...v.value, N];
         else {
           const M = v.value.slice();
-          M.splice(E, 1), R = M;
+          M.splice(O, 1), R = M;
         }
       } else
         R = [N];
@@ -8222,7 +8223,7 @@ const Ki = j({
     }
     const T = C(() => {
       var N, R;
-      return e.multiple ? f.value.map((E) => E.text).join(", ") : ((R = (N = f.value) == null ? void 0 : N[0]) == null ? void 0 : R.text) ?? "";
+      return e.multiple ? f.value.map((O) => O.text).join(", ") : ((R = (N = f.value) == null ? void 0 : N[0]) == null ? void 0 : R.text) ?? "";
     }), A = C(() => {
       var N;
       return (N = l.value) == null ? void 0 : N.baseEl;
@@ -8233,12 +8234,12 @@ const Ki = j({
       });
     });
     function B() {
-      var R, E;
+      var R, O;
       if (f.value.length === 0)
         return;
       const N = Qt(o.value);
       if (N) {
-        const M = N == null ? void 0 : N.querySelector(".y-list-item--active"), I = (E = (R = l.value) == null ? void 0 : R.layer$) == null ? void 0 : E.content$;
+        const M = N == null ? void 0 : N.querySelector(".y-list-item--active"), I = (O = (R = l.value) == null ? void 0 : R.layer$) == null ? void 0 : O.content$;
         if (M && I) {
           const $ = kl(M);
           $ && (I.contains($) || I.isSameNode($)) && $.scrollTo({
@@ -8253,7 +8254,7 @@ const Ki = j({
       return d(St, W({
         ref: r
       }, N, {
-        modelValue: v.value.map((E) => E.props.value).join(", "),
+        modelValue: v.value.map((O) => O.props.value).join(", "),
         validationValue: v.rxValue,
         "onMousedown:display": b,
         "onKeydown:display": k,
@@ -8268,7 +8269,7 @@ const Ki = j({
       }), {
         default: () => {
           var M;
-          const E = {
+          const O = {
             items: f.value.map((I) => I.raw),
             displayText: T.value,
             placeholder: e.placeholder,
@@ -8276,7 +8277,7 @@ const Ki = j({
           };
           return d(X, null, [d("div", {
             class: ["y-select__selection"]
-          }, [t.selection ? (M = t.selection) == null ? void 0 : M.call(t, E) : h.value.length > 0 ? T.value : e.placeholder]), d(nt, W({
+          }, [t.selection ? (M = t.selection) == null ? void 0 : M.call(t, O) : h.value.length > 0 ? T.value : e.placeholder]), d(nt, W({
             ref: l,
             offset: e.offset,
             position: e.position,
@@ -8341,21 +8342,21 @@ const Ki = j({
             }
           })]);
         },
-        leading: t.leading ? (...E) => {
+        leading: t.leading ? (...O) => {
           var M;
-          return (M = t.leading) == null ? void 0 : M.call(t, ...E);
+          return (M = t.leading) == null ? void 0 : M.call(t, ...O);
         } : void 0,
-        trailing: (...E) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(Ie, W(W(R), {
+        trailing: (...O) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(Ie, W(W(R), {
           icon: e.dropdownIcon,
           class: ["y-select__icon"]
         }), null),
-        label: t.label ? (...E) => {
+        label: t.label ? (...O) => {
           var M;
-          return (M = t.label) == null ? void 0 : M.call(t, ...E);
+          return (M = t.label) == null ? void 0 : M.call(t, ...O);
         } : void 0,
-        "helper-text": t["helper-text"] ? (...E) => {
+        "helper-text": t["helper-text"] ? (...O) => {
           var M;
-          return (M = t["helper-text"]) == null ? void 0 : M.call(t, ...E);
+          return (M = t["helper-text"]) == null ? void 0 : M.call(t, ...O);
         } : void 0
       });
     }), gn(() => {
@@ -8391,7 +8392,7 @@ const Ki = j({
     slots: t,
     attrs: n
   }) {
-    const a = le(!1), i = O(), r = C(() => ({})), l = C(() => ({
+    const a = le(!1), i = E(), r = C(() => ({})), l = C(() => ({
       role: "tab",
       "aria-selected": `${String(a.value)}`,
       tabindex: a.value ? 0 : -1
@@ -8497,7 +8498,7 @@ const Ki = j({
   setup(e, {
     slots: t
   }) {
-    const n = O(), a = C(() => {
+    const n = E(), a = C(() => {
       const {
         variation: r
       } = e;
@@ -8529,7 +8530,7 @@ const Ki = j({
   }
 }), Gi = j({
   vertical: Boolean
-}, "YDivider"), Eu = /* @__PURE__ */ V({
+}, "YDivider"), Ou = /* @__PURE__ */ V({
   name: "YDivider",
   props: Gi(),
   setup(e) {
@@ -8567,7 +8568,7 @@ const Ki = j({
   setup(e, {
     slots: t
   }) {
-    const n = It(), a = ut(), i = O(), r = O([]), l = G(e, "modelValue", [], (g) => g == null ? [] : Ae(g)), o = C(() => l.value.length > 0 ? n.date(l.value[0]) : e.min ? n.date(e.min) : Array.isArray(e.allowedDates) ? n.date(e.allowedDates[0]) : n.date()), c = G(e, "year", void 0, (g) => {
+    const n = It(), a = ut(), i = E(), r = E([]), l = G(e, "modelValue", [], (g) => g == null ? [] : Ae(g)), o = C(() => l.value.length > 0 ? n.date(l.value[0]) : e.min ? n.date(e.min) : Array.isArray(e.allowedDates) ? n.date(e.allowedDates[0]) : n.date()), c = G(e, "year", void 0, (g) => {
       const p = g != null ? Number(g) : n.getYear(o.value);
       return n.startOfYear(n.setYear(n.date(), p));
     }, (g) => n.getYear(g)), s = G(e, "month", void 0, (g) => {
@@ -8752,7 +8753,7 @@ const Ki = j({
       })]);
     })])), {};
   }
-}), Ou = j({
+}), Eu = j({
   disabled: {
     type: [Boolean, String, Array],
     default: !1
@@ -8776,7 +8777,7 @@ const Ki = j({
   monthText: String
 }, "YDataPickerControl"), wa = /* @__PURE__ */ V({
   name: "YDatePickerControl",
-  props: Ou(),
+  props: Eu(),
   emits: {
     "click:year": () => !0,
     "click:month": () => !0,
@@ -8851,7 +8852,7 @@ const Ki = j({
     emit: t,
     expose: n
   }) {
-    const a = It(), i = G(e, "modelValue"), r = i.value, l = O(r - r % yt - (r < 0 ? yt : 0)), o = C(() => {
+    const a = It(), i = G(e, "modelValue"), r = i.value, l = E(r - r % yt - (r < 0 ? yt : 0)), o = C(() => {
       let u = a.startOfYear(a.date());
       return _e(yt + 1, l.value).map((m) => (u = a.setYear(u, m), {
         text: a.format(u, "year"),
@@ -8882,7 +8883,7 @@ const Ki = j({
     })]))])), {};
   }
 }), Ji = j({
-  ...Oe(Wn(), ["modelValue"]),
+  ...Ee(Wn(), ["modelValue"]),
   modelValue: null
 }, "YDatePicker"), Yu = /* @__PURE__ */ V({
   name: "YDatePicker",
@@ -8891,7 +8892,7 @@ const Ki = j({
   setup(e, {
     emit: t
   }) {
-    const n = O(), a = It(), i = G(e, "modelValue"), r = G(e, "mode"), l = O(a.getMonth(a.date())), o = O(a.getYear(a.date())), c = C(() => {
+    const n = E(), a = It(), i = G(e, "modelValue"), r = G(e, "mode"), l = E(a.getMonth(a.date())), o = E(a.getYear(a.date())), c = C(() => {
       const h = a.setYear(a.date(), o.value);
       return a.setMonth(h, l.value);
     }), s = C(() => a.format(c.value, "month")), u = C(() => a.format(c.value, "year"));
@@ -8939,7 +8940,7 @@ const Ki = j({
       "onClick:month": x,
       "onClick:prev": v,
       "onClick:next": f
-    }), null), d(Et, {
+    }), null), d(Ot, {
       name: "fade",
       mode: "out-in"
     }, {
@@ -8969,7 +8970,7 @@ const Ki = j({
   }
 });
 function Pu(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Ot(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !Et(e);
 }
 const Qi = j({
   tag: {
@@ -9050,7 +9051,7 @@ const Qi = j({
     const {
       resizeObservedRef: t,
       contentRect: n
-    } = xe(), a = O(!1), i = C(() => {
+    } = xe(), a = E(!1), i = C(() => {
       var c;
       return (c = n.value) == null ? void 0 : c.width;
     }), r = C(() => e.text), l = C(() => {
@@ -9101,25 +9102,25 @@ const Qi = j({
     slots: t,
     emit: n
   }) {
-    const a = O(), i = O(), r = O([]), l = G(e), o = Ee({
+    const a = E(), i = E(), r = E([]), l = G(e), o = Oe({
       0: "",
       1: "",
       2: "",
       3: "",
       4: ""
-    }), c = Ee({
+    }), c = Oe({
       0: "",
       1: "",
       2: "",
       3: "",
       4: ""
-    }), s = O(!1), u = O([]);
+    }), s = E(!1), u = E([]);
     function m(_) {
       return !/[^0-9]/.test(_) && Number(_) < 33 && Number(_) > -1;
     }
     function y(_, T) {
-      const A = T.target, B = (A == null ? void 0 : A.value) || "", N = c[_], R = _ < 4 ? xa.test(B) : m(B), E = B !== "" ? Number(B).toString() : "";
-      o[_] = E, !R && B !== "" ? b(_, N) : (B.length > 2 && k(_), c[_] = E, P());
+      const A = T.target, B = (A == null ? void 0 : A.value) || "", N = c[_], R = _ < 4 ? xa.test(B) : m(B), O = B !== "" ? Number(B).toString() : "";
+      o[_] = O, !R && B !== "" ? b(_, N) : (B.length > 2 && k(_), c[_] = O, P());
     }
     function S(_, T) {
       s.value = !0, u.value.push(_);
@@ -9312,7 +9313,7 @@ function Ru(e, t) {
 }
 function Fu(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "modelValue", n = arguments.length > 2 ? arguments[2] : void 0, a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : (y) => y, i = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : (y) => y;
-  const r = ee(), l = Vu(t), o = l === t ? Lu(t) : t, c = O(e[o] !== void 0 ? e[o] : n);
+  const r = ee(), l = Vu(t), o = l === t ? Lu(t) : t, c = E(e[o] !== void 0 ? e[o] : n);
   function s() {
     return e[o];
   }
@@ -9366,7 +9367,7 @@ const er = j({
       startCloseDelay: r
     } = vl(e, (o) => {
       !e.disabled && (a.value = o);
-    }), l = O();
+    }), l = E();
     L(a, (o) => {
       n("hover", o, l);
     }), H(() => {
@@ -9437,7 +9438,7 @@ const er = j({
   YDatePicker: Yu,
   YDialog: Gl,
   YDividePanel: Ko,
-  YDivider: Eu,
+  YDivider: Ou,
   YDropdown: pu,
   YExpandHTransition: jo,
   YExpandVTransition: vi,
@@ -9513,7 +9514,7 @@ function Zu(e = zu) {
   return {
     install: (c) => {
       n.install(c);
-      const s = Ee({
+      const s = Oe({
         app: null,
         root: null,
         theme: n.instance,