yuyeon 0.0.31 → 0.0.32

package/dist/yuyeon.js

@@ -1,14 +1,14 @@
 var ar = Object.defineProperty;
 var ir = (e, t, n) => t in e ? ar(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Me = (e, t, n) => (ir(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as Y, h as P, getCurrentInstance as re, watch as F, onScopeDispose as vt, effectScope as Ca, ref as A, computed as x, toRaw as rr, provide as oe, inject as _e, toRef as de, onBeforeUnmount as ln, reactive as et, onMounted as Ta, nextTick as tt, watchEffect as $e, toRefs as or, resolveDynamicComponent as lr, createVNode as u, withDirectives as Ct, mergeProps as q, resolveDirective as sn, unref as Ea, readonly as jt, withKeys as sr, createTextVNode as Tt, withModifiers as un, Transition as cn, shallowRef as Pe, Fragment as W, Teleport as ur, vShow as cr, onBeforeUpdate as dr, watchPostEffect as fr, isVNode as ka } from "vue";
-const hr = Y({
+import { defineComponent as D, h as V, getCurrentInstance as se, watch as j, onScopeDispose as mt, effectScope as Ca, ref as A, computed as x, toRaw as rr, provide as re, inject as he, toRef as fe, onBeforeUnmount as ln, reactive as tt, onMounted as Ta, nextTick as nt, watchEffect as $e, toRefs as or, resolveDynamicComponent as lr, createVNode as u, withDirectives as Ct, mergeProps as q, resolveDirective as sn, unref as Ea, readonly as Ft, withKeys as sr, createTextVNode as Tt, withModifiers as un, Transition as cn, shallowRef as De, Fragment as W, Teleport as ur, vShow as cr, onBeforeUpdate as dr, watchPostEffect as fr, isVNode as ka } from "vue";
+const hr = D({
   name: "YApp",
   setup(e, { slots: t }) {
-    return () => P(
+    return () => V(
       "y-app",
       { class: "y-app" },
-      P("div", { class: "y-app__container" }, t)
+      V("div", { class: "y-app__container" }, t)
     );
   }
 });
@@ -52,7 +52,7 @@ function Le(e = {}, t = {}, n) {
   }
   return a;
 }
-function U(e, t, n) {
+function G(e, t, n) {
   let a = t;
   return e == null || !a || typeof a != "string" ? n : e[a] !== void 0 ? e[a] : (a = a.replace(/\[(\w+)\]/g, ".$1"), a = a.replace(/^\./, ""), $a(e, a.split("."), n));
 }
@@ -66,7 +66,7 @@ function Te(e, t, n) {
     return typeof i > "u" ? n : i;
   }
   if (typeof t == "string")
-    return U(e, t, n);
+    return G(e, t, n);
   if (Array.isArray(t))
     return $a(e, t, n);
   if (typeof t != "function")
@@ -74,19 +74,19 @@ function Te(e, t, n) {
   const a = t(e, n);
   return typeof a > "u" ? n : a;
 }
-function je(e, t = 0, n = 1) {
+function Fe(e, t = 0, n = 1) {
   return Math.max(t, Math.min(n, e));
 }
 function Ae(e, t = 0) {
   return Array.from({ length: e }, (n, a) => t + a);
 }
-function we(e, t) {
+function Se(e, t) {
   if (e === t)
     return !0;
   if (e instanceof Date && t instanceof Date && e.getTime() !== t.getTime() || e !== Object(e) || t !== Object(t))
     return !1;
   const n = Object.keys(e);
-  return n.length !== Object.keys(t).length ? !1 : n.every((a) => we(e[a], t[a]));
+  return n.length !== Object.keys(t).length ? !1 : n.every((a) => Se(e[a], t[a]));
 }
 function vr(e) {
   const t = typeof e;
@@ -104,59 +104,59 @@ function mr(e, t) {
 }
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const Ba = Object.assign, yr = Object.prototype.hasOwnProperty, Et = (e, t) => yr.call(e, t), ge = Array.isArray, He = (e) => Oa(e) === "[object Map]", gr = (e) => typeof e == "function", pr = (e) => typeof e == "string", dn = (e) => typeof e == "symbol", nt = (e) => e !== null && typeof e == "object", br = Object.prototype.toString, Oa = (e) => br.call(e), Ia = (e) => Oa(e).slice(8, -1), fn = (e) => pr(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, wr = (e) => {
+const Oa = Object.assign, yr = Object.prototype.hasOwnProperty, Et = (e, t) => yr.call(e, t), pe = Array.isArray, He = (e) => Ba(e) === "[object Map]", gr = (e) => typeof e == "function", pr = (e) => typeof e == "string", dn = (e) => typeof e == "symbol", at = (e) => e !== null && typeof e == "object", br = Object.prototype.toString, Ba = (e) => br.call(e), Ia = (e) => Ba(e).slice(8, -1), fn = (e) => pr(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, wr = (e) => {
   const t = /* @__PURE__ */ Object.create(null);
   return (n) => t[n] || (t[n] = e(n));
-}, Va = wr(
+}, Pa = wr(
   (e) => e.charAt(0).toUpperCase() + e.slice(1)
 ), hn = (e, t) => !Object.is(e, t);
-function Fn(e, ...t) {
+function jn(e, ...t) {
   console.warn(`[Vue warn] ${e}`, ...t);
 }
 const Xe = (e) => {
   const t = new Set(e);
   return t.w = 0, t.n = 0, t;
-}, Sr = (e) => (e.w & vn) > 0, xr = (e) => (e.n & vn) > 0, mt = /* @__PURE__ */ new WeakMap();
-let vn = 1, ce;
+}, Sr = (e) => (e.w & vn) > 0, xr = (e) => (e.n & vn) > 0, yt = /* @__PURE__ */ new WeakMap();
+let vn = 1, de;
 const Ee = Symbol(process.env.NODE_ENV !== "production" ? "iterate" : ""), Ht = Symbol(process.env.NODE_ENV !== "production" ? "Map key iterate" : "");
 let Ze = !0;
-const Da = [];
+const Va = [];
 function _r() {
-  Da.push(Ze), Ze = !1;
+  Va.push(Ze), Ze = !1;
 }
 function Cr() {
-  const e = Da.pop();
+  const e = Va.pop();
   Ze = e === void 0 ? !0 : e;
 }
-function ae(e, t, n) {
-  if (Ze && ce) {
-    let a = mt.get(e);
-    a || mt.set(e, a = /* @__PURE__ */ new Map());
+function ie(e, t, n) {
+  if (Ze && de) {
+    let a = yt.get(e);
+    a || yt.set(e, a = /* @__PURE__ */ new Map());
     let i = a.get(n);
     i || a.set(n, i = Xe());
-    const r = process.env.NODE_ENV !== "production" ? { effect: ce, target: e, type: t, key: n } : void 0;
+    const r = process.env.NODE_ENV !== "production" ? { effect: de, target: e, type: t, key: n } : void 0;
     Kt(i, r);
   }
 }
 function Kt(e, t) {
   let n = !1;
-  xr(e) || (e.n |= vn, n = !Sr(e)), n && (e.add(ce), ce.deps.push(e), process.env.NODE_ENV !== "production" && ce.onTrack && ce.onTrack(
-    Ba(
+  xr(e) || (e.n |= vn, n = !Sr(e)), n && (e.add(de), de.deps.push(e), process.env.NODE_ENV !== "production" && de.onTrack && de.onTrack(
+    Oa(
       {
-        effect: ce
+        effect: de
       },
       t
     )
   ));
 }
-function Se(e, t, n, a, i, r) {
-  const o = mt.get(e);
+function xe(e, t, n, a, i, r) {
+  const o = yt.get(e);
   if (!o)
     return;
   let l = [];
   if (t === "clear")
     l = [...o.values()];
-  else if (n === "length" && ge(e)) {
+  else if (n === "length" && pe(e)) {
     const c = Number(a);
     o.forEach((d, v) => {
       (v === "length" || v >= c) && l.push(d);
@@ -164,10 +164,10 @@ function Se(e, t, n, a, i, r) {
   } else
     switch (n !== void 0 && l.push(o.get(n)), t) {
       case "add":
-        ge(e) ? fn(n) && l.push(o.get("length")) : (l.push(o.get(Ee)), He(e) && l.push(o.get(Ht)));
+        pe(e) ? fn(n) && l.push(o.get("length")) : (l.push(o.get(Ee)), He(e) && l.push(o.get(Ht)));
         break;
       case "delete":
-        ge(e) || (l.push(o.get(Ee)), He(e) && l.push(o.get(Ht)));
+        pe(e) || (l.push(o.get(Ee)), He(e) && l.push(o.get(Ht)));
         break;
       case "set":
         He(e) && l.push(o.get(Ee));
@@ -175,52 +175,52 @@ function Se(e, t, n, a, i, r) {
     }
   const s = process.env.NODE_ENV !== "production" ? { target: e, type: t, key: n, newValue: a, oldValue: i, oldTarget: r } : void 0;
   if (l.length === 1)
-    l[0] && (process.env.NODE_ENV !== "production" ? Be(l[0], s) : Be(l[0]));
+    l[0] && (process.env.NODE_ENV !== "production" ? Oe(l[0], s) : Oe(l[0]));
   else {
     const c = [];
     for (const d of l)
       d && c.push(...d);
-    process.env.NODE_ENV !== "production" ? Be(Xe(c), s) : Be(Xe(c));
+    process.env.NODE_ENV !== "production" ? Oe(Xe(c), s) : Oe(Xe(c));
   }
 }
-function Be(e, t) {
-  const n = ge(e) ? e : [...e];
+function Oe(e, t) {
+  const n = pe(e) ? e : [...e];
   for (const a of n)
-    a.computed && jn(a, t);
+    a.computed && Fn(a, t);
   for (const a of n)
-    a.computed || jn(a, t);
+    a.computed || Fn(a, t);
 }
-function jn(e, t) {
-  (e !== ce || e.allowRecurse) && (process.env.NODE_ENV !== "production" && e.onTrigger && e.onTrigger(Ba({ effect: e }, t)), e.scheduler ? e.scheduler() : e.run());
+function Fn(e, t) {
+  (e !== de || e.allowRecurse) && (process.env.NODE_ENV !== "production" && e.onTrigger && e.onTrigger(Oa({ effect: e }, t)), e.scheduler ? e.scheduler() : e.run());
 }
 function Tr(e, t) {
   var n;
-  return (n = mt.get(e)) == null ? void 0 : n.get(t);
+  return (n = yt.get(e)) == null ? void 0 : n.get(t);
 }
-const Er = /* @__PURE__ */ mr("__proto__,__v_isRef,__isVue"), Pa = new Set(
+const Er = /* @__PURE__ */ mr("__proto__,__v_isRef,__isVue"), Da = new Set(
   /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(dn)
 ), kr = /* @__PURE__ */ Ya(), $r = /* @__PURE__ */ Ya(!0), Hn = /* @__PURE__ */ Ar();
 function Ar() {
   const e = {};
   return ["includes", "indexOf", "lastIndexOf"].forEach((t) => {
     e[t] = function(...n) {
-      const a = j(this);
+      const a = F(this);
       for (let r = 0, o = this.length; r < o; r++)
-        ae(a, "get", r + "");
+        ie(a, "get", r + "");
       const i = a[t](...n);
-      return i === -1 || i === !1 ? a[t](...n.map(j)) : i;
+      return i === -1 || i === !1 ? a[t](...n.map(F)) : i;
     };
   }), ["push", "pop", "shift", "unshift", "splice"].forEach((t) => {
     e[t] = function(...n) {
       _r();
-      const a = j(this)[t].apply(this, n);
+      const a = F(this)[t].apply(this, n);
       return Cr(), a;
     };
   }), e;
 }
-function Br(e) {
-  const t = j(this);
-  return ae(t, "has", e), t.hasOwnProperty(e);
+function Or(e) {
+  const t = F(this);
+  return ie(t, "has", e), t.hasOwnProperty(e);
 }
 function Ya(e = !1, t = !1) {
   return function(a, i, r) {
@@ -232,65 +232,65 @@ function Ya(e = !1, t = !1) {
       return t;
     if (i === "__v_raw" && r === (e ? t ? zr : La : t ? Wr : Ra).get(a))
       return a;
-    const o = ge(a);
+    const o = pe(a);
     if (!e) {
       if (o && Et(Hn, i))
         return Reflect.get(Hn, i, r);
       if (i === "hasOwnProperty")
-        return Br;
+        return Or;
     }
     const l = Reflect.get(a, i, r);
-    return (dn(i) ? Pa.has(i) : Er(i)) || (e || ae(a, "get", i), t) ? l : ye(l) ? o && fn(i) ? l : l.value : nt(l) ? e ? ja(l) : Fa(l) : l;
+    return (dn(i) ? Da.has(i) : Er(i)) || (e || ie(a, "get", i), t) ? l : ge(l) ? o && fn(i) ? l : l.value : at(l) ? e ? Fa(l) : ja(l) : l;
   };
 }
-const Or = /* @__PURE__ */ Ir();
+const Br = /* @__PURE__ */ Ir();
 function Ir(e = !1) {
   return function(n, a, i, r) {
     let o = n[a];
-    if (yt(o) && ye(o) && !ye(i))
+    if (gt(o) && ge(o) && !ge(i))
       return !1;
-    if (!e && (!Ka(i) && !yt(i) && (o = j(o), i = j(i)), !ge(n) && ye(o) && !ye(i)))
+    if (!e && (!Ka(i) && !gt(i) && (o = F(o), i = F(i)), !pe(n) && ge(o) && !ge(i)))
       return o.value = i, !0;
-    const l = ge(n) && fn(a) ? Number(a) < n.length : Et(n, a), s = Reflect.set(n, a, i, r);
-    return n === j(r) && (l ? hn(i, o) && Se(n, "set", a, i, o) : Se(n, "add", a, i)), s;
+    const l = pe(n) && fn(a) ? Number(a) < n.length : Et(n, a), s = Reflect.set(n, a, i, r);
+    return n === F(r) && (l ? hn(i, o) && xe(n, "set", a, i, o) : xe(n, "add", a, i)), s;
   };
 }
-function Vr(e, t) {
+function Pr(e, t) {
   const n = Et(e, t), a = e[t], i = Reflect.deleteProperty(e, t);
-  return i && n && Se(e, "delete", t, void 0, a), i;
+  return i && n && xe(e, "delete", t, void 0, a), i;
 }
-function Dr(e, t) {
+function Vr(e, t) {
   const n = Reflect.has(e, t);
-  return (!dn(t) || !Pa.has(t)) && ae(e, "has", t), n;
+  return (!dn(t) || !Da.has(t)) && ie(e, "has", t), n;
 }
-function Pr(e) {
-  return ae(e, "iterate", ge(e) ? "length" : Ee), Reflect.ownKeys(e);
+function Dr(e) {
+  return ie(e, "iterate", pe(e) ? "length" : Ee), Reflect.ownKeys(e);
 }
 const Yr = {
   get: kr,
-  set: Or,
-  deleteProperty: Vr,
-  has: Dr,
-  ownKeys: Pr
+  set: Br,
+  deleteProperty: Pr,
+  has: Vr,
+  ownKeys: Dr
 }, Nr = {
   get: $r,
   set(e, t) {
-    return process.env.NODE_ENV !== "production" && Fn(
+    return process.env.NODE_ENV !== "production" && jn(
       `Set operation on key "${String(t)}" failed: target is readonly.`,
       e
     ), !0;
   },
   deleteProperty(e, t) {
-    return process.env.NODE_ENV !== "production" && Fn(
+    return process.env.NODE_ENV !== "production" && jn(
       `Delete operation on key "${String(t)}" failed: target is readonly.`,
       e
     ), !0;
   }
 }, mn = (e) => e, kt = (e) => Reflect.getPrototypeOf(e);
-function it(e, t, n = !1, a = !1) {
+function rt(e, t, n = !1, a = !1) {
   e = e.__v_raw;
-  const i = j(e), r = j(t);
-  n || (t !== r && ae(i, "get", t), ae(i, "get", r));
+  const i = F(e), r = F(t);
+  n || (t !== r && ie(i, "get", t), ie(i, "get", r));
   const { has: o } = kt(i), l = a ? mn : n ? yn : Je;
   if (o.call(i, t))
     return l(e.get(t));
@@ -298,47 +298,47 @@ function it(e, t, n = !1, a = !1) {
     return l(e.get(r));
   e !== i && e.get(t);
 }
-function rt(e, t = !1) {
-  const n = this.__v_raw, a = j(n), i = j(e);
-  return t || (e !== i && ae(a, "has", e), ae(a, "has", i)), e === i ? n.has(e) : n.has(e) || n.has(i);
-}
 function ot(e, t = !1) {
-  return e = e.__v_raw, !t && ae(j(e), "iterate", Ee), Reflect.get(e, "size", e);
+  const n = this.__v_raw, a = F(n), i = F(e);
+  return t || (e !== i && ie(a, "has", e), ie(a, "has", i)), e === i ? n.has(e) : n.has(e) || n.has(i);
+}
+function lt(e, t = !1) {
+  return e = e.__v_raw, !t && ie(F(e), "iterate", Ee), Reflect.get(e, "size", e);
 }
 function Kn(e) {
-  e = j(e);
-  const t = j(this);
-  return kt(t).has.call(t, e) || (t.add(e), Se(t, "add", e, e)), this;
+  e = F(e);
+  const t = F(this);
+  return kt(t).has.call(t, e) || (t.add(e), xe(t, "add", e, e)), this;
 }
 function Wn(e, t) {
-  t = j(t);
-  const n = j(this), { has: a, get: i } = kt(n);
+  t = F(t);
+  const n = F(this), { has: a, get: i } = kt(n);
   let r = a.call(n, e);
-  r ? process.env.NODE_ENV !== "production" && Ma(n, a, e) : (e = j(e), r = a.call(n, e));
+  r ? process.env.NODE_ENV !== "production" && Ma(n, a, e) : (e = F(e), r = a.call(n, e));
   const o = i.call(n, e);
-  return n.set(e, t), r ? hn(t, o) && Se(n, "set", e, t, o) : Se(n, "add", e, t), this;
+  return n.set(e, t), r ? hn(t, o) && xe(n, "set", e, t, o) : xe(n, "add", e, t), this;
 }
 function zn(e) {
-  const t = j(this), { has: n, get: a } = kt(t);
+  const t = F(this), { has: n, get: a } = kt(t);
   let i = n.call(t, e);
-  i ? process.env.NODE_ENV !== "production" && Ma(t, n, e) : (e = j(e), i = n.call(t, e));
+  i ? process.env.NODE_ENV !== "production" && Ma(t, n, e) : (e = F(e), i = n.call(t, e));
   const r = a ? a.call(t, e) : void 0, o = t.delete(e);
-  return i && Se(t, "delete", e, void 0, r), o;
+  return i && xe(t, "delete", e, void 0, r), o;
 }
 function Un() {
-  const e = j(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? He(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
-  return t && Se(e, "clear", void 0, void 0, n), a;
+  const e = F(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? He(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
+  return t && xe(e, "clear", void 0, void 0, n), a;
 }
-function lt(e, t) {
+function st(e, t) {
   return function(a, i) {
-    const r = this, o = r.__v_raw, l = j(o), s = t ? mn : e ? yn : Je;
-    return !e && ae(l, "iterate", Ee), o.forEach((c, d) => a.call(i, s(c), s(d), r));
+    const r = this, o = r.__v_raw, l = F(o), s = t ? mn : e ? yn : Je;
+    return !e && ie(l, "iterate", Ee), o.forEach((c, d) => a.call(i, s(c), s(d), r));
   };
 }
-function st(e, t, n) {
+function ut(e, t, n) {
   return function(...a) {
-    const i = this.__v_raw, r = j(i), o = He(r), l = e === "entries" || e === Symbol.iterator && o, s = e === "keys" && o, c = i[e](...a), d = n ? mn : t ? yn : Je;
-    return !t && ae(
+    const i = this.__v_raw, r = F(i), o = He(r), l = e === "entries" || e === Symbol.iterator && o, s = e === "keys" && o, c = i[e](...a), d = n ? mn : t ? yn : Je;
+    return !t && ie(
       r,
       "iterate",
       s ? Ht : Ee
@@ -358,13 +358,13 @@ function st(e, t, n) {
     };
   };
 }
-function ve(e) {
+function me(e) {
   return function(...t) {
     if (process.env.NODE_ENV !== "production") {
       const n = t[0] ? `on key "${t[0]}" ` : "";
       console.warn(
-        `${Va(e)} operation ${n}failed: target is readonly.`,
-        j(this)
+        `${Pa(e)} operation ${n}failed: target is readonly.`,
+        F(this)
       );
     }
     return e === "delete" ? !1 : this;
@@ -373,75 +373,75 @@ function ve(e) {
 function Mr() {
   const e = {
     get(r) {
-      return it(this, r);
+      return rt(this, r);
     },
     get size() {
-      return ot(this);
+      return lt(this);
     },
-    has: rt,
+    has: ot,
     add: Kn,
     set: Wn,
     delete: zn,
     clear: Un,
-    forEach: lt(!1, !1)
+    forEach: st(!1, !1)
   }, t = {
     get(r) {
-      return it(this, r, !1, !0);
+      return rt(this, r, !1, !0);
     },
     get size() {
-      return ot(this);
+      return lt(this);
     },
-    has: rt,
+    has: ot,
     add: Kn,
     set: Wn,
     delete: zn,
     clear: Un,
-    forEach: lt(!1, !0)
+    forEach: st(!1, !0)
   }, n = {
     get(r) {
-      return it(this, r, !0);
+      return rt(this, r, !0);
     },
     get size() {
-      return ot(this, !0);
+      return lt(this, !0);
     },
     has(r) {
-      return rt.call(this, r, !0);
+      return ot.call(this, r, !0);
     },
-    add: ve("add"),
-    set: ve("set"),
-    delete: ve("delete"),
-    clear: ve("clear"),
-    forEach: lt(!0, !1)
+    add: me("add"),
+    set: me("set"),
+    delete: me("delete"),
+    clear: me("clear"),
+    forEach: st(!0, !1)
   }, a = {
     get(r) {
-      return it(this, r, !0, !0);
+      return rt(this, r, !0, !0);
     },
     get size() {
-      return ot(this, !0);
+      return lt(this, !0);
     },
     has(r) {
-      return rt.call(this, r, !0);
+      return ot.call(this, r, !0);
     },
-    add: ve("add"),
-    set: ve("set"),
-    delete: ve("delete"),
-    clear: ve("clear"),
-    forEach: lt(!0, !0)
+    add: me("add"),
+    set: me("set"),
+    delete: me("delete"),
+    clear: me("clear"),
+    forEach: st(!0, !0)
   };
   return ["keys", "values", "entries", Symbol.iterator].forEach((r) => {
-    e[r] = st(
+    e[r] = ut(
       r,
       !1,
       !1
-    ), n[r] = st(
+    ), n[r] = ut(
       r,
       !0,
       !1
-    ), t[r] = st(
+    ), t[r] = ut(
       r,
       !1,
       !0
-    ), a[r] = st(
+    ), a[r] = ut(
       r,
       !0,
       !0
@@ -456,11 +456,11 @@ function Mr() {
 const [
   Rr,
   Lr,
-  Fr,
-  jr
+  jr,
+  Fr
 ] = /* @__PURE__ */ Mr();
 function Na(e, t) {
-  const n = t ? e ? jr : Fr : e ? Lr : Rr;
+  const n = t ? e ? Fr : jr : e ? Lr : Rr;
   return (a, i, r) => i === "__v_isReactive" ? !e : i === "__v_isReadonly" ? e : i === "__v_raw" ? a : Reflect.get(
     Et(n, i) && i in a ? n : a,
     i,
@@ -473,7 +473,7 @@ const Hr = {
   get: /* @__PURE__ */ Na(!0, !1)
 };
 function Ma(e, t, n) {
-  const a = j(n);
+  const a = F(n);
   if (a !== n && t.call(e, a)) {
     const i = Ia(e);
     console.warn(
@@ -499,8 +499,8 @@ function Ur(e) {
 function Gr(e) {
   return e.__v_skip || !Object.isExtensible(e) ? 0 : Ur(Ia(e));
 }
-function Fa(e) {
-  return yt(e) ? e : Ha(
+function ja(e) {
+  return gt(e) ? e : Ha(
     e,
     !1,
     Yr,
@@ -508,7 +508,7 @@ function Fa(e) {
     Ra
   );
 }
-function ja(e) {
+function Fa(e) {
   return Ha(
     e,
     !0,
@@ -518,7 +518,7 @@ function ja(e) {
   );
 }
 function Ha(e, t, n, a, i) {
-  if (!nt(e))
+  if (!at(e))
     return process.env.NODE_ENV !== "production" && console.warn(`value cannot be made reactive: ${String(e)}`), e;
   if (e.__v_raw && !(t && e.__v_isReactive))
     return e;
@@ -534,35 +534,35 @@ function Ha(e, t, n, a, i) {
   );
   return i.set(e, l), l;
 }
-function yt(e) {
+function gt(e) {
   return !!(e && e.__v_isReadonly);
 }
 function Ka(e) {
   return !!(e && e.__v_isShallow);
 }
-function j(e) {
+function F(e) {
   const t = e && e.__v_raw;
-  return t ? j(t) : e;
+  return t ? F(t) : e;
 }
-const Je = (e) => nt(e) ? Fa(e) : e, yn = (e) => nt(e) ? ja(e) : e;
+const Je = (e) => at(e) ? ja(e) : e, yn = (e) => at(e) ? Fa(e) : e;
 function qr(e) {
-  Ze && ce && (e = j(e), process.env.NODE_ENV !== "production" ? Kt(e.dep || (e.dep = Xe()), {
+  Ze && de && (e = F(e), process.env.NODE_ENV !== "production" ? Kt(e.dep || (e.dep = Xe()), {
     target: e,
     type: "get",
     key: "value"
   }) : Kt(e.dep || (e.dep = Xe())));
 }
 function Xr(e, t) {
-  e = j(e);
+  e = F(e);
   const n = e.dep;
-  n && (process.env.NODE_ENV !== "production" ? Be(n, {
+  n && (process.env.NODE_ENV !== "production" ? Oe(n, {
     target: e,
     type: "set",
     key: "value",
     newValue: t
-  }) : Be(n));
+  }) : Oe(n));
 }
-function ye(e) {
+function ge(e) {
   return !!(e && e.__v_isRef === !0);
 }
 function Zr(e) {
@@ -572,18 +572,18 @@ function Wa(e) {
   return za(e, !0);
 }
 function za(e, t) {
-  return ye(e) ? e : new Jr(e, t);
+  return ge(e) ? e : new Jr(e, t);
 }
 class Jr {
   constructor(t, n) {
-    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : j(t), this._value = n ? t : Je(t);
+    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : F(t), this._value = n ? t : Je(t);
   }
   get value() {
     return qr(this), this._value;
   }
   set value(t) {
-    const n = this.__v_isShallow || Ka(t) || yt(t);
-    t = n ? t : j(t), hn(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : Je(t), Xr(this, t));
+    const n = this.__v_isShallow || Ka(t) || gt(t);
+    t = n ? t : F(t), hn(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : Je(t), Xr(this, t));
   }
 }
 class Qr {
@@ -598,7 +598,7 @@ class Qr {
     this._object[this._key] = t;
   }
   get dep() {
-    return Tr(j(this._object), this._key);
+    return Tr(F(this._object), this._key);
   }
 }
 class eo {
@@ -610,17 +610,17 @@ class eo {
   }
 }
 function Wt(e, t, n) {
-  return ye(e) ? e : gr(e) ? new eo(e) : nt(e) && arguments.length > 1 ? to(e, t, n) : Zr(e);
+  return ge(e) ? e : gr(e) ? new eo(e) : at(e) && arguments.length > 1 ? to(e, t, n) : Zr(e);
 }
 function to(e, t, n) {
   const a = e[t];
-  return ye(a) ? a : new Qr(
+  return ge(a) ? a : new Qr(
     e,
     t,
     n
   );
 }
-function me(e, t = "default", n, a = !1) {
+function ye(e, t = "default", n, a = !1) {
   var i;
   if ((i = e.$slots) != null && i[t])
     return e.$slots[t](n instanceof Function ? n() : n).filter((o) => {
@@ -629,10 +629,10 @@ function me(e, t = "default", n, a = !1) {
     });
 }
 function Ua() {
-  const e = re();
+  const e = se();
   return e == null ? void 0 : e.uid;
 }
-function ne(e, t) {
+function ae(e, t) {
   return Object.keys(t).reduce((n, a) => (e && a in e && (n[a] = e[a]), n), {});
 }
 function ke(e) {
@@ -642,24 +642,24 @@ function ke(e) {
 function no(e) {
   return e && Ce(e, "$el") ? e.$el : e;
 }
-function dt(e, t) {
+function ft(e, t) {
   if (!t || typeof t != "object")
     return [];
   if (Array.isArray(t))
-    return t.map((n) => dt(e, n)).flat(1);
+    return t.map((n) => ft(e, n)).flat(1);
   if (Array.isArray(t.children))
-    return t.children.map((n) => dt(e, n)).flat(1);
+    return t.children.map((n) => ft(e, n)).flat(1);
   if (t.component) {
     if (Object.getOwnPropertySymbols(t.component.provides).includes(
       e
     ))
       return [t.component];
     if (t.component.subTree)
-      return dt(e, t.component.subTree).flat(1);
+      return ft(e, t.component.subTree).flat(1);
   }
   return [];
 }
-function R(e, t) {
+function L(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] = {
@@ -669,7 +669,7 @@ function R(e, t) {
   }, {});
 }
 function Gn(e, t) {
-  const n = `on${Va(t)}`;
+  const n = `on${Pa(t)}`;
   return !!(e[n] || e[`${n}Once`] || e[`${n}Capture`] || e[`${n}OnceCapture`] || e[`${n}CaptureOnce`]);
 }
 function $t(e, t = "camel") {
@@ -697,18 +697,18 @@ function qa(e, t) {
       }) : t()
     );
   }
-  F(
+  j(
     e,
     (i) => {
       i && !n ? a() : i || (n == null || n.stop(), n = void 0);
     },
     { immediate: !0 }
-  ), vt(() => {
+  ), mt(() => {
     n == null || n.stop();
   });
 }
-function Z(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
-  const r = re(), o = $t(t), l = o === t ? Ga(t) : t, s = A(
+function J(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
+  const r = se(), o = $t(t), l = o === t ? Ga(t) : t, s = A(
     e[l] !== void 0 ? e[l] : n
   );
   function c() {
@@ -722,7 +722,7 @@ function Z(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
   qa(
     () => !d.value,
     () => {
-      F(
+      j(
         () => c(),
         (f) => {
           s.value = f;
@@ -743,7 +743,7 @@ function Z(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
     get: () => d.value ? c() : s.value
   }), v;
 }
-const ao = R(
+const ao = L(
   {
     modelValue: {
       type: null,
@@ -756,7 +756,7 @@ const ao = R(
     disabled: Boolean
   },
   "choice"
-), io = R(
+), io = L(
   {
     value: null,
     disabled: Boolean,
@@ -765,20 +765,20 @@ const ao = R(
   "choice-item"
 );
 function ro(e, t, n = !0) {
-  const a = re();
+  const a = se();
   if (!a)
     throw new Error(
       '"useChoiceItem" must be used inside a component setup function'
     );
   const i = Ua();
-  oe(Symbol.for(`${t.description}:id`), i);
-  const r = _e(t, null);
+  re(Symbol.for(`${t.description}:id`), i);
+  const r = he(t, null);
   if (!r) {
     if (!n)
       return r;
     throw new Error("Not found provider");
   }
-  const o = de(e, "value"), l = x(
+  const o = fe(e, "value"), l = x(
     () => !!(r.disabled.value || e.disabled)
   );
   r.register(
@@ -797,7 +797,7 @@ function ro(e, t, n = !0) {
       e.selectedClass
     ]
   );
-  return F(s, (d) => {
+  return j(s, (d) => {
     a.emit("choice:selected", { value: d });
   }), {
     id: i,
@@ -812,7 +812,7 @@ function ro(e, t, n = !0) {
 }
 function oo(e, t) {
   let n = !1;
-  const a = et([]), i = Z(
+  const a = tt([]), i = J(
     e,
     "modelValue",
     [],
@@ -821,9 +821,9 @@ function oo(e, t) {
       const b = so(a, f);
       return e.multiple ? b : b[0];
     }
-  ), r = re();
+  ), r = se();
   function o(f, b) {
-    const m = f, S = Symbol.for(`${t.description}:id`), w = dt(S, r == null ? void 0 : r.vnode).indexOf(b);
+    const m = f, S = Symbol.for(`${t.description}:id`), w = ft(S, r == null ? void 0 : r.vnode).indexOf(b);
     w > -1 ? a.splice(w, 0, m) : a.push(m);
   }
   function l(f) {
@@ -876,7 +876,7 @@ function oo(e, t) {
     unregister: l,
     selected: i,
     select: c,
-    disabled: de(e, "disabled"),
+    disabled: fe(e, "disabled"),
     prev: () => d(a.length - 1),
     next: () => d(1),
     isSelected: (f) => i.value.includes(f),
@@ -884,7 +884,7 @@ function oo(e, t) {
     items: x(() => a),
     getItemIndex: (f) => lo(a, f)
   };
-  return oe(t, v), v;
+  return re(t, v), v;
 }
 function lo(e, t) {
   const n = Xa(e, [t]);
@@ -893,7 +893,7 @@ function lo(e, t) {
 function Xa(e, t) {
   const n = [];
   return t.forEach((a) => {
-    const i = e.find((o) => we(a, o.value)), r = e[a];
+    const i = e.find((o) => Se(a, o.value)), r = e[a];
     (i == null ? void 0 : i.value) != null ? n.push(i.id) : r != null && n.push(r.id);
   }), n;
 }
@@ -908,13 +908,13 @@ function so(e, t) {
   }), n;
 }
 function uo(e, t) {
-  F(
+  j(
     () => {
       var n;
       return (n = e.isActive) == null ? void 0 : n.value;
     },
     (n) => {
-      e.isLink.value && n && t && tt(() => {
+      e.isLink.value && n && t && nt(() => {
         t(!0);
       });
     },
@@ -922,7 +922,7 @@ function uo(e, t) {
   );
 }
 function H(e) {
-  const t = re();
+  const t = se();
   t && (t.render = e);
 }
 function co(e, t = 0, n = {
@@ -934,19 +934,19 @@ function co(e, t = 0, n = {
     throw new TypeError("NOT Function");
   t = +t || 0, vr(n) && (d = !!n.leading, v = "maxWait" in n, r = v ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : r, f = "trailing" in n ? !!n.trailing : f);
   function b(C) {
-    const V = a, O = i;
-    return a = i = void 0, c = C, o = e.apply(O, V), o;
+    const P = a, Y = i;
+    return a = i = void 0, c = C, o = e.apply(Y, P), o;
   }
   function m(C) {
     return c = C, l = window.setTimeout(w, t), d ? b(C) : o;
   }
   function S(C) {
-    var V = C - (s ?? 0), O = C - (c ?? 0), L = t - V;
-    return v ? Math.min(L, (r ?? 0) - O) : L;
+    var P = C - (s ?? 0), Y = C - (c ?? 0), R = t - P;
+    return v ? Math.min(R, (r ?? 0) - Y) : R;
   }
   function p(C) {
-    var V = C - (s ?? 0), O = C - (c ?? 0);
-    return s === void 0 || V >= t || V < 0 || v && O >= (r ?? 0);
+    var P = C - (s ?? 0), Y = C - (c ?? 0);
+    return s === void 0 || P >= t || P < 0 || v && Y >= (r ?? 0);
   }
   function w() {
     const C = Date.now();
@@ -964,8 +964,8 @@ function co(e, t = 0, n = {
     return l === void 0 ? o : y(Date.now());
   }
   function _() {
-    const C = Date.now(), V = p(C);
-    if (a = arguments, i = this, s = C, V) {
+    const C = Date.now(), P = p(C);
+    if (a = arguments, i = this, s = C, P) {
       if (l === void 0)
         return m(s);
       if (v)
@@ -1020,14 +1020,14 @@ function It(e) {
 function qn(e) {
   return Math.ceil(e * devicePixelRatio) / devicePixelRatio;
 }
-function G(e, t = "px") {
+function z(e, t = "px") {
   if (e === "" || e === null || e === void 0)
     return;
   let n = Number(e);
   if (!(isNaN(n) || !isFinite(n)))
     return `${n}${t}`;
 }
-class Vt {
+class Pt {
   constructor({ x: t, y: n, width: a, height: i }) {
     Me(this, "x");
     Me(this, "y");
@@ -1071,7 +1071,7 @@ function Zn(e, t) {
 function Jn(e, t) {
   return e === "start" ? t ? "right" : "left" : e === "end" ? t ? "left" : "right" : e;
 }
-function Dt(e) {
+function Vt(e) {
   return {
     side: {
       center: "center",
@@ -1083,7 +1083,7 @@ function Dt(e) {
     align: e.align
   };
 }
-function Pt(e) {
+function Dt(e) {
   return {
     side: e.side,
     align: {
@@ -1119,7 +1119,7 @@ function yo(e, t) {
   return t ? n.overflowX === "scroll" || n.overflowX === "auto" && e.clientWidth < e.scrollWidth : n.overflowY === "scroll" || n.overflowY === "auto" && e.clientHeight < e.scrollHeight;
 }
 function go(e) {
-  const t = et({}), n = x(e);
+  const t = tt({}), n = x(e);
   return $e(
     () => {
       for (const a in n.value)
@@ -1148,7 +1148,7 @@ function Ut(e) {
 function pn(e) {
   return po.test(e) || bo.test(e);
 }
-const wo = R(
+const wo = L(
   {
     href: String,
     replace: Boolean,
@@ -1163,7 +1163,7 @@ function So(e, t) {
     return {
       isLink: a,
       isClickable: i,
-      href: de(e, "href")
+      href: fe(e, "href")
     };
   const r = e.to ? n.useLink(e) : void 0;
   return {
@@ -1242,7 +1242,7 @@ const ii = {
     ai(e);
   }
 };
-const _o = "YSpinnerRing", ri = /* @__PURE__ */ Y({
+const _o = "YSpinnerRing", ri = /* @__PURE__ */ D({
   name: _o,
   render() {
     return u("svg", {
@@ -1262,7 +1262,7 @@ const _o = "YSpinnerRing", ri = /* @__PURE__ */ Y({
     }, null)]);
   }
 }), Co = Symbol.for("yuyeon.y-toggle-button");
-const ie = "y-button", wn = R({
+const le = "y-button", wn = L({
   loading: Boolean,
   active: {
     type: Boolean,
@@ -1300,7 +1300,7 @@ const ie = "y-button", wn = R({
   },
   ...wo(),
   ...io()
-}, "YButton"), ee = /* @__PURE__ */ Y({
+}, "YButton"), te = /* @__PURE__ */ D({
   name: "YButton",
   directives: {
     PlateWave: ii
@@ -1332,16 +1332,16 @@ const ie = "y-button", wn = R({
         icon: S
       } = e;
       return {
-        [`${ie}--outlined`]: o.value.includes("outlined") || v,
-        [`${ie}--rounded`]: o.value.includes("rounded") || f,
-        [`${ie}--filled`]: o.value.includes("filled") || b,
-        [`${ie}--text`]: o.value.includes("text"),
-        [`${ie}--small`]: o.value.includes("small") || m,
-        [`${ie}--icon`]: o.value.includes("icon") || S,
-        [`${ie}--color`]: e.color,
-        [`${ie}--loading`]: e.loading,
-        [`${ie}--disabled`]: e.disabled,
-        [`${ie}--active`]: r.value
+        [`${le}--outlined`]: o.value.includes("outlined") || v,
+        [`${le}--rounded`]: o.value.includes("rounded") || f,
+        [`${le}--filled`]: o.value.includes("filled") || b,
+        [`${le}--text`]: o.value.includes("text"),
+        [`${le}--small`]: o.value.includes("small") || m,
+        [`${le}--icon`]: o.value.includes("icon") || S,
+        [`${le}--color`]: e.color,
+        [`${le}--loading`]: e.loading,
+        [`${le}--disabled`]: e.disabled,
+        [`${le}--active`]: r.value
       };
     }), s = x(() => {
       let {
@@ -1363,7 +1363,7 @@ const ie = "y-button", wn = R({
     return H(() => {
       const v = i.isLink.value ? "a" : "button";
       return Ct(u(v, {
-        class: [`${ie}`, a == null ? void 0 : a.selectedClass.value, {
+        class: [`${le}`, a == null ? void 0 : a.selectedClass.value, {
           ...l.value
         }],
         href: i.href.value,
@@ -1388,9 +1388,9 @@ const ie = "y-button", wn = R({
 }), To = {
   focused: Boolean,
   "onUpdate:focused": Function
-}, Eo = R(To, "focus");
+}, Eo = L(To, "focus");
 function oi(e, t) {
-  const n = Z(e, "focused");
+  const n = J(e, "focused");
   function a() {
     n.value = !0;
   }
@@ -1451,7 +1451,7 @@ const li = (e, t, n) => {
  /////
  /////    Live Demonstrator at https://www.myndex.com/APCA/
  // */
-const z = {
+const U = {
   mainTRC: 2.4,
   // 2.4 exponent for emulating actual monitor perception
   // For reverseAPCA
@@ -1491,16 +1491,16 @@ const z = {
 };
 function Yt(e = [0, 0, 0]) {
   function t(n) {
-    return Math.pow(n / 255, z.mainTRC);
+    return Math.pow(n / 255, U.mainTRC);
   }
-  return z.sRco * t(e[0]) + z.sGco * t(e[1]) + z.sBco * t(e[2]);
+  return U.sRco * t(e[0]) + U.sGco * t(e[1]) + U.sBco * t(e[2]);
 }
 function na(e, t, n = -1) {
   const a = [0, 1.1];
   if (isNaN(e) || isNaN(t) || Math.min(e, t) < a[0] || Math.max(e, t) > a[1])
     return 0;
   let i = 0, r = 0, o = "BoW";
-  return e = e > z.blkThrs ? e : e + Math.pow(z.blkThrs - e, z.blkClmp), t = t > z.blkThrs ? t : t + Math.pow(z.blkThrs - t, z.blkClmp), Math.abs(t - e) < z.deltaYmin ? 0 : (t > e ? (i = (Math.pow(t, z.normBG) - Math.pow(e, z.normTXT)) * z.scaleBoW, r = i < z.loClip ? 0 : i - z.loBoWoffset) : (o = "WoB", i = (Math.pow(t, z.revBG) - Math.pow(e, z.revTXT)) * z.scaleWoB, r = i > -z.loClip ? 0 : i + z.loWoBoffset), n < 0 ? r * 100 : n == 0 ? Math.round(Math.abs(r) * 100) + "<sub>" + o + "</sub>" : Number.isInteger(n) ? (r * 100).toFixed(n) : 0);
+  return e = e > U.blkThrs ? e : e + Math.pow(U.blkThrs - e, U.blkClmp), t = t > U.blkThrs ? t : t + Math.pow(U.blkThrs - t, U.blkClmp), Math.abs(t - e) < U.deltaYmin ? 0 : (t > e ? (i = (Math.pow(t, U.normBG) - Math.pow(e, U.normTXT)) * U.scaleBoW, r = i < U.loClip ? 0 : i - U.loBoWoffset) : (o = "WoB", i = (Math.pow(t, U.revBG) - Math.pow(e, U.revTXT)) * U.scaleWoB, r = i > -U.loClip ? 0 : i + U.loWoBoffset), n < 0 ? r * 100 : n == 0 ? Math.round(Math.abs(r) * 100) + "<sub>" + o + "</sub>" : Number.isInteger(n) ? (r * 100).toFixed(n) : 0);
 }
 function ko(e) {
   var n;
@@ -1541,7 +1541,7 @@ function Re(e, t) {
 `), `}
 `];
 }
-function ut(e, t = "") {
+function ct(e, t = "") {
   return Object.entries(e).map(([n, a]) => Ao(`${t}-${n}`, a));
 }
 function Ao(e, t) {
@@ -1627,7 +1627,7 @@ const aa = {
     }
   }
 };
-function Bo(e) {
+function Oo(e) {
   return e ? {
     scheme: aa.light,
     theme: ["light", "dark"],
@@ -1640,17 +1640,17 @@ function Bo(e) {
     palette: { ...Le(ia) }
   };
 }
-const gt = Symbol.for("yuyeon.theme"), At = R(
+const pt = Symbol.for("yuyeon.theme"), At = L(
   {
     theme: String
   },
   "theme"
 );
-function Oo() {
+function Bo() {
   return window.matchMedia("(prefers-color-scheme)").media !== "not all";
 }
 function Io(e) {
-  const t = Ca(), n = et(Bo(e)), a = A(n.scheme), i = A(n.theme), r = A(n.themes), o = A(n.palette), l = A(!0), s = A("");
+  const t = Ca(), n = tt(Oo(e)), a = A(n.scheme), i = A(n.theme), r = A(n.themes), o = A(n.palette), l = A(!0), s = A("");
   function c(g) {
     s.value = g.matches ? "dark" : "light";
   }
@@ -1660,28 +1660,28 @@ function Io(e) {
   }), f = x(() => $o(o.value)), b = x(() => ko(r.value)), m = x(() => {
     const g = [];
     g.push(
-      ...Re(":root", ut(f.value, "palette"))
+      ...Re(":root", ct(f.value, "palette"))
     );
     for (const [h, _] of Object.entries(b.value)) {
-      const { colors: C, variables: V, isDark: O } = _, L = {
+      const { colors: C, variables: P, isDark: Y } = _, R = {
         ...C,
-        ...V
-      }, D = O ? "dark" : "light";
+        ...P
+      }, O = Y ? "dark" : "light";
       a.value === "auto" ? g.push(
         ...Re(
-          `@media (prefers-color-scheme: ${D})`,
+          `@media (prefers-color-scheme: ${O})`,
           Re(
-            `[data-theme-scheme='auto'][data-${D}-theme='${h}']`,
-            ut(L, "theme")
+            `[data-theme-scheme='auto'][data-${O}-theme='${h}']`,
+            ct(R, "theme")
           )
         )
       ) : g.push(
         ...Re(
-          `[data-theme-scheme='${D}'][data-${D}-theme='${h}']`,
-          ut(L, "theme")
+          `[data-theme-scheme='${O}'][data-${O}-theme='${h}']`,
+          ct(R, "theme")
         )
       ), g.push(
-        ...Re(`.y-theme--${h}`, ut(L, "theme"))
+        ...Re(`.y-theme--${h}`, ct(R, "theme"))
       );
     }
     return g.join("");
@@ -1689,7 +1689,7 @@ function Io(e) {
   function S(g) {
     g.directive("theme", li);
     let h = document.getElementById("yuyeon-theme-palette");
-    F(m, _, { immediate: !0 });
+    j(m, _, { immediate: !0 });
     function _() {
       if (typeof document < "u" && !h) {
         const C = document.createElement("style");
@@ -1699,18 +1699,18 @@ function Io(e) {
     }
   }
   function p(g) {
-    if (l.value = Oo(), l.value) {
+    if (l.value = Bo(), l.value) {
       const h = window.matchMedia("(prefers-color-scheme: dark)");
       c(h), h.addEventListener("change", c);
     }
-    F(
+    j(
       i,
       (h) => {
         const [_, C] = h;
         g.root.dataset.lightTheme = _, g.root.dataset.darkTheme = C;
       },
       { immediate: !0 }
-    ), F(
+    ), j(
       a,
       (h) => {
         g.root.setAttribute(
@@ -1743,15 +1743,15 @@ function Io(e) {
       themeClasses: y,
       computedThemes: b,
       computedPalette: f,
-      supportedAutoMode: jt(l),
-      preferColorScheme: jt(s)
+      supportedAutoMode: Ft(l),
+      preferColorScheme: Ft(s)
     }
   };
 }
-function Bt(e) {
-  re();
-  const t = _e(
-    gt,
+function Ot(e) {
+  se();
+  const t = he(
+    pt,
     null
   );
   if (!t)
@@ -1774,18 +1774,18 @@ function Bt(e) {
     currentThemeKey: n,
     themeClasses: a
   };
-  return oe(gt, i), i;
+  return re(pt, i), i;
 }
-function Ps() {
-  re();
-  const e = _e(gt, null);
+function Ds() {
+  se();
+  const e = he(pt, null);
   if (!e)
     throw new Error('Not found provided "ThemeModule"');
   return e;
 }
-const ue = "y-input";
+const ce = "y-input";
 let oa = 0;
-const Sn = R(
+const Sn = L(
   {
     name: String,
     width: {
@@ -1825,7 +1825,7 @@ const Sn = R(
     ...Eo()
   },
   "YInput"
-), ft = Y({
+), ht = D({
   name: "YInput",
   props: {
     ...At(),
@@ -1899,20 +1899,20 @@ const Sn = R(
   },
   methods: {
     createPrepend() {
-      const e = me(this, "prepend");
-      return e ? P("div", { class: `${ue}__prepend` }, e) : void 0;
+      const e = ye(this, "prepend");
+      return e ? V("div", { class: `${ce}__prepend` }, e) : void 0;
     },
     createAppend() {
-      const e = me(this, "append");
-      return e ? P("div", { class: `${ue}__append` }, e) : void 0;
+      const e = ye(this, "append");
+      return e ? V("div", { class: `${ce}__append` }, e) : void 0;
     },
     createLabelSlot() {
-      const e = me(this, "label");
+      const e = ye(this, "label");
       if (!e) {
         if (this.label)
           return [
             this.label,
-            this.required ? P("span", { class: "y-input__required-mark" }, "*") : void 0
+            this.required ? V("span", { class: "y-input__required-mark" }, "*") : void 0
           ];
         if (this.placeholder && !this.inValue)
           return [this.placeholder];
@@ -1920,12 +1920,12 @@ const Sn = R(
       return e ? [e] : [];
     },
     createLabel() {
-      if (this.label || me(this, "label"))
-        return P(
+      if (this.label || ye(this, "label"))
+        return V(
           "label",
           {
             class: {
-              [`${ue}__label`]: !0,
+              [`${ce}__label`]: !0,
               "y-input__floating-label": this.floating,
               "y-input__floating-label--floated": this.floating && this.isFloatedLabel
             },
@@ -1943,14 +1943,14 @@ const Sn = R(
     },
     createDefault() {
       const { modelValue: e, formLoading: t, attrId: n } = this;
-      return me(this, "default", {
+      return ye(this, "default", {
         value: e,
         formLoading: t,
         attrId: n
-      }) ?? P(
+      }) ?? V(
         "div",
         {
-          [`.${ue}__value`]: !0,
+          [`.${ce}__value`]: !0,
           ".data-id": this.attrId,
           ".tabindex": 0,
           onFocus: this.onFocus,
@@ -1960,8 +1960,8 @@ const Sn = R(
       );
     },
     createLeading() {
-      const e = me(this, "leading", { error: this.isError });
-      return e ? P(
+      const e = ye(this, "leading", { error: this.isError });
+      return e ? V(
         "div",
         {
           class: "y-input__leading",
@@ -1971,18 +1971,18 @@ const Sn = R(
       ) : void 0;
     },
     createTrailing() {
-      return me(this, "trailing");
+      return ye(this, "trailing");
     },
     getDisplayHeight() {
       const { height: e } = this;
       return isNaN(Number(e)) ? e : `${e}px`;
     },
     createDisplay() {
-      return P(
+      return V(
         "div",
         {
           class: {
-            [`${ue}__display`]: !0
+            [`${ce}__display`]: !0
           },
           // onClick: this.onClick,
           onMousedown: this.onMousedown,
@@ -1993,7 +1993,7 @@ const Sn = R(
           }
         },
         [
-          P("div", { class: `${ue}__plate` }),
+          V("div", { class: `${ce}__plate` }),
           this.createLeading(),
           this.createDefault(),
           this.createTrailing()
@@ -2001,11 +2001,11 @@ const Sn = R(
       );
     },
     createHelperText() {
-      const e = me(this, "helper-text", {
+      const e = ye(this, "helper-text", {
         error: this.status === "error" || this.inError,
         errorResult: this.errorResult
       }), t = [];
-      return e ? t.push(P("span", {}, e)) : t.push(this.errorResult), P("div", { class: `${ue}__helper-text` }, t);
+      return e ? t.push(V("span", {}, e)) : t.push(this.errorResult), V("div", { class: `${ce}__helper-text` }, t);
     },
     createStackChildren() {
       return [
@@ -2015,10 +2015,10 @@ const Sn = R(
       ];
     },
     createStack() {
-      return P(
+      return V(
         "div",
         {
-          class: `${ue}__stack`,
+          class: `${ce}__stack`,
           ref: "stack"
         },
         this.createStackChildren()
@@ -2085,7 +2085,7 @@ const Sn = R(
     this.inValue = this.modelValue;
   },
   setup(e) {
-    const { themeClasses: t } = Bt(e), {
+    const { themeClasses: t } = Ot(e), {
       focused: n,
       focusedClasses: a,
       whenFocus: i,
@@ -2100,15 +2100,15 @@ const Sn = R(
     };
   },
   render() {
-    return P(
+    return V(
       "div",
       {
-        class: { ...this.getClasses(), [`${ue}`]: !0 }
+        class: { ...this.getClasses(), [`${ce}`]: !0 }
       },
       this.createContent()
     );
   }
-}), si = /* @__PURE__ */ Y({
+}), si = /* @__PURE__ */ D({
   name: "YIconClear",
   setup() {
     return () => u("svg", {
@@ -2121,7 +2121,7 @@ const Sn = R(
     }, null)]);
   }
 });
-const Nt = "y-field-input", xn = R(
+const Nt = "y-field-input", xn = L(
   {
     enableClear: Boolean,
     inputAlign: String,
@@ -2140,7 +2140,7 @@ const Nt = "y-field-input", xn = R(
     })
   },
   "YFieldInput"
-), pt = Y({
+), bt = D({
   name: "YFieldInput",
   props: {
     ...xn()
@@ -2160,87 +2160,87 @@ const Nt = "y-field-input", xn = R(
     "mousedown:display"
   ],
   setup(e, { attrs: t, expose: n, emit: a, slots: i }) {
-    const r = A(), o = A(), { focused: l, whenFocus: s, whenBlur: c } = oi(e, "y-field-input"), d = A(""), v = A(""), f = de(e, "type"), b = x(() => ({
+    const r = A(), o = A(), { focused: l, whenFocus: s, whenBlur: c } = oi(e, "y-field-input"), d = A(""), v = A(""), f = fe(e, "type"), b = x(() => ({
       [Nt]: !0
     }));
-    function m(k) {
+    function m($) {
       var N;
-      (N = o.value) == null || N.focus(), a("click", k);
+      (N = o.value) == null || N.focus(), a("click", $);
     }
-    function S(k) {
-      s(), v.value = d.value, a("focus", k);
+    function S($) {
+      s(), v.value = d.value, a("focus", $);
     }
-    function p(k) {
-      c(), a("blur", k), D();
+    function p($) {
+      c(), a("blur", $), O();
     }
-    function w(k) {
-      a("input", k);
-      const N = k.target;
+    function w($) {
+      a("input", $);
+      const N = $.target;
       d.value = N == null ? void 0 : N.value, v.value = N == null ? void 0 : N.value, e.whenInputValid;
     }
-    function y(k) {
+    function y($) {
       a("change", d.value);
     }
-    function g(k) {
-      a("keydown", k);
+    function g($) {
+      a("keydown", $);
     }
-    function h(k) {
-      a("keyup", k);
+    function h($) {
+      a("keyup", $);
     }
-    function _(k) {
-      L();
+    function _($) {
+      R();
     }
-    function C(k) {
-      (k.code === "Space" || k.code === "Enter") && L();
+    function C($) {
+      ($.code === "Space" || $.code === "Enter") && R();
     }
-    function V() {
-      var k;
-      (k = o.value) == null || k.focus();
+    function P() {
+      var $;
+      ($ = o.value) == null || $.focus();
     }
-    function O() {
-      var k;
-      (k = o.value) == null || k.select();
+    function Y() {
+      var $;
+      ($ = o.value) == null || $.select();
     }
-    function L() {
+    function R() {
       d.value = "", v.value = "", a("update:modelValue", d.value);
     }
-    function D() {
-      const k = re(), { displayText: N } = e;
+    function O() {
+      const $ = se(), { displayText: N } = e;
       if (N !== void 0) {
         let K = d.value;
-        typeof N == "string" && (K = N), N && typeof N == "function" && (K = N.call(k, K)), tt(() => {
+        typeof N == "string" && (K = N), N && typeof N == "function" && (K = N.call($, K)), nt(() => {
           v.value = K;
         });
       }
     }
-    F(
+    j(
       () => e.modelValue,
-      (k) => {
-        d.value = k, v.value = k;
+      ($) => {
+        d.value = $, v.value = $;
       },
       {
         immediate: !0
       }
-    ), F(d, (k) => {
-      l.value ? v.value = k : D();
+    ), j(d, ($) => {
+      l.value ? v.value = $ : O();
     }), n({
-      focus: V,
-      select: O,
-      clear: L,
+      focus: P,
+      select: Y,
+      clear: R,
       inputRef: o
     });
-    function X(k) {
-      a("update:modelValue", k);
+    function X($) {
+      a("update:modelValue", $);
     }
     return H(
       () => {
-        var k;
-        return P(
-          ft,
+        var $;
+        return V(
+          ht,
           {
             class: b.value,
             ref: r,
-            ...ne(e, ft.props),
+            ...ae(e, ht.props),
             modelValue: d.value,
             "onUpdate:modelValue": X,
             onClick: m,
@@ -2249,17 +2249,17 @@ const Nt = "y-field-input", xn = R(
           },
           {
             leading: i.leading ? (...N) => {
-              var fe;
-              const K = [], le = (fe = i.leading) == null ? void 0 : fe.call(i, ...N);
-              if (le)
-                K.push(le);
+              var oe;
+              const K = [], Z = (oe = i.leading) == null ? void 0 : oe.call(i, ...N);
+              if (Z)
+                K.push(Z);
               else
                 return;
               return K;
             } : void 0,
             default: (N) => {
               var K;
-              return P(
+              return V(
                 "div",
                 {
                   class: `${Nt}__field`,
@@ -2267,9 +2267,9 @@ const Nt = "y-field-input", xn = R(
                   ref: "field"
                 },
                 [
-                  e.floating ? r.value && ft.methods.createLabel.call(r.value) : void 0,
+                  e.floating ? r.value && ht.methods.createLabel.call(r.value) : void 0,
                   (K = i.default) == null ? void 0 : K.call(i),
-                  P("input", {
+                  V("input", {
                     ".value": v.value,
                     ".id": N.attrId,
                     "^type": f.value,
@@ -2298,11 +2298,11 @@ const Nt = "y-field-input", xn = R(
             trailing: () => {
               const N = [];
               e.enableClear && d.value && N.push(
-                P(
+                V(
                   "div",
                   { class: "y-input__trailing y-input__trailing--clear" },
                   [
-                    P(
+                    V(
                       "button",
                       {
                         class: `${Nt}__clear`,
@@ -2310,17 +2310,17 @@ const Nt = "y-field-input", xn = R(
                         onKeydown: C,
                         "^tabindex": "2"
                       },
-                      [P(si)]
+                      [V(si)]
                     )
                   ]
                 )
               );
               const K = i.trailing;
               return K && N.push(
-                P("div", { class: "y-input__trailing" }, K())
+                V("div", { class: "y-input__trailing" }, K())
               ), N;
             },
-            label: (k = i.label) == null ? void 0 : k.call(i),
+            label: ($ = i.label) == null ? void 0 : $.call(i),
             "helper-text": i["helper-text"] ? () => {
               var N;
               return (N = i["helper-text"]) == null ? void 0 : N.call(i);
@@ -2332,7 +2332,7 @@ const Nt = "y-field-input", xn = R(
       focused: l
     };
   }
-}), Vo = Y({
+}), Po = D({
   data: () => ({
     attrs_$: {},
     listeners_$: {}
@@ -2355,10 +2355,10 @@ const Nt = "y-field-input", xn = R(
       immediate: !0
     }
   }
-}), la = "y-form", Do = ["form", "div", "section", "article"], Po = Y({
+}), la = "y-form", Vo = ["form", "div", "section", "article"], Do = D({
   name: la,
   inheritAttrs: !1,
-  mixins: [Vo],
+  mixins: [Po],
   provide() {
     return {
       form$: this
@@ -2369,7 +2369,7 @@ const Nt = "y-field-input", xn = R(
       type: String,
       default: "form",
       validator(e) {
-        return Do.includes(e);
+        return Vo.includes(e);
       }
     },
     loading: Boolean
@@ -2406,7 +2406,7 @@ const Nt = "y-field-input", xn = R(
   render() {
     var t, n;
     const { tag: e } = this;
-    return P(
+    return V(
       e,
       {
         class: la,
@@ -2433,7 +2433,7 @@ function Yo(e) {
     })
   };
 }
-const ui = /* @__PURE__ */ Y({
+const ui = /* @__PURE__ */ D({
   name: "YProgressBar",
   props: {
     value: {
@@ -2545,7 +2545,7 @@ const ui = /* @__PURE__ */ Y({
     }, [u("span", null, [t, Tt(" %")])])])])]);
   }
 });
-const Ot = Y({
+const Bt = D({
   name: "y-card",
   props: {
     outline: {
@@ -2556,7 +2556,7 @@ const Ot = Y({
     var t;
     const e = li;
     return Ct(
-      P(
+      V(
         "div",
         {
           class: ["y-card"]
@@ -2566,26 +2566,26 @@ const Ot = Y({
       [[e]]
     );
   }
-}), No = Y({
+}), No = D({
   name: "y-card-body",
   render() {
     var e, t;
-    return P("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return V("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), Mo = Y({
+}), Mo = D({
   name: "y-card-footer",
   render() {
     var e, t;
-    return P("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return V("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), Ro = Y({
+}), Ro = D({
   name: "y-card-header",
   render() {
     var e, t;
-    return P("div", { class: "y-card__header" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return V("div", { class: "y-card__header" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
 });
-const Lo = /* @__PURE__ */ Y({
+const Lo = /* @__PURE__ */ D({
   name: "y-chip",
   props: {
     color: String,
@@ -2649,7 +2649,7 @@ const Lo = /* @__PURE__ */ Y({
   }
 });
 let sa = 0;
-const Fo = /* @__PURE__ */ Y({
+const jo = /* @__PURE__ */ D({
   name: "YSwitch",
   model: {
     prop: "input",
@@ -2837,7 +2837,7 @@ const Fo = /* @__PURE__ */ Y({
     }, null)])])]);
   }
 });
-function jo(e, t, n, a) {
+function Fo(e, t, n, a) {
   function i() {
   }
   return {
@@ -2889,13 +2889,13 @@ function Ko(e, t, n, a) {
   const m = new ResizeObserver(() => {
     b && p();
   });
-  F(
+  j(
     [t.baseEl, t.contentEl],
     ([w, y], [g, h]) => {
       g && m.unobserve(g), w && m.observe(w), h && m.unobserve(h), y && m.observe(y);
     },
     { immediate: !0 }
-  ), vt(() => {
+  ), mt(() => {
     m.disconnect();
   });
   function S(w) {
@@ -2911,27 +2911,27 @@ function Ko(e, t, n, a) {
       return;
     const { viewportMargin: g } = e, h = w.getBoundingClientRect(), _ = S(y), C = mo(y);
     C.length < 1 && C.push(document.documentElement);
-    const V = C.reduce(
-      ($, I) => {
-        const E = I.getBoundingClientRect(), B = new Vt({
+    const P = C.reduce(
+      (k, I) => {
+        const E = I.getBoundingClientRect(), B = new Pt({
           x: I === document.documentElement ? 0 : E.x,
           y: I === document.documentElement ? 0 : E.y,
           width: I.clientWidth,
           height: I.clientHeight
         });
-        return $ ? new Vt({
-          x: Math.max($.left, B.left),
-          y: Math.max($.top, B.top),
-          width: Math.min($.right, B.right) - Math.max($.left, B.left),
-          height: Math.min($.bottom, B.bottom) - Math.max($.top, B.top)
+        return k ? new Pt({
+          x: Math.max(k.left, B.left),
+          y: Math.max(k.top, B.top),
+          width: Math.min(k.right, B.right) - Math.max(k.left, B.left),
+          height: Math.min(k.bottom, B.bottom) - Math.max(k.top, B.top)
         }) : B;
       },
       void 0
     );
-    V.x += g, V.y += g, V.width -= g * 2, V.height -= g * 2;
-    const { preferredAnchor: O, preferredOrigin: L } = go(() => {
-      const $ = `${e.position} ${e.align}`, I = Zn($, !1), E = e.origin === "overlap" ? I : e.origin === "auto" ? Dt(I) : Zn(e.origin, !1);
-      return I.side === E.side && I.align === Pt(E).align ? {
+    P.x += g, P.y += g, P.width -= g * 2, P.height -= g * 2;
+    const { preferredAnchor: Y, preferredOrigin: R } = go(() => {
+      const k = `${e.position} ${e.align}`, I = Zn(k, !1), E = e.origin === "overlap" ? I : e.origin === "auto" ? Vt(I) : Zn(e.origin, !1);
+      return I.side === E.side && I.align === Dt(E).align ? {
         preferredAnchor: Qn(I),
         preferredOrigin: Qn(E)
       } : {
@@ -2939,19 +2939,19 @@ function Ko(e, t, n, a) {
         preferredOrigin: E
       };
     });
-    let D = {
-      anchor: O.value,
-      origin: L.value
+    let O = {
+      anchor: Y.value,
+      origin: R.value
     };
-    function X($) {
-      const I = new Vt(_), E = ua($.anchor, h), B = ua($.origin, I);
-      let { x: M, y: J } = Ho(E, B);
-      switch ($.anchor.side) {
+    function X(k) {
+      const I = new Pt(_), E = ua(k.anchor, h), B = ua(k.origin, I);
+      let { x: M, y: Q } = Ho(E, B);
+      switch (k.anchor.side) {
         case "top":
-          J -= f.value[0];
+          Q -= f.value[0];
           break;
         case "bottom":
-          J += f.value[0];
+          Q += f.value[0];
           break;
         case "left":
           M -= f.value[0];
@@ -2960,12 +2960,12 @@ function Ko(e, t, n, a) {
           M += f.value[0];
           break;
       }
-      switch ($.anchor.align) {
+      switch (k.anchor.align) {
         case "top":
-          J -= f.value[1];
+          Q -= f.value[1];
           break;
         case "bottom":
-          J += f.value[1];
+          Q += f.value[1];
           break;
         case "left":
           M -= f.value[1];
@@ -2974,59 +2974,59 @@ function Ko(e, t, n, a) {
           M += f.value[1];
           break;
       }
-      return I.x += M, I.y += J, I.width = Math.min(I.width, d.value), I.height = Math.min(I.height, v.value), { overflows: Xn(I, V), x: M, y: J };
-    }
-    let k = 0, N = 0;
-    const K = { x: 0, y: 0 }, le = { x: !1, y: !1 };
-    let fe = -1;
-    for (; !(fe++ > 10); ) {
-      const { x: $, y: I, overflows: E } = X(D);
-      k += $, N += I, _.x += $, _.y += I;
+      return I.x += M, I.y += Q, I.width = Math.min(I.width, d.value), I.height = Math.min(I.height, v.value), { overflows: Xn(I, P), x: M, y: Q };
+    }
+    let $ = 0, N = 0;
+    const K = { x: 0, y: 0 }, Z = { x: !1, y: !1 };
+    let oe = -1;
+    for (; !(oe++ > 10); ) {
+      const { x: k, y: I, overflows: E } = X(O);
+      $ += k, N += I, _.x += k, _.y += I;
       {
-        const B = ea(D.anchor), M = E.x.before || E.x.after, J = E.y.before || E.y.after;
-        let se = !1;
-        if (["x", "y"].forEach((Q) => {
-          if (Q === "x" && M && !le.x || Q === "y" && J && !le.y) {
-            const he = {
-              anchor: { ...D.anchor },
-              origin: { ...D.origin }
-            }, Rn = Q === "x" ? B === "y" ? Pt : Dt : B === "y" ? Dt : Pt;
-            he.anchor = Rn(he.anchor), he.origin = Rn(he.origin);
-            const { overflows: at } = X(he);
-            (at[Q].before <= E[Q].before && at[Q].after <= E[Q].after || at[Q].before + at[Q].after < (E[Q].before + E[Q].after) / 2) && (D = he, se = le[Q] = !0);
+        const B = ea(O.anchor), M = E.x.before || E.x.after, Q = E.y.before || E.y.after;
+        let ue = !1;
+        if (["x", "y"].forEach((ee) => {
+          if (ee === "x" && M && !Z.x || ee === "y" && Q && !Z.y) {
+            const ve = {
+              anchor: { ...O.anchor },
+              origin: { ...O.origin }
+            }, Rn = ee === "x" ? B === "y" ? Dt : Vt : B === "y" ? Vt : Dt;
+            ve.anchor = Rn(ve.anchor), ve.origin = Rn(ve.origin);
+            const { overflows: it } = X(ve);
+            (it[ee].before <= E[ee].before && it[ee].after <= E[ee].after || it[ee].before + it[ee].after < (E[ee].before + E[ee].after) / 2) && (O = ve, ue = Z[ee] = !0);
           }
-        }), se)
+        }), ue)
           continue;
       }
-      E.x.before && (k += E.x.before, _.x += E.x.before), E.x.after && (k -= E.x.after, _.x -= E.x.after), E.y.before && (N += E.y.before, _.y += E.y.before), E.y.after && (N -= E.y.after, _.y -= E.y.after);
+      E.x.before && ($ += E.x.before, _.x += E.x.before), E.x.after && ($ -= E.x.after, _.x -= E.x.after), E.y.before && (N += E.y.before, _.y += E.y.before), E.y.after && (N -= E.y.after, _.y -= E.y.after);
       {
-        const B = Xn(_, V);
-        K.x = V.width - B.x.before - B.x.after, K.y = V.height - B.y.before - B.y.after, k += B.x.before, _.x += B.x.before, N += B.y.before, _.y += B.y.before;
+        const B = Xn(_, P);
+        K.x = P.width - B.x.before - B.x.after, K.y = P.height - B.y.before - B.y.after, $ += B.x.before, _.x += B.x.before, N += B.y.before, _.y += B.y.before;
       }
       break;
     }
-    const T = ea(D.anchor);
+    const T = ea(O.anchor);
     return Object.assign(a.value, {
-      "--y-levitation-anchor-origin": `${D.anchor.side} ${D.anchor.align}`,
-      transformOrigin: `${D.origin.side} ${D.origin.align}`,
-      top: G(It(N)),
-      left: l.value ? void 0 : G(It(k)),
-      right: l.value ? G(It(-k)) : void 0,
-      minWidth: G(
+      "--y-levitation-anchor-origin": `${O.anchor.side} ${O.anchor.align}`,
+      transformOrigin: `${O.origin.side} ${O.origin.align}`,
+      top: z(It(N)),
+      left: l.value ? void 0 : z(It($)),
+      right: l.value ? z(It(-$)) : void 0,
+      minWidth: z(
         T === "y" ? Math.min(s.value, h.width) : s.value
       ),
-      maxWidth: G(
+      maxWidth: z(
         qn(
-          je(
+          Fe(
             K.x,
             s.value === 1 / 0 ? 0 : s.value,
             d.value
           )
         )
       ),
-      maxHeight: G(
+      maxHeight: z(
         qn(
-          je(
+          Fe(
             K.y,
             c.value === 1 / 0 ? 0 : c.value,
             v.value
@@ -3038,7 +3038,7 @@ function Ko(e, t, n, a) {
       contentRect: _
     };
   }
-  return F(
+  return j(
     () => [
       e.offset,
       e.minWidth,
@@ -3047,7 +3047,7 @@ function Ko(e, t, n, a) {
       e.maxHeight
     ],
     () => p()
-  ), tt(() => {
+  ), nt(() => {
     const w = p();
     if (!w)
       return;
@@ -3063,8 +3063,8 @@ function Ko(e, t, n, a) {
 }
 const Wo = {
   levitation: Ko,
-  arrangement: jo
-}, _n = R(
+  arrangement: Fo
+}, _n = L(
   {
     coordinateStrategy: {
       type: [String, Function],
@@ -3098,7 +3098,7 @@ function zo(e, t) {
     () => !!(t.active.value && e.coordinateStrategy),
     (o) => {
       var l, s;
-      if (F(() => e.coordinateStrategy, o), vt(() => {
+      if (j(() => e.coordinateStrategy, o), mt(() => {
         n.value = void 0;
       }), typeof e.coordinateStrategy == "function")
         n.value = (l = e.coordinateStrategy(
@@ -3117,7 +3117,7 @@ function zo(e, t) {
         )) == null ? void 0 : s.updateCoordinate;
       }
     }
-  ), window.addEventListener("resize", r, { passive: !0 }), vt(() => {
+  ), window.addEventListener("resize", r, { passive: !0 }), mt(() => {
     window.removeEventListener("resize", r), n.value = void 0;
   });
   function r(o) {
@@ -3137,25 +3137,25 @@ const Uo = {
   minHeight: [Number, String],
   height: [Number, String],
   maxHeight: [Number, String]
-}, Go = R(
+}, Go = L(
   Uo,
   "dimension"
 );
 function qo(e) {
   return {
     dimensionStyles: x(() => ({
-      minWidth: G(e.minWidth),
-      width: G(e.width),
-      maxWidth: G(e.maxWidth),
-      minHeight: G(e.minHeight),
-      height: G(e.height),
-      maxHeight: G(e.maxHeight)
+      minWidth: z(e.minWidth),
+      width: z(e.width),
+      maxWidth: z(e.maxWidth),
+      minHeight: z(e.minHeight),
+      height: z(e.height),
+      maxHeight: z(e.maxHeight)
     }))
   };
 }
 const ca = "y-layer-group";
 function Xo(e) {
-  const t = re();
+  const t = se();
   return { layerGroup: x(() => {
     var l;
     const a = e == null ? void 0 : e.value;
@@ -3174,7 +3174,7 @@ function Zo(e, t) {
   const n = A(!1), a = A();
   a.value = t.value;
   const i = x(() => e.value ? t.value : a.value);
-  F(t, () => {
+  j(t, () => {
     n.value || (a.value = t.value), e.value || (n.value = !0);
   });
   function r() {
@@ -3235,7 +3235,7 @@ function Qo(e) {
 }
 const da = (e, { slots: t }) => {
   const { is: n, transitionProps: a, ...i } = e, { component: r = cn, ...o } = typeof n == "object" ? { component: n, ...a } : { name: n };
-  return P(r, { ...o, ...a, ...i }, t);
+  return V(r, { ...o, ...a, ...i }, t);
 };
 function el() {
   return !0;
@@ -3297,7 +3297,7 @@ const nl = {
     }), delete e._complementClick[n];
   }
 };
-const Tn = R({
+const Tn = L({
   modelValue: {
     type: Boolean
   },
@@ -3342,7 +3342,7 @@ const Tn = R({
   ...Cn,
   ..._n(),
   ...Go()
-}, "YLayer"), xe = /* @__PURE__ */ Y({
+}, "YLayer"), _e = /* @__PURE__ */ D({
   name: "YLayer",
   inheritAttrs: !1,
   components: {
@@ -3367,7 +3367,7 @@ const Tn = R({
   }) {
     const r = A(), o = A(), l = A(), s = A(), c = A(), {
       themeClasses: d
-    } = Bt(e), {
+    } = Ot(e), {
       layerGroup: v
     } = Xo(), {
       polyTransitionBindProps: f
@@ -3378,10 +3378,10 @@ const Tn = R({
       set: (E) => {
         t("update:modelValue", E);
       }
-    }), S = Pe(!1), p = de(e, "disabled"), {
+    }), S = De(!1), p = fe(e, "disabled"), {
       lazyValue: w,
       onAfterUpdate: y
-    } = Zo(de(e, "eager"), m), g = x(() => !p.value && (w.value || m.value)), {
+    } = Zo(fe(e, "eager"), m), g = x(() => !p.value && (w.value || m.value)), {
       coordinate: h,
       coordinateStyles: _,
       updateCoordinate: C
@@ -3390,24 +3390,24 @@ const Tn = R({
       baseEl: c,
       active: m
     });
-    function V(E) {
+    function P(E) {
       t("click:complement", E), e.modal || o.value !== null && o.value === E.target && e.closeClickScrim && (m.value = !1);
     }
-    function O() {
+    function Y() {
       return (!e.openOnHover || e.openOnHover && !T.value) && m.value;
     }
-    const L = et({
-      handler: V,
-      determine: O,
+    const R = tt({
+      handler: P,
+      determine: Y,
       include: () => [c.value]
     });
-    function D() {
+    function O() {
       S.value = !0;
     }
     function X() {
       y(), S.value = !1, t("afterLeave");
     }
-    function k() {
+    function $() {
       e.closeClickScrim && (m.value = !1);
     }
     const N = x(() => {
@@ -3425,7 +3425,7 @@ const Tn = R({
     });
     const K = x(() => ({
       zIndex: "2000"
-    })), le = x(() => {
+    })), Z = x(() => {
       const {
         classes: E
       } = e;
@@ -3433,10 +3433,10 @@ const Tn = R({
         ...ke(E),
         "y-layer--active": !!m.value
       };
-    }), fe = x(() => ({
+    }), oe = x(() => ({
       ...ke(e.contentClasses)
     })), T = A(!1);
-    function $(E) {
+    function k(E) {
       T.value = !0;
     }
     function I(E) {
@@ -3471,10 +3471,10 @@ const Tn = R({
           class: {
             "y-layer": !0,
             "y-layer--finish": S.value,
-            ...le.value,
+            ...Z.value,
             [d.value ?? ""]: !0
           },
-          onMouseenter: $,
+          onMouseenter: k,
           onMouseleave: I,
           style: K.value
         }, a), [u(cn, {
@@ -3483,11 +3483,11 @@ const Tn = R({
         }, {
           default: () => [m.value && e.scrim && u("div", {
             class: "y-layer__scrim",
-            onClick: k,
+            onClick: $,
             ref: "scrim$"
           }, null)]
         }), u(da, q({
-          onAfterEnter: D,
+          onAfterEnter: O,
           onAfterLeave: X,
           appear: !0
         }, f.value), {
@@ -3496,7 +3496,7 @@ const Tn = R({
             return [Ct(u("div", {
               class: {
                 "y-layer__content": !0,
-                ...fe.value
+                ...oe.value
               },
               style: [{
                 ...b.value,
@@ -3507,13 +3507,13 @@ const Tn = R({
             }, [(M = i.default) == null ? void 0 : M.call(i, {
               active: m.value
             })]), [[cr, m.value], [sn("complement-click"), {
-              ...L
+              ...R
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: L,
+      complementClickOption: R,
       layerGroup: v,
       active: m,
       rendered: g,
@@ -3527,11 +3527,11 @@ const Tn = R({
     };
   }
 });
-const al = /* @__PURE__ */ Y({
+const al = /* @__PURE__ */ D({
   name: "YDialog",
   components: {
-    YLayer: xe,
-    YCard: Ot
+    YLayer: _e,
+    YCard: Bt
   },
   props: {
     modelValue: {
@@ -3550,7 +3550,7 @@ const al = /* @__PURE__ */ Y({
     emit: t,
     slots: n
   }) {
-    const a = Z(e), i = x(() => ({
+    const a = J(e), i = x(() => ({
       ...ke(e.dialogClasses),
       "y-dialog": !0
     })), r = A();
@@ -3575,16 +3575,16 @@ const al = /* @__PURE__ */ Y({
       const v = a.value;
       e.disabled || (a.value = !v);
     }
-    return F(() => {
+    return j(() => {
       var d;
       return (d = r.value) == null ? void 0 : d.baseEl;
     }, (d, v) => {
       d ? d.addEventListener("click", c) : v && v.removeEventListener("click", c);
-    }), F(() => a.value, (d) => {
+    }), j(() => a.value, (d) => {
       d ? l() : s();
     }, {
       immediate: !0
-    }), H(() => u(W, null, [u(xe, {
+    }), H(() => u(W, null, [u(_e, {
       modelValue: a.value,
       "onUpdate:modelValue": (d) => a.value = d,
       scrim: !0,
@@ -3607,21 +3607,21 @@ const al = /* @__PURE__ */ Y({
 function il(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
-const fi = (e, t, n) => Math.min(Math.max(n, e), t), te = {
+const fi = (e, t, n) => Math.min(Math.max(n, e), t), ne = {
   duration: 0.3,
   delay: 0,
   endDelay: 0,
   repeat: 0,
   easing: "ease"
-}, bt = (e) => typeof e == "number", Ve = (e) => Array.isArray(e) && !bt(e[0]), rl = (e, t, n) => {
+}, wt = (e) => typeof e == "number", Pe = (e) => Array.isArray(e) && !wt(e[0]), rl = (e, t, n) => {
   const a = t - e;
   return ((n - e) % a + a) % a + e;
 };
 function ol(e, t) {
-  return Ve(e) ? e[rl(0, e.length, t)] : e;
+  return Pe(e) ? e[rl(0, e.length, t)] : e;
 }
 const hi = (e, t, n) => -n * e + n * t + e, vi = () => {
-}, pe = (e) => e, En = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
+}, be = (e) => e, En = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
 function mi(e, t) {
   const n = e[e.length - 1];
   for (let a = 1; a <= t; a++) {
@@ -3633,7 +3633,7 @@ function ll(e) {
   const t = [0];
   return mi(t, e - 1), t;
 }
-function sl(e, t = ll(e.length), n = pe) {
+function sl(e, t = ll(e.length), n = be) {
   const a = e.length, i = a - t.length;
   return i > 0 && mi(t, i), (r) => {
     let o = 0;
@@ -3643,7 +3643,7 @@ function sl(e, t = ll(e.length), n = pe) {
     return l = ol(n, o)(l), hi(e[o], e[o + 1], l);
   };
 }
-const yi = (e) => Array.isArray(e) && bt(e[0]), qt = (e) => typeof e == "object" && !!e.createAnimation, Ye = (e) => typeof e == "function", ul = (e) => typeof e == "string", We = {
+const yi = (e) => Array.isArray(e) && wt(e[0]), qt = (e) => typeof e == "object" && !!e.createAnimation, Ye = (e) => typeof e == "function", ul = (e) => typeof e == "string", We = {
   ms: (e) => e * 1e3,
   s: (e) => e / 1e3
 }, gi = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, cl = 1e-7, dl = 12;
@@ -3654,9 +3654,9 @@ function fl(e, t, n, a, i) {
   while (Math.abs(r) > cl && ++l < dl);
   return o;
 }
-function Fe(e, t, n, a) {
+function je(e, t, n, a) {
   if (e === t && n === a)
-    return pe;
+    return be;
   const i = (r) => fl(r, 0, 1, e, n);
   return (r) => r === 0 || r === 1 ? r : gi(i(r), t, a);
 }
@@ -3665,16 +3665,16 @@ const hl = (e, t = "end") => (n) => {
   const a = n * e, i = t === "end" ? Math.floor(a) : Math.ceil(a);
   return fi(0, 1, i / e);
 }, ha = {
-  ease: Fe(0.25, 0.1, 0.25, 1),
-  "ease-in": Fe(0.42, 0, 1, 1),
-  "ease-in-out": Fe(0.42, 0, 0.58, 1),
-  "ease-out": Fe(0, 0, 0.58, 1)
+  ease: je(0.25, 0.1, 0.25, 1),
+  "ease-in": je(0.42, 0, 1, 1),
+  "ease-in-out": je(0.42, 0, 0.58, 1),
+  "ease-out": je(0, 0, 0.58, 1)
 }, vl = /\((.*?)\)/;
 function va(e) {
   if (Ye(e))
     return e;
   if (yi(e))
-    return Fe(...e);
+    return je(...e);
   if (ha[e])
     return ha[e];
   if (e.startsWith("steps")) {
@@ -3684,18 +3684,18 @@ function va(e) {
       return hl(parseFloat(n[0]), n[1].trim());
     }
   }
-  return pe;
+  return be;
 }
 class pi {
-  constructor(t, n = [0, 1], { easing: a, duration: i = te.duration, delay: r = te.delay, endDelay: o = te.endDelay, repeat: l = te.repeat, offset: s, direction: c = "normal" } = {}) {
-    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = pe, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((v, f) => {
+  constructor(t, n = [0, 1], { easing: a, duration: i = ne.duration, delay: r = ne.delay, endDelay: o = ne.endDelay, repeat: l = ne.repeat, offset: s, direction: c = "normal" } = {}) {
+    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = be, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((v, f) => {
       this.resolve = v, this.reject = f;
-    }), a = a || te.easing, qt(a)) {
+    }), a = a || ne.easing, qt(a)) {
       const v = a.createAnimation(n);
       a = v.easing, n = v.keyframes || n, i = v.duration || i;
     }
-    this.repeat = l, this.easing = Ve(a) ? pe : va(a), this.updateDuration(i);
-    const d = sl(n, s, Ve(a) ? a.map(va) : pe);
+    this.repeat = l, this.easing = Pe(a) ? be : va(a), this.updateDuration(i);
+    const d = sl(n, s, Pe(a) ? a.map(va) : be);
     this.tick = (v) => {
       var f;
       r = r;
@@ -3773,7 +3773,7 @@ function bi(e) {
 function yl(e, t) {
   return e.has(t) || e.set(t, new ml()), e.get(t);
 }
-const gl = ["", "X", "Y", "Z"], pl = ["translate", "scale", "rotate", "skew"], wt = {
+const gl = ["", "X", "Y", "Z"], pl = ["translate", "scale", "rotate", "skew"], St = {
   x: "translateX",
   y: "translateY",
   z: "translateZ"
@@ -3791,17 +3791,17 @@ const gl = ["", "X", "Y", "Z"], pl = ["translate", "scale", "rotate", "skew"], w
   scale: {
     syntax: "<number>",
     initialValue: 1,
-    toDefaultUnit: pe
+    toDefaultUnit: be
   },
   skew: ma
-}, Qe = /* @__PURE__ */ new Map(), kn = (e) => `--motion-${e}`, St = ["x", "y", "z"];
+}, Qe = /* @__PURE__ */ new Map(), kn = (e) => `--motion-${e}`, xt = ["x", "y", "z"];
 pl.forEach((e) => {
   gl.forEach((t) => {
-    St.push(e + t), Qe.set(kn(e + t), bl[e]);
+    xt.push(e + t), Qe.set(kn(e + t), bl[e]);
   });
 });
-const wl = (e, t) => St.indexOf(e) - St.indexOf(t), Sl = new Set(St), wi = (e) => Sl.has(e), xl = (e, t) => {
-  wt[t] && (t = wt[t]);
+const wl = (e, t) => xt.indexOf(e) - xt.indexOf(t), Sl = new Set(xt), wi = (e) => Sl.has(e), xl = (e, t) => {
+  St[t] && (t = St[t]);
   const { transforms: n } = bi(e);
   il(n, t), e.style.transform = _l(n);
 }, _l = (e) => e.sort(wl).reduce(Cl, "").trim(), Cl = (e, t) => `${e} ${t}(var(${kn(t)}))`, Zt = (e) => e.startsWith("--"), ya = /* @__PURE__ */ new Set();
@@ -3840,26 +3840,26 @@ const Lt = (e, t) => document.createElement("div").animate(e, t), ga = {
     }
     return !0;
   }
-}, Ft = {}, Oe = {};
+}, jt = {}, Be = {};
 for (const e in ga)
-  Oe[e] = () => (Ft[e] === void 0 && (Ft[e] = ga[e]()), Ft[e]);
+  Be[e] = () => (jt[e] === void 0 && (jt[e] = ga[e]()), jt[e]);
 const El = 0.015, kl = (e, t) => {
   let n = "";
   const a = Math.round(t / El);
   for (let i = 0; i < a; i++)
     n += e(En(0, a - 1, i)) + ", ";
   return n.substring(0, n.length - 2);
-}, pa = (e, t) => Ye(e) ? Oe.linearEasing() ? `linear(${kl(e, t)})` : te.easing : yi(e) ? $l(e) : e, $l = ([e, t, n, a]) => `cubic-bezier(${e}, ${t}, ${n}, ${a})`;
+}, pa = (e, t) => Ye(e) ? Be.linearEasing() ? `linear(${kl(e, t)})` : ne.easing : yi(e) ? $l(e) : e, $l = ([e, t, n, a]) => `cubic-bezier(${e}, ${t}, ${n}, ${a})`;
 function Al(e, t) {
   for (let n = 0; n < e.length; n++)
     e[n] === null && (e[n] = n ? e[n - 1] : t());
   return e;
 }
-const Bl = (e) => Array.isArray(e) ? e : [e];
+const Ol = (e) => Array.isArray(e) ? e : [e];
 function Jt(e) {
-  return wt[e] && (e = wt[e]), wi(e) ? kn(e) : e;
+  return St[e] && (e = St[e]), wi(e) ? kn(e) : e;
 }
-const ct = {
+const dt = {
   get: (e, t) => {
     t = Jt(t);
     let n = Zt(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
@@ -3880,9 +3880,9 @@ function Si(e, t = !0) {
     } catch {
     }
 }
-function Ol(e, t) {
+function Bl(e, t) {
   var n;
-  let a = (t == null ? void 0 : t.toDefaultUnit) || pe;
+  let a = (t == null ? void 0 : t.toDefaultUnit) || be;
   const i = e[e.length - 1];
   if (ul(i)) {
     const r = ((n = i.match(/(-?[\d.]+)([a-z%]*)/)) === null || n === void 0 ? void 0 : n[2]) || "";
@@ -3893,58 +3893,58 @@ function Ol(e, t) {
 function Il() {
   return window.__MOTION_DEV_TOOLS_RECORD;
 }
-function Vl(e, t, n, a = {}, i) {
+function Pl(e, t, n, a = {}, i) {
   const r = Il(), o = a.record !== !1 && r;
-  let l, { duration: s = te.duration, delay: c = te.delay, endDelay: d = te.endDelay, repeat: v = te.repeat, easing: f = te.easing, persist: b = !1, direction: m, offset: S, allowWebkitAcceleration: p = !1 } = a;
+  let l, { duration: s = ne.duration, delay: c = ne.delay, endDelay: d = ne.endDelay, repeat: v = ne.repeat, easing: f = ne.easing, persist: b = !1, direction: m, offset: S, allowWebkitAcceleration: p = !1 } = a;
   const w = bi(e), y = wi(t);
-  let g = Oe.waapi();
+  let g = Be.waapi();
   y && xl(e, t);
   const h = Jt(t), _ = yl(w.values, h), C = Qe.get(h);
   return Si(_.animation, !(qt(f) && _.generator) && a.record !== !1), () => {
-    const V = () => {
-      var D, X;
-      return (X = (D = ct.get(e, h)) !== null && D !== void 0 ? D : C == null ? void 0 : C.initialValue) !== null && X !== void 0 ? X : 0;
+    const P = () => {
+      var O, X;
+      return (X = (O = dt.get(e, h)) !== null && O !== void 0 ? O : C == null ? void 0 : C.initialValue) !== null && X !== void 0 ? X : 0;
     };
-    let O = Al(Bl(n), V);
-    const L = Ol(O, C);
+    let Y = Al(Ol(n), P);
+    const R = Bl(Y, C);
     if (qt(f)) {
-      const D = f.createAnimation(O, t !== "opacity", V, h, _);
-      f = D.easing, O = D.keyframes || O, s = D.duration || s;
+      const O = f.createAnimation(Y, t !== "opacity", P, h, _);
+      f = O.easing, Y = O.keyframes || Y, s = O.duration || s;
     }
-    if (Zt(h) && (Oe.cssRegisterProperty() ? Tl(h) : g = !1), y && !Oe.linearEasing() && (Ye(f) || Ve(f) && f.some(Ye)) && (g = !1), g) {
-      C && (O = O.map((k) => bt(k) ? C.toDefaultUnit(k) : k)), O.length === 1 && (!Oe.partialKeyframes() || o) && O.unshift(V());
-      const D = {
+    if (Zt(h) && (Be.cssRegisterProperty() ? Tl(h) : g = !1), y && !Be.linearEasing() && (Ye(f) || Pe(f) && f.some(Ye)) && (g = !1), g) {
+      C && (Y = Y.map(($) => wt($) ? C.toDefaultUnit($) : $)), Y.length === 1 && (!Be.partialKeyframes() || o) && Y.unshift(P());
+      const O = {
         delay: We.ms(c),
         duration: We.ms(s),
         endDelay: We.ms(d),
-        easing: Ve(f) ? void 0 : pa(f, s),
+        easing: Pe(f) ? void 0 : pa(f, s),
         direction: m,
         iterations: v + 1,
         fill: "both"
       };
       l = e.animate({
-        [h]: O,
+        [h]: Y,
         offset: S,
-        easing: Ve(f) ? f.map((k) => pa(k, s)) : void 0
-      }, D), l.finished || (l.finished = new Promise((k, N) => {
-        l.onfinish = k, l.oncancel = N;
+        easing: Pe(f) ? f.map(($) => pa($, s)) : void 0
+      }, O), l.finished || (l.finished = new Promise(($, N) => {
+        l.onfinish = $, l.oncancel = N;
       }));
-      const X = O[O.length - 1];
+      const X = Y[Y.length - 1];
       l.finished.then(() => {
-        b || (ct.set(e, h, X), l.cancel());
+        b || (dt.set(e, h, X), l.cancel());
       }).catch(vi), p || (l.playbackRate = 1.000001);
     } else if (i && y)
-      O = O.map((D) => typeof D == "string" ? parseFloat(D) : D), O.length === 1 && O.unshift(parseFloat(V())), l = new i((D) => {
-        ct.set(e, h, L ? L(D) : D);
-      }, O, Object.assign(Object.assign({}, a), {
+      Y = Y.map((O) => typeof O == "string" ? parseFloat(O) : O), Y.length === 1 && Y.unshift(parseFloat(P())), l = new i((O) => {
+        dt.set(e, h, R ? R(O) : O);
+      }, Y, Object.assign(Object.assign({}, a), {
         duration: s,
         easing: f
       }));
     else {
-      const D = O[O.length - 1];
-      ct.set(e, h, C && bt(D) ? C.toDefaultUnit(D) : D);
+      const O = Y[Y.length - 1];
+      dt.set(e, h, C && wt(O) ? C.toDefaultUnit(O) : O);
     }
-    return o && r(e, t, O, {
+    return o && r(e, t, Y, {
       duration: s,
       delay: c,
       easing: f,
@@ -3953,7 +3953,7 @@ function Vl(e, t, n, a = {}, i) {
     }, "motion-one"), _.setAnimation(l), l;
   };
 }
-const Dl = (e, t) => (
+const Vl = (e, t) => (
   /**
    * TODO: Make test for this
    * Always return a new object otherwise delay is overwritten by results of stagger
@@ -3961,11 +3961,11 @@ const Dl = (e, t) => (
    */
   e[t] ? Object.assign(Object.assign({}, e), e[t]) : Object.assign({}, e)
 );
-function Pl(e, t) {
+function Dl(e, t) {
   var n;
   return typeof e == "string" ? t ? ((n = t[e]) !== null && n !== void 0 || (t[e] = document.querySelectorAll(e)), e = t[e]) : e = document.querySelectorAll(e) : e instanceof Element && (e = [e]), Array.from(e || []);
 }
-const Yl = (e) => e(), xi = (e, t, n = te.duration) => new Proxy({
+const Yl = (e) => e(), xi = (e, t, n = ne.duration) => new Proxy({
   animations: e.map(Yl).filter(Boolean),
   duration: n,
   options: t
@@ -4010,18 +4010,18 @@ const Yl = (e) => e(), xi = (e, t, n = te.duration) => new Proxy({
 function Ll(e, t, n) {
   return Ye(e) ? e(t, n) : e;
 }
-function Fl(e) {
+function jl(e) {
   return function(n, a, i = {}) {
-    n = Pl(n);
+    n = Dl(n);
     const r = n.length;
     Xt(!!r, "No valid element provided."), Xt(!!a, "No keyframes defined.");
     const o = [];
     for (let l = 0; l < r; l++) {
       const s = n[l];
       for (const c in a) {
-        const d = Dl(i, c);
+        const d = Vl(i, c);
         d.delay = Ll(d.delay, l, r);
-        const v = Vl(s, c, a[c], d, e);
+        const v = Pl(s, c, a[c], d, e);
         o.push(v);
       }
     }
@@ -4041,7 +4041,7 @@ function Fl(e) {
     );
   };
 }
-const jl = Fl(pi);
+const Fl = jl(pi);
 function Hl(e, t = {}) {
   return xi([
     () => {
@@ -4052,9 +4052,9 @@ function Hl(e, t = {}) {
   ], t, t.duration);
 }
 function Kl(e, t, n) {
-  return (Ye(e) ? Hl : jl)(e, t, n);
+  return (Ye(e) ? Hl : Fl)(e, t, n);
 }
-const Ne = /* @__PURE__ */ Y({
+const Ne = /* @__PURE__ */ D({
   name: "YPlate",
   props: {
     variation: Object
@@ -4086,11 +4086,11 @@ const ba = {
       e.removeAttribute("data-transform"), e.removeAttribute("data-motion"), t();
     }));
   }
-}, Wl = /* @__PURE__ */ Y({
+}, Wl = /* @__PURE__ */ D({
   name: "YSnackbar",
   components: {
     YPlate: Ne,
-    YLayer: xe
+    YLayer: _e
   },
   emits: ["update:modelValue", "click"],
   props: {
@@ -4125,7 +4125,7 @@ const ba = {
     emit: t,
     slots: n
   }) {
-    const a = Z(e), i = A(!1), r = x(() => ({
+    const a = J(e), i = A(!1), r = x(() => ({
       "y-snackbar": !0
     })), o = x(() => ({
       ...ke(e.contentClasses),
@@ -4152,9 +4152,9 @@ const ba = {
     function f() {
       e.duration > 0 && c();
     }
-    F(i, (S) => {
+    j(i, (S) => {
       S ? d() : f();
-    }), F(a, (S) => {
+    }), j(a, (S) => {
       S ? f() : v();
     }, {
       immediate: !0
@@ -4171,7 +4171,7 @@ const ba = {
         ...S
       }) : e.transition;
     });
-    return H(() => u(xe, {
+    return H(() => u(_e, {
       modelValue: a.value,
       "onUpdate:modelValue": (S) => a.value = S,
       classes: r.value,
@@ -4231,7 +4231,7 @@ const zl = {
     type: Boolean,
     default: !0
   }
-}, Ul = /* @__PURE__ */ Y({
+}, Ul = /* @__PURE__ */ D({
   name: _i,
   props: {
     ...zl,
@@ -4249,7 +4249,7 @@ const zl = {
     const i = A(), r = A(), o = A(), l = A(), s = A(), c = x(() => ({
       ...ke(e.tooltipClasses),
       "y-tooltip": !0
-    })), d = Z(e), v = x({
+    })), d = J(e), v = x({
       get: () => !!d.value,
       set: (y) => {
         y && e.disabled || (d.value = y);
@@ -4261,10 +4261,10 @@ const zl = {
           position: g,
           align: h
         } = e, _ = s.value, C = y.getBoundingClientRect();
-        let V = C.top, O = C.left + C.width / 2;
-        return _ && (g === "top" || g === "bottom") && (g === "top" && (V -= _.clientHeight, V -= 8), g === "bottom" && (V += C.height, V += 8), h === "center" ? O -= _.clientWidth / 2 : h === "end" && (O = C.right, O -= _.clientWidth)), {
-          top: `${V}px`,
-          left: `${O}px`
+        let P = C.top, Y = C.left + C.width / 2;
+        return _ && (g === "top" || g === "bottom") && (g === "top" && (P -= _.clientHeight, P -= 8), g === "bottom" && (P += C.height, P += 8), h === "center" ? Y -= _.clientWidth / 2 : h === "end" && (Y = C.right, Y -= _.clientWidth)), {
+          top: `${P}px`,
+          left: `${Y}px`
         };
       }
       return {};
@@ -4280,8 +4280,8 @@ const zl = {
       }
       const y = r.value;
       l.value = (h = r.value) != null && h.$el ? (_ = r.value) == null ? void 0 : _.$el : y;
-    }), F(v, (y) => {
-      y && tt(() => {
+    }), j(v, (y) => {
+      y && nt(() => {
         var h;
         const g = (h = i.value) == null ? void 0 : h.content$;
         s.value = g;
@@ -4299,7 +4299,7 @@ const zl = {
     function w(y) {
       y.removeEventListener("mouseenter", m), y.removeEventListener("mouseleave", S);
     }
-    return F(l, (y, g) => {
+    return j(l, (y, g) => {
       y ? p(y) : g && w(g);
     }), H(() => {
       var g;
@@ -4309,7 +4309,7 @@ const zl = {
           ref: r
         })
       });
-      return o.value = y, u(W, null, [y, u(xe, {
+      return o.value = y, u(W, null, [y, u(_e, {
         modelValue: v.value,
         "onUpdate:modelValue": (h) => v.value = h,
         ref: i,
@@ -4388,7 +4388,7 @@ function Ci(e = !1) {
       }
     };
   }
-  return Y({
+  return D({
     name: n,
     props: {
       disabled: {
@@ -4397,7 +4397,7 @@ function Ci(e = !1) {
       }
     },
     setup(o, { slots: l }) {
-      return () => P(
+      return () => V(
         cn,
         { name: o.disabled ? "" : n, css: !o.disabled, ...o.disabled ? {} : r() },
         l.default
@@ -4406,12 +4406,12 @@ function Ci(e = !1) {
   });
 }
 const Ti = Ci(!1), Gl = Ci(!0);
-const ql = /* @__PURE__ */ Y({
+const ql = /* @__PURE__ */ D({
   setup(e, {
     slots: t
   }) {
     const n = A(50), a = A(!1), i = A(), r = A(!1), o = A();
-    F(i, (m) => {
+    j(i, (m) => {
       r.value = !!m;
     });
     const l = x(() => {
@@ -4470,7 +4470,7 @@ const ql = /* @__PURE__ */ Y({
       activeSecondary: r
     };
   }
-}), $n = R(
+}), $n = L(
   {
     items: {
       type: Array,
@@ -4490,7 +4490,7 @@ const ql = /* @__PURE__ */ Y({
     }
   },
   "abstract.items"
-), xt = /* @__PURE__ */ Y({
+), _t = /* @__PURE__ */ D({
   name: "YIconExpand",
   setup() {
     return () => u("svg", {
@@ -4507,7 +4507,7 @@ const ql = /* @__PURE__ */ Y({
     }, null)]);
   }
 });
-const be = /* @__PURE__ */ Y({
+const we = /* @__PURE__ */ D({
   name: "YIconCheckbox",
   props: {
     checked: Boolean,
@@ -4534,12 +4534,12 @@ const be = /* @__PURE__ */ Y({
       d: this.indeterminate ? "M5.73,11.91 11.1,11.91 17.79,11.91" : "M5.73,11.91 11.1,16.28 17.79,7.59"
     }, null)]);
   }
-}), ht = {
+}), vt = {
   next: "m12.18 23.585 7.6399-7.5489-7.4693-7.622",
   prev: "m19.82 23.585-7.6399-7.5489 7.4693-7.622",
   last: "m10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659",
   first: "m21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659"
-}, Ie = /* @__PURE__ */ Y({
+}, Ie = /* @__PURE__ */ D({
   name: "YIconPageControl",
   props: {
     type: {
@@ -4553,7 +4553,7 @@ const be = /* @__PURE__ */ Y({
       viewBox: "0 0 32 32",
       xmlns: "http://www.w3.org/2000/svg"
     }, [u("path", {
-      d: this.$props.type in ht ? ht[this.$props.type] : ht.next,
+      d: this.$props.type in vt ? vt[this.$props.type] : vt.next,
       fill: "none",
       stroke: "currentColor",
       "stroke-linecap": "round",
@@ -4562,7 +4562,7 @@ const be = /* @__PURE__ */ Y({
     }, null)]);
   }
 });
-const Ei = /* @__PURE__ */ Y({
+const Ei = /* @__PURE__ */ D({
   name: "YIconSort",
   props: {
     direction: {
@@ -4603,7 +4603,7 @@ const Ei = /* @__PURE__ */ Y({
     }, null)]);
   }
 });
-const Xl = Y({
+const Xl = D({
   name: "YTextHighlighter",
   props: {
     text: {
@@ -4643,7 +4643,7 @@ const Xl = Y({
   },
   methods: {
     createItem(e) {
-      return P(
+      return V(
         "span",
         {
           staticClass: "y-text-highlighter__item"
@@ -4652,7 +4652,7 @@ const Xl = Y({
       );
     },
     createHighlightKeywordItem(e) {
-      return P(
+      return V(
         "span",
         {
           staticClass: "y-text-highlighter__item",
@@ -4670,9 +4670,9 @@ const Xl = Y({
   },
   render() {
     const e = this.createSplitTexts();
-    return P("span", { staticClass: "y-text-highlighter" }, e);
+    return V("span", { staticClass: "y-text-highlighter" }, e);
   }
-}), An = R(
+}), An = L(
   {
     search: String,
     disableTransition: Boolean,
@@ -4689,13 +4689,13 @@ const Xl = Y({
     })
   },
   "YTreeViewNode"
-), Bn = Y({
+), On = D({
   name: "YTreeNode",
   components: {
-    YButton: ee,
-    YIconExpand: xt,
+    YButton: te,
+    YIconExpand: _t,
     YPlate: Ne,
-    YIconCheckbox: be
+    YIconCheckbox: we
   },
   props: {
     item: {
@@ -4708,7 +4708,7 @@ const Xl = Y({
     ...An()
   },
   setup(e, { slots: t, expose: n }) {
-    const a = _e("tree-view"), i = A(!1), r = A(!1), o = A(!1), l = A(!1);
+    const a = he("tree-view"), i = A(!1), r = A(!1), o = A(!1), l = A(!1);
     function s(g) {
       const h = !r.value;
       r.value = h, a.updateActive(y.value, h, g), a.emitActive();
@@ -4733,29 +4733,29 @@ const Xl = Y({
       "y-tree-view-node--active": r.value
     })), m = x(() => ({
       "--tree-view-node--level": e.level
-    })), S = x(() => U(e.item, e.itemText) ?? ""), p = x(() => ({
+    })), S = x(() => G(e.item, e.itemText) ?? ""), p = x(() => ({
       level: e.level,
       imLeaf: f.value
     })), w = x(() => a.searchLoading.value);
     H(() => {
       var _;
       const g = v.value.filter((C) => !a.isExcluded(
-        U(C, e.itemKey)
-      )).map((C) => P(
-        Bn,
+        G(C, e.itemKey)
+      )).map((C) => V(
+        On,
         {
           ...e,
           level: (e.level ?? 0) + 1,
           item: C,
-          key: U(C, e.itemKey)
+          key: G(C, e.itemKey)
         },
         t
       )), h = [];
       for (let C = 0; C < e.level; C += 1)
         h.push(
-          P("div", { class: "y-tree-view-node__indent-spacer" })
+          V("div", { class: "y-tree-view-node__indent-spacer" })
         );
-      return P(
+      return V(
         "div",
         {
           class: b.value,
@@ -4764,55 +4764,55 @@ const Xl = Y({
           "data-level": e.level
         },
         [
-          P(
+          V(
             "div",
             {
               class: "y-tree-view-node__container",
               onClick: (C) => e.enableActive ? s(C) : void 0
             },
             [
-              P(Ne),
-              P("div", { class: "y-tree-view-node__indents" }, h),
+              V(Ne),
+              V("div", { class: "y-tree-view-node__indents" }, h),
               /* EXPAND */
-              !f.value && g.length > 0 ? P(
-                ee,
+              !f.value && g.length > 0 ? V(
+                te,
                 {
                   class: "y-tree-view-node__expand-icon",
                   variation: "icon",
                   onClick: (C) => c(C)
                 },
                 () => [
-                  t["expand-icon"] ? t["expand-icon"]() : P(xt)
+                  t["expand-icon"] ? t["expand-icon"]() : V(_t)
                 ]
-              ) : P("i", { class: "y-tree-view-node__no-expand-icon" }),
-              e.enableSelect && P(
+              ) : V("i", { class: "y-tree-view-node__no-expand-icon" }),
+              e.enableSelect && V(
                 "div",
                 {
                   class: ["y-tree-view-node__select"],
                   onClick: (C) => d(C)
                 },
-                [P(be, { checked: o.value })]
+                [V(we, { checked: o.value })]
               ),
               /* CONTENT */
-              P("div", { class: "y-tree-view-node__content" }, [
-                t.leading && P(
+              V("div", { class: "y-tree-view-node__content" }, [
+                t.leading && V(
                   "div",
                   { class: "y-tree-view-node__leading" },
                   t.leading(p.value)
                 ),
-                P(
+                V(
                   "div",
                   { class: "y-tree-view-node__text" },
                   t.default ? (_ = t.default) == null ? void 0 : _.call(t, {
                     text: S.value,
                     item: e.item,
                     ...p.value
-                  }) : e.search && !w.value ? P(Xl, {
+                  }) : e.search && !w.value ? V(Xl, {
                     text: S.value,
                     keyword: e.search
                   }) : S.value
                 ),
-                t.trailing && P(
+                t.trailing && V(
                   "div",
                   { class: "y-tree-view-node__trailing" },
                   t.trailing()
@@ -4821,10 +4821,10 @@ const Xl = Y({
             ]
           ),
           /* CHILDREN */
-          v.value.length > 0 ? P(
+          v.value.length > 0 ? V(
             Ti,
             { disabled: e.disableTransition },
-            i.value ? () => P(
+            i.value ? () => V(
               "div",
               {
                 class: { "y-tree-view-node__leaves": !0 },
@@ -4836,7 +4836,7 @@ const Xl = Y({
         ]
       );
     });
-    const y = x(() => U(e.item, e.itemKey));
+    const y = x(() => G(e.item, e.itemKey));
     return n({
       myKey: y,
       expanded: i,
@@ -4860,19 +4860,19 @@ const Xl = Y({
 function ki(e, t, n) {
   const a = [];
   for (const i of e) {
-    const r = U(i, t);
+    const r = G(i, t);
     a.push(r);
-    const o = U(i, n);
+    const o = G(i, n);
     Array.isArray(o) && a.push(...ki(o, t, n));
   }
   return a;
 }
 function Zl(e, t, n) {
-  const a = U(e, n);
+  const a = G(e, n);
   return (a == null ? void 0 : a.toLocaleLowerCase().indexOf(t.toLocaleLowerCase())) > -1;
 }
 function $i(e, t, n, a, i, r, o) {
-  const l = U(t, r);
+  const l = G(t, r);
   if (l) {
     let s = !1;
     for (let c = 0; c < l.length; c++)
@@ -4891,9 +4891,9 @@ function $i(e, t, n, a, i, r, o) {
       return !0;
   } else if (e(t, n, i))
     return !0;
-  return o.add(U(t, a)), !1;
+  return o.add(G(t, a)), !1;
 }
-const wa = An(), Jl = /* @__PURE__ */ Y({
+const wa = An(), Jl = /* @__PURE__ */ D({
   name: "YTreeView",
   props: {
     expanded: {
@@ -4934,10 +4934,10 @@ const wa = An(), Jl = /* @__PURE__ */ Y({
     emit: n,
     expose: a
   }) {
-    const i = A({}), r = Z(e, "expanded"), o = Z(e, "active"), l = Z(e, "selected"), s = A(/* @__PURE__ */ new Set()), c = A(/* @__PURE__ */ new Set()), d = A(/* @__PURE__ */ new Set()), v = A(/* @__PURE__ */ new Set()), f = Pe(co(S, e.searchDebounceWait)), b = A([]), m = Pe(!1);
-    function S(T, $ = "", I = Zl) {
+    const i = A({}), r = J(e, "expanded"), o = J(e, "active"), l = J(e, "selected"), s = A(/* @__PURE__ */ new Set()), c = A(/* @__PURE__ */ new Set()), d = A(/* @__PURE__ */ new Set()), v = A(/* @__PURE__ */ new Set()), f = De(co(S, e.searchDebounceWait)), b = A([]), m = De(!1);
+    function S(T, k = "", I = Zl) {
       const E = /* @__PURE__ */ new Set();
-      if (!$) {
+      if (!k) {
         m.value = !1, v.value = E, Ln(b.value, [...s.value]).forEach((M) => {
           g(M, !1);
         }), b.value.forEach((M) => {
@@ -4946,159 +4946,159 @@ const wa = An(), Jl = /* @__PURE__ */ Y({
         return;
       }
       for (const B of T)
-        $i(I, B, $ ?? "", e.itemKey, e.itemText, e.itemChildren, E);
+        $i(I, B, k ?? "", e.itemKey, e.itemText, e.itemChildren, E);
       v.value = E, m.value = !1, h();
     }
     $e(() => {
       m.value = !0, f.value(e.items, e.search, e.filter);
     });
-    function p(T, $ = []) {
+    function p(T, k = []) {
       const {
         childKeys: I
       } = i.value[T];
-      $.push(...I);
+      k.push(...I);
       for (const E of I)
-        $ = p(E, $);
-      return $;
+        k = p(E, k);
+      return k;
     }
     function w(T) {
-      return e.returnItem ? U(T, e.itemKey) : T;
+      return e.returnItem ? G(T, e.itemKey) : T;
     }
-    function y(T, $ = null, I = 0) {
+    function y(T, k = null, I = 0) {
       for (const E of T) {
-        const B = U(E, e.itemKey), M = U(E, e.itemChildren) ?? [], se = Ce(i.value, B) ? i.value[B] : {
+        const B = G(E, e.itemKey), M = G(E, e.itemChildren) ?? [], ue = Ce(i.value, B) ? i.value[B] : {
           vnode: null,
           selected: !1,
           indeterminate: !1,
           active: !1,
           expanded: !1
-        }, Q = {
-          vnode: se.vnode,
+        }, ee = {
+          vnode: ue.vnode,
           item: E,
           level: I,
-          parentKey: $,
-          childKeys: M.map((he) => U(he, e.itemKey)),
-          expanded: M.length > 0 && se.expanded,
-          active: se.active,
-          indeterminate: se.indeterminate,
-          selected: se.selected
+          parentKey: k,
+          childKeys: M.map((ve) => G(ve, e.itemKey)),
+          expanded: M.length > 0 && ue.expanded,
+          active: ue.active,
+          indeterminate: ue.indeterminate,
+          selected: ue.selected
         };
-        y(M, B, I + 1), i.value[B] = Q, i.value[B].expanded && s.value.add(B), i.value[B].selected && s.value.add(B), i.value[B].active && d.value.add(B), k(B);
+        y(M, B, I + 1), i.value[B] = ee, i.value[B].expanded && s.value.add(B), i.value[B].selected && s.value.add(B), i.value[B].active && d.value.add(B), $(B);
       }
     }
-    function g(T, $) {
+    function g(T, k) {
       if (!(T in i.value))
         return;
-      const I = i.value[T], E = U(I.item, e.itemChildren);
-      Array.isArray(E) && E.length > 0 && ($ ? s.value.add(T) : s.value.delete(T), I.expanded = $, k(T));
+      const I = i.value[T], E = G(I.item, e.itemChildren);
+      Array.isArray(E) && E.length > 0 && (k ? s.value.add(T) : s.value.delete(T), I.expanded = k, $(T));
     }
-    F(s, (T) => {
+    j(s, (T) => {
       e.search || (b.value = [...T]);
     }, {
       deep: !0
     });
     function h(T = !0) {
-      return Object.entries(i.value).forEach(([$, I]) => {
-        (T === !0 || T >= I.level) && g($, !0);
-      }), V(), s.value;
+      return Object.entries(i.value).forEach(([k, I]) => {
+        (T === !0 || T >= I.level) && g(k, !0);
+      }), P(), s.value;
     }
-    function _(T, $, I) {
+    function _(T, k, I) {
       if (!(T in i.value))
         return;
       const E = i.value[T];
-      let B = $ ? "" : T;
-      if (e.multipleActive || ([B] = d.value.keys()), $ && (d.value.add(T), E.active = !0), B && B in i.value && (d.value.delete(B), i.value[B].active = !1, k(B)), !(e.activeSingleModifier && (I != null && I.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
+      let B = k ? "" : T;
+      if (e.multipleActive || ([B] = d.value.keys()), k && (d.value.add(T), E.active = !0), B && B in i.value && (d.value.delete(B), i.value[B].active = !1, $(B)), !(e.activeSingleModifier && (I != null && I.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
         for (const M of p(T))
-          M in i.value && ($ ? d.value.add(M) : d.value.delete(M), i.value[M].active = $, k(M));
+          M in i.value && (k ? d.value.add(M) : d.value.delete(M), i.value[M].active = k, $(M));
     }
-    function C(T, $) {
+    function C(T, k) {
       if (!(T in i.value))
         return;
       const I = i.value[T];
-      if ($ && (c.value.add(T), I.selected = !0), !$ && T in i.value && (c.value.delete(T), i.value[T].selected = !1, k(T)), e.selectStrategy === "cascade")
+      if (k && (c.value.add(T), I.selected = !0), !k && T in i.value && (c.value.delete(T), i.value[T].selected = !1, $(T)), e.selectStrategy === "cascade")
         for (const E of p(T))
-          E in i.value && ($ ? c.value.add(E) : c.value.delete(E), i.value[E].selected = $, k(E));
+          E in i.value && (k ? c.value.add(E) : c.value.delete(E), i.value[E].selected = k, $(E));
     }
-    function V() {
+    function P() {
       const T = [...s.value];
-      r.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
+      r.value = e.returnItem ? T.map((k) => i.value[k].item) : T;
     }
-    function O() {
+    function Y() {
       const T = [...d.value];
-      o.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
+      o.value = e.returnItem ? T.map((k) => i.value[k].item) : T;
     }
-    function L() {
+    function R() {
       const T = [...c.value];
-      l.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
-    }
-    function D(T, $, I, E) {
-      const B = e.returnItem ? T.map((J) => U(J, e.itemKey)) : T, M = [...$.value];
-      we(M, B) || (M.forEach((J) => I(J, !1)), B.forEach((J) => I(J, !0)), E());
-    }
-    F(r, (T) => {
-      D(T, s, g, V);
-    }), F(o, (T) => {
-      D(T, d, _, O);
-    }), F(l, (T) => {
-      D(T, c, C, L);
-    }), F(() => e.items, (T) => {
-      const $ = Object.keys(i.value).map((M) => U(i.value[M].item, e.itemKey)), I = ki(T, e.itemKey, e.itemChildren), E = Ln($, I);
-      if (E.length < 1 && I.length < $.length)
+      l.value = e.returnItem ? T.map((k) => i.value[k].item) : T;
+    }
+    function O(T, k, I, E) {
+      const B = e.returnItem ? T.map((Q) => G(Q, e.itemKey)) : T, M = [...k.value];
+      Se(M, B) || (M.forEach((Q) => I(Q, !1)), B.forEach((Q) => I(Q, !0)), E());
+    }
+    j(r, (T) => {
+      O(T, s, g, P);
+    }), j(o, (T) => {
+      O(T, d, _, Y);
+    }), j(l, (T) => {
+      O(T, c, C, R);
+    }), j(() => e.items, (T) => {
+      const k = Object.keys(i.value).map((M) => G(i.value[M].item, e.itemKey)), I = ki(T, e.itemKey, e.itemChildren), E = Ln(k, I);
+      if (E.length < 1 && I.length < k.length)
         return;
       E.forEach((M) => delete i.value[M]);
       const B = [...c.value];
-      c.value.clear(), s.value.clear(), d.value.clear(), y(T), we(B, [...c.value]) || L();
+      c.value.clear(), s.value.clear(), d.value.clear(), y(T), Se(B, [...c.value]) || R();
     }, {
       deep: !0
     });
     function X(T) {
       return !!e.search && v.value.has(T);
     }
-    function k(T) {
-      const $ = i.value[T];
-      $ && $.vnode && ($.vnode.active = $.active, $.vnode.selected = $.selected, $.vnode.indeterminate = $.indeterminate, $.vnode.expanded = $.expanded);
+    function $(T) {
+      const k = i.value[T];
+      k && k.vnode && (k.vnode.active = k.active, k.vnode.selected = k.selected, k.vnode.indeterminate = k.indeterminate, k.vnode.expanded = k.expanded);
     }
-    function N(T, $) {
-      i.value[T] && (i.value[T].vnode = $), k(T);
+    function N(T, k) {
+      i.value[T] && (i.value[T].vnode = k), $(T);
     }
     y(e.items);
     for (const T of e.active.map(w))
       _(T, !0);
     for (const T of e.selected.map(w))
       C(T, !0);
-    oe("tree-view", {
+    re("tree-view", {
       register: N,
       updateExpanded: g,
       updateActive: _,
       updateSelected: C,
-      emitExpanded: V,
-      emitActive: O,
-      emitSelected: L,
+      emitExpanded: P,
+      emitActive: Y,
+      emitSelected: R,
       isExcluded: X,
       searchLoading: m
     });
-    const K = x(() => e.items.filter((T) => !X(U(T, e.itemKey)))), le = x(() => ({
+    const K = x(() => e.items.filter((T) => !X(G(T, e.itemKey)))), Z = x(() => ({
       "y-tree-view": !0
-    })), fe = x(() => {
+    })), oe = x(() => {
       let T = e.activeColor;
       return e.activeColor && !pn(e.activeColor) && (T = `var(--y-theme-${e.activeColor})`), {
         ["--y-tree-view__active-color"]: T
       };
     });
     return Ta(() => {
-      e.defaultExpand !== void 0 ? b.value = [...h(e.defaultExpand)] : (r.value.forEach((T) => g(w(T), !0)), V());
+      e.defaultExpand !== void 0 ? b.value = [...h(e.defaultExpand)] : (r.value.forEach((T) => g(w(T), !0)), P());
     }), a({
       expand: h
     }), H(() => u(W, null, [u("div", {
-      class: le.value,
-      style: fe.value,
+      class: Z.value,
+      style: oe.value,
       role: "tree"
     }, [m.value && u(ui, {
       indeterminate: !0
-    }, null), K.value.length > 0 ? K.value.map((T) => u(Bn, q({
-      key: U(T, e.itemKey)
+    }, null), K.value.length > 0 ? K.value.map((T) => u(On, q({
+      key: G(T, e.itemKey)
     }, {
-      ...ne(e, wa),
+      ...ae(e, wa),
       item: T,
       level: 0
     }), t)) : u("div", {
@@ -5114,7 +5114,7 @@ const wa = An(), Jl = /* @__PURE__ */ Y({
     };
   }
 });
-const Ai = R({
+const Ai = L({
   tag: {
     type: String,
     default: "div"
@@ -5122,7 +5122,7 @@ const Ai = R({
   onClick: Function,
   disabled: Boolean,
   ...At()
-}, "YListItem"), On = /* @__PURE__ */ Y({
+}, "YListItem"), Bn = /* @__PURE__ */ D({
   name: "YListItem",
   props: {
     ...Ai()
@@ -5136,7 +5136,7 @@ const Ai = R({
   }) {
     const {
       themeClasses: a
-    } = Bt(e);
+    } = Ot(e);
     function i(o) {
       n("click", o);
     }
@@ -5163,20 +5163,20 @@ const Ai = R({
     });
   }
 });
-const Bi = R({
+const Oi = L({
   disabled: Boolean,
   ...At()
-}, "YList"), In = /* @__PURE__ */ Y({
+}, "YList"), In = /* @__PURE__ */ D({
   name: "YList",
   props: {
-    ...Bi()
+    ...Oi()
   },
   setup(e, {
     slots: t
   }) {
     const n = A(), {
       themeClasses: a
-    } = Bt(e), i = Pe(!1);
+    } = Ot(e), i = De(!1);
     function r(c) {
       var d;
       !i.value && (c.relatedTarget && ((d = n.value) != null && d.contains(c.relatedTarget)));
@@ -5204,7 +5204,7 @@ const Bi = R({
     });
   }
 });
-function _t(e) {
+function et(e) {
   const t = A(), n = A();
   if (window) {
     const a = new ResizeObserver((i, r) => {
@@ -5212,7 +5212,7 @@ function _t(e) {
     });
     ln(() => {
       a.disconnect();
-    }), F(
+    }), j(
       t,
       (i, r) => {
         r && (a.unobserve(r), n.value = void 0), i && a.observe(no(i));
@@ -5222,10 +5222,10 @@ function _t(e) {
   }
   return {
     resizeObservedRef: t,
-    contentRect: jt(n)
+    contentRect: Ft(n)
   };
 }
-const Vn = R({
+const Pn = L({
   tag: {
     type: String,
     default: "div"
@@ -5239,10 +5239,10 @@ const Vn = R({
   flexHeight: {
     type: Boolean
   }
-}, "YTable"), De = /* @__PURE__ */ Y({
+}, "YTable"), Ve = /* @__PURE__ */ D({
   name: "YTable",
   props: {
-    ...Vn()
+    ...Pn()
   },
   setup(e, {
     slots: t
@@ -5250,8 +5250,10 @@ const Vn = R({
     const {
       resizeObservedRef: n,
       contentRect: a
-    } = _t();
-    H(() => {
+    } = et();
+    re("YTable", {
+      containerRect: a
+    }), H(() => {
       var o;
       const i = e.tag ?? "div", r = e.flexHeight ? ((o = a.value) == null ? void 0 : o.height) ?? e.height : e.height;
       return u(i, {
@@ -5267,14 +5269,14 @@ const Vn = R({
             class: ["y-table__container"],
             ref: n,
             style: {
-              height: G(r)
+              height: z(r)
             }
           }, [(s = t.leading) == null ? void 0 : s.call(t), u("table", null, [t.default()]), (c = t.trailing) == null ? void 0 : c.call(t)]) : (d = t.container) == null ? void 0 : d.call(t, n, a), (v = t.bottom) == null ? void 0 : v.call(t)];
         }
       });
     });
   }
-}), Qt = /* @__PURE__ */ Y({
+}), Qt = /* @__PURE__ */ D({
   name: "YDataTableCell",
   functional: !0,
   props: {
@@ -5307,7 +5309,7 @@ const Vn = R({
   }) {
     const i = x(() => {
       const r = {};
-      return e.fixed && e.fixedOffset !== void 0 && (e.fixed === "lead" ? r.left = G(e.fixedOffset) : e.fixed === "trail" && (r.right = G(e.fixedOffset))), 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;
     });
     H(() => {
       const r = e.type === "head" ? "th" : "td";
@@ -5318,8 +5320,8 @@ const Vn = R({
           [`y-data-table-cell--align-${e.align}`]: e.align
         }],
         style: {
-          width: G(e.width),
-          height: G(e.height),
+          width: z(e.width),
+          height: z(e.height),
           ...i.value
         }
       }, a, {
@@ -5332,7 +5334,7 @@ const Vn = R({
       });
     });
   }
-}), Ql = R(
+}), Ql = L(
   {
     headers: {
       type: Array,
@@ -5341,7 +5343,7 @@ const Vn = R({
   },
   "YDataTable--header"
 ), en = Symbol.for("yuyeon.data-table.header");
-function Oi(e, t) {
+function Bi(e, t) {
   const n = A([]), a = A([]);
   $e(() => {
     var b;
@@ -5395,15 +5397,15 @@ function Oi(e, t) {
     }), a.value = d.at(-1) ?? [];
   });
   const i = { headers: n, columns: a };
-  return oe(en, i), i;
+  return re(en, i), i;
 }
-function Dn() {
-  const e = _e(en);
+function Vn() {
+  const e = he(en);
   if (!e)
     throw new Error(`Not provided: ${en.description}`);
   return e;
 }
-const es = R(
+const es = L(
   {
     enableSelect: Boolean,
     selectStrategy: {
@@ -5433,7 +5435,7 @@ const es = R(
     return n;
   },
   selectAll: ({ value: e, pageItems: t, selected: n }) => Ii.select({ items: t, value: e, selected: n })
-}, Vi = {
+}, Pi = {
   showSelectAll: !0,
   allSelected: ({ allItems: e }) => e,
   select: ({ items: e, value: t, selected: n }) => {
@@ -5441,13 +5443,13 @@ const es = R(
       t ? n.add(a.value) : n.delete(a.value);
     return n;
   },
-  selectAll: ({ value: e, allItems: t, selected: n }) => Vi.select({ items: t, value: e, selected: n })
+  selectAll: ({ value: e, allItems: t, selected: n }) => Pi.select({ items: t, value: e, selected: n })
 }, tn = Symbol.for("yuyeon.data-table.selection");
-function Di(e, {
+function Vi(e, {
   allItems: t,
   pageItems: n
 }) {
-  const a = Z(
+  const a = J(
     e,
     "modelValue",
     e.modelValue,
@@ -5464,7 +5466,7 @@ function Di(e, {
       case "single":
         return ts;
       case "all":
-        return Vi;
+        return Pi;
       case "page":
       default:
         return Ii;
@@ -5508,19 +5510,19 @@ function Di(e, {
     showSelectAll: o.value.showSelectAll,
     selectables: f
   };
-  return oe(tn, S), S;
+  return re(tn, S), S;
 }
-function Pn() {
-  const e = _e(tn);
+function Dn() {
+  const e = he(tn);
   if (!e)
     throw new Error(`Not provided: ${tn.description}`);
   return e;
 }
-const ns = R({
+const ns = L({
   index: Number,
   item: Object,
   onClick: Function
-}, "YDataTableRow"), as = /* @__PURE__ */ Y({
+}, "YDataTableRow"), as = /* @__PURE__ */ D({
   name: "YDataTableRow",
   props: {
     ...ns()
@@ -5532,9 +5534,9 @@ const ns = R({
     const {
       isSelected: a,
       toggleSelect: i
-    } = Pn(), {
+    } = Dn(), {
       columns: r
-    } = Dn();
+    } = Vn();
     H(() => u("tr", {
       class: ["y-data-table__row"],
       onClick: (o) => t("click:row", o)
@@ -5557,7 +5559,7 @@ const ns = R({
           isSelected: a,
           toggleSelect: i
         };
-        return n[c] ? (v = n[c]) == null ? void 0 : v.call(n, d) : o.key === "data-table-select" ? ((f = n["item.data-table-select"]) == null ? void 0 : f.call(n, d)) ?? u(be, q({
+        return n[c] ? (v = n[c]) == null ? void 0 : v.call(n, d) : o.key === "data-table-select" ? ((f = n["item.data-table-select"]) == null ? void 0 : f.call(n, d)) ?? u(we, q({
           checked: a([s]),
           disabled: !s.selectable
         }, {
@@ -5568,7 +5570,7 @@ const ns = R({
       }
     }))]));
   }
-}), is = R({
+}), is = L({
   items: {
     type: Array,
     default: () => []
@@ -5584,7 +5586,7 @@ const ns = R({
   "onClick:row": Function,
   "onDblclick:row": Function,
   "onContextmenu:row": Function
-}, "YDataTableBody"), ze = /* @__PURE__ */ Y({
+}, "YDataTableBody"), ze = /* @__PURE__ */ D({
   name: "YDataTableBody",
   props: {
     ...is()
@@ -5596,10 +5598,10 @@ const ns = R({
   }) {
     const {
       columns: a
-    } = Dn(), {
+    } = Vn(), {
       isSelected: i,
       toggleSelect: r
-    } = Pn();
+    } = Dn();
     return H(() => {
       var o, l;
       return e.loading && t.loading ? u("tr", null, [u("td", {
@@ -5654,7 +5656,7 @@ function rs() {
   }
   return { refs: e, updateRef: t };
 }
-const Pi = R({
+const Di = L({
   start: {
     type: [Number, String],
     default: 1
@@ -5686,13 +5688,13 @@ const Pi = R({
   // lastIcon: [String],
   // prevIcon: [String],
   // nextIcon: [String],
-}, "YPagination"), Yi = /* @__PURE__ */ Y({
+}, "YPagination"), Yi = /* @__PURE__ */ D({
   name: "YPagination",
   components: {
-    YButton: ee
+    YButton: te
   },
   props: {
-    ...Pi()
+    ...Di()
   },
   emits: {
     "update:modelValue": (e) => !0,
@@ -5702,9 +5704,9 @@ const Pi = R({
     slots: t,
     emit: n
   }) {
-    const a = Z(e), i = x(() => parseInt(e.length, 10)), r = x(() => parseInt(e.start, 10)), o = Pe(-1), {
+    const a = J(e), i = x(() => parseInt(e.length, 10)), r = x(() => parseInt(e.start, 10)), o = De(-1), {
       resizeObservedRef: l
-    } = _t((w) => {
+    } = et((w) => {
       if (1 > w.length)
         return;
       const {
@@ -5816,7 +5818,7 @@ const Pi = R({
       let w;
       if (e.gap) {
         const y = +e.gap;
-        isNaN(y) ? typeof e.gap == "string" && (w = e.gap) : w = G(y);
+        isNaN(y) ? typeof e.gap == "string" && (w = e.gap) : w = z(y);
       }
       return {
         "--y-pagination__gap": w
@@ -5834,14 +5836,14 @@ const Pi = R({
     }, [e.showEndButton && u("li", {
       key: "first",
       class: "y-pagination__first"
-    }, [t.first ? t.first(d.value.first) : u(ee, d.value.first, {
+    }, [t.first ? t.first(d.value.first) : u(te, d.value.first, {
       default: () => [t["first-icon"] ? t["first-icon"]() : u(Ie, {
         type: "first"
       }, null)]
     })]), u("li", {
       key: "prev",
       class: "y-pagination__prev"
-    }, [t.prev ? t.prev(d.value.prev) : u(ee, d.value.prev, {
+    }, [t.prev ? t.prev(d.value.prev) : u(te, d.value.prev, {
       default: () => [t["prev-icon"] ? t["prev-icon"]() : u(Ie, {
         type: "prev"
       }, null)]
@@ -5850,19 +5852,19 @@ const Pi = R({
       class: ["y-pagination__item", {
         "y-pagination__item--active": w.active
       }]
-    }, [u(ee, w.props, {
+    }, [u(te, w.props, {
       default: () => [w.props.ellipsis ? t.ellipsis ? t.ellipsis() : "..." : w.page]
     })])), u("li", {
       key: "next",
       class: "y-pagination__next"
-    }, [t.next ? t.next(d.value.next) : u(ee, d.value.next, {
+    }, [t.next ? t.next(d.value.next) : u(te, d.value.next, {
       default: () => [t["next-icon"] ? t["next-icon"]() : u(Ie, {
         type: "next"
       }, null)]
     })]), e.showEndButton && u("li", {
       key: "last",
       class: "y-pagination__last"
-    }, [t.last ? t.last(d.value.last) : u(ee, d.value.last, {
+    }, [t.last ? t.last(d.value.last) : u(te, d.value.last, {
       default: () => [t["last-icon"] ? t["last-icon"]() : u(Ie, {
         type: "last"
       }, null)]
@@ -5872,7 +5874,7 @@ const Pi = R({
       refs: f
     };
   }
-}), os = Symbol.for("yuyeon.data-table.pagination"), Yn = R(
+}), os = Symbol.for("yuyeon.data-table.pagination"), Yn = L(
   {
     page: {
       type: [Number, String],
@@ -5886,12 +5888,12 @@ const Pi = R({
   "YDataTable--pagination"
 );
 function Ni(e) {
-  const t = Z(
+  const t = J(
     e,
     "page",
     void 0,
     (a) => +(a ?? 0)
-  ), n = Z(
+  ), n = J(
     e,
     "pageSize",
     void 0,
@@ -5908,13 +5910,13 @@ function Mi(e) {
     n.value = f, t.value = 1;
   }
   function s() {
-    t.value = je(t.value + 1, 1, o.value);
+    t.value = Fe(t.value + 1, 1, o.value);
   }
   function c() {
-    t.value = je(t.value - 1, 1, o.value);
+    t.value = Fe(t.value - 1, 1, o.value);
   }
   function d(f) {
-    t.value = je(f, 1, o.value);
+    t.value = Fe(f, 1, o.value);
   }
   const v = {
     page: t,
@@ -5928,23 +5930,23 @@ function Mi(e) {
     setPage: d,
     setPageSize: l
   };
-  return oe(os, v), v;
+  return re(os, v), v;
 }
 function ls(e) {
   const { items: t, startIndex: n, endIndex: a, pageSize: i } = e;
   return { paginatedItems: x(() => i.value <= 0 ? t.value : t.value.slice(n.value, a.value)) };
 }
-const ss = R({
+const ss = L({
   pageLength: Number,
   setPageSize: Function,
   setPage: Function,
   ...Yn()
-}, "YDataTableControl"), nn = /* @__PURE__ */ Y({
+}, "YDataTableControl"), nn = /* @__PURE__ */ D({
   name: "YDataTableControl",
   components: {
-    YButton: ee,
-    YIconExpand: xt,
-    YFieldInput: pt,
+    YButton: te,
+    YIconExpand: _t,
+    YFieldInput: bt,
     YIconPageControl: Ie
   },
   props: ss(),
@@ -5967,7 +5969,7 @@ const ss = R({
       }, null)])]), (a = t.append) == null ? void 0 : a.call(t, e)]);
     });
   }
-}), an = Symbol.for("yuyeon.data-table.sorting"), us = R(
+}), an = Symbol.for("yuyeon.data-table.sorting"), us = L(
   {
     sortBy: {
       type: Array,
@@ -5978,7 +5980,7 @@ const ss = R({
   "YDataTable--sorting"
 );
 function Ri(e) {
-  const t = Z(e, "sortBy"), n = Wt(e, "multiSort");
+  const t = J(e, "sortBy"), n = Wt(e, "multiSort");
   return { sortBy: t, multiSort: n };
 }
 function Li(e) {
@@ -5992,15 +5994,15 @@ function Li(e) {
     return !!t.value.find((s) => s.key === l.key);
   }
   const o = { sortBy: t, toggleSort: i, isSorted: r };
-  return oe(an, o), o;
+  return re(an, o), o;
 }
 function cs() {
-  const e = _e(an);
+  const e = he(an);
   if (!e)
     throw new Error(`Not provided: ${an.description}`);
   return e;
 }
-const Fi = R({
+const ji = L({
   multiSort: Boolean,
   sortAscIcon: {
     type: String,
@@ -6012,13 +6014,13 @@ const Fi = R({
   },
   dualSortIcon: Boolean,
   sticky: Boolean
-}, "YDataTableHead"), Ue = /* @__PURE__ */ Y({
+}, "YDataTableHead"), Ue = /* @__PURE__ */ D({
   name: "YDataTableHead",
   components: {
     YDataTableCell: Qt
   },
   props: {
-    ...Fi()
+    ...ji()
   },
   setup(e, {
     slots: t
@@ -6033,15 +6035,15 @@ const Fi = R({
       selectAll: l,
       showSelectAll: s,
       selectables: c
-    } = Pn(), {
+    } = Dn(), {
       columns: d,
       headers: v
-    } = Dn(), f = (p, w) => {
+    } = Vn(), f = (p, w) => {
       if (!(!e.sticky && !p.fixed))
         return {
           position: "sticky",
           zIndex: p.fixed ? 4 : e.sticky ? 3 : void 0,
-          left: p.fixed ? G(p.fixedOffset) : void 0,
+          left: p.fixed ? z(p.fixedOffset) : void 0,
           top: e.sticky ? `calc(var(--v-table-header-height) * ${w})` : void 0
         };
     };
@@ -6070,8 +6072,8 @@ const Fi = R({
         "y-data-table-header--select": p.key === "data-table-select"
       }],
       style: {
-        width: G(p.width),
-        minWidth: G(p.width),
+        width: z(p.width),
+        minWidth: z(p.width),
         ...f(p, y)
       }
     }, {
@@ -6093,13 +6095,13 @@ const Fi = R({
           selectables: c.value,
           getSortDirection: m
         };
-        return t[g] ? (_ = t[g]) == null ? void 0 : _.call(t, h) : p.key === "data-table-select" ? ((C = t["header.data-table-select"]) == null ? void 0 : C.call(t, h)) ?? (s && u(be, q({
+        return t[g] ? (_ = t[g]) == null ? void 0 : _.call(t, h) : p.key === "data-table-select" ? ((C = t["header.data-table-select"]) == null ? void 0 : C.call(t, h)) ?? (s && u(we, q({
           checked: o.value,
           indeterminate: !o.value && r.value,
           disabled: c.value.length < 1
         }, {
-          onClick: (V) => {
-            V.stopPropagation(), l(!o.value);
+          onClick: (P) => {
+            P.stopPropagation(), l(!o.value);
           }
         }), null)) : u("div", {
           class: "y-data-table-header__content"
@@ -6109,8 +6111,8 @@ const Fi = R({
           class: ["y-data-table-header__sorting-icon", {
             "y-data-table-header__sorting-icon--disabled": !p.sortable
           }],
-          onClick: p.sortable ? (V) => {
-            V.stopPropagation(), n(p);
+          onClick: p.sortable ? (P) => {
+            P.stopPropagation(), n(p);
           } : void 0
         }, [u(Ei, {
           disabled: !p.sortable,
@@ -6127,14 +6129,29 @@ const Fi = R({
       }, null))]))]);
     });
   }
-}), rn = /* @__PURE__ */ Y({
+}), rn = /* @__PURE__ */ D({
   name: "YDataTableLayer",
-  setup() {
-    H(() => u("div", {
-      class: ["y-data-table-layer"]
-    }, null));
+  props: {
+    slotProps: Object
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const n = he("YTable");
+    return H(() => {
+      var a, i, r;
+      return u("div", {
+        class: ["y-data-table-layer"]
+      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : u(W, null, [u("div", {
+        class: ["y-data-table-layer__head"]
+      }, [(i = t["layer-head"]) == null ? void 0 : i.call(t, e.slotProps)]), u("div", {
+        class: ["y-data-table-layer__body"]
+      }, [(r = t["layer-body"]) == null ? void 0 : r.call(t, e.slotProps)])])]);
+    }), {
+      YTableWire: n
+    };
   }
-}), ds = R(
+}), ds = L(
   {
     items: {
       type: Array,
@@ -6165,7 +6182,7 @@ function fs(e, t, n, a) {
 function hs(e, t, n) {
   return t.map((a, i) => fs(e, a, i, n));
 }
-function ji(e, t) {
+function Fi(e, t) {
   return { items: x(() => hs(e, e.items, t.value)) };
 }
 function Hi({ page: e, pageSize: t, sortBy: n, search: a }, i) {
@@ -6175,31 +6192,31 @@ function Hi({ page: e, pageSize: t, sortBy: n, search: a }, i) {
     sortBy: n.value,
     search: a.value
   }));
-  F(
+  j(
     () => a == null ? void 0 : a.value,
     () => {
       e.value = 1;
     }
   );
   let o = null;
-  F(
+  j(
     r,
     () => {
-      we(o, r.value) || (i("update:options", r.value), o = r.value);
+      Se(o, r.value) || (i("update:options", r.value), o = r.value);
     },
     { deep: !0, immediate: !0 }
   );
 }
-const Nn = R({
+const Nn = L({
   width: [String, Number],
   search: String,
   ...Ql(),
   ...ds(),
   ...us(),
   ...es(),
-  ...Fi(),
-  ...Vn()
-}, "DataTable"), vs = /* @__PURE__ */ Y({
+  ...ji(),
+  ...Pn()
+}, "DataTable"), vs = /* @__PURE__ */ D({
   name: "YDataTable",
   props: {
     ...Yn(),
@@ -6226,11 +6243,11 @@ const Nn = R({
     } = Ri(e), {
       columns: l,
       headers: s
-    } = Oi(e, {
-      enableSelect: de(e, "enableSelect")
+    } = Bi(e, {
+      enableSelect: fe(e, "enableSelect")
     }), {
       items: c
-    } = ji(e, l), {
+    } = Fi(e, l), {
       toggleSort: d
     } = Li({
       sortBy: r,
@@ -6259,19 +6276,23 @@ const Nn = R({
       selectAll: h,
       toggleSelect: _,
       someSelected: C,
-      allSelected: V
-    } = Di(e, {
+      allSelected: P
+    } = Vi(e, {
       allItems: c,
       pageItems: c
-    });
+    }), {
+      resizeObservedRef: Y,
+      contentRect: R
+    } = et();
     Hi({
       page: a,
       pageSize: i,
-      search: de(e, "search"),
+      search: fe(e, "search"),
       sortBy: r
-    }, n), oe("y-data-table", {
+    }, n), re("y-data-table", {
       toggleSort: d,
-      sortBy: r
+      sortBy: r,
+      headRect: R
     });
     const O = x(() => ({
       // pagination
@@ -6285,7 +6306,7 @@ const Nn = R({
       toggleSort: d,
       // selection
       someSelected: C.value,
-      allSelected: V.value,
+      allSelected: P.value,
       isSelected: y,
       select: g,
       selectAll: h,
@@ -6294,44 +6315,55 @@ const Nn = R({
       items: c.value,
       columns: l.value,
       headers: s.value
-    })), L = ne(e, Ue.props), D = ne(e, ze.props), X = ne(e, De.props);
-    return H(() => u(De, q({
-      class: ["y-data-table"]
-    }, X), {
-      top: () => {
-        var k;
-        return (k = t.top) == null ? void 0 : k.call(t, O.value);
-      },
-      leading: () => t.leading ? t.leading(O.value) : u(W, null, [u(rn, null, t)]),
-      default: () => {
-        var k, N, K;
-        return t.default ? t.default(O.value) : u(W, null, [u("thead", null, [u(Ue, L, t)]), (k = t.thead) == null ? void 0 : k.call(t, O.value), u("tbody", null, [u(ze, q(D, {
-          items: w.value
-        }), t)]), (N = t.tbody) == null ? void 0 : N.call(t, O.value), (K = t.tfoot) == null ? void 0 : K.call(t, O.value)]);
-      },
-      trailing: () => {
-        var k;
-        return (k = t.trailing) == null ? void 0 : k.call(t, O.value);
-      },
-      bottom: () => t.bottom ? t.bottom(O.value) : u(nn, null, {
-        prepend: t["control.prepend"],
-        append: t["control.append"]
-      })
-    })), {
+    })), X = ae(e, Ue.props), $ = ae(e, ze.props), N = ae(e, Ve.props);
+    return H(() => {
+      var K;
+      return u(Ve, q({
+        class: ["y-data-table"]
+      }, N, {
+        style: {
+          "--y-table-head-height": z((K = R.value) == null ? void 0 : K.height)
+        }
+      }), {
+        top: () => {
+          var Z;
+          return (Z = t.top) == null ? void 0 : Z.call(t, O.value);
+        },
+        leading: () => t.leading ? t.leading(O.value) : u(W, null, [u(rn, {
+          "slot-props": O.value
+        }, t)]),
+        default: () => {
+          var Z, oe, T;
+          return t.default ? t.default(O.value) : u(W, null, [u("thead", {
+            ref: Y
+          }, [u(Ue, X, t)]), (Z = t.thead) == null ? void 0 : Z.call(t, O.value), u("tbody", null, [u(ze, q($, {
+            items: w.value
+          }), t)]), (oe = t.tbody) == null ? void 0 : oe.call(t, O.value), (T = t.tfoot) == null ? void 0 : T.call(t, O.value)]);
+        },
+        trailing: () => {
+          var Z;
+          return (Z = t.trailing) == null ? void 0 : Z.call(t, O.value);
+        },
+        bottom: () => t.bottom ? t.bottom(O.value) : u(nn, null, {
+          prepend: t["control.prepend"],
+          append: t["control.append"]
+        })
+      });
+    }), {
       paginatedItems: w
     };
   }
-}), Ki = R({
+}), Ki = L({
   total: {
     type: [Number, String],
     required: !0
   },
   ...Yn(),
   ...Nn()
-}, "YDataTableServer"), ms = /* @__PURE__ */ Y({
+}, "YDataTableServer"), ms = /* @__PURE__ */ D({
   name: "YDataTableServer",
   components: {
-    YTable: De,
+    YTable: Ve,
     YDataTableLayer: rn,
     YDataTableHead: Ue,
     YDataTableBody: ze,
@@ -6361,11 +6393,11 @@ const Nn = R({
     } = Ri(e), l = x(() => parseInt(e.total)), {
       columns: s,
       headers: c
-    } = Oi(e, {
+    } = Bi(e, {
       enableSelect: Wt(e, "enableSelect")
     }), {
       items: d
-    } = ji(e, s), {
+    } = Fi(e, s), {
       toggleSort: v
     } = Li({
       sortBy: r,
@@ -6386,7 +6418,7 @@ const Nn = R({
       toggleSelect: y,
       someSelected: g,
       allSelected: h
-    } = Di(e, {
+    } = Vi(e, {
       allItems: d,
       pageItems: d
     });
@@ -6395,7 +6427,7 @@ const Nn = R({
       pageSize: i,
       search: Wt(e, "search"),
       sortBy: r
-    }, n), oe("y-data-table", {
+    }, n), re("y-data-table", {
       toggleSort: v,
       sortBy: r
     });
@@ -6422,24 +6454,24 @@ const Nn = R({
       headers: c.value
     }));
     H(() => {
-      const C = ne(e, Ue.props), V = ne(e, ze.props), O = ne(e, De.props);
-      return u(De, q({
+      const C = ae(e, Ue.props), P = ae(e, ze.props), Y = ae(e, Ve.props);
+      return u(Ve, q({
         class: ["y-data-table"]
-      }, O), {
+      }, Y), {
         top: () => {
-          var L;
-          return (L = t.top) == null ? void 0 : L.call(t, _.value);
+          var R;
+          return (R = t.top) == null ? void 0 : R.call(t, _.value);
         },
         leading: () => t.leading ? t.leading(_.value) : u(W, null, [u(rn, null, t)]),
         default: () => {
-          var L, D, X;
-          return t.default ? t.default(_.value) : u(W, null, [u("thead", null, [u(Ue, C, t)]), (L = t.thead) == null ? void 0 : L.call(t, _.value), u("tbody", null, [u(ze, q(V, {
+          var R, O, X;
+          return t.default ? t.default(_.value) : u(W, null, [u("thead", null, [u(Ue, C, t)]), (R = t.thead) == null ? void 0 : R.call(t, _.value), u("tbody", null, [u(ze, q(P, {
             items: d.value
-          }), t)]), (D = t.tbody) == null ? void 0 : D.call(t, _.value), (X = t.tfoot) == null ? void 0 : X.call(t, _.value)]);
+          }), t)]), (O = t.tbody) == null ? void 0 : O.call(t, _.value), (X = t.tfoot) == null ? void 0 : X.call(t, _.value)]);
         },
         trailing: () => {
-          var L;
-          return (L = t.trailing) == null ? void 0 : L.call(t, _.value);
+          var R;
+          return (R = t.trailing) == null ? void 0 : R.call(t, _.value);
         },
         bottom: () => t.bottom ? t.bottom(_.value) : u(nn, null, {
           prepend: t["control.prepend"]
@@ -6474,7 +6506,7 @@ function ys(e, t) {
 }
 const Sa = Symbol.for("yuyeon.active-stack");
 function gs(e, t, n) {
-  const a = _e(Sa, null), i = Pe([]);
+  const a = he(Sa, null), i = De([]);
   function r(s) {
     i.value.push(s);
   }
@@ -6495,9 +6527,9 @@ function gs(e, t, n) {
     };
     n != null && n.value || fr(s);
   }
-  return F(t, (s) => {
-    s ? a == null || a.push(re()) : a == null || a.pop(re());
-  }), oe(Sa, {
+  return j(t, (s) => {
+    s ? a == null || a.push(se()) : a == null || a.pop(se());
+  }), re(Sa, {
     push: r,
     pop: o,
     clear: l,
@@ -6531,7 +6563,7 @@ const zi = {
     coordinateStrategy: "levitation"
   }),
   preventCloseBubble: Boolean
-}, Ge = /* @__PURE__ */ Y({
+}, Ge = /* @__PURE__ */ D({
   name: Wi,
   props: {
     ...zi,
@@ -6549,7 +6581,7 @@ const zi = {
     const i = A(), r = x(() => ({
       ...ke(e.menuClasses),
       "y-menu": !0
-    })), o = Z(e), l = x({
+    })), o = J(e), l = x({
       get: () => !!o.value,
       set: (h) => {
         h && e.disabled || (o.value = h);
@@ -6560,7 +6592,7 @@ const zi = {
     }), {
       children: c,
       parent: d
-    } = gs(i, l, de(e, "preventCloseBubble")), {
+    } = gs(i, l, fe(e, "preventCloseBubble")), {
       startOpenDelay: v,
       startCloseDelay: f
     } = ys(e, (h) => {
@@ -6572,7 +6604,7 @@ const zi = {
     function m(h) {
       e.openOnHover && f();
     }
-    F(s, (h) => {
+    j(s, (h) => {
       h || f();
     });
     function S(h) {
@@ -6600,7 +6632,7 @@ const zi = {
     function y(h) {
       h.removeEventListener("mouseenter", b), h.removeEventListener("mouseleave", m);
     }
-    F(() => {
+    j(() => {
       var h;
       return (h = i.value) == null ? void 0 : h.baseEl;
     }, (h, _) => {
@@ -6609,13 +6641,13 @@ const zi = {
     const g = x(() => ({
       ...ke(e.contentClasses)
     }));
-    return H(() => u(W, null, [u(xe, q({
+    return H(() => u(W, null, [u(_e, q({
       ref: i,
       transition: e.transition,
       "onClick:complement": p,
       onAfterLeave: () => n("afterLeave")
     }, {
-      ...ne(e, xe.props),
+      ...ae(e, _e.props),
       classes: r.value,
       scrim: !1,
       contentClasses: {
@@ -6640,10 +6672,10 @@ const zi = {
     };
   }
 });
-const on = /* @__PURE__ */ Y({
+const on = /* @__PURE__ */ D({
   name: "YInputCheckbox",
   components: {
-    YIconCheckbox: be
+    YIconCheckbox: we
   },
   props: {
     id: String,
@@ -6683,7 +6715,7 @@ const on = /* @__PURE__ */ Y({
       return this.id && (e = this.id), `input-${e}`;
     },
     iconComponent() {
-      return this.icon ? null : be;
+      return this.icon ? null : we;
     }
   },
   methods: {
@@ -6732,9 +6764,9 @@ const on = /* @__PURE__ */ Y({
       readonly: l
     }, null), this.$slots.icon ? this.$slots.icon({
       checked: a
-    }) : s ? P(s) : u(be, null, null)])]);
+    }) : s ? V(s) : u(we, null, null)])]);
   }
-}), ps = /* @__PURE__ */ Y({
+}), ps = /* @__PURE__ */ D({
   name: "YCheckbox",
   components: {
     YInputCheckbox: on
@@ -6843,7 +6875,7 @@ const on = /* @__PURE__ */ Y({
       immediate: !0
     }
   }
-}), Ui = /* @__PURE__ */ Y({
+}), Ui = /* @__PURE__ */ D({
   name: "YIconDropdown",
   setup() {
     return () => u("svg", {
@@ -6859,7 +6891,7 @@ const on = /* @__PURE__ */ Y({
 function xa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ka(e);
 }
-const Gi = R({
+const Gi = L({
   modelValue: Boolean,
   variation: String,
   color: String,
@@ -6867,7 +6899,7 @@ const Gi = R({
     position: "bottom"
   }), ["coordinateStrategy"]),
   ...$n()
-}, "YDropdown"), bs = /* @__PURE__ */ Y({
+}, "YDropdown"), bs = /* @__PURE__ */ D({
   name: "YDropdown",
   inheritAttrs: !1,
   components: {
@@ -6882,12 +6914,12 @@ const Gi = R({
     attrs: n,
     emit: a
   }) {
-    const i = Z(e);
+    const i = J(e);
     function r(o) {
       i.value = !1, a("click", o);
     }
     H(() => {
-      const o = ne(e, Ge.props);
+      const o = ae(e, Ge.props);
       return u(W, null, [u(Ge, q(o, {
         modelValue: i.value,
         "onUpdate:modelValue": (l) => i.value = l,
@@ -6895,7 +6927,7 @@ const Gi = R({
       }), {
         base: (...l) => {
           var s;
-          return t.base ? (s = t.base) == null ? void 0 : s.call(t, ...l) : u(ee, q({
+          return t.base ? (s = t.base) == null ? void 0 : s.call(t, ...l) : u(te, q({
             variation: e.variation,
             color: e.color,
             class: ["y-dropdown", {
@@ -6914,10 +6946,10 @@ const Gi = R({
         },
         default: () => {
           let l;
-          return t.menu ? t.menu() : u(Ot, null, {
+          return t.menu ? t.menu() : u(Bt, null, {
             default: () => [Array.isArray(e.items) && e.items.length > 0 ? u(In, null, xa(l = e.items.map((s) => {
-              const c = U(s, e.itemText);
-              return u(On, {
+              const c = G(s, e.itemText);
+              return u(Bn, {
                 onClick: (d) => r(s)
               }, xa(c) ? c : {
                 default: () => [c]
@@ -6938,7 +6970,7 @@ const Gi = R({
     itemChildren: !1
   }),
   returnItem: Boolean
-}, Ss = R(
+}, Ss = L(
   ws,
   "list-items"
 );
@@ -6966,7 +6998,7 @@ function _s(e, t) {
   function n(i) {
     return i.filter(
       (r) => r !== null || e.value.some((o) => o.value === null)
-    ).map((r) => e.value.find((l) => we(r, l.value)) ?? t(r));
+    ).map((r) => e.value.find((l) => Se(r, l.value)) ?? t(r));
   }
   function a(i) {
     return i.map(({ value: r }) => r);
@@ -6981,19 +7013,20 @@ function Cs(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ka(e);
 }
 function Ts(e, t, n = "value") {
-  const a = typeof t, i = a === "string" || a === "number" ? U(e, n) : e;
-  return we(i, t);
+  const a = typeof t, i = a === "string" || a === "number" ? G(e, n) : e;
+  return Se(i, t);
 }
-const Zi = R({
+const Zi = L({
   opened: Boolean,
   multiple: Boolean,
   weakEquals: Boolean,
   valueEquals: {
     type: Function,
-    default: we
+    default: Se
   },
+  defaultSelect: Boolean,
   ...Ss()
-}, "Select"), Ji = R({
+}, "Select"), Ji = L({
   maxHeight: {
     type: [Number, String],
     default: 310
@@ -7003,7 +7036,7 @@ const Zi = R({
   ...Aa(_n({
     position: "bottom"
   }), ["coordinateStrategy"])
-}, "YSelect"), Es = /* @__PURE__ */ Y({
+}, "YSelect"), Es = /* @__PURE__ */ D({
   name: "YSelect",
   props: {
     ...Ji()
@@ -7015,11 +7048,11 @@ const Zi = R({
   setup(e, {
     slots: t
   }) {
-    const n = A(), a = A(), i = A(), r = Z(e, "opened"), o = Wa(!1), {
+    const n = A(), a = A(), i = A(), r = J(e, "opened"), o = Wa(!1), {
       items: l,
       toRefineItems: s,
       toEmitItems: c
-    } = xs(e), d = Z(e, "modelValue", [], (y) => s(y === null ? [null] : qe(y)), (y) => {
+    } = xs(e), d = J(e, "modelValue", [], (y) => s(y === null ? [null] : qe(y)), (y) => {
       const g = c(qe(y));
       return e.multiple ? g : g[0] ?? null;
     }), v = x(() => d.value.map((y) => l.value.find((g) => e.valueEquals(g.value, y.value))));
@@ -7046,7 +7079,7 @@ const Zi = R({
       return e.multiple ? v.value.map((h) => h.text).join(", ") : ((g = (y = v.value) == null ? void 0 : y[0]) == null ? void 0 : g.text) ?? "";
     });
     return H(() => {
-      const y = ne(e, pt.props);
+      const y = ae(e, bt.props);
       return u(Ge, {
         modelValue: r.value,
         "onUpdate:modelValue": (g) => r.value = g,
@@ -7061,7 +7094,7 @@ const Zi = R({
       }, {
         base: (...g) => {
           var h, _;
-          return t.base ? (h = t.base) == null ? void 0 : h.call(t, ...g) : u(pt, q({
+          return t.base ? (h = t.base) == null ? void 0 : h.call(t, ...g) : u(bt, q({
             ...y,
             ...q({
               ...g[0].props
@@ -7085,8 +7118,8 @@ const Zi = R({
               }, [t.selection ? (C = t.selection) == null ? void 0 : C.call(t) : w.value]);
             },
             leading: t.leading ? (...C) => {
-              var V;
-              return (V = t.leading) == null ? void 0 : V.call(t, ...C);
+              var P;
+              return (P = t.leading) == null ? void 0 : P.call(t, ...C);
             } : void 0,
             trailing: (...C) => t["expand-icon"] ? t["expand-icon"]() : u("i", {
               class: "y-select__icon"
@@ -7096,10 +7129,10 @@ const Zi = R({
         },
         default: () => {
           let g;
-          return t.menu ? t.menu() : u(Ot, null, {
+          return t.menu ? t.menu() : u(Bt, null, {
             default: () => [l.value.length > 0 ? u(In, {
               ref: i
-            }, Cs(g = l.value.map((h) => u(On, {
+            }, Cs(g = l.value.map((h) => u(Bn, {
               onClick: (_) => m(h)
             }, {
               default: () => [h.text]
@@ -7118,7 +7151,7 @@ const Zi = R({
     };
   }
 }), Mn = Symbol.for("yuyeon.y-tabs");
-const Qi = R({
+const Qi = L({
   text: String,
   hideIndicator: Boolean,
   indicatorColor: String,
@@ -7126,7 +7159,7 @@ const Qi = R({
     selectedClass: "y-tab--selected",
     noWave: !0
   })
-}, "YTab"), er = /* @__PURE__ */ Y({
+}, "YTab"), er = /* @__PURE__ */ D({
   name: "YTab",
   props: Qi(),
   slots: Object,
@@ -7145,8 +7178,8 @@ const Qi = R({
       a.value = s;
     }
     return H(() => {
-      const s = ne(e, ee.props);
-      return u(W, null, [u(ee, q({
+      const s = ae(e, te.props);
+      return u(W, null, [u(te, q({
         class: ["y-tab"],
         active: !1
       }, o.value, n, s, {
@@ -7166,7 +7199,7 @@ const Qi = R({
     }), {};
   }
 });
-const tr = R({
+const tr = L({
   items: {
     type: Array
   },
@@ -7174,7 +7207,7 @@ const tr = R({
     selectedClass: "y-tab--active",
     mandatory: "force"
   })
-}, "YTabs"), ks = /* @__PURE__ */ Y({
+}, "YTabs"), ks = /* @__PURE__ */ D({
   name: "YTabs",
   props: {
     tag: {
@@ -7192,10 +7225,10 @@ const tr = R({
     const {
       resizeObservedRef: n,
       contentRect: a
-    } = _t(), {
+    } = et(), {
       resizeObservedRef: i,
       contentRect: r
-    } = _t(), o = oo(e, Mn), l = x(() => ({
+    } = et(), o = oo(e, Mn), l = x(() => ({
       next: o.next,
       prev: o.prev,
       select: o.select,
@@ -7233,7 +7266,7 @@ const nr = "YAlert", $s = $t(nr), As = {
   color: String,
   textColor: String,
   outlineColor: String
-}, Bs = /* @__PURE__ */ Y({
+}, Os = /* @__PURE__ */ D({
   name: nr,
   props: {
     ...As
@@ -7273,11 +7306,11 @@ const nr = "YAlert", $s = $t(nr), As = {
   }
 }), _a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  PageControlPaths: ht,
-  YAlert: Bs,
+  PageControlPaths: vt,
+  YAlert: Os,
   YApp: hr,
-  YButton: ee,
-  YCard: Ot,
+  YButton: te,
+  YCard: Bt,
   YCardBody: No,
   YCardFooter: Mo,
   YCardHeader: Ro,
@@ -7290,18 +7323,18 @@ const nr = "YAlert", $s = $t(nr), As = {
   YDropdown: bs,
   YExpandHTransition: Gl,
   YExpandVTransition: Ti,
-  YFieldInput: pt,
-  YForm: Po,
-  YIconCheckbox: be,
+  YFieldInput: bt,
+  YForm: Do,
+  YIconCheckbox: we,
   YIconClear: si,
-  YIconExpand: xt,
+  YIconExpand: _t,
   YIconPageControl: Ie,
   YIconSort: Ei,
-  YInput: ft,
+  YInput: ht,
   YInputCheckbox: on,
-  YLayer: xe,
+  YLayer: _e,
   YList: In,
-  YListItem: On,
+  YListItem: Bn,
   YMenu: Ge,
   YMenuPropOptions: zi,
   YPagination: Yi,
@@ -7309,13 +7342,13 @@ const nr = "YAlert", $s = $t(nr), As = {
   YSelect: Es,
   YSnackbar: Wl,
   YSpinnerRing: ri,
-  YSwitch: Fo,
+  YSwitch: jo,
   YTab: er,
-  YTable: De,
+  YTable: Ve,
   YTabs: ks,
   YTooltip: Ul,
   YTreeView: Jl,
-  YTreeViewNode: Bn,
+  YTreeViewNode: On,
   Y_TABS_KEY: Mn,
   pressDataTableProps: Nn,
   pressDataTableServerProps: Ki,
@@ -7326,15 +7359,15 @@ const nr = "YAlert", $s = $t(nr), As = {
   pressYInputPropsOptions: Sn,
   pressYLayerProps: Tn,
   pressYListItemProps: Ai,
-  pressYListPropsOptions: Bi,
-  pressYPaginationProps: Pi,
+  pressYListPropsOptions: Oi,
+  pressYPaginationProps: Di,
   pressYSelectPropsOptions: Ji,
   pressYTabPropsOptions: Qi,
-  pressYTableProps: Vn,
+  pressYTableProps: Pn,
   pressYTabsPropOptions: tr,
   pressYTreeViewNodeProps: An,
   returnItemEquals: Ts
-}, Symbol.toStringTag, { value: "Module" })), Os = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ";
+}, Symbol.toStringTag, { value: "Module" })), Bs = ",--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \n \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ \n  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | \n.-'  /    `----' .-'  /   `----' `---' `--''--' \n`---'            `---'                          ";
 const Is = {
   credit: !0
 };
@@ -7343,7 +7376,7 @@ function Ys(e = Is) {
   return {
     install: (a) => {
       t.install(a);
-      const i = et({
+      const i = tt({
         app: null,
         root: null,
         theme: t.instance
@@ -7351,12 +7384,12 @@ function Ys(e = Is) {
       Object.keys(_a).forEach((o) => {
         const l = _a[o];
         a.component(o, l);
-      }), a.directive("plate-wave", ii), a.provide(gt, i.theme), a.config.globalProperties.$yuyeon = i, tt(() => {
+      }), a.directive("plate-wave", ii), a.provide(pt, i.theme), a.config.globalProperties.$yuyeon = i, nt(() => {
         if (i.app = a._instance, i.root = a._container, !i.root)
           throw new Error("yuyeon: Can't found instance");
         const o = i.root;
         o.classList.add("y-root"), o.setAttribute("data-y-root", ""), t.init(i);
-      }), e != null && e.credit && console.log(Os);
+      }), e != null && e.credit && console.log(Bs);
       const { unmount: r } = a;
       a.unmount = () => {
         r(), t.scope.stop(), a.unmount = r;
@@ -7367,5 +7400,5 @@ function Ys(e = Is) {
 }
 export {
   Ys as init,
-  Ps as useTheme
+  Ds as useTheme
 };