yuyeon 0.0.38-rc1 → 0.0.38-rc3

package/dist/yuyeon.js

@@ -204,22 +204,22 @@ function Ir() {
   const e = {};
   return ["includes", "indexOf", "lastIndexOf"].forEach((t) => {
     e[t] = function(...n) {
-      const a = K(this);
+      const a = H(this);
       for (let r = 0, o = this.length; r < o; r++)
         re(a, "get", r + "");
       const i = a[t](...n);
-      return i === -1 || i === !1 ? a[t](...n.map(K)) : i;
+      return i === -1 || i === !1 ? a[t](...n.map(H)) : i;
     };
   }), ["push", "pop", "shift", "unshift", "splice"].forEach((t) => {
     e[t] = function(...n) {
       Er();
-      const a = K(this)[t].apply(this, n);
+      const a = H(this)[t].apply(this, n);
       return kr(), a;
     };
   }), e;
 }
 function Pr(e) {
-  const t = K(this);
+  const t = H(this);
   return re(t, "has", e), t.hasOwnProperty(e);
 }
 function Ma(e = !1, t = !1) {
@@ -249,10 +249,10 @@ function Dr(e = !1) {
     let o = n[a];
     if (pt(o) && pe(o) && !pe(i))
       return !1;
-    if (!e && (!Wa(i) && !pt(i) && (o = K(o), i = K(i)), !be(n) && pe(o) && !pe(i)))
+    if (!e && (!Wa(i) && !pt(i) && (o = H(o), i = H(i)), !be(n) && pe(o) && !pe(i)))
       return o.value = i, !0;
     const l = be(n) && hn(a) ? Number(a) < n.length : kt(n, a), u = Reflect.set(n, a, i, r);
-    return n === K(r) && (l ? vn(i, o) && _e(n, "set", a, i, o) : _e(n, "add", a, i)), u;
+    return n === H(r) && (l ? vn(i, o) && _e(n, "set", a, i, o) : _e(n, "add", a, i)), u;
   };
 }
 function Yr(e, t) {
@@ -289,7 +289,7 @@ const Rr = {
 }, yn = (e) => e, $t = (e) => Reflect.getPrototypeOf(e);
 function ot(e, t, n = !1, a = !1) {
   e = e.__v_raw;
-  const i = K(e), r = K(t);
+  const i = H(e), r = H(t);
   n || (t !== r && re(i, "get", t), re(i, "get", r));
   const { has: o } = $t(i), l = a ? yn : n ? gn : et;
   if (o.call(i, t))
@@ -299,45 +299,45 @@ function ot(e, t, n = !1, a = !1) {
   e !== i && e.get(t);
 }
 function lt(e, t = !1) {
-  const n = this.__v_raw, a = K(n), i = K(e);
+  const n = this.__v_raw, a = H(n), i = H(e);
   return t || (e !== i && re(a, "has", e), re(a, "has", i)), e === i ? n.has(e) : n.has(e) || n.has(i);
 }
 function st(e, t = !1) {
-  return e = e.__v_raw, !t && re(K(e), "iterate", ke), Reflect.get(e, "size", e);
+  return e = e.__v_raw, !t && re(H(e), "iterate", ke), Reflect.get(e, "size", e);
 }
 function Wn(e) {
-  e = K(e);
-  const t = K(this);
+  e = H(e);
+  const t = H(this);
   return $t(t).has.call(t, e) || (t.add(e), _e(t, "add", e, e)), this;
 }
 function zn(e, t) {
-  t = K(t);
-  const n = K(this), { has: a, get: i } = $t(n);
+  t = H(t);
+  const n = H(this), { has: a, get: i } = $t(n);
   let r = a.call(n, e);
-  r ? process.env.NODE_ENV !== "production" && Ra(n, a, e) : (e = K(e), r = a.call(n, e));
+  r ? process.env.NODE_ENV !== "production" && Ra(n, a, e) : (e = H(e), r = a.call(n, e));
   const o = i.call(n, e);
   return n.set(e, t), r ? vn(t, o) && _e(n, "set", e, t, o) : _e(n, "add", e, t), this;
 }
 function Un(e) {
-  const t = K(this), { has: n, get: a } = $t(t);
+  const t = H(this), { has: n, get: a } = $t(t);
   let i = n.call(t, e);
-  i ? process.env.NODE_ENV !== "production" && Ra(t, n, e) : (e = K(e), i = n.call(t, e));
+  i ? process.env.NODE_ENV !== "production" && Ra(t, n, e) : (e = H(e), i = n.call(t, e));
   const r = a ? a.call(t, e) : void 0, o = t.delete(e);
   return i && _e(t, "delete", e, void 0, r), o;
 }
 function Gn() {
-  const e = K(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? We(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
+  const e = H(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? We(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
   return t && _e(e, "clear", void 0, void 0, n), a;
 }
 function ut(e, t) {
   return function(a, i) {
-    const r = this, o = r.__v_raw, l = K(o), u = t ? yn : e ? gn : et;
+    const r = this, o = r.__v_raw, l = H(o), u = t ? yn : e ? gn : et;
     return !e && re(l, "iterate", ke), o.forEach((s, f) => a.call(i, u(s), u(f), r));
   };
 }
 function ct(e, t, n) {
   return function(...a) {
-    const i = this.__v_raw, r = K(i), o = We(r), l = e === "entries" || e === Symbol.iterator && o, u = e === "keys" && o, s = i[e](...a), f = n ? yn : t ? gn : et;
+    const i = this.__v_raw, r = H(i), o = We(r), l = e === "entries" || e === Symbol.iterator && o, u = e === "keys" && o, s = i[e](...a), f = n ? yn : t ? gn : et;
     return !t && re(
       r,
       "iterate",
@@ -364,7 +364,7 @@ function me(e) {
       const n = t[0] ? `on key "${t[0]}" ` : "";
       console.warn(
         `${Va(e)} operation ${n}failed: target is readonly.`,
-        K(this)
+        H(this)
       );
     }
     return e === "delete" ? !1 : this;
@@ -473,7 +473,7 @@ const zr = {
   get: /* @__PURE__ */ Na(!0, !1)
 };
 function Ra(e, t, n) {
-  const a = K(n);
+  const a = H(n);
   if (a !== n && t.call(e, a)) {
     const i = Pa(e);
     console.warn(
@@ -540,20 +540,20 @@ function pt(e) {
 function Wa(e) {
   return !!(e && e.__v_isShallow);
 }
-function K(e) {
+function H(e) {
   const t = e && e.__v_raw;
-  return t ? K(t) : e;
+  return t ? H(t) : e;
 }
 const et = (e) => it(e) ? Fa(e) : e, gn = (e) => it(e) ? Ha(e) : e;
 function Jr(e) {
-  Qe && de && (e = K(e), process.env.NODE_ENV !== "production" ? Wt(e.dep || (e.dep = Je()), {
+  Qe && de && (e = H(e), process.env.NODE_ENV !== "production" ? Wt(e.dep || (e.dep = Je()), {
     target: e,
     type: "get",
     key: "value"
   }) : Wt(e.dep || (e.dep = Je())));
 }
 function Qr(e, t) {
-  e = K(e);
+  e = H(e);
   const n = e.dep;
   n && (process.env.NODE_ENV !== "production" ? Pe(n, {
     target: e,
@@ -576,14 +576,14 @@ function Ua(e, t) {
 }
 class to {
   constructor(t, n) {
-    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : K(t), this._value = n ? t : et(t);
+    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : H(t), this._value = n ? t : et(t);
   }
   get value() {
     return Jr(this), this._value;
   }
   set value(t) {
     const n = this.__v_isShallow || Wa(t) || pt(t);
-    t = n ? t : K(t), vn(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : et(t), Qr(this, t));
+    t = n ? t : H(t), vn(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : et(t), Qr(this, t));
   }
 }
 class no {
@@ -598,7 +598,7 @@ class no {
     this._object[this._key] = t;
   }
   get dep() {
-    return $r(K(this._object), this._key);
+    return $r(H(this._object), this._key);
   }
 }
 class ao {
@@ -659,7 +659,7 @@ function ht(e, t) {
   }
   return [];
 }
-function L(e, t) {
+function R(e, t) {
   return (n) => Object.keys(e).reduce((a, i) => {
     const r = e[i], l = typeof r == "object" && r != null && !Array.isArray(r) ? r : { type: r };
     return n && i in n ? a[i] = {
@@ -743,7 +743,7 @@ function Q(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
     get: () => f.value ? s() : u.value
   }), v;
 }
-const oo = L(
+const oo = R(
   {
     modelValue: {
       type: null,
@@ -756,7 +756,7 @@ const oo = L(
     disabled: Boolean
   },
   "choice"
-), lo = L(
+), lo = R(
   {
     value: null,
     disabled: Boolean,
@@ -921,7 +921,7 @@ function ho(e, t) {
     { immediate: !0 }
   );
 }
-function W(e) {
+function K(e) {
   const t = oe();
   t && (t.render = e);
 }
@@ -941,8 +941,8 @@ function vo(e, t = 0, n = {
     return s = _, l = window.setTimeout(g, t), f ? b(_) : o;
   }
   function S(_) {
-    var k = _ - (u ?? 0), A = _ - (s ?? 0), R = t - k;
-    return v ? Math.min(R, (r ?? 0) - A) : R;
+    var k = _ - (u ?? 0), A = _ - (s ?? 0), L = t - k;
+    return v ? Math.min(L, (r ?? 0) - A) : L;
   }
   function p(_) {
     var k = _ - (u ?? 0), A = _ - (s ?? 0);
@@ -1020,7 +1020,7 @@ function Pt(e) {
 function Xn(e) {
   return Math.ceil(e * devicePixelRatio) / devicePixelRatio;
 }
-function z(e, t = "px") {
+function W(e, t = "px") {
   if (e === "" || e === null || e === void 0)
     return;
   let n = Number(e);
@@ -1148,7 +1148,7 @@ function Gt(e) {
 function bn(e) {
   return So.test(e) || xo.test(e);
 }
-const _o = L(
+const _o = R(
   {
     href: String,
     replace: Boolean,
@@ -1262,7 +1262,7 @@ const Eo = "YSpinnerRing", oi = /* @__PURE__ */ M({
     }, null)]);
   }
 }), ko = Symbol.for("yuyeon.y-toggle-button");
-const ue = "y-button", Sn = L({
+const ue = "y-button", Sn = R({
   loading: Boolean,
   active: {
     type: Boolean,
@@ -1360,7 +1360,7 @@ const ue = "y-button", Sn = L({
       }
       !h(v) || e.loading || s.value || ((b = i.navigate) == null || b.call(i, v), v.preventDefault && v.preventDefault(), a == null || a.toggle());
     }
-    return W(() => {
+    return K(() => {
       const v = i.isLink.value ? "a" : "button";
       return Tt(d(v, {
         class: [`${ue}`, a == null ? void 0 : a.selectedClass.value, {
@@ -1388,7 +1388,7 @@ const ue = "y-button", Sn = L({
 }), $o = {
   focused: Boolean,
   "onUpdate:focused": Function
-}, Ao = L($o, "focus");
+}, Ao = R($o, "focus");
 function li(e, t) {
   const n = Q(e, "focused");
   function a() {
@@ -1640,7 +1640,7 @@ function Po(e) {
     palette: { ...Fe(ra) }
   };
 }
-const bt = Symbol.for("yuyeon.theme"), Ot = L(
+const bt = Symbol.for("yuyeon.theme"), Ot = R(
   {
     theme: String
   },
@@ -1663,7 +1663,7 @@ function Do(e) {
       ...je(":root", dt(h.value, "palette"))
     );
     for (const [c, x] of Object.entries(b.value)) {
-      const { colors: _, variables: k, isDark: A } = x, R = {
+      const { colors: _, variables: k, isDark: A } = x, L = {
         ..._,
         ...k
       }, O = A ? "dark" : "light";
@@ -1672,16 +1672,16 @@ function Do(e) {
           `@media (prefers-color-scheme: ${O})`,
           je(
             `[data-theme-scheme='auto'][data-${O}-theme='${c}']`,
-            dt(R, "theme")
+            dt(L, "theme")
           )
         )
       ) : w.push(
         ...je(
           `[data-theme-scheme='${O}'][data-${O}-theme='${c}']`,
-          dt(R, "theme")
+          dt(L, "theme")
         )
       ), w.push(
-        ...je(`.y-theme--${c}`, dt(R, "theme"))
+        ...je(`.y-theme--${c}`, dt(L, "theme"))
       );
     }
     return w.join("");
@@ -1785,7 +1785,7 @@ function Ys() {
 }
 const ce = "y-input";
 let la = 0;
-const xn = L(
+const xn = R(
   {
     name: String,
     width: {
@@ -2121,7 +2121,7 @@ const xn = L(
     }, null)]);
   }
 });
-const Nt = "y-field-input", _n = L(
+const Nt = "y-field-input", _n = R(
   {
     enableClear: Boolean,
     inputAlign: String,
@@ -2188,10 +2188,10 @@ const Nt = "y-field-input", _n = L(
       a("keyup", E);
     }
     function x(E) {
-      R();
+      L();
     }
     function _(E) {
-      (E.code === "Space" || E.code === "Enter") && R();
+      (E.code === "Space" || E.code === "Enter") && L();
     }
     function k() {
       var E;
@@ -2201,15 +2201,15 @@ const Nt = "y-field-input", _n = L(
       var E;
       (E = o.value) == null || E.select();
     }
-    function R() {
+    function L() {
       f.value = "", v.value = "", a("update:modelValue", f.value);
     }
     function O() {
       const E = oe(), { displayText: V } = e;
       if (V !== void 0) {
-        let H = f.value;
-        typeof V == "string" && (H = V), V && typeof V == "function" && (H = V.call(E, H)), at(() => {
-          v.value = H;
+        let F = f.value;
+        typeof V == "string" && (F = V), V && typeof V == "function" && (F = V.call(E, F)), at(() => {
+          v.value = F;
         });
       }
     }
@@ -2226,13 +2226,13 @@ const Nt = "y-field-input", _n = L(
     }), n({
       focus: k,
       select: A,
-      clear: R,
+      clear: L,
       inputRef: o
     });
-    function F(E) {
+    function z(E) {
       a("update:modelValue", E);
     }
-    return W(
+    return K(
       () => {
         var E;
         return Y(
@@ -2242,7 +2242,7 @@ const Nt = "y-field-input", _n = L(
             ref: r,
             ...ie(e, vt.props),
             modelValue: f.value,
-            "onUpdate:modelValue": F,
+            "onUpdate:modelValue": z,
             onClick: y,
             focused: l.value,
             "onMousedown:display": (V) => a("mousedown:display", V)
@@ -2250,15 +2250,15 @@ const Nt = "y-field-input", _n = L(
           {
             leading: i.leading ? (...V) => {
               var se;
-              const H = [], J = (se = i.leading) == null ? void 0 : se.call(i, ...V);
+              const F = [], J = (se = i.leading) == null ? void 0 : se.call(i, ...V);
               if (J)
-                H.push(J);
+                F.push(J);
               else
                 return;
-              return H;
+              return F;
             } : void 0,
             default: (V) => {
-              var H;
+              var F;
               return Y(
                 "div",
                 {
@@ -2268,7 +2268,7 @@ const Nt = "y-field-input", _n = L(
                 },
                 [
                   e.floating ? r.value && vt.methods.createLabel.call(r.value) : void 0,
-                  (H = i.default) == null ? void 0 : H.call(i),
+                  (F = i.default) == null ? void 0 : F.call(i),
                   Y("input", {
                     ".value": v.value,
                     ".id": V.attrId,
@@ -2315,9 +2315,9 @@ const Nt = "y-field-input", _n = L(
                   ]
                 )
               );
-              const H = i.trailing;
-              return H && V.push(
-                Y("div", { class: "y-input__trailing" }, H())
+              const F = i.trailing;
+              return F && V.push(
+                Y("div", { class: "y-input__trailing" }, F())
               ), V;
             },
             label: (E = i.label) == null ? void 0 : E.call(i),
@@ -2772,67 +2772,67 @@ const Ko = /* @__PURE__ */ M({
     }
   },
   render() {
+    var S;
     const {
-      classes: e,
-      onClick: t,
-      onKeydown: n,
-      onFocus: a,
-      onBlur: i,
-      onChange: r,
-      inputId: o,
-      innerValue: l,
-      disabled: u,
-      trackStyles: s,
-      stateLabel: f,
-      labelOn: v,
-      labelOff: h,
-      loading: b
+      $slots: e,
+      classes: t,
+      onClick: n,
+      onKeydown: a,
+      onFocus: i,
+      onBlur: r,
+      onChange: o,
+      inputId: l,
+      innerValue: u,
+      disabled: s,
+      trackStyles: f,
+      stateLabel: v,
+      labelOn: h,
+      labelOff: b,
+      loading: y
     } = this;
     return d("div", {
       class: {
         "y-switch": !0,
-        ...e
+        ...t
       }
     }, [d("div", {
       class: "y-switch__slot"
     }, [d("div", {
       class: "y-switch__input",
-      onClick: cn(t, ["capture"]),
-      onKeydown: n
+      onClick: cn(n, ["capture"]),
+      onKeydown: a
     }, [d("input", {
-      id: o,
-      "aria-checked": l,
+      id: l,
+      "aria-checked": u,
       type: "checkbox",
       role: "switch",
-      onFocus: a,
-      onBlur: i,
-      onChange: r,
-      disabled: u,
-      checked: l,
+      onFocus: i,
+      onBlur: r,
+      onChange: o,
+      disabled: s,
+      checked: u,
       ref: "checkbox"
     }, null), d("div", {
       class: "y-switch__track",
-      style: s
-    }, [f && d("div", {
+      style: f
+    }, [v && d("div", {
       class: "y-switch__state"
     }, [d("span", {
       class: "y-switch__state-label y-switch__state-label--on"
     }, {
-      labelOn: v
+      labelOn: h
     }), d("span", {
       class: "y-switch__state-label y-switch__state-label--off"
     }, {
-      labelOff: h
+      labelOff: b
     })])]), d("div", {
       class: "y-switch__thumb"
-    }, [b && d("div", {
+    }, [y && d("div", {
       class: "y-switch__spinner"
     }, null)])]), d("label", {
-      for: o,
+      for: l,
       class: "y-switch__label"
-    }, [d("slot", {
-      name: "label"
-    }, null), d("input", {
+    }, [(S = e.label) == null ? void 0 : S.call(e), d("input", {
       hidden: !0
     }, null)])])]);
   }
@@ -2929,7 +2929,7 @@ function Uo(e, t, n, a) {
       void 0
     );
     k.x += w, k.y += w, k.width -= w * 2, k.height -= w * 2;
-    const { preferredAnchor: A, preferredOrigin: R } = wo(() => {
+    const { preferredAnchor: A, preferredOrigin: L } = wo(() => {
       const $ = `${e.position} ${e.align}`, P = Jn($, !1), I = e.origin === "overlap" ? P : e.origin === "auto" ? Dt(P) : Jn(e.origin, !1);
       return P.side === I.side && P.align === Yt(I).align ? {
         preferredAnchor: ea(P),
@@ -2941,9 +2941,9 @@ function Uo(e, t, n, a) {
     });
     let O = {
       anchor: A.value,
-      origin: R.value
+      origin: L.value
     };
-    function F($) {
+    function z($) {
       const P = new Vt(x), I = ca($.anchor, c), D = ca($.origin, P);
       let { x: N, y: U } = zo(I, D);
       switch ($.anchor.side) {
@@ -2977,10 +2977,10 @@ function Uo(e, t, n, a) {
       return P.x += N, P.y += U, P.width = Math.min(P.width, f.value), P.height = Math.min(P.height, v.value), { overflows: Zn(P, k), x: N, y: U };
     }
     let E = 0, V = 0;
-    const H = { x: 0, y: 0 }, J = { x: !1, y: !1 };
+    const F = { x: 0, y: 0 }, J = { x: !1, y: !1 };
     let se = -1;
     for (; !(se++ > 10); ) {
-      const { x: $, y: P, overflows: I } = F(O);
+      const { x: $, y: P, overflows: I } = z(O);
       E += $, V += P, x.x += $, x.y += P;
       {
         const D = ta(O.anchor), N = I.x.before || I.x.after, U = I.y.before || I.y.after;
@@ -2992,7 +2992,7 @@ function Uo(e, t, n, a) {
               origin: { ...O.origin }
             }, Ln = te === "x" ? D === "y" ? Yt : Dt : D === "y" ? Dt : Yt;
             ve.anchor = Ln(ve.anchor), ve.origin = Ln(ve.origin);
-            const { overflows: rt } = F(ve);
+            const { overflows: rt } = z(ve);
             (rt[te].before <= I[te].before && rt[te].after <= I[te].after || rt[te].before + rt[te].after < (I[te].before + I[te].after) / 2) && (O = ve, ee = J[te] = !0);
           }
         }), ee)
@@ -3001,7 +3001,7 @@ function Uo(e, t, n, a) {
       I.x.before && (E += I.x.before, x.x += I.x.before), I.x.after && (E -= I.x.after, x.x -= I.x.after), I.y.before && (V += I.y.before, x.y += I.y.before), I.y.after && (V -= I.y.after, x.y -= I.y.after);
       {
         const D = Zn(x, k);
-        H.x = k.width - D.x.before - D.x.after, H.y = k.height - D.y.before - D.y.after, E += D.x.before, x.x += D.x.before, V += D.y.before, x.y += D.y.before;
+        F.x = k.width - D.x.before - D.x.after, F.y = k.height - D.y.before - D.y.after, E += D.x.before, x.x += D.x.before, V += D.y.before, x.y += D.y.before;
       }
       break;
     }
@@ -3009,32 +3009,32 @@ function Uo(e, t, n, a) {
     return Object.assign(a.value, {
       "--y-levitation-anchor-origin": `${O.anchor.side} ${O.anchor.align}`,
       transformOrigin: `${O.origin.side} ${O.origin.align}`,
-      top: z(Pt(V)),
-      left: l.value ? void 0 : z(Pt(E)),
-      right: l.value ? z(Pt(-E)) : void 0,
-      minWidth: z(
+      top: W(Pt(V)),
+      left: l.value ? void 0 : W(Pt(E)),
+      right: l.value ? W(Pt(-E)) : void 0,
+      minWidth: W(
         T === "y" ? Math.min(u.value, c.width) : u.value
       ),
-      maxWidth: z(
+      maxWidth: W(
         Xn(
           Ke(
-            H.x,
+            F.x,
             u.value === 1 / 0 ? 0 : u.value,
             f.value
           )
         )
       ),
-      maxHeight: z(
+      maxHeight: W(
         Xn(
           Ke(
-            H.y,
+            F.y,
             s.value === 1 / 0 ? 0 : s.value,
             v.value
           )
         )
       )
     }), {
-      available: H,
+      available: F,
       contentRect: x
     };
   }
@@ -3064,7 +3064,7 @@ function Uo(e, t, n, a) {
 const Go = {
   levitation: Uo,
   arrangement: Wo
-}, Cn = L(
+}, Cn = R(
   {
     coordinateStrategy: {
       type: [String, Function],
@@ -3137,19 +3137,19 @@ const Xo = {
   minHeight: [Number, String],
   height: [Number, String],
   maxHeight: [Number, String]
-}, Zo = L(
+}, Zo = R(
   Xo,
   "dimension"
 );
 function Jo(e) {
   return {
     dimensionStyles: C(() => ({
-      minWidth: z(e.minWidth),
-      width: z(e.width),
-      maxWidth: z(e.maxWidth),
-      minHeight: z(e.minHeight),
-      height: z(e.height),
-      maxHeight: z(e.maxHeight)
+      minWidth: W(e.minWidth),
+      width: W(e.width),
+      maxWidth: W(e.maxWidth),
+      minHeight: W(e.minHeight),
+      height: W(e.height),
+      maxHeight: W(e.maxHeight)
     }))
   };
 }
@@ -3313,7 +3313,7 @@ const rl = {
     }), delete e._complementClick[n];
   }
 };
-const En = L({
+const En = R({
   modelValue: {
     type: Boolean
   },
@@ -3410,14 +3410,14 @@ const En = L({
       baseEl: f,
       active: g
     });
-    function R(N) {
+    function L(N) {
       t("click:complement", N), e.modal || l.value !== null && l.value === N.target && e.closeClickScrim && (g.value = !1);
     }
     function O() {
       return (!e.openOnHover || e.openOnHover && !P.value) && g.value;
     }
-    const F = nt({
-      handler: R,
+    const z = nt({
+      handler: L,
       determine: O,
       include: () => [f.value]
     });
@@ -3427,7 +3427,7 @@ const En = L({
     function V() {
       x(), m.value = !1, t("afterLeave");
     }
-    function H() {
+    function F() {
       e.closeClickScrim && (g.value = !1);
     }
     const J = C(() => {
@@ -3474,7 +3474,7 @@ const En = L({
       modal: C(() => e.modal),
       getActiveLayers: y,
       isMe: (N) => N === r
-    }), W(() => {
+    }), K(() => {
       var U;
       const N = (U = i.base) == null ? void 0 : U.call(i, {
         active: g.value,
@@ -3509,7 +3509,7 @@ const En = L({
             style: {
               "--y-layer-scrim-opacity": e.scrimOpacity
             },
-            onClick: H,
+            onClick: F,
             ref: "scrim$"
           }, null)]
         }), d(fa, Z({
@@ -3533,13 +3533,13 @@ const En = L({
             }, [(ee = i.default) == null ? void 0 : ee.call(i, {
               active: g.value
             })]), [[hr, g.value], [un("complement-click"), {
-              ...F
+              ...z
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: F,
+      complementClickOption: z,
       layerGroup: h,
       active: g,
       rendered: _,
@@ -3631,7 +3631,7 @@ const ol = /* @__PURE__ */ M({
       "y-dialog": !0,
       "y-dialog--maximized": e.maximized
     })), l = C(() => ({
-      paddingTop: z(e.offset)
+      paddingTop: W(e.offset)
     })), u = C(() => ({
       ...l.value
     })), s = B(), {
@@ -3640,18 +3640,18 @@ const ol = /* @__PURE__ */ M({
     function v(m) {
       var _, k, A;
       const w = m.relatedTarget, c = m.target;
-      function x(R) {
-        return R.some((O) => {
-          var F;
-          return !((F = O.content$) != null && F.contains(c));
+      function x(L) {
+        return L.some((O) => {
+          var z;
+          return !((z = O.content$) != null && z.contains(c));
         });
       }
       if (w !== c && ((_ = s.value) != null && _.content$) && ![document, (k = s.value) == null ? void 0 : k.content$].includes(c) && !((A = s.value) != null && A.content$.contains(c)) && !x(f.value)) {
-        const R = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', O = [...s.value.content$.querySelectorAll(R)].filter((V) => !V.hasAttribute("disabled") && !V.matches('[tabindex="-1"]'));
+        const L = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', O = [...s.value.content$.querySelectorAll(L)].filter((V) => !V.hasAttribute("disabled") && !V.matches('[tabindex="-1"]'));
         if (!O.length)
           return;
-        const F = O[0], E = O[O.length - 1];
-        F === E ? E.focus() : F.focus();
+        const z = O[0], E = O[O.length - 1];
+        z === E ? E.focus() : z.focus();
       }
     }
     function h() {
@@ -3668,7 +3668,7 @@ const ol = /* @__PURE__ */ M({
         const _ = c == null ? void 0 : c.filter((k) => k.ctx.modal);
         if (_ && !_.length) {
           const k = document.documentElement.scrollTop, A = document.documentElement.scrollLeft;
-          y.value = k, S.value = A, document.documentElement.classList.add("y-dialog--prevent-scroll"), w.classList.add("y-dialog--virtual-scroll"), w.style.top = z(-1 * k) || "", w.style.left = z(-1 * A) || "";
+          y.value = k, S.value = A, document.documentElement.classList.add("y-dialog--prevent-scroll"), w.classList.add("y-dialog--virtual-scroll"), w.style.top = W(-1 * k) || "", w.style.left = W(-1 * A) || "";
         }
       } else {
         const _ = c == null ? void 0 : c.filter((k) => {
@@ -3691,7 +3691,7 @@ const ol = /* @__PURE__ */ M({
       m ? h() : b(), p(m);
     }, {
       immediate: !0
-    }), W(() => d(G, null, [d(Ce, {
+    }), K(() => d(G, null, [d(Ce, {
       modelValue: r.value,
       "onUpdate:modelValue": (m) => r.value = m,
       classes: o.value,
@@ -4011,11 +4011,11 @@ function Yl(e, t, n, a = {}, i) {
   const c = Qt(t), x = bl(g.values, c), _ = tt.get(c);
   return _i(x.animation, !(Xt(h) && x.generator) && a.record !== !1), () => {
     const k = () => {
-      var O, F;
-      return (F = (O = ft.get(e, c)) !== null && O !== void 0 ? O : _ == null ? void 0 : _.initialValue) !== null && F !== void 0 ? F : 0;
+      var O, z;
+      return (z = (O = ft.get(e, c)) !== null && O !== void 0 ? O : _ == null ? void 0 : _.initialValue) !== null && z !== void 0 ? z : 0;
     };
     let A = Il(Pl(n), k);
-    const R = Vl(A, _);
+    const L = Vl(A, _);
     if (Xt(h)) {
       const O = h.createAnimation(A, t !== "opacity", k, c, x);
       h = O.easing, A = O.keyframes || A, u = O.duration || u;
@@ -4038,13 +4038,13 @@ function Yl(e, t, n, a = {}, i) {
       }, O), l.finished || (l.finished = new Promise((E, V) => {
         l.onfinish = E, l.oncancel = V;
       }));
-      const F = A[A.length - 1];
+      const z = A[A.length - 1];
       l.finished.then(() => {
-        b || (ft.set(e, c, F), l.cancel());
+        b || (ft.set(e, c, z), l.cancel());
       }).catch(yi), p || (l.playbackRate = 1.000001);
     } else if (i && m)
       A = A.map((O) => typeof O == "string" ? parseFloat(O) : O), A.length === 1 && A.unshift(parseFloat(k())), l = new i((O) => {
-        ft.set(e, c, R ? R(O) : O);
+        ft.set(e, c, L ? L(O) : O);
       }, A, Object.assign(Object.assign({}, a), {
         duration: u,
         easing: h
@@ -4172,7 +4172,7 @@ const Re = /* @__PURE__ */ M({
     const e = C(() => ({
       "y-plate": !0
     }));
-    W(() => d("div", {
+    K(() => d("div", {
       class: e.value
     }, null));
   }
@@ -4280,7 +4280,7 @@ const Sa = {
         ...S
       }) : e.transition;
     });
-    return W(() => d(Ce, {
+    return K(() => d(Ce, {
       modelValue: a.value,
       "onUpdate:modelValue": (S) => a.value = S,
       classes: r.value,
@@ -4410,7 +4410,7 @@ const ql = {
     }
     return j(l, (m, w) => {
       m ? p(m) : w && g(w);
-    }), W(() => {
+    }), K(() => {
       var w;
       const m = (w = t.base) == null ? void 0 : w.call(t, {
         active: v.value,
@@ -4551,7 +4551,7 @@ const Jl = /* @__PURE__ */ M({
     function b(y) {
       y.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", s), o.value.addEventListener("mouseup", v), o.value.addEventListener("mouseleave", h);
     }
-    return W(() => {
+    return K(() => {
       var y, S;
       return d(G, null, [d("div", {
         class: u.value,
@@ -4579,7 +4579,7 @@ const Jl = /* @__PURE__ */ M({
       activeSecondary: r
     };
   }
-}), An = L(
+}), An = R(
   {
     items: {
       type: Array,
@@ -4781,7 +4781,7 @@ const Ql = M({
     const e = this.createSplitTexts();
     return Y("span", { staticClass: "y-text-highlighter" }, e);
   }
-}), On = L(
+}), On = R(
   {
     search: String,
     disableTransition: Boolean,
@@ -4846,7 +4846,7 @@ const Ql = M({
       level: e.level,
       imLeaf: h.value
     })), g = C(() => a.searchLoading.value);
-    W(() => {
+    K(() => {
       var x;
       const w = v.value.filter((_) => !a.isExcluded(
         X(_, e.itemKey)
@@ -5136,7 +5136,7 @@ const xa = On(), ts = /* @__PURE__ */ M({
       const T = [...f.value];
       o.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
     }
-    function R() {
+    function L() {
       const T = [...s.value];
       l.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
     }
@@ -5149,18 +5149,18 @@ const xa = On(), ts = /* @__PURE__ */ M({
     }), j(o, (T) => {
       O(T, f, x, A);
     }), j(l, (T) => {
-      O(T, s, _, R);
+      O(T, s, _, L);
     }), j(() => e.items, (T) => {
       const $ = Object.keys(i.value).map((N) => X(i.value[N].item, e.itemKey)), P = Ai(T, e.itemKey, e.itemChildren), I = jn($, P);
       if (I.length < 1 && P.length < $.length)
         return;
       I.forEach((N) => delete i.value[N]);
       const D = [...s.value];
-      s.value.clear(), u.value.clear(), f.value.clear(), m(T), xe(D, [...s.value]) || R();
+      s.value.clear(), u.value.clear(), f.value.clear(), m(T), xe(D, [...s.value]) || L();
     }, {
       deep: !0
     });
-    function F(T) {
+    function z(T) {
       return !!e.search && v.value.has(T);
     }
     function E(T) {
@@ -5182,11 +5182,11 @@ const xa = On(), ts = /* @__PURE__ */ M({
       updateSelected: _,
       emitExpanded: k,
       emitActive: A,
-      emitSelected: R,
-      isExcluded: F,
+      emitSelected: L,
+      isExcluded: z,
       searchLoading: y
     });
-    const H = C(() => e.items.filter((T) => !F(X(T, e.itemKey)))), J = C(() => ({
+    const F = C(() => e.items.filter((T) => !z(X(T, e.itemKey)))), J = C(() => ({
       "y-tree-view": !0
     })), se = C(() => {
       let T = e.activeColor;
@@ -5198,13 +5198,13 @@ const xa = On(), ts = /* @__PURE__ */ M({
       e.defaultExpand !== void 0 ? b.value = [...c(e.defaultExpand)] : (r.value.forEach((T) => w(g(T), !0)), k());
     }), a({
       expand: c
-    }), W(() => d(G, null, [d("div", {
+    }), K(() => d(G, null, [d("div", {
       class: J.value,
       style: se.value,
       role: "tree"
     }, [y.value && d(ci, {
       indeterminate: !0
-    }, null), H.value.length > 0 ? H.value.map((T) => d(Bn, Z({
+    }, null), F.value.length > 0 ? F.value.map((T) => d(Bn, Z({
       key: X(T, e.itemKey)
     }, {
       ...ie(e, xa),
@@ -5223,7 +5223,7 @@ const xa = On(), ts = /* @__PURE__ */ M({
     };
   }
 });
-const Bi = L({
+const Bi = R({
   tag: {
     type: String,
     default: "div"
@@ -5250,7 +5250,7 @@ const Bi = L({
       n("click", o);
     }
     const r = C(() => !e.disabled);
-    W(() => {
+    K(() => {
       const o = e.tag;
       return d(o, {
         class: ["y-list-item", {
@@ -5272,7 +5272,7 @@ const Bi = L({
     });
   }
 });
-const Ii = L({
+const Ii = R({
   disabled: Boolean,
   ...Ot()
 }, "YList"), Pn = /* @__PURE__ */ M({
@@ -5298,9 +5298,9 @@ const Ii = L({
     }
     function u(s) {
     }
-    W(() => {
+    K(() => {
       var s;
-      return d(G, null, [d("div", {
+      return d("div", {
         ref: n,
         class: ["y-list", a.value],
         role: "listbox",
@@ -5309,7 +5309,7 @@ const Ii = L({
         onFocusin: o,
         onFocusout: l,
         onKeydown: u
-      }, [(s = t.default) == null ? void 0 : s.call(t)])]);
+      }, [(s = t.default) == null ? void 0 : s.call(t)]);
     });
   }
 });
@@ -5334,7 +5334,7 @@ function Oe(e) {
     contentRect: Ht(n)
   };
 }
-const Vn = L({
+const Vn = R({
   tag: {
     type: String,
     default: "div"
@@ -5365,7 +5365,7 @@ const Vn = L({
     } = Oe();
     le("YTable", {
       containerRect: a
-    }), W(() => {
+    }), K(() => {
       var u, s, f;
       const o = e.tag ?? "div", l = e.flexHeight ? ((u = a.value) == null ? void 0 : u.height) ?? e.height : e.height;
       return d(o, {
@@ -5375,8 +5375,8 @@ const Vn = L({
           "y-table--flex-height": e.flexHeight
         }],
         style: {
-          "--y-table-container-width": z((s = a.value) == null ? void 0 : s.width),
-          "--y-table-wrapper-width": z((f = r.value) == null ? void 0 : f.width)
+          "--y-table-container-width": W((s = a.value) == null ? void 0 : s.width),
+          "--y-table-wrapper-width": W((f = r.value) == null ? void 0 : f.width)
         }
       }, {
         default: () => {
@@ -5387,7 +5387,7 @@ const Vn = L({
           }, [(h = t.leading) == null ? void 0 : h.call(t), d("div", {
             class: ["y-table__wrapper"],
             style: {
-              height: z(l)
+              height: W(l)
             }
           }, [d("table", {
             ref: i
@@ -5429,9 +5429,9 @@ const Vn = L({
   }) {
     const i = C(() => {
       const r = {};
-      return e.fixed && e.fixedOffset !== void 0 && (e.fixed === "lead" ? r.left = z(e.fixedOffset) : e.fixed === "trail" && (r.right = z(e.fixedOffset))), r;
+      return e.fixed && e.fixedOffset !== void 0 && (e.fixed === "lead" ? r.left = W(e.fixedOffset) : e.fixed === "trail" && (r.right = W(e.fixedOffset))), r;
     });
-    W(() => {
+    K(() => {
       const r = e.type === "head" ? "th" : "td";
       return d(r, Z({
         class: [`y-data-table__${r}`, "y-data-table-cell", {
@@ -5440,8 +5440,8 @@ const Vn = L({
           [`y-data-table-cell--align-${e.align}`]: e.align
         }],
         style: {
-          width: z(e.width),
-          height: z(e.height),
+          width: W(e.width),
+          height: W(e.height),
           ...i.value
         }
       }, a, {
@@ -5454,7 +5454,7 @@ const Vn = L({
       });
     });
   }
-}), ns = L(
+}), ns = R(
   {
     headers: {
       type: Array,
@@ -5525,7 +5525,7 @@ function Dn() {
     throw new Error(`Not provided: ${tn.description}`);
   return e;
 }
-const as = L(
+const as = R(
   {
     enableSelect: Boolean,
     selectStrategy: {
@@ -5638,7 +5638,7 @@ function Yn() {
     throw new Error(`Not provided: ${nn.description}`);
   return e;
 }
-const rs = L({
+const rs = R({
   index: Number,
   item: Object,
   onClick: Function
@@ -5657,7 +5657,7 @@ const rs = L({
     } = Yn(), {
       columns: r
     } = Dn();
-    W(() => d("tr", {
+    K(() => d("tr", {
       class: ["y-data-table__row"],
       onClick: (o) => t("click:row", o)
     }, [e.item && r.value.map((o, l) => d(en, {
@@ -5690,7 +5690,7 @@ const rs = L({
       }
     }))]));
   }
-}), Mi = L({
+}), Mi = R({
   items: {
     type: Array,
     default: () => []
@@ -5722,7 +5722,7 @@ const rs = L({
       isSelected: i,
       toggleSelect: r
     } = Yn();
-    return W(() => {
+    return K(() => {
       var o, l;
       return e.loading ? d("tr", null, [d("td", {
         colspan: a.value.length,
@@ -5777,7 +5777,7 @@ function ls() {
   }
   return { refs: e, updateRef: t };
 }
-const Ni = L({
+const Ni = R({
   start: {
     type: [Number, String],
     default: 1
@@ -5939,13 +5939,13 @@ const Ni = L({
       let g;
       if (e.gap) {
         const m = +e.gap;
-        isNaN(m) ? typeof e.gap == "string" && (g = e.gap) : g = z(m);
+        isNaN(m) ? typeof e.gap == "string" && (g = e.gap) : g = W(m);
       }
       return {
         "--y-pagination__gap": g
       };
     });
-    return W(() => d("div", {
+    return K(() => d("div", {
       class: ["y-pagination", {
         [`y-pagination--align-${e.align}`]: e.align !== "start"
       }],
@@ -5995,7 +5995,7 @@ const Ni = L({
       refs: h
     };
   }
-}), ss = Symbol.for("yuyeon.data-table.pagination"), Mn = L(
+}), ss = Symbol.for("yuyeon.data-table.pagination"), Mn = R(
   {
     page: {
       type: [Number, String],
@@ -6057,7 +6057,7 @@ function us(e) {
   const { items: t, startIndex: n, endIndex: a, pageSize: i } = e;
   return { paginatedItems: C(() => i.value <= 0 ? t.value : t.value.slice(n.value, a.value)) };
 }
-const cs = L({
+const cs = R({
   pageLength: Number,
   setPageSize: Function,
   setPage: Function,
@@ -6074,7 +6074,7 @@ const cs = L({
   setup(e, {
     slots: t
   }) {
-    W(() => {
+    K(() => {
       var n, a;
       return d("footer", {
         class: ["y-data-table-control"]
@@ -6090,7 +6090,7 @@ const cs = L({
       }, null)])]), (a = t.append) == null ? void 0 : a.call(t, e)]);
     });
   }
-}), rn = Symbol.for("yuyeon.data-table.sorting"), ds = L(
+}), rn = Symbol.for("yuyeon.data-table.sorting"), ds = R(
   {
     sortBy: {
       type: Array,
@@ -6123,7 +6123,7 @@ function fs() {
     throw new Error(`Not provided: ${rn.description}`);
   return e;
 }
-const Ki = L({
+const Ki = R({
   multiSort: Boolean,
   sortAscIcon: {
     type: String,
@@ -6164,7 +6164,7 @@ const Ki = L({
         return {
           position: "sticky",
           zIndex: p.fixed ? 4 : e.sticky ? 3 : void 0,
-          left: p.fixed ? z(p.fixedOffset) : void 0,
+          left: p.fixed ? W(p.fixedOffset) : void 0,
           top: e.sticky ? `calc(var(--v-table-header-height) * ${g})` : void 0
         };
     };
@@ -6193,8 +6193,8 @@ const Ki = L({
         "y-data-table-header--select": p.key === "data-table-select"
       }],
       style: {
-        width: z(p.width),
-        minWidth: z(p.width),
+        width: W(p.width),
+        minWidth: W(p.width),
         ...h(p, m)
       }
     }, {
@@ -6241,7 +6241,7 @@ const Ki = L({
         }, null)])]);
       }
     });
-    W(() => {
+    K(() => {
       var p;
       return d(G, null, [t.head ? (p = t.head) == null ? void 0 : p.call(t, e) : v.value.map((g, m) => d("tr", null, [g.map((w, c) => d(S, {
         column: w,
@@ -6259,7 +6259,7 @@ const Ki = L({
     slots: t
   }) {
     const n = he("YTable");
-    return W(() => {
+    return K(() => {
       var a, i, r;
       return d("div", {
         class: ["y-data-table-layer"]
@@ -6272,7 +6272,7 @@ const Ki = L({
       YTableWire: n
     };
   }
-}), hs = L(
+}), hs = R(
   {
     items: {
       type: Array,
@@ -6328,7 +6328,7 @@ function zi({ page: e, pageSize: t, sortBy: n, search: a }, i) {
     { deep: !0, immediate: !0 }
   );
 }
-const Nn = L({
+const Nn = R({
   ...Mi(),
   width: [String, Number],
   search: String,
@@ -6404,7 +6404,7 @@ const Nn = L({
       pageItems: s
     }), {
       resizeObservedRef: A,
-      contentRect: R
+      contentRect: L
     } = Oe();
     zi({
       page: a,
@@ -6414,7 +6414,7 @@ const Nn = L({
     }, n), le("y-data-table", {
       toggleSort: f,
       sortBy: r,
-      headRect: R
+      headRect: L
     });
     const O = C(() => ({
       // pagination
@@ -6438,14 +6438,14 @@ const Nn = L({
       columns: l.value,
       headers: u.value
     }));
-    return W(() => {
-      var H;
-      const F = ie(e, qe.props), E = ie(e, Ge.props), V = ie(e, Me.props);
+    return K(() => {
+      var F;
+      const z = ie(e, qe.props), E = ie(e, Ge.props), V = ie(e, Me.props);
       return d(Me, Z({
         class: ["y-data-table"]
       }, V, {
         style: {
-          "--y-table-head-height": z((H = R.value) == null ? void 0 : H.height)
+          "--y-table-head-height": W((F = L.value) == null ? void 0 : F.height)
         }
       }), {
         top: () => {
@@ -6459,7 +6459,7 @@ const Nn = L({
           var J, se, T;
           return t.default ? t.default(O.value) : d(G, null, [d("thead", {
             ref: A
-          }, [d(qe, F, t)]), (J = t.thead) == null ? void 0 : J.call(t, O.value), d("tbody", null, [d(Ge, Z(E, {
+          }, [d(qe, z, t)]), (J = t.thead) == null ? void 0 : J.call(t, O.value), d("tbody", null, [d(Ge, Z(E, {
             items: g.value
           }), t)]), (se = t.tbody) == null ? void 0 : se.call(t, O.value), (T = t.tfoot) == null ? void 0 : T.call(t, O.value)]);
         },
@@ -6476,7 +6476,7 @@ const Nn = L({
       paginatedItems: g
     };
   }
-}), Ui = L({
+}), Ui = R({
   total: {
     type: [Number, String],
     required: !0
@@ -6580,14 +6580,14 @@ const Nn = L({
       columns: u.value,
       headers: s.value
     }));
-    W(() => {
-      var F;
-      const A = ie(e, qe.props), R = ie(e, Ge.props), O = ie(e, Me.props);
+    K(() => {
+      var z;
+      const A = ie(e, qe.props), L = ie(e, Ge.props), O = ie(e, Me.props);
       return d(Me, Z({
         class: ["y-data-table"]
       }, O, {
         style: {
-          "--y-table-head-height": z((F = _.value) == null ? void 0 : F.height)
+          "--y-table-head-height": W((z = _.value) == null ? void 0 : z.height)
         }
       }), {
         top: () => {
@@ -6596,12 +6596,12 @@ const Nn = L({
         },
         leading: () => t.leading ? t.leading(k.value) : d(G, null, [d(on, null, t)]),
         default: () => {
-          var E, V, H;
+          var E, V, F;
           return t.default ? t.default(k.value) : d(G, null, [d("thead", {
             ref: x
-          }, [d(qe, A, t)]), (E = t.thead) == null ? void 0 : E.call(t, k.value), d("tbody", null, [d(Ge, Z(R, {
+          }, [d(qe, A, t)]), (E = t.thead) == null ? void 0 : E.call(t, k.value), d("tbody", null, [d(Ge, Z(L, {
             items: f.value
-          }), t)]), (V = t.tbody) == null ? void 0 : V.call(t, k.value), (H = t.tfoot) == null ? void 0 : H.call(t, k.value)]);
+          }), t)]), (V = t.tbody) == null ? void 0 : V.call(t, k.value), (F = t.tfoot) == null ? void 0 : F.call(t, k.value)]);
         },
         trailing: () => {
           var E;
@@ -6711,26 +6711,16 @@ const qi = {
       e.disabled || (l.value = !x);
     }
     function p(c) {
-      var _, k;
-      if (e.closeCondition === !1)
-        return;
-      if (typeof e.closeCondition == "function") {
-        e.closeCondition(c) === !1 && (l.value = !1);
-        return;
-      }
-      function x(A, R) {
-        return R.some((O) => {
-          var F;
-          return !((F = O.content$) != null && F.contains(A));
-        });
-      }
-      if (l.value) {
-        const A = (_ = f == null ? void 0 : f.$el.value) == null ? void 0 : _.content$, R = (k = f == null ? void 0 : f.$el.value) == null ? void 0 : k.modal;
-        if (!(c.target && s.value.length && x(c.target, s.value))) {
-          l.value = !1;
+      var x, _;
+      if (e.closeCondition !== !1) {
+        if (typeof e.closeCondition == "function") {
+          e.closeCondition(c) === !1 && (l.value = !1);
           return;
         }
-        !(A && !mo(c, A)) && !R && (f == null || f.clear());
+        if (l.value) {
+          const k = (x = f == null ? void 0 : f.$el.value) == null ? void 0 : x.content$, A = (_ = f == null ? void 0 : f.$el.value) == null ? void 0 : _.modal;
+          l.value = !1, !(k && !mo(c, k)) && !A && (f == null || f.clear());
+        }
       }
     }
     function g(c) {
@@ -6748,7 +6738,7 @@ const qi = {
     const w = C(() => ({
       ...Ae(e.contentClasses)
     }));
-    return W(() => d(G, null, [d(Ce, Z({
+    return K(() => d(G, null, [d(Ce, Z({
       ref: i,
       transition: e.transition,
       "onClick:complement": p,
@@ -6933,7 +6923,7 @@ const ln = /* @__PURE__ */ M({
       if (typeof e.icon == "string")
         return e.icon;
     }), b = C(() => Array.isArray(e.inputValue));
-    return C(() => b.value ? e.inputValue.findIndex((y) => y === e.value) : -1), W(() => {
+    return C(() => b.value ? e.inputValue.findIndex((y) => y === e.value) : -1), K(() => {
       var y, S, p;
       return d("div", {
         class: [{
@@ -6998,7 +6988,7 @@ const ln = /* @__PURE__ */ M({
 function _a(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !$a(e);
 }
-const Zi = L({
+const Zi = R({
   modelValue: Boolean,
   variation: String,
   color: String,
@@ -7025,7 +7015,7 @@ const Zi = L({
     function r(o) {
       i.value = !1, a("click", o);
     }
-    W(() => {
+    K(() => {
       const o = ie(e, Xe.props);
       return d(G, null, [d(Xe, Z(o, {
         modelValue: i.value,
@@ -7077,7 +7067,7 @@ const Zi = L({
     itemChildren: !1
   }),
   returnItem: Boolean
-}, xs = L(
+}, xs = R(
   Ss,
   "list-items"
 );
@@ -7123,7 +7113,7 @@ function Es(e, t, n = "value") {
   const a = typeof t, i = a === "string" || a === "number" ? X(e, n) : e;
   return xe(i, t);
 }
-const er = L({
+const er = R({
   opened: Boolean,
   multiple: Boolean,
   weakEquals: Boolean,
@@ -7133,7 +7123,7 @@ const er = L({
   },
   defaultSelect: Boolean,
   ...xs()
-}, "Select"), tr = L({
+}, "Select"), tr = R({
   maxHeight: {
     type: [Number, String],
     default: 310
@@ -7199,7 +7189,7 @@ const er = L({
       var c, x;
       return e.multiple ? v.value.map((_) => _.text).join(", ") : ((x = (c = v.value) == null ? void 0 : c[0]) == null ? void 0 : x.text) ?? "";
     });
-    return W(() => {
+    return K(() => {
       const c = ie(e, wt.props);
       return d(Xe, {
         modelValue: r.value,
@@ -7239,8 +7229,8 @@ const er = L({
               }, [t.selection ? (A = t.selection) == null ? void 0 : A.call(t) : w.value]);
             },
             leading: t.leading ? (...A) => {
-              var R;
-              return (R = t.leading) == null ? void 0 : R.call(t, ...A);
+              var L;
+              return (L = t.leading) == null ? void 0 : L.call(t, ...A);
             } : void 0,
             trailing: (...A) => t["expand-icon"] ? t["expand-icon"]() : d("i", {
               class: "y-select__icon"
@@ -7276,7 +7266,7 @@ const er = L({
     };
   }
 }), Rn = Symbol.for("yuyeon.y-tabs");
-const nr = L({
+const nr = R({
   text: String,
   hideIndicator: Boolean,
   indicatorColor: String,
@@ -7302,7 +7292,7 @@ const nr = L({
     }) {
       a.value = u;
     }
-    return W(() => {
+    return K(() => {
       const u = ie(e, ne.props);
       return d(G, null, [d(ne, Z({
         class: ["y-tab"],
@@ -7324,7 +7314,7 @@ const nr = L({
     }), {};
   }
 });
-const ir = L({
+const ir = R({
   items: {
     type: Array
   },
@@ -7365,7 +7355,7 @@ const ir = L({
         value: f
       } : f)) ?? [];
     });
-    return W(() => d(e.tag, {
+    return K(() => d(e.tag, {
       class: ["y-tabs"],
       role: "tablist"
     }, {
@@ -7408,7 +7398,7 @@ const rr = "YAlert", As = At(rr), Os = {
       const r = {};
       return e.color && (r["--y-alert-surface-color"] = e.color, a.value.includes("filled") ? r["--y-alert-surface-opacity"] = 1 : r["--y-alert-text-color"] = e.color, e.textColor && (r["--y-alert-text-color"] = e.textColor), !e.outlineColor && !e.semantic && (r["--y-alert-outline-color"] = e.color)), e.outlineColor && (r["--y-alert-outline-color"] = e.outlineColor), r;
     });
-    W(() => {
+    K(() => {
       var r;
       return Tt(d("div", {
         ref: n,