yuyeon 0.0.32 → 0.0.34

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 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 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";
+var Re = (e, t, n) => (ir(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { defineComponent as D, h as V, getCurrentInstance as se, watch as L, 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 Ae, 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 Ye, Fragment as z, 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 }) {
@@ -18,7 +18,7 @@ function Ln(e, t) {
     e.includes(a) || n.push(a);
   return n;
 }
-function qe(e) {
+function Xe(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Ce(e, t) {
@@ -36,7 +36,7 @@ function $a(e, t, n) {
   }
   return i == null || i[t[a]] === void 0 ? n : i[t[a]];
 }
-function Le(e = {}, t = {}, n) {
+function je(e = {}, t = {}, n) {
   const a = { ...e };
   for (const i in t) {
     const r = a[i], o = t[i];
@@ -45,7 +45,7 @@ function Le(e = {}, t = {}, n) {
       continue;
     }
     if (typeof r == "object" && typeof o == "object") {
-      a[i] = Le(r, o, n);
+      a[i] = je(r, o, n);
       continue;
     }
     a[i] = o;
@@ -74,10 +74,10 @@ function Te(e, t, n) {
   const a = t(e, n);
   return typeof a > "u" ? n : a;
 }
-function Fe(e, t = 0, n = 1) {
+function He(e, t = 0, n = 1) {
   return Math.max(t, Math.min(n, e));
 }
-function Ae(e, t = 0) {
+function Oe(e, t = 0) {
   return Array.from({ length: e }, (n, a) => t + a);
 }
 function Se(e, t) {
@@ -104,7 +104,7 @@ function mr(e, t) {
 }
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-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 Oa = Object.assign, yr = Object.prototype.hasOwnProperty, Et = (e, t) => yr.call(e, t), pe = Array.isArray, Ke = (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));
 }, Pa = wr(
@@ -113,27 +113,27 @@ const Oa = Object.assign, yr = Object.prototype.hasOwnProperty, Et = (e, t) => y
 function jn(e, ...t) {
   console.warn(`[Vue warn] ${e}`, ...t);
 }
-const Xe = (e) => {
+const Ze = (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, 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;
+let Je = !0;
 const Va = [];
 function _r() {
-  Va.push(Ze), Ze = !1;
+  Va.push(Je), Je = !1;
 }
 function Cr() {
   const e = Va.pop();
-  Ze = e === void 0 ? !0 : e;
+  Je = e === void 0 ? !0 : e;
 }
 function ie(e, t, n) {
-  if (Ze && de) {
+  if (Je && 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());
+    i || a.set(n, i = Ze());
     const r = process.env.NODE_ENV !== "production" ? { effect: de, target: e, type: t, key: n } : void 0;
     Kt(i, r);
   }
@@ -164,26 +164,26 @@ function xe(e, t, n, a, i, r) {
   } else
     switch (n !== void 0 && l.push(o.get(n)), t) {
       case "add":
-        pe(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)), Ke(e) && l.push(o.get(Ht)));
         break;
       case "delete":
-        pe(e) || (l.push(o.get(Ee)), He(e) && l.push(o.get(Ht)));
+        pe(e) || (l.push(o.get(Ee)), Ke(e) && l.push(o.get(Ht)));
         break;
       case "set":
-        He(e) && l.push(o.get(Ee));
+        Ke(e) && l.push(o.get(Ee));
         break;
     }
   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" ? Oe(l[0], s) : Oe(l[0]));
+    l[0] && (process.env.NODE_ENV !== "production" ? Be(l[0], s) : Be(l[0]));
   else {
     const c = [];
     for (const d of l)
       d && c.push(...d);
-    process.env.NODE_ENV !== "production" ? Oe(Xe(c), s) : Oe(Xe(c));
+    process.env.NODE_ENV !== "production" ? Be(Ze(c), s) : Be(Ze(c));
   }
 }
-function Oe(e, t) {
+function Be(e, t) {
   const n = pe(e) ? e : [...e];
   for (const a of n)
     a.computed && Fn(a, t);
@@ -291,7 +291,7 @@ function rt(e, t, n = !1, a = !1) {
   e = e.__v_raw;
   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;
+  const { has: o } = kt(i), l = a ? mn : n ? yn : Qe;
   if (o.call(i, t))
     return l(e.get(t));
   if (o.call(i, r))
@@ -326,18 +326,18 @@ function zn(e) {
   return i && xe(t, "delete", e, void 0, r), o;
 }
 function Un() {
-  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();
+  const e = F(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? Ke(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
   return t && xe(e, "clear", void 0, void 0, n), a;
 }
 function st(e, t) {
   return function(a, i) {
-    const r = this, o = r.__v_raw, l = F(o), s = t ? mn : e ? yn : Je;
+    const r = this, o = r.__v_raw, l = F(o), s = t ? mn : e ? yn : Qe;
     return !e && ie(l, "iterate", Ee), o.forEach((c, d) => a.call(i, s(c), s(d), r));
   };
 }
 function ut(e, t, n) {
   return function(...a) {
-    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;
+    const i = this.__v_raw, r = F(i), o = Ke(r), l = e === "entries" || e === Symbol.iterator && o, s = e === "keys" && o, c = i[e](...a), d = n ? mn : t ? yn : Qe;
     return !t && ie(
       r,
       "iterate",
@@ -544,23 +544,23 @@ function F(e) {
   const t = e && e.__v_raw;
   return t ? F(t) : e;
 }
-const Je = (e) => at(e) ? ja(e) : e, yn = (e) => at(e) ? Fa(e) : e;
+const Qe = (e) => at(e) ? ja(e) : e, yn = (e) => at(e) ? Fa(e) : e;
 function qr(e) {
-  Ze && de && (e = F(e), process.env.NODE_ENV !== "production" ? Kt(e.dep || (e.dep = Xe()), {
+  Je && de && (e = F(e), process.env.NODE_ENV !== "production" ? Kt(e.dep || (e.dep = Ze()), {
     target: e,
     type: "get",
     key: "value"
-  }) : Kt(e.dep || (e.dep = Xe())));
+  }) : Kt(e.dep || (e.dep = Ze())));
 }
 function Xr(e, t) {
   e = F(e);
   const n = e.dep;
-  n && (process.env.NODE_ENV !== "production" ? Oe(n, {
+  n && (process.env.NODE_ENV !== "production" ? Be(n, {
     target: e,
     type: "set",
     key: "value",
     newValue: t
-  }) : Oe(n));
+  }) : Be(n));
 }
 function ge(e) {
   return !!(e && e.__v_isRef === !0);
@@ -576,14 +576,14 @@ function za(e, t) {
 }
 class Jr {
   constructor(t, n) {
-    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : F(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 : Qe(t);
   }
   get value() {
     return qr(this), this._value;
   }
   set value(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));
+    t = n ? t : F(t), hn(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : Qe(t), Xr(this, t));
   }
 }
 class Qr {
@@ -659,7 +659,7 @@ function ft(e, t) {
   }
   return [];
 }
-function L(e, t) {
+function R(e, t) {
   return (n) => Object.keys(e).reduce((a, i) => {
     const r = e[i], l = typeof r == "object" && r != null && !Array.isArray(r) ? r : { type: r };
     return n && i in n ? a[i] = {
@@ -697,7 +697,7 @@ function qa(e, t) {
       }) : t()
     );
   }
-  j(
+  L(
     e,
     (i) => {
       i && !n ? a() : i || (n == null || n.stop(), n = void 0);
@@ -722,7 +722,7 @@ function J(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
   qa(
     () => !d.value,
     () => {
-      j(
+      L(
         () => c(),
         (f) => {
           s.value = f;
@@ -743,7 +743,7 @@ function J(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
     get: () => d.value ? c() : s.value
   }), v;
 }
-const ao = L(
+const ao = R(
   {
     modelValue: {
       type: null,
@@ -756,7 +756,7 @@ const ao = L(
     disabled: Boolean
   },
   "choice"
-), io = L(
+), io = R(
   {
     value: null,
     disabled: Boolean,
@@ -797,7 +797,7 @@ function ro(e, t, n = !0) {
       e.selectedClass
     ]
   );
-  return j(s, (d) => {
+  return L(s, (d) => {
     a.emit("choice:selected", { value: d });
   }), {
     id: i,
@@ -816,7 +816,7 @@ function oo(e, t) {
     e,
     "modelValue",
     [],
-    (f) => f == null ? [] : Xa(a, qe(f)),
+    (f) => f == null ? [] : Xa(a, Xe(f)),
     (f) => {
       const b = so(a, f);
       return e.multiple ? b : b[0];
@@ -908,7 +908,7 @@ function so(e, t) {
   }), n;
 }
 function uo(e, t) {
-  j(
+  L(
     () => {
       var n;
       return (n = e.isActive) == null ? void 0 : n.value;
@@ -933,29 +933,29 @@ function co(e, t = 0, n = {
   if (typeof e != "function")
     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 P = a, Y = i;
-    return a = i = void 0, c = C, o = e.apply(Y, P), o;
+  function b(_) {
+    const B = a, N = i;
+    return a = i = void 0, c = _, o = e.apply(N, B), o;
   }
-  function m(C) {
-    return c = C, l = window.setTimeout(w, t), d ? b(C) : o;
+  function m(_) {
+    return c = _, l = window.setTimeout(w, t), d ? b(_) : o;
   }
-  function S(C) {
-    var P = C - (s ?? 0), Y = C - (c ?? 0), R = t - P;
-    return v ? Math.min(R, (r ?? 0) - Y) : R;
+  function S(_) {
+    var B = _ - (s ?? 0), N = _ - (c ?? 0), K = t - B;
+    return v ? Math.min(K, (r ?? 0) - N) : K;
   }
-  function p(C) {
-    var P = C - (s ?? 0), Y = C - (c ?? 0);
-    return s === void 0 || P >= t || P < 0 || v && Y >= (r ?? 0);
+  function p(_) {
+    var B = _ - (s ?? 0), N = _ - (c ?? 0);
+    return s === void 0 || B >= t || B < 0 || v && N >= (r ?? 0);
   }
   function w() {
-    const C = Date.now();
-    if (p(C))
-      return y(C);
-    l = window.setTimeout(w, S(C));
+    const _ = Date.now();
+    if (p(_))
+      return y(_);
+    l = window.setTimeout(w, S(_));
   }
-  function y(C) {
-    return l = void 0, f && a ? b(C) : (a = i = void 0, o);
+  function y(_) {
+    return l = void 0, f && a ? b(_) : (a = i = void 0, o);
   }
   function g() {
     l !== void 0 && clearTimeout(l), c = 0, a = s = i = l = void 0;
@@ -963,9 +963,9 @@ function co(e, t = 0, n = {
   function h() {
     return l === void 0 ? o : y(Date.now());
   }
-  function _() {
-    const C = Date.now(), P = p(C);
-    if (a = arguments, i = this, s = C, P) {
+  function C() {
+    const _ = Date.now(), B = p(_);
+    if (a = arguments, i = this, s = _, B) {
       if (l === void 0)
         return m(s);
       if (v)
@@ -973,7 +973,7 @@ function co(e, t = 0, n = {
     }
     return l === void 0 && (l = window.setTimeout(w, t)), o;
   }
-  return _.cancel = g, _.flush = h, _;
+  return C.cancel = g, C.flush = h, C;
 }
 function gn(e) {
   const t = e.getRootNode();
@@ -1020,7 +1020,7 @@ function It(e) {
 function qn(e) {
   return Math.ceil(e * devicePixelRatio) / devicePixelRatio;
 }
-function z(e, t = "px") {
+function W(e, t = "px") {
   if (e === "" || e === null || e === void 0)
     return;
   let n = Number(e);
@@ -1029,10 +1029,10 @@ function z(e, t = "px") {
 }
 class Pt {
   constructor({ x: t, y: n, width: a, height: i }) {
-    Me(this, "x");
-    Me(this, "y");
-    Me(this, "width");
-    Me(this, "height");
+    Re(this, "x");
+    Re(this, "y");
+    Re(this, "width");
+    Re(this, "height");
     this.x = t ?? 0, this.y = n ?? 0, this.width = a ?? 0, this.height = i ?? 0;
   }
   get top() {
@@ -1120,7 +1120,7 @@ function yo(e, t) {
 }
 function go(e) {
   const t = tt({}), n = x(e);
-  return $e(
+  return Ae(
     () => {
       for (const a in n.value)
         t[a] = n.value[a];
@@ -1148,7 +1148,7 @@ function Ut(e) {
 function pn(e) {
   return po.test(e) || bo.test(e);
 }
-const wo = L(
+const wo = R(
   {
     href: String,
     replace: Boolean,
@@ -1206,7 +1206,7 @@ let Gt = !1;
 function ei(e) {
   Qa(e.currentTarget);
 }
-function Ke(e) {
+function We(e) {
   bn(e.currentTarget);
 }
 function xo(e) {
@@ -1218,7 +1218,7 @@ function ni(e) {
   Gt = !1, bn(e.currentTarget);
 }
 function ai(e) {
-  e.removeEventListener("mousedown", ei), e.removeEventListener("mouseup", Ke), e.removeEventListener("mouseleave", Ke), e.removeEventListener("keydown", ti), e.removeEventListener("keyup", ni);
+  e.removeEventListener("mousedown", ei), e.removeEventListener("mouseup", We), e.removeEventListener("mouseleave", We), e.removeEventListener("keydown", ti), e.removeEventListener("keyup", ni);
 }
 function ta(e, t, n = !1) {
   const { value: a, modifiers: i } = t, r = !!a;
@@ -1227,7 +1227,7 @@ function ta(e, t, n = !1) {
       e.addEventListener("mousedown", xo);
       return;
     }
-    e.addEventListener("mousedown", ei), e.addEventListener("mouseup", Ke), e.addEventListener("mouseleave", Ke), e.addEventListener("keydown", ti), e.addEventListener("keyup", ni), e.addEventListener("blur", Ke);
+    e.addEventListener("mousedown", ei), e.addEventListener("mouseup", We), e.addEventListener("mouseleave", We), e.addEventListener("keydown", ti), e.addEventListener("keyup", ni), e.addEventListener("blur", We);
   } else
     !r && !n && ai(e);
 }
@@ -1262,7 +1262,7 @@ const _o = "YSpinnerRing", ri = /* @__PURE__ */ D({
     }, null)]);
   }
 }), Co = Symbol.for("yuyeon.y-toggle-button");
-const le = "y-button", wn = L({
+const le = "y-button", wn = R({
   loading: Boolean,
   active: {
     type: Boolean,
@@ -1388,7 +1388,7 @@ const le = "y-button", wn = L({
 }), To = {
   focused: Boolean,
   "onUpdate:focused": Function
-}, Eo = L(To, "focus");
+}, Eo = R(To, "focus");
 function oi(e, t) {
   const n = J(e, "focused");
   function a() {
@@ -1413,7 +1413,7 @@ const li = (e, t, n) => {
       r.startsWith("y-theme--") && r !== i && e.classList.remove(r);
     }), e.classList.add(i);
   }
-  $e(
+  Ae(
     () => {
       var l, s, c, d, v;
       const i = ((s = (l = t.instance) == null ? void 0 : l.$yuyeon) == null ? void 0 : s.theme) ?? ((v = (d = (c = n == null ? void 0 : n.ctx) == null ? void 0 : c.root.appContext.config.globalProperties) == null ? void 0 : d.$yuyeon) == null ? void 0 : v.theme), r = t.value ?? Ea(i.currentThemeKey) ?? "";
@@ -1535,7 +1535,7 @@ function $o(e) {
     typeof r == "string" && (t[i] = r);
   return t;
 }
-function Re(e, t) {
+function Le(e, t) {
   return [`${e} {
 `, ...t.map((n) => `  ${n}
 `), `}
@@ -1631,16 +1631,16 @@ function Oo(e) {
   return e ? {
     scheme: aa.light,
     theme: ["light", "dark"],
-    themes: { ...Le(ra, e.themes) },
-    palette: { ...Le(ia, e.palette) }
+    themes: { ...je(ra, e.themes) },
+    palette: { ...je(ia, e.palette) }
   } : {
     scheme: aa.light,
     theme: ["light", "dark"],
-    themes: { ...Le(ra) },
-    palette: { ...Le(ia) }
+    themes: { ...je(ra) },
+    palette: { ...je(ia) }
   };
 }
-const pt = Symbol.for("yuyeon.theme"), At = L(
+const pt = Symbol.for("yuyeon.theme"), At = R(
   {
     theme: String
   },
@@ -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", ct(f.value, "palette"))
+      ...Le(":root", ct(f.value, "palette"))
     );
-    for (const [h, _] of Object.entries(b.value)) {
-      const { colors: C, variables: P, isDark: Y } = _, R = {
-        ...C,
-        ...P
-      }, O = Y ? "dark" : "light";
+    for (const [h, C] of Object.entries(b.value)) {
+      const { colors: _, variables: B, isDark: N } = C, K = {
+        ..._,
+        ...B
+      }, I = N ? "dark" : "light";
       a.value === "auto" ? g.push(
-        ...Re(
-          `@media (prefers-color-scheme: ${O})`,
-          Re(
-            `[data-theme-scheme='auto'][data-${O}-theme='${h}']`,
-            ct(R, "theme")
+        ...Le(
+          `@media (prefers-color-scheme: ${I})`,
+          Le(
+            `[data-theme-scheme='auto'][data-${I}-theme='${h}']`,
+            ct(K, "theme")
           )
         )
       ) : g.push(
-        ...Re(
-          `[data-theme-scheme='${O}'][data-${O}-theme='${h}']`,
-          ct(R, "theme")
+        ...Le(
+          `[data-theme-scheme='${I}'][data-${I}-theme='${h}']`,
+          ct(K, "theme")
         )
       ), g.push(
-        ...Re(`.y-theme--${h}`, ct(R, "theme"))
+        ...Le(`.y-theme--${h}`, ct(K, "theme"))
       );
     }
     return g.join("");
@@ -1689,11 +1689,11 @@ function Io(e) {
   function S(g) {
     g.directive("theme", li);
     let h = document.getElementById("yuyeon-theme-palette");
-    j(m, _, { immediate: !0 });
-    function _() {
+    L(m, C, { immediate: !0 });
+    function C() {
       if (typeof document < "u" && !h) {
-        const C = document.createElement("style");
-        C.type = "text/css", C.id = "yuyeon-theme-palette", e != null && e.cspNonce && C.setAttribute("nonce", e.cspNonce), h = C, document.head.appendChild(h);
+        const _ = document.createElement("style");
+        _.type = "text/css", _.id = "yuyeon-theme-palette", e != null && e.cspNonce && _.setAttribute("nonce", e.cspNonce), h = _, document.head.appendChild(h);
       }
       h && (h.innerHTML = m.value);
     }
@@ -1703,14 +1703,14 @@ function Io(e) {
       const h = window.matchMedia("(prefers-color-scheme: dark)");
       c(h), h.addEventListener("change", c);
     }
-    j(
+    L(
       i,
       (h) => {
-        const [_, C] = h;
-        g.root.dataset.lightTheme = _, g.root.dataset.darkTheme = C;
+        const [C, _] = h;
+        g.root.dataset.lightTheme = C, g.root.dataset.darkTheme = _;
       },
       { immediate: !0 }
-    ), j(
+    ), L(
       a,
       (h) => {
         g.root.setAttribute(
@@ -1785,7 +1785,7 @@ function Ds() {
 }
 const ce = "y-input";
 let oa = 0;
-const Sn = L(
+const Sn = R(
   {
     name: String,
     width: {
@@ -2121,7 +2121,7 @@ const Sn = L(
     }, null)]);
   }
 });
-const Nt = "y-field-input", xn = L(
+const Nt = "y-field-input", xn = R(
   {
     enableClear: Boolean,
     inputAlign: String,
@@ -2163,78 +2163,78 @@ const Nt = "y-field-input", xn = L(
     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($) {
-      var N;
-      (N = o.value) == null || N.focus(), a("click", $);
+    function m(k) {
+      var Y;
+      (Y = o.value) == null || Y.focus(), a("click", k);
     }
-    function S($) {
-      s(), v.value = d.value, a("focus", $);
+    function S(k) {
+      s(), v.value = d.value, a("focus", k);
     }
-    function p($) {
-      c(), a("blur", $), O();
+    function p(k) {
+      c(), a("blur", k), I();
     }
-    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 w(k) {
+      a("input", k);
+      const Y = k.target;
+      d.value = Y == null ? void 0 : Y.value, v.value = Y == null ? void 0 : Y.value, e.whenInputValid;
     }
-    function y($) {
+    function y(k) {
       a("change", d.value);
     }
-    function g($) {
-      a("keydown", $);
+    function g(k) {
+      a("keydown", k);
     }
-    function h($) {
-      a("keyup", $);
+    function h(k) {
+      a("keyup", k);
     }
-    function _($) {
-      R();
+    function C(k) {
+      K();
     }
-    function C($) {
-      ($.code === "Space" || $.code === "Enter") && R();
+    function _(k) {
+      (k.code === "Space" || k.code === "Enter") && K();
     }
-    function P() {
-      var $;
-      ($ = o.value) == null || $.focus();
+    function B() {
+      var k;
+      (k = o.value) == null || k.focus();
     }
-    function Y() {
-      var $;
-      ($ = o.value) == null || $.select();
+    function N() {
+      var k;
+      (k = o.value) == null || k.select();
     }
-    function R() {
+    function K() {
       d.value = "", v.value = "", a("update:modelValue", d.value);
     }
-    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)), nt(() => {
-          v.value = K;
+    function I() {
+      const k = se(), { displayText: Y } = e;
+      if (Y !== void 0) {
+        let j = d.value;
+        typeof Y == "string" && (j = Y), Y && typeof Y == "function" && (j = Y.call(k, j)), nt(() => {
+          v.value = j;
         });
       }
     }
-    j(
+    L(
       () => e.modelValue,
-      ($) => {
-        d.value = $, v.value = $;
+      (k) => {
+        d.value = k, v.value = k;
       },
       {
         immediate: !0
       }
-    ), j(d, ($) => {
-      l.value ? v.value = $ : O();
+    ), L(d, (k) => {
+      l.value ? v.value = k : I();
     }), n({
-      focus: P,
-      select: Y,
-      clear: R,
+      focus: B,
+      select: N,
+      clear: K,
       inputRef: o
     });
-    function X($) {
-      a("update:modelValue", $);
+    function X(k) {
+      a("update:modelValue", k);
     }
     return H(
       () => {
-        var $;
+        var k;
         return V(
           ht,
           {
@@ -2245,35 +2245,35 @@ const Nt = "y-field-input", xn = L(
             "onUpdate:modelValue": X,
             onClick: m,
             focused: l.value,
-            "onMousedown:display": (N) => a("mousedown:display", N)
+            "onMousedown:display": (Y) => a("mousedown:display", Y)
           },
           {
-            leading: i.leading ? (...N) => {
+            leading: i.leading ? (...Y) => {
               var oe;
-              const K = [], Z = (oe = i.leading) == null ? void 0 : oe.call(i, ...N);
+              const j = [], Z = (oe = i.leading) == null ? void 0 : oe.call(i, ...Y);
               if (Z)
-                K.push(Z);
+                j.push(Z);
               else
                 return;
-              return K;
+              return j;
             } : void 0,
-            default: (N) => {
-              var K;
+            default: (Y) => {
+              var j;
               return V(
                 "div",
                 {
                   class: `${Nt}__field`,
-                  "data-id": N.attrId,
+                  "data-id": Y.attrId,
                   ref: "field"
                 },
                 [
                   e.floating ? r.value && ht.methods.createLabel.call(r.value) : void 0,
-                  (K = i.default) == null ? void 0 : K.call(i),
+                  (j = i.default) == null ? void 0 : j.call(i),
                   V("input", {
                     ".value": v.value,
-                    ".id": N.attrId,
+                    ".id": Y.attrId,
                     "^type": f.value,
-                    readonly: e.readonly || e.loading || N.formLoading,
+                    readonly: e.readonly || e.loading || Y.formLoading,
                     ".placeholder": e.placeholder,
                     ".disabled": e.disabled,
                     "^tabindex": e.tabindex || "0",
@@ -2296,8 +2296,8 @@ const Nt = "y-field-input", xn = L(
               );
             },
             trailing: () => {
-              const N = [];
-              e.enableClear && d.value && N.push(
+              const Y = [];
+              e.enableClear && d.value && Y.push(
                 V(
                   "div",
                   { class: "y-input__trailing y-input__trailing--clear" },
@@ -2306,8 +2306,8 @@ const Nt = "y-field-input", xn = L(
                       "button",
                       {
                         class: `${Nt}__clear`,
-                        onClick: _,
-                        onKeydown: C,
+                        onClick: C,
+                        onKeydown: _,
                         "^tabindex": "2"
                       },
                       [V(si)]
@@ -2315,15 +2315,15 @@ const Nt = "y-field-input", xn = L(
                   ]
                 )
               );
-              const K = i.trailing;
-              return K && N.push(
-                V("div", { class: "y-input__trailing" }, K())
-              ), N;
+              const j = i.trailing;
+              return j && Y.push(
+                V("div", { class: "y-input__trailing" }, j())
+              ), Y;
             },
-            label: ($ = i.label) == null ? void 0 : $.call(i),
+            label: (k = i.label) == null ? void 0 : k.call(i),
             "helper-text": i["helper-text"] ? () => {
-              var N;
-              return (N = i["helper-text"]) == null ? void 0 : N.call(i);
+              var Y;
+              return (Y = i["helper-text"]) == null ? void 0 : Y.call(i);
             } : void 0
           }
         );
@@ -2889,7 +2889,7 @@ function Ko(e, t, n, a) {
   const m = new ResizeObserver(() => {
     b && p();
   });
-  j(
+  L(
     [t.baseEl, t.contentEl],
     ([w, y], [g, h]) => {
       g && m.unobserve(g), w && m.observe(w), h && m.unobserve(h), y && m.observe(y);
@@ -2909,44 +2909,44 @@ function Ko(e, t, n, a) {
       requestAnimationFrame(() => b = !0);
     }), !w || !y)
       return;
-    const { viewportMargin: g } = e, h = w.getBoundingClientRect(), _ = S(y), C = mo(y);
-    C.length < 1 && C.push(document.documentElement);
-    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
+    const { viewportMargin: g } = e, h = w.getBoundingClientRect(), C = S(y), _ = mo(y);
+    _.length < 1 && _.push(document.documentElement);
+    const B = _.reduce(
+      ($, P) => {
+        const E = P.getBoundingClientRect(), O = new Pt({
+          x: P === document.documentElement ? 0 : E.x,
+          y: P === document.documentElement ? 0 : E.y,
+          width: P.clientWidth,
+          height: P.clientHeight
         });
-        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;
+        return $ ? new Pt({
+          x: Math.max($.left, O.left),
+          y: Math.max($.top, O.top),
+          width: Math.min($.right, O.right) - Math.max($.left, O.left),
+          height: Math.min($.bottom, O.bottom) - Math.max($.top, O.top)
+        }) : O;
       },
       void 0
     );
-    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),
+    B.x += g, B.y += g, B.width -= g * 2, B.height -= g * 2;
+    const { preferredAnchor: N, preferredOrigin: K } = go(() => {
+      const $ = `${e.position} ${e.align}`, P = Zn($, !1), E = e.origin === "overlap" ? P : e.origin === "auto" ? Vt(P) : Zn(e.origin, !1);
+      return P.side === E.side && P.align === Dt(E).align ? {
+        preferredAnchor: Qn(P),
         preferredOrigin: Qn(E)
       } : {
-        preferredAnchor: I,
+        preferredAnchor: P,
         preferredOrigin: E
       };
     });
-    let O = {
-      anchor: Y.value,
-      origin: R.value
+    let I = {
+      anchor: N.value,
+      origin: K.value
     };
-    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) {
+    function X($) {
+      const P = new Pt(C), E = ua($.anchor, h), O = ua($.origin, P);
+      let { x: M, y: Q } = Ho(E, O);
+      switch ($.anchor.side) {
         case "top":
           Q -= f.value[0];
           break;
@@ -2960,7 +2960,7 @@ function Ko(e, t, n, a) {
           M += f.value[0];
           break;
       }
-      switch (k.anchor.align) {
+      switch ($.anchor.align) {
         case "top":
           Q -= f.value[1];
           break;
@@ -2974,71 +2974,71 @@ function Ko(e, t, n, a) {
           M += f.value[1];
           break;
       }
-      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 };
+      return P.x += M, P.y += Q, P.width = Math.min(P.width, d.value), P.height = Math.min(P.height, v.value), { overflows: Xn(P, B), x: M, y: Q };
     }
-    let $ = 0, N = 0;
-    const K = { x: 0, y: 0 }, Z = { x: !1, y: !1 };
+    let k = 0, Y = 0;
+    const j = { 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 { x: $, y: P, overflows: E } = X(I);
+      k += $, Y += P, C.x += $, C.y += P;
       {
-        const B = ea(O.anchor), M = E.x.before || E.x.after, Q = E.y.before || E.y.after;
+        const O = ea(I.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;
+              anchor: { ...I.anchor },
+              origin: { ...I.origin }
+            }, Rn = ee === "x" ? O === "y" ? Dt : Vt : O === "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);
+            (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) && (I = ve, ue = Z[ee] = !0);
           }
         }), ue)
           continue;
       }
-      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);
+      E.x.before && (k += E.x.before, C.x += E.x.before), E.x.after && (k -= E.x.after, C.x -= E.x.after), E.y.before && (Y += E.y.before, C.y += E.y.before), E.y.after && (Y -= E.y.after, C.y -= E.y.after);
       {
-        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;
+        const O = Xn(C, B);
+        j.x = B.width - O.x.before - O.x.after, j.y = B.height - O.y.before - O.y.after, k += O.x.before, C.x += O.x.before, Y += O.y.before, C.y += O.y.before;
       }
       break;
     }
-    const T = ea(O.anchor);
+    const T = ea(I.anchor);
     return Object.assign(a.value, {
-      "--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(
+      "--y-levitation-anchor-origin": `${I.anchor.side} ${I.anchor.align}`,
+      transformOrigin: `${I.origin.side} ${I.origin.align}`,
+      top: W(It(Y)),
+      left: l.value ? void 0 : W(It(k)),
+      right: l.value ? W(It(-k)) : void 0,
+      minWidth: W(
         T === "y" ? Math.min(s.value, h.width) : s.value
       ),
-      maxWidth: z(
+      maxWidth: W(
         qn(
-          Fe(
-            K.x,
+          He(
+            j.x,
             s.value === 1 / 0 ? 0 : s.value,
             d.value
           )
         )
       ),
-      maxHeight: z(
+      maxHeight: W(
         qn(
-          Fe(
-            K.y,
+          He(
+            j.y,
             c.value === 1 / 0 ? 0 : c.value,
             v.value
           )
         )
       )
     }), {
-      available: K,
-      contentRect: _
+      available: j,
+      contentRect: C
     };
   }
-  return j(
+  return L(
     () => [
       e.offset,
       e.minWidth,
@@ -3064,7 +3064,7 @@ function Ko(e, t, n, a) {
 const Wo = {
   levitation: Ko,
   arrangement: Fo
-}, _n = L(
+}, _n = R(
   {
     coordinateStrategy: {
       type: [String, Function],
@@ -3098,7 +3098,7 @@ function zo(e, t) {
     () => !!(t.active.value && e.coordinateStrategy),
     (o) => {
       var l, s;
-      if (j(() => e.coordinateStrategy, o), mt(() => {
+      if (L(() => e.coordinateStrategy, o), mt(() => {
         n.value = void 0;
       }), typeof e.coordinateStrategy == "function")
         n.value = (l = e.coordinateStrategy(
@@ -3137,19 +3137,19 @@ const Uo = {
   minHeight: [Number, String],
   height: [Number, String],
   maxHeight: [Number, String]
-}, Go = L(
+}, Go = R(
   Uo,
   "dimension"
 );
 function qo(e) {
   return {
     dimensionStyles: x(() => ({
-      minWidth: z(e.minWidth),
-      width: z(e.width),
-      maxWidth: z(e.maxWidth),
-      minHeight: z(e.minHeight),
-      height: z(e.height),
-      maxHeight: z(e.maxHeight)
+      minWidth: W(e.minWidth),
+      width: W(e.width),
+      maxWidth: W(e.maxWidth),
+      minHeight: W(e.minHeight),
+      height: W(e.height),
+      maxHeight: W(e.maxHeight)
     }))
   };
 }
@@ -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);
-  j(t, () => {
+  L(t, () => {
     n.value || (a.value = t.value), e.value || (n.value = !0);
   });
   function r() {
@@ -3297,7 +3297,7 @@ const nl = {
     }), delete e._complementClick[n];
   }
 };
-const Tn = L({
+const Tn = R({
   modelValue: {
     type: Boolean
   },
@@ -3378,52 +3378,52 @@ const Tn = L({
       set: (E) => {
         t("update:modelValue", E);
       }
-    }), S = De(!1), p = fe(e, "disabled"), {
+    }), S = Ye(!1), p = fe(e, "disabled"), {
       lazyValue: w,
       onAfterUpdate: y
     } = Zo(fe(e, "eager"), m), g = x(() => !p.value && (w.value || m.value)), {
       coordinate: h,
-      coordinateStyles: _,
-      updateCoordinate: C
+      coordinateStyles: C,
+      updateCoordinate: _
     } = zo(e, {
       contentEl: l,
       baseEl: c,
       active: m
     });
-    function P(E) {
+    function B(E) {
       t("click:complement", E), e.modal || o.value !== null && o.value === E.target && e.closeClickScrim && (m.value = !1);
     }
-    function Y() {
+    function N() {
       return (!e.openOnHover || e.openOnHover && !T.value) && m.value;
     }
-    const R = tt({
-      handler: P,
-      determine: Y,
+    const K = tt({
+      handler: B,
+      determine: N,
       include: () => [c.value]
     });
-    function O() {
+    function I() {
       S.value = !0;
     }
     function X() {
       y(), S.value = !1, t("afterLeave");
     }
-    function $() {
+    function k() {
       e.closeClickScrim && (m.value = !1);
     }
-    const N = x(() => {
-      var E, B;
-      return (B = (E = s.value) == null ? void 0 : E[0]) == null ? void 0 : B.el;
+    const Y = x(() => {
+      var E, O;
+      return (O = (E = s.value) == null ? void 0 : E[0]) == null ? void 0 : O.el;
     });
-    $e(() => {
-      var B, M;
+    Ae(() => {
+      var O, M;
       if (!r.value) {
-        c.value = N.value;
+        c.value = Y.value;
         return;
       }
       const E = r.value;
-      c.value = (B = r.value) != null && B.$el ? (M = r.value) == null ? void 0 : M.$el : E;
+      c.value = (O = r.value) != null && O.$el ? (M = r.value) == null ? void 0 : M.$el : E;
     });
-    const K = x(() => ({
+    const j = x(() => ({
       zIndex: "2000"
     })), Z = x(() => {
       const {
@@ -3436,10 +3436,10 @@ const Tn = L({
     }), oe = x(() => ({
       ...ke(e.contentClasses)
     })), T = A(!1);
-    function k(E) {
+    function $(E) {
       T.value = !0;
     }
-    function I(E) {
+    function P(E) {
       T.value = !1;
     }
     return n({
@@ -3449,11 +3449,11 @@ const Tn = L({
       baseEl: c,
       active: m,
       onAfterUpdate: y,
-      updateCoordinate: C,
+      updateCoordinate: _,
       hovered: T
     }), H(() => {
-      var B;
-      const E = (B = i.base) == null ? void 0 : B.call(i, {
+      var O;
+      const E = (O = i.base) == null ? void 0 : O.call(i, {
         active: m.value,
         props: q({
           ref: r,
@@ -3463,7 +3463,7 @@ const Tn = L({
           }
         })
       });
-      return s.value = E, u(W, null, [E, u(ur, {
+      return s.value = E, u(z, null, [E, u(ur, {
         disabled: !v.value,
         to: v.value
       }, {
@@ -3474,20 +3474,20 @@ const Tn = L({
             ...Z.value,
             [d.value ?? ""]: !0
           },
-          onMouseenter: k,
-          onMouseleave: I,
-          style: K.value
+          onMouseenter: $,
+          onMouseleave: P,
+          style: j.value
         }, a), [u(cn, {
           name: "fade",
           appear: !0
         }, {
           default: () => [m.value && e.scrim && u("div", {
             class: "y-layer__scrim",
-            onClick: $,
+            onClick: k,
             ref: "scrim$"
           }, null)]
         }), u(da, q({
-          onAfterEnter: O,
+          onAfterEnter: I,
           onAfterLeave: X,
           appear: !0
         }, f.value), {
@@ -3500,20 +3500,20 @@ const Tn = L({
               },
               style: [{
                 ...b.value,
-                ..._.value,
+                ...C.value,
                 ...e.contentStyles
               }],
               ref: l
             }, [(M = i.default) == null ? void 0 : M.call(i, {
               active: m.value
             })]), [[cr, m.value], [sn("complement-click"), {
-              ...R
+              ...K
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: R,
+      complementClickOption: K,
       layerGroup: v,
       active: m,
       rendered: g,
@@ -3523,7 +3523,7 @@ const Tn = L({
       content$: l,
       baseEl: c,
       polyTransitionBindProps: f,
-      coordinateStyles: _
+      coordinateStyles: C
     };
   }
 });
@@ -3575,16 +3575,16 @@ const al = /* @__PURE__ */ D({
       const v = a.value;
       e.disabled || (a.value = !v);
     }
-    return j(() => {
+    return L(() => {
       var d;
       return (d = r.value) == null ? void 0 : d.baseEl;
     }, (d, v) => {
       d ? d.addEventListener("click", c) : v && v.removeEventListener("click", c);
-    }), j(() => a.value, (d) => {
+    }), L(() => a.value, (d) => {
       d ? l() : s();
     }, {
       immediate: !0
-    }), H(() => u(W, null, [u(_e, {
+    }), H(() => u(z, null, [u(_e, {
       modelValue: a.value,
       "onUpdate:modelValue": (d) => a.value = d,
       scrim: !0,
@@ -3613,12 +3613,12 @@ const fi = (e, t, n) => Math.min(Math.max(n, e), t), ne = {
   endDelay: 0,
   repeat: 0,
   easing: "ease"
-}, wt = (e) => typeof e == "number", Pe = (e) => Array.isArray(e) && !wt(e[0]), rl = (e, t, n) => {
+}, wt = (e) => typeof e == "number", Ve = (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 Pe(e) ? e[rl(0, e.length, t)] : e;
+  return Ve(e) ? e[rl(0, e.length, t)] : e;
 }
 const hi = (e, t, n) => -n * e + n * t + e, vi = () => {
 }, be = (e) => e, En = (e, t, n) => t - e === 0 ? 1 : (n - e) / (t - e);
@@ -3643,7 +3643,7 @@ function sl(e, t = ll(e.length), n = be) {
     return l = ol(n, o)(l), hi(e[o], e[o + 1], l);
   };
 }
-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 = {
+const yi = (e) => Array.isArray(e) && wt(e[0]), qt = (e) => typeof e == "object" && !!e.createAnimation, Ne = (e) => typeof e == "function", ul = (e) => typeof e == "string", ze = {
   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,7 +3654,7 @@ function fl(e, t, n, a, i) {
   while (Math.abs(r) > cl && ++l < dl);
   return o;
 }
-function je(e, t, n, a) {
+function Fe(e, t, n, a) {
   if (e === t && n === a)
     return be;
   const i = (r) => fl(r, 0, 1, e, n);
@@ -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: 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)
+  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)
 }, vl = /\((.*?)\)/;
 function va(e) {
-  if (Ye(e))
+  if (Ne(e))
     return e;
   if (yi(e))
-    return je(...e);
+    return Fe(...e);
   if (ha[e])
     return ha[e];
   if (e.startsWith("steps")) {
@@ -3694,8 +3694,8 @@ class pi {
       const v = a.createAnimation(n);
       a = v.easing, n = v.keyframes || n, i = v.duration || i;
     }
-    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.repeat = l, this.easing = Ve(a) ? be : va(a), this.updateDuration(i);
+    const d = sl(n, s, Ve(a) ? a.map(va) : be);
     this.tick = (v) => {
       var f;
       r = r;
@@ -3794,10 +3794,10 @@ const gl = ["", "X", "Y", "Z"], pl = ["translate", "scale", "rotate", "skew"], S
     toDefaultUnit: be
   },
   skew: ma
-}, Qe = /* @__PURE__ */ new Map(), kn = (e) => `--motion-${e}`, xt = ["x", "y", "z"];
+}, et = /* @__PURE__ */ new Map(), kn = (e) => `--motion-${e}`, xt = ["x", "y", "z"];
 pl.forEach((e) => {
   gl.forEach((t) => {
-    xt.push(e + t), Qe.set(kn(e + t), bl[e]);
+    xt.push(e + t), et.set(kn(e + t), bl[e]);
   });
 });
 const wl = (e, t) => xt.indexOf(e) - xt.indexOf(t), Sl = new Set(xt), wi = (e) => Sl.has(e), xl = (e, t) => {
@@ -3809,7 +3809,7 @@ function Tl(e) {
   if (!ya.has(e)) {
     ya.add(e);
     try {
-      const { syntax: t, initialValue: n } = Qe.has(e) ? Qe.get(e) : {};
+      const { syntax: t, initialValue: n } = et.has(e) ? et.get(e) : {};
       CSS.registerProperty({
         name: e,
         inherits: !1,
@@ -3840,16 +3840,16 @@ const Lt = (e, t) => document.createElement("div").animate(e, t), ga = {
     }
     return !0;
   }
-}, jt = {}, Be = {};
+}, jt = {}, Ie = {};
 for (const e in ga)
-  Be[e] = () => (jt[e] === void 0 && (jt[e] = ga[e]()), jt[e]);
+  Ie[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) ? Be.linearEasing() ? `linear(${kl(e, t)})` : ne.easing : yi(e) ? $l(e) : e, $l = ([e, t, n, a]) => `cubic-bezier(${e}, ${t}, ${n}, ${a})`;
+}, pa = (e, t) => Ne(e) ? Ie.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());
@@ -3864,7 +3864,7 @@ const dt = {
     t = Jt(t);
     let n = Zt(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
     if (!n && n !== 0) {
-      const a = Qe.get(t);
+      const a = et.get(t);
       a && (n = a.initialValue);
     }
     return n;
@@ -3897,60 +3897,60 @@ function Pl(e, t, n, a = {}, i) {
   const r = Il(), o = a.record !== !1 && r;
   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 = Be.waapi();
+  let g = Ie.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 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;
+  const h = Jt(t), C = yl(w.values, h), _ = et.get(h);
+  return Si(C.animation, !(qt(f) && C.generator) && a.record !== !1), () => {
+    const B = () => {
+      var I, X;
+      return (X = (I = dt.get(e, h)) !== null && I !== void 0 ? I : _ == null ? void 0 : _.initialValue) !== null && X !== void 0 ? X : 0;
     };
-    let Y = Al(Ol(n), P);
-    const R = Bl(Y, C);
+    let N = Al(Ol(n), B);
+    const K = Bl(N, _);
     if (qt(f)) {
-      const O = f.createAnimation(Y, t !== "opacity", P, h, _);
-      f = O.easing, Y = O.keyframes || Y, s = O.duration || s;
-    }
-    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: Pe(f) ? void 0 : pa(f, s),
+      const I = f.createAnimation(N, t !== "opacity", B, h, C);
+      f = I.easing, N = I.keyframes || N, s = I.duration || s;
+    }
+    if (Zt(h) && (Ie.cssRegisterProperty() ? Tl(h) : g = !1), y && !Ie.linearEasing() && (Ne(f) || Ve(f) && f.some(Ne)) && (g = !1), g) {
+      _ && (N = N.map((k) => wt(k) ? _.toDefaultUnit(k) : k)), N.length === 1 && (!Ie.partialKeyframes() || o) && N.unshift(B());
+      const I = {
+        delay: ze.ms(c),
+        duration: ze.ms(s),
+        endDelay: ze.ms(d),
+        easing: Ve(f) ? void 0 : pa(f, s),
         direction: m,
         iterations: v + 1,
         fill: "both"
       };
       l = e.animate({
-        [h]: Y,
+        [h]: N,
         offset: S,
-        easing: Pe(f) ? f.map(($) => pa($, s)) : void 0
-      }, O), l.finished || (l.finished = new Promise(($, N) => {
-        l.onfinish = $, l.oncancel = N;
+        easing: Ve(f) ? f.map((k) => pa(k, s)) : void 0
+      }, I), l.finished || (l.finished = new Promise((k, Y) => {
+        l.onfinish = k, l.oncancel = Y;
       }));
-      const X = Y[Y.length - 1];
+      const X = N[N.length - 1];
       l.finished.then(() => {
         b || (dt.set(e, h, X), l.cancel());
       }).catch(vi), p || (l.playbackRate = 1.000001);
     } else if (i && y)
-      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), {
+      N = N.map((I) => typeof I == "string" ? parseFloat(I) : I), N.length === 1 && N.unshift(parseFloat(B())), l = new i((I) => {
+        dt.set(e, h, K ? K(I) : I);
+      }, N, Object.assign(Object.assign({}, a), {
         duration: s,
         easing: f
       }));
     else {
-      const O = Y[Y.length - 1];
-      dt.set(e, h, C && wt(O) ? C.toDefaultUnit(O) : O);
+      const I = N[N.length - 1];
+      dt.set(e, h, _ && wt(I) ? _.toDefaultUnit(I) : I);
     }
-    return o && r(e, t, Y, {
+    return o && r(e, t, N, {
       duration: s,
       delay: c,
       easing: f,
       repeat: v,
       offset: S
-    }, "motion-one"), _.setAnimation(l), l;
+    }, "motion-one"), C.setAnimation(l), l;
   };
 }
 const Vl = (e, t) => (
@@ -3976,7 +3976,7 @@ const Yl = (e) => e(), xi = (e, t, n = ne.duration) => new Proxy({
       case "duration":
         return e.duration;
       case "currentTime":
-        return We.s((n == null ? void 0 : n[t]) || 0);
+        return ze.s((n == null ? void 0 : n[t]) || 0);
       case "playbackRate":
       case "playState":
         return n == null ? void 0 : n[t];
@@ -3997,7 +3997,7 @@ const Yl = (e) => e(), xi = (e, t, n = ne.duration) => new Proxy({
   set: (e, t, n) => {
     switch (t) {
       case "currentTime":
-        n = We.ms(n);
+        n = ze.ms(n);
       case "currentTime":
       case "playbackRate":
         for (let a = 0; a < e.animations.length; a++)
@@ -4008,7 +4008,7 @@ const Yl = (e) => e(), xi = (e, t, n = ne.duration) => new Proxy({
   }
 }, Rl = (e) => e.finished;
 function Ll(e, t, n) {
-  return Ye(e) ? e(t, n) : e;
+  return Ne(e) ? e(t, n) : e;
 }
 function jl(e) {
   return function(n, a, i = {}) {
@@ -4052,9 +4052,9 @@ function Hl(e, t = {}) {
   ], t, t.duration);
 }
 function Kl(e, t, n) {
-  return (Ye(e) ? Hl : Fl)(e, t, n);
+  return (Ne(e) ? Hl : Fl)(e, t, n);
 }
-const Ne = /* @__PURE__ */ D({
+const Me = /* @__PURE__ */ D({
   name: "YPlate",
   props: {
     variation: Object
@@ -4089,7 +4089,7 @@ const ba = {
 }, Wl = /* @__PURE__ */ D({
   name: "YSnackbar",
   components: {
-    YPlate: Ne,
+    YPlate: Me,
     YLayer: _e
   },
   emits: ["update:modelValue", "click"],
@@ -4152,9 +4152,9 @@ const ba = {
     function f() {
       e.duration > 0 && c();
     }
-    j(i, (S) => {
+    L(i, (S) => {
       S ? d() : f();
-    }), j(a, (S) => {
+    }), L(a, (S) => {
       S ? f() : v();
     }, {
       immediate: !0
@@ -4183,7 +4183,7 @@ const ba = {
     }, {
       default: () => {
         var S;
-        return u(W, null, [u(Ne, null, null), u("div", {
+        return u(z, null, [u(Me, null, null), u("div", {
           class: "y-snackbar__content",
           onClick: un(b, ["capture"]),
           onMouseenter: () => i.value = !0,
@@ -4260,11 +4260,11 @@ const zl = {
         const {
           position: g,
           align: h
-        } = e, _ = s.value, C = y.getBoundingClientRect();
-        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`
+        } = e, C = s.value, _ = y.getBoundingClientRect();
+        let B = _.top, N = _.left + _.width / 2;
+        return C && (g === "top" || g === "bottom") && (g === "top" && (B -= C.clientHeight, B -= 8), g === "bottom" && (B += _.height, B += 8), h === "center" ? N -= C.clientWidth / 2 : h === "end" && (N = _.right, N -= C.clientWidth)), {
+          top: `${B}px`,
+          left: `${N}px`
         };
       }
       return {};
@@ -4272,15 +4272,15 @@ const zl = {
       var y, g;
       return (g = (y = o.value) == null ? void 0 : y[0]) == null ? void 0 : g.el;
     });
-    $e(() => {
-      var g, h, _;
+    Ae(() => {
+      var g, h, C;
       if (!r.value) {
         ((g = b.value) == null ? void 0 : g.nodeType) !== 3 && (l.value = b.value);
         return;
       }
       const y = r.value;
-      l.value = (h = r.value) != null && h.$el ? (_ = r.value) == null ? void 0 : _.$el : y;
-    }), j(v, (y) => {
+      l.value = (h = r.value) != null && h.$el ? (C = r.value) == null ? void 0 : C.$el : y;
+    }), L(v, (y) => {
       y && nt(() => {
         var h;
         const g = (h = i.value) == null ? void 0 : h.content$;
@@ -4299,7 +4299,7 @@ const zl = {
     function w(y) {
       y.removeEventListener("mouseenter", m), y.removeEventListener("mouseleave", S);
     }
-    return j(l, (y, g) => {
+    return L(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(_e, {
+      return o.value = y, u(z, null, [y, u(_e, {
         modelValue: v.value,
         "onUpdate:modelValue": (h) => v.value = h,
         ref: i,
@@ -4322,10 +4322,10 @@ const zl = {
         transition: e.transition
       }, {
         default: (...h) => {
-          var _;
-          return u(W, null, [u(Ne, null, null), u("div", {
+          var C;
+          return u(z, null, [u(Me, null, null), u("div", {
             class: "y-tooltip__content"
-          }, [((_ = t.default) == null ? void 0 : _.call(t, ...h)) ?? ""])]);
+          }, [((C = t.default) == null ? void 0 : C.call(t, ...h)) ?? ""])]);
         }
       })]);
     }), {
@@ -4411,7 +4411,7 @@ const ql = /* @__PURE__ */ D({
     slots: t
   }) {
     const n = A(50), a = A(!1), i = A(), r = A(!1), o = A();
-    j(i, (m) => {
+    L(i, (m) => {
       r.value = !!m;
     });
     const l = x(() => {
@@ -4444,13 +4444,13 @@ const ql = /* @__PURE__ */ D({
     }
     return H(() => {
       var m, S;
-      return u(W, null, [u("div", {
+      return u(z, null, [u("div", {
         class: s.value,
         ref: o
       }, [u("div", {
         class: "y-divide-panel__top-container",
         style: l.value
-      }, [(m = t.default) == null ? void 0 : m.call(t)]), i.value = t.secondary && u(W, null, [u("div", {
+      }, [(m = t.default) == null ? void 0 : m.call(t)]), i.value = t.secondary && u(z, null, [u("div", {
         class: "y-divide-panel__divider",
         style: {
           position: "absolute",
@@ -4470,7 +4470,7 @@ const ql = /* @__PURE__ */ D({
       activeSecondary: r
     };
   }
-}), $n = L(
+}), $n = R(
   {
     items: {
       type: Array,
@@ -4539,7 +4539,7 @@ const we = /* @__PURE__ */ D({
   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__ */ D({
+}, Pe = /* @__PURE__ */ D({
   name: "YIconPageControl",
   props: {
     type: {
@@ -4672,7 +4672,7 @@ const Xl = D({
     const e = this.createSplitTexts();
     return V("span", { staticClass: "y-text-highlighter" }, e);
   }
-}), An = L(
+}), An = R(
   {
     search: String,
     disableTransition: Boolean,
@@ -4694,7 +4694,7 @@ const Xl = D({
   components: {
     YButton: te,
     YIconExpand: _t,
-    YPlate: Ne,
+    YPlate: Me,
     YIconCheckbox: we
   },
   props: {
@@ -4738,20 +4738,20 @@ const Xl = D({
       imLeaf: f.value
     })), w = x(() => a.searchLoading.value);
     H(() => {
-      var _;
-      const g = v.value.filter((C) => !a.isExcluded(
-        G(C, e.itemKey)
-      )).map((C) => V(
+      var C;
+      const g = v.value.filter((_) => !a.isExcluded(
+        G(_, e.itemKey)
+      )).map((_) => V(
         On,
         {
           ...e,
           level: (e.level ?? 0) + 1,
-          item: C,
-          key: G(C, e.itemKey)
+          item: _,
+          key: G(_, e.itemKey)
         },
         t
       )), h = [];
-      for (let C = 0; C < e.level; C += 1)
+      for (let _ = 0; _ < e.level; _ += 1)
         h.push(
           V("div", { class: "y-tree-view-node__indent-spacer" })
         );
@@ -4768,10 +4768,10 @@ const Xl = D({
             "div",
             {
               class: "y-tree-view-node__container",
-              onClick: (C) => e.enableActive ? s(C) : void 0
+              onClick: (_) => e.enableActive ? s(_) : void 0
             },
             [
-              V(Ne),
+              V(Me),
               V("div", { class: "y-tree-view-node__indents" }, h),
               /* EXPAND */
               !f.value && g.length > 0 ? V(
@@ -4779,7 +4779,7 @@ const Xl = D({
                 {
                   class: "y-tree-view-node__expand-icon",
                   variation: "icon",
-                  onClick: (C) => c(C)
+                  onClick: (_) => c(_)
                 },
                 () => [
                   t["expand-icon"] ? t["expand-icon"]() : V(_t)
@@ -4789,7 +4789,7 @@ const Xl = D({
                 "div",
                 {
                   class: ["y-tree-view-node__select"],
-                  onClick: (C) => d(C)
+                  onClick: (_) => d(_)
                 },
                 [V(we, { checked: o.value })]
               ),
@@ -4803,7 +4803,7 @@ const Xl = D({
                 V(
                   "div",
                   { class: "y-tree-view-node__text" },
-                  t.default ? (_ = t.default) == null ? void 0 : _.call(t, {
+                  t.default ? (C = t.default) == null ? void 0 : C.call(t, {
                     text: S.value,
                     item: e.item,
                     ...p.value
@@ -4934,10 +4934,10 @@ const wa = An(), Jl = /* @__PURE__ */ D({
     emit: n,
     expose: a
   }) {
-    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 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 = Ye(co(S, e.searchDebounceWait)), b = A([]), m = Ye(!1);
+    function S(T, $ = "", P = Zl) {
       const E = /* @__PURE__ */ new Set();
-      if (!k) {
+      if (!$) {
         m.value = !1, v.value = E, Ln(b.value, [...s.value]).forEach((M) => {
           g(M, !1);
         }), b.value.forEach((M) => {
@@ -4945,28 +4945,28 @@ const wa = An(), Jl = /* @__PURE__ */ D({
         });
         return;
       }
-      for (const B of T)
-        $i(I, B, k ?? "", e.itemKey, e.itemText, e.itemChildren, E);
+      for (const O of T)
+        $i(P, O, $ ?? "", e.itemKey, e.itemText, e.itemChildren, E);
       v.value = E, m.value = !1, h();
     }
-    $e(() => {
+    Ae(() => {
       m.value = !0, f.value(e.items, e.search, e.filter);
     });
-    function p(T, k = []) {
+    function p(T, $ = []) {
       const {
-        childKeys: I
+        childKeys: P
       } = i.value[T];
-      k.push(...I);
-      for (const E of I)
-        k = p(E, k);
-      return k;
+      $.push(...P);
+      for (const E of P)
+        $ = p(E, $);
+      return $;
     }
     function w(T) {
       return e.returnItem ? G(T, e.itemKey) : T;
     }
-    function y(T, k = null, I = 0) {
+    function y(T, $ = null, P = 0) {
       for (const E of T) {
-        const B = G(E, e.itemKey), M = G(E, e.itemChildren) ?? [], ue = Ce(i.value, B) ? i.value[B] : {
+        const O = G(E, e.itemKey), M = G(E, e.itemChildren) ?? [], ue = Ce(i.value, O) ? i.value[O] : {
           vnode: null,
           selected: !1,
           indeterminate: !1,
@@ -4975,109 +4975,109 @@ const wa = An(), Jl = /* @__PURE__ */ D({
         }, ee = {
           vnode: ue.vnode,
           item: E,
-          level: I,
-          parentKey: k,
+          level: P,
+          parentKey: $,
           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] = 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);
+        y(M, O, P + 1), i.value[O] = ee, i.value[O].expanded && s.value.add(O), i.value[O].selected && s.value.add(O), i.value[O].active && d.value.add(O), k(O);
       }
     }
-    function g(T, k) {
+    function g(T, $) {
       if (!(T in i.value))
         return;
-      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));
+      const P = i.value[T], E = G(P.item, e.itemChildren);
+      Array.isArray(E) && E.length > 0 && ($ ? s.value.add(T) : s.value.delete(T), P.expanded = $, k(T));
     }
-    j(s, (T) => {
+    L(s, (T) => {
       e.search || (b.value = [...T]);
     }, {
       deep: !0
     });
     function h(T = !0) {
-      return Object.entries(i.value).forEach(([k, I]) => {
-        (T === !0 || T >= I.level) && g(k, !0);
-      }), P(), s.value;
+      return Object.entries(i.value).forEach(([$, P]) => {
+        (T === !0 || T >= P.level) && g($, !0);
+      }), B(), s.value;
     }
-    function _(T, k, I) {
+    function C(T, $, P) {
       if (!(T in i.value))
         return;
       const E = i.value[T];
-      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")
+      let O = $ ? "" : T;
+      if (e.multipleActive || ([O] = d.value.keys()), $ && (d.value.add(T), E.active = !0), O && O in i.value && (d.value.delete(O), i.value[O].active = !1, k(O)), !(e.activeSingleModifier && (P != null && P.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
         for (const M of p(T))
-          M in i.value && (k ? d.value.add(M) : d.value.delete(M), i.value[M].active = k, $(M));
+          M in i.value && ($ ? d.value.add(M) : d.value.delete(M), i.value[M].active = $, k(M));
     }
-    function C(T, k) {
+    function _(T, $) {
       if (!(T in i.value))
         return;
-      const I = i.value[T];
-      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")
+      const P = i.value[T];
+      if ($ && (c.value.add(T), P.selected = !0), !$ && T in i.value && (c.value.delete(T), i.value[T].selected = !1, k(T)), e.selectStrategy === "cascade")
         for (const E of p(T))
-          E in i.value && (k ? c.value.add(E) : c.value.delete(E), i.value[E].selected = k, $(E));
+          E in i.value && ($ ? c.value.add(E) : c.value.delete(E), i.value[E].selected = $, k(E));
     }
-    function P() {
+    function B() {
       const T = [...s.value];
-      r.value = e.returnItem ? T.map((k) => i.value[k].item) : T;
+      r.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
     }
-    function Y() {
+    function N() {
       const T = [...d.value];
-      o.value = e.returnItem ? T.map((k) => i.value[k].item) : T;
+      o.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
     }
-    function R() {
+    function K() {
       const T = [...c.value];
-      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)
+      l.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
+    }
+    function I(T, $, P, E) {
+      const O = e.returnItem ? T.map((Q) => G(Q, e.itemKey)) : T, M = [...$.value];
+      Se(M, O) || (M.forEach((Q) => P(Q, !1)), O.forEach((Q) => P(Q, !0)), E());
+    }
+    L(r, (T) => {
+      I(T, s, g, B);
+    }), L(o, (T) => {
+      I(T, d, C, N);
+    }), L(l, (T) => {
+      I(T, c, _, K);
+    }), L(() => e.items, (T) => {
+      const $ = Object.keys(i.value).map((M) => G(i.value[M].item, e.itemKey)), P = ki(T, e.itemKey, e.itemChildren), E = Ln($, P);
+      if (E.length < 1 && P.length < $.length)
         return;
       E.forEach((M) => delete i.value[M]);
-      const B = [...c.value];
-      c.value.clear(), s.value.clear(), d.value.clear(), y(T), Se(B, [...c.value]) || R();
+      const O = [...c.value];
+      c.value.clear(), s.value.clear(), d.value.clear(), y(T), Se(O, [...c.value]) || K();
     }, {
       deep: !0
     });
     function X(T) {
       return !!e.search && v.value.has(T);
     }
-    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 k(T) {
+      const $ = i.value[T];
+      $ && $.vnode && ($.vnode.active = $.active, $.vnode.selected = $.selected, $.vnode.indeterminate = $.indeterminate, $.vnode.expanded = $.expanded);
     }
-    function N(T, k) {
-      i.value[T] && (i.value[T].vnode = k), $(T);
+    function Y(T, $) {
+      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);
+    for (const T of e.selected.map(w))
+      _(T, !0);
     re("tree-view", {
-      register: N,
+      register: Y,
       updateExpanded: g,
-      updateActive: _,
-      updateSelected: C,
-      emitExpanded: P,
-      emitActive: Y,
-      emitSelected: R,
+      updateActive: C,
+      updateSelected: _,
+      emitExpanded: B,
+      emitActive: N,
+      emitSelected: K,
       isExcluded: X,
       searchLoading: m
     });
-    const K = x(() => e.items.filter((T) => !X(G(T, e.itemKey)))), Z = x(() => ({
+    const j = x(() => e.items.filter((T) => !X(G(T, e.itemKey)))), Z = x(() => ({
       "y-tree-view": !0
     })), oe = x(() => {
       let T = e.activeColor;
@@ -5086,16 +5086,16 @@ const wa = An(), Jl = /* @__PURE__ */ D({
       };
     });
     return Ta(() => {
-      e.defaultExpand !== void 0 ? b.value = [...h(e.defaultExpand)] : (r.value.forEach((T) => g(w(T), !0)), P());
+      e.defaultExpand !== void 0 ? b.value = [...h(e.defaultExpand)] : (r.value.forEach((T) => g(w(T), !0)), B());
     }), a({
       expand: h
-    }), H(() => u(W, null, [u("div", {
+    }), H(() => u(z, null, [u("div", {
       class: Z.value,
       style: oe.value,
       role: "tree"
     }, [m.value && u(ui, {
       indeterminate: !0
-    }, null), K.value.length > 0 ? K.value.map((T) => u(On, q({
+    }, null), j.value.length > 0 ? j.value.map((T) => u(On, q({
       key: G(T, e.itemKey)
     }, {
       ...ae(e, wa),
@@ -5114,7 +5114,7 @@ const wa = An(), Jl = /* @__PURE__ */ D({
     };
   }
 });
-const Ai = L({
+const Ai = R({
   tag: {
     type: String,
     default: "div"
@@ -5163,7 +5163,7 @@ const Ai = L({
     });
   }
 });
-const Oi = L({
+const Oi = R({
   disabled: Boolean,
   ...At()
 }, "YList"), In = /* @__PURE__ */ D({
@@ -5176,7 +5176,7 @@ const Oi = L({
   }) {
     const n = A(), {
       themeClasses: a
-    } = Ot(e), i = De(!1);
+    } = Ot(e), i = Ye(!1);
     function r(c) {
       var d;
       !i.value && (c.relatedTarget && ((d = n.value) != null && d.contains(c.relatedTarget)));
@@ -5191,7 +5191,7 @@ const Oi = L({
     }
     H(() => {
       var c;
-      return u(W, null, [u("div", {
+      return u(z, null, [u("div", {
         ref: n,
         class: ["y-list", a.value],
         role: "listbox",
@@ -5204,7 +5204,7 @@ const Oi = L({
     });
   }
 });
-function et(e) {
+function $e(e) {
   const t = A(), n = A();
   if (window) {
     const a = new ResizeObserver((i, r) => {
@@ -5212,7 +5212,7 @@ function et(e) {
     });
     ln(() => {
       a.disconnect();
-    }), j(
+    }), L(
       t,
       (i, r) => {
         r && (a.unobserve(r), n.value = void 0), i && a.observe(no(i));
@@ -5225,7 +5225,7 @@ function et(e) {
     contentRect: Ft(n)
   };
 }
-const Pn = L({
+const Pn = R({
   tag: {
     type: String,
     default: "div"
@@ -5239,7 +5239,7 @@ const Pn = L({
   flexHeight: {
     type: Boolean
   }
-}, "YTable"), Ve = /* @__PURE__ */ D({
+}, "YTable"), De = /* @__PURE__ */ D({
   name: "YTable",
   props: {
     ...Pn()
@@ -5250,28 +5250,39 @@ const Pn = L({
     const {
       resizeObservedRef: n,
       contentRect: a
-    } = et();
+    } = $e(), {
+      resizeObservedRef: i,
+      contentRect: r
+    } = $e();
     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, {
+      var s, c, d;
+      const o = e.tag ?? "div", l = e.flexHeight ? ((s = a.value) == null ? void 0 : s.height) ?? e.height : e.height;
+      return u(o, {
         class: ["y-table", {
           "y-table--fixed-head": e.fixedHead,
           "y-table--fixed-height": e.flexHeight || e.height,
           "y-table--flex-height": e.flexHeight
-        }]
+        }],
+        style: {
+          "--y-table-container-width": W((c = a.value) == null ? void 0 : c.width),
+          "--y-table-wrapper-width": W((d = r.value) == null ? void 0 : d.width)
+        }
       }, {
         default: () => {
-          var l, s, c, d, v;
-          return [(l = t.top) == null ? void 0 : l.call(t), t.default ? u("div", {
+          var v, f, b, m, S;
+          return [(v = t.top) == null ? void 0 : v.call(t), t.default ? u("div", {
             class: ["y-table__container"],
-            ref: n,
+            ref: n
+          }, [(f = t.leading) == null ? void 0 : f.call(t), u("div", {
+            class: ["y-table__wrapper"],
             style: {
-              height: z(r)
+              height: W(l)
             }
-          }, [(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)];
+          }, [u("table", {
+            ref: i
+          }, [t.default()])]), (b = t.trailing) == null ? void 0 : b.call(t)]) : (m = t.container) == null ? void 0 : m.call(t, n, a), (S = t.bottom) == null ? void 0 : S.call(t)];
         }
       });
     });
@@ -5309,7 +5320,7 @@ const Pn = L({
   }) {
     const i = x(() => {
       const r = {};
-      return e.fixed && e.fixedOffset !== void 0 && (e.fixed === "lead" ? r.left = z(e.fixedOffset) : e.fixed === "trail" && (r.right = z(e.fixedOffset))), r;
+      return e.fixed && e.fixedOffset !== void 0 && (e.fixed === "lead" ? r.left = W(e.fixedOffset) : e.fixed === "trail" && (r.right = W(e.fixedOffset))), r;
     });
     H(() => {
       const r = e.type === "head" ? "th" : "td";
@@ -5320,8 +5331,8 @@ const Pn = L({
           [`y-data-table-cell--align-${e.align}`]: e.align
         }],
         style: {
-          width: z(e.width),
-          height: z(e.height),
+          width: W(e.width),
+          height: W(e.height),
           ...i.value
         }
       }, a, {
@@ -5334,7 +5345,7 @@ const Pn = L({
       });
     });
   }
-}), Ql = L(
+}), Ql = R(
   {
     headers: {
       type: Array,
@@ -5345,7 +5356,7 @@ const Pn = L({
 ), en = Symbol.for("yuyeon.data-table.header");
 function Bi(e, t) {
   const n = A([]), a = A([]);
-  $e(() => {
+  Ae(() => {
     var b;
     const r = e.headers.length > 0 ? Array.isArray(e.headers[0]) ? e.headers : [e.headers] : [], o = r.flatMap(
       (m, S) => m.map((p) => ({ column: p, rowIndex: S }))
@@ -5369,9 +5380,9 @@ function Bi(e, t) {
         rowIndex: o[m].rowIndex
       });
     }
-    const d = Ae(l).map(
+    const d = Oe(l).map(
       () => []
-    ), v = Ae(l).fill(0);
+    ), v = Oe(l).fill(0);
     o.forEach(({ column: m, rowIndex: S }) => {
       const { key: p } = m;
       for (let w = S; w <= S + (m.rowspan ?? 1) - 1; w += 1)
@@ -5405,7 +5416,7 @@ function Vn() {
     throw new Error(`Not provided: ${en.description}`);
   return e;
 }
-const es = L(
+const es = R(
   {
     enableSelect: Boolean,
     selectStrategy: {
@@ -5473,10 +5484,10 @@ function Vi(e, {
     }
   });
   function l(p) {
-    return qe(p).every((w) => a.value.has(w.value));
+    return Xe(p).every((w) => a.value.has(w.value));
   }
   function s(p) {
-    return qe(p).some((w) => a.value.has(w.value));
+    return Xe(p).some((w) => a.value.has(w.value));
   }
   function c(p, w) {
     a.value = o.value.select({
@@ -5518,7 +5529,7 @@ function Dn() {
     throw new Error(`Not provided: ${tn.description}`);
   return e;
 }
-const ns = L({
+const ns = R({
   index: Number,
   item: Object,
   onClick: Function
@@ -5570,7 +5581,7 @@ const ns = L({
       }
     }))]));
   }
-}), is = L({
+}), is = R({
   items: {
     type: Array,
     default: () => []
@@ -5586,7 +5597,7 @@ const ns = L({
   "onClick:row": Function,
   "onDblclick:row": Function,
   "onContextmenu:row": Function
-}, "YDataTableBody"), ze = /* @__PURE__ */ D({
+}, "YDataTableBody"), Ue = /* @__PURE__ */ D({
   name: "YDataTableBody",
   props: {
     ...is()
@@ -5610,7 +5621,7 @@ const ns = L({
         key: "no-data"
       }, [u("td", {
         colspan: a.value.length
-      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : u(W, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((s, c) => {
+      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : u(z, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((s, c) => {
         const d = {
           index: c,
           item: s,
@@ -5643,7 +5654,7 @@ const ns = L({
             item: s
           }
         };
-        return u(W, null, [t.item ? t.item(v) : u(as, v.props, t)]);
+        return u(z, null, [t.item ? t.item(v) : u(as, v.props, t)]);
       })]);
     }), {};
   }
@@ -5656,7 +5667,7 @@ function rs() {
   }
   return { refs: e, updateRef: t };
 }
-const Di = L({
+const Di = R({
   start: {
     type: [Number, String],
     default: 1
@@ -5704,9 +5715,9 @@ const Di = L({
     slots: t,
     emit: n
   }) {
-    const a = J(e), i = x(() => parseInt(e.length, 10)), r = x(() => parseInt(e.start, 10)), o = De(-1), {
+    const a = J(e), i = x(() => parseInt(e.length, 10)), r = x(() => parseInt(e.start, 10)), o = Ye(-1), {
       resizeObservedRef: l
-    } = et((w) => {
+    } = $e((w) => {
       if (1 > w.length)
         return;
       const {
@@ -5714,13 +5725,13 @@ const Di = L({
         contentRect: g
       } = w[0], h = y.querySelector(".y-pagination__list > *");
       if (h) {
-        const _ = g.width, C = h.offsetWidth + parseFloat(getComputedStyle(h).marginRight) * 2;
-        o.value = s(_, C);
+        const C = g.width, _ = h.offsetWidth + parseFloat(getComputedStyle(h).marginRight) * 2;
+        o.value = s(C, _);
       }
     });
     function s(w, y) {
-      const g = e.showEndButton ? 5 : 3, h = +(e.gap ?? 4), _ = (y + h) * g - h;
-      return Math.max(0, Math.floor(+((w - _) / (y + h)).toFixed(2)));
+      const g = e.showEndButton ? 5 : 3, h = +(e.gap ?? 4), C = (y + h) * g - h;
+      return Math.max(0, Math.floor(+((w - C) / (y + h)).toFixed(2)));
     }
     const c = x(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o.value >= 0 ? o.value : s(innerWidth, 58)), d = x(() => {
       const w = !!e.disabled || a.value <= r.value, y = !!e.disabled || a.value >= r.value + i.value - 1;
@@ -5766,16 +5777,16 @@ const Di = L({
       if (c.value <= 1)
         return [a.value];
       if (i.value <= c.value)
-        return Ae(i.value, r.value);
+        return Oe(i.value, r.value);
       const w = c.value % 2 === 0, y = w ? c.value / 2 : Math.floor(c.value / 2), g = w ? y : y + 1, h = i.value - y;
       if (g - a.value >= 0)
-        return [...Ae(Math.max(1, c.value - 1), r.value), "ellipsis", i.value];
+        return [...Oe(Math.max(1, c.value - 1), r.value), "ellipsis", i.value];
       if (a.value - h >= (w ? 1 : 0)) {
-        const _ = c.value - 1, C = i.value - _ + r.value;
-        return [r.value, "ellipsis", ...Ae(_, C)];
+        const C = c.value - 1, _ = i.value - C + r.value;
+        return [r.value, "ellipsis", ...Oe(C, _)];
       } else {
-        const _ = Math.max(1, c.value - 3), C = _ === 1 ? a.value : a.value - Math.ceil(_ / 2) + r.value;
-        return [r.value, "ellipsis", ...Ae(_, C), "ellipsis", i.value];
+        const C = Math.max(1, c.value - 3), _ = C === 1 ? a.value : a.value - Math.ceil(C / 2) + r.value;
+        return [r.value, "ellipsis", ...Oe(C, _), "ellipsis", i.value];
       }
     }), {
       refs: f,
@@ -5810,7 +5821,7 @@ const Di = L({
             disabled: !!e.disabled || +e.length < 2,
             color: h ? e.activeColor : e.color,
             variation: e.buttonVariation,
-            onClick: (_) => m(_, w)
+            onClick: (C) => m(C, w)
           }
         };
       }
@@ -5818,7 +5829,7 @@ const Di = L({
       let w;
       if (e.gap) {
         const y = +e.gap;
-        isNaN(y) ? typeof e.gap == "string" && (w = e.gap) : w = z(y);
+        isNaN(y) ? typeof e.gap == "string" && (w = e.gap) : w = W(y);
       }
       return {
         "--y-pagination__gap": w
@@ -5837,14 +5848,14 @@ const Di = L({
       key: "first",
       class: "y-pagination__first"
     }, [t.first ? t.first(d.value.first) : u(te, d.value.first, {
-      default: () => [t["first-icon"] ? t["first-icon"]() : u(Ie, {
+      default: () => [t["first-icon"] ? t["first-icon"]() : u(Pe, {
         type: "first"
       }, null)]
     })]), u("li", {
       key: "prev",
       class: "y-pagination__prev"
     }, [t.prev ? t.prev(d.value.prev) : u(te, d.value.prev, {
-      default: () => [t["prev-icon"] ? t["prev-icon"]() : u(Ie, {
+      default: () => [t["prev-icon"] ? t["prev-icon"]() : u(Pe, {
         type: "prev"
       }, null)]
     })]), S.value.map((w, y) => u("li", {
@@ -5858,14 +5869,14 @@ const Di = L({
       key: "next",
       class: "y-pagination__next"
     }, [t.next ? t.next(d.value.next) : u(te, d.value.next, {
-      default: () => [t["next-icon"] ? t["next-icon"]() : u(Ie, {
+      default: () => [t["next-icon"] ? t["next-icon"]() : u(Pe, {
         type: "next"
       }, null)]
     })]), e.showEndButton && u("li", {
       key: "last",
       class: "y-pagination__last"
     }, [t.last ? t.last(d.value.last) : u(te, d.value.last, {
-      default: () => [t["last-icon"] ? t["last-icon"]() : u(Ie, {
+      default: () => [t["last-icon"] ? t["last-icon"]() : u(Pe, {
         type: "last"
       }, null)]
     })])])])), {
@@ -5874,7 +5885,7 @@ const Di = L({
       refs: f
     };
   }
-}), os = Symbol.for("yuyeon.data-table.pagination"), Yn = L(
+}), os = Symbol.for("yuyeon.data-table.pagination"), Yn = R(
   {
     page: {
       type: [Number, String],
@@ -5903,20 +5914,20 @@ function Ni(e) {
 }
 function Mi(e) {
   const { page: t, pageSize: n, total: a } = e, i = x(() => n.value === -1 ? 0 : n.value * (t.value - 1)), r = x(() => n.value === -1 ? a.value : Math.min(a.value, i.value + n.value)), o = x(() => n.value === -1 || a.value === 0 ? 1 : Math.ceil(a.value / n.value));
-  $e(() => {
+  Ae(() => {
     t.value > o.value && (t.value = o.value);
   });
   function l(f) {
     n.value = f, t.value = 1;
   }
   function s() {
-    t.value = Fe(t.value + 1, 1, o.value);
+    t.value = He(t.value + 1, 1, o.value);
   }
   function c() {
-    t.value = Fe(t.value - 1, 1, o.value);
+    t.value = He(t.value - 1, 1, o.value);
   }
   function d(f) {
-    t.value = Fe(f, 1, o.value);
+    t.value = He(f, 1, o.value);
   }
   const v = {
     page: t,
@@ -5936,7 +5947,7 @@ 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 = L({
+const ss = R({
   pageLength: Number,
   setPageSize: Function,
   setPage: Function,
@@ -5947,7 +5958,7 @@ const ss = L({
     YButton: te,
     YIconExpand: _t,
     YFieldInput: bt,
-    YIconPageControl: Ie
+    YIconPageControl: Pe
   },
   props: ss(),
   setup(e, {
@@ -5957,7 +5968,7 @@ const ss = L({
       var n, a;
       return u("footer", {
         class: ["y-data-table-control"]
-      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : u(W, null, [u("div", {
+      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : u(z, null, [u("div", {
         class: "y-data-table-control__start"
       }, null), u("div", {
         class: "y-data-table-control__end"
@@ -5969,7 +5980,7 @@ const ss = L({
       }, null)])]), (a = t.append) == null ? void 0 : a.call(t, e)]);
     });
   }
-}), an = Symbol.for("yuyeon.data-table.sorting"), us = L(
+}), an = Symbol.for("yuyeon.data-table.sorting"), us = R(
   {
     sortBy: {
       type: Array,
@@ -6002,7 +6013,7 @@ function cs() {
     throw new Error(`Not provided: ${an.description}`);
   return e;
 }
-const ji = L({
+const ji = R({
   multiSort: Boolean,
   sortAscIcon: {
     type: String,
@@ -6014,7 +6025,7 @@ const ji = L({
   },
   dualSortIcon: Boolean,
   sticky: Boolean
-}, "YDataTableHead"), Ue = /* @__PURE__ */ D({
+}, "YDataTableHead"), Ge = /* @__PURE__ */ D({
   name: "YDataTableHead",
   components: {
     YDataTableCell: Qt
@@ -6043,7 +6054,7 @@ const ji = L({
         return {
           position: "sticky",
           zIndex: p.fixed ? 4 : e.sticky ? 3 : void 0,
-          left: p.fixed ? z(p.fixedOffset) : void 0,
+          left: p.fixed ? W(p.fixedOffset) : void 0,
           top: e.sticky ? `calc(var(--v-table-header-height) * ${w})` : void 0
         };
     };
@@ -6072,8 +6083,8 @@ const ji = L({
         "y-data-table-header--select": p.key === "data-table-select"
       }],
       style: {
-        width: z(p.width),
-        minWidth: z(p.width),
+        width: W(p.width),
+        minWidth: W(p.width),
         ...f(p, y)
       }
     }, {
@@ -6083,7 +6094,7 @@ const ji = L({
       onClick: b
     }), {
       default: () => {
-        var _, C;
+        var C, _;
         const g = `header.${p.key}`, h = {
           column: p,
           selectAll: l,
@@ -6095,13 +6106,13 @@ const ji = L({
           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(we, q({
+        return t[g] ? (C = t[g]) == null ? void 0 : C.call(t, h) : p.key === "data-table-select" ? ((_ = t["header.data-table-select"]) == null ? void 0 : _.call(t, h)) ?? (s && u(we, q({
           checked: o.value,
           indeterminate: !o.value && r.value,
           disabled: c.value.length < 1
         }, {
-          onClick: (P) => {
-            P.stopPropagation(), l(!o.value);
+          onClick: (B) => {
+            B.stopPropagation(), l(!o.value);
           }
         }), null)) : u("div", {
           class: "y-data-table-header__content"
@@ -6111,8 +6122,8 @@ const ji = L({
           class: ["y-data-table-header__sorting-icon", {
             "y-data-table-header__sorting-icon--disabled": !p.sortable
           }],
-          onClick: p.sortable ? (P) => {
-            P.stopPropagation(), n(p);
+          onClick: p.sortable ? (B) => {
+            B.stopPropagation(), n(p);
           } : void 0
         }, [u(Ei, {
           disabled: !p.sortable,
@@ -6122,7 +6133,7 @@ const ji = L({
     });
     H(() => {
       var p;
-      return u(W, null, [t.head ? (p = t.head) == null ? void 0 : p.call(t, e) : v.value.map((w, y) => u("tr", null, [w.map((g, h) => u(S, {
+      return u(z, null, [t.head ? (p = t.head) == null ? void 0 : p.call(t, e) : v.value.map((w, y) => u("tr", null, [w.map((g, h) => u(S, {
         column: g,
         x: h,
         y
@@ -6142,7 +6153,7 @@ const ji = L({
       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", {
+      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : u(z, 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"]
@@ -6151,7 +6162,7 @@ const ji = L({
       YTableWire: n
     };
   }
-}), ds = L(
+}), ds = R(
   {
     items: {
       type: Array,
@@ -6192,14 +6203,14 @@ function Hi({ page: e, pageSize: t, sortBy: n, search: a }, i) {
     sortBy: n.value,
     search: a.value
   }));
-  j(
+  L(
     () => a == null ? void 0 : a.value,
     () => {
       e.value = 1;
     }
   );
   let o = null;
-  j(
+  L(
     r,
     () => {
       Se(o, r.value) || (i("update:options", r.value), o = r.value);
@@ -6207,7 +6218,7 @@ function Hi({ page: e, pageSize: t, sortBy: n, search: a }, i) {
     { deep: !0, immediate: !0 }
   );
 }
-const Nn = L({
+const Nn = R({
   width: [String, Number],
   search: String,
   ...Ql(),
@@ -6274,16 +6285,16 @@ const Nn = L({
       isSelected: y,
       select: g,
       selectAll: h,
-      toggleSelect: _,
-      someSelected: C,
-      allSelected: P
+      toggleSelect: C,
+      someSelected: _,
+      allSelected: B
     } = Vi(e, {
       allItems: c,
       pageItems: c
     }), {
-      resizeObservedRef: Y,
-      contentRect: R
-    } = et();
+      resizeObservedRef: N,
+      contentRect: K
+    } = $e();
     Hi({
       page: a,
       pageSize: i,
@@ -6292,9 +6303,9 @@ const Nn = L({
     }, n), re("y-data-table", {
       toggleSort: d,
       sortBy: r,
-      headRect: R
+      headRect: K
     });
-    const O = x(() => ({
+    const I = x(() => ({
       // pagination
       page: a.value,
       pageSize: i.value,
@@ -6305,46 +6316,46 @@ const Nn = L({
       sortBy: r.value,
       toggleSort: d,
       // selection
-      someSelected: C.value,
-      allSelected: P.value,
+      someSelected: _.value,
+      allSelected: B.value,
       isSelected: y,
       select: g,
       selectAll: h,
-      toggleSelect: _,
+      toggleSelect: C,
       //
       items: c.value,
       columns: l.value,
       headers: s.value
-    })), X = ae(e, Ue.props), $ = ae(e, ze.props), N = ae(e, Ve.props);
+    })), X = ae(e, Ge.props), k = ae(e, Ue.props), Y = ae(e, De.props);
     return H(() => {
-      var K;
-      return u(Ve, q({
+      var j;
+      return u(De, q({
         class: ["y-data-table"]
-      }, N, {
+      }, Y, {
         style: {
-          "--y-table-head-height": z((K = R.value) == null ? void 0 : K.height)
+          "--y-table-head-height": W((j = K.value) == null ? void 0 : j.height)
         }
       }), {
         top: () => {
           var Z;
-          return (Z = t.top) == null ? void 0 : Z.call(t, O.value);
+          return (Z = t.top) == null ? void 0 : Z.call(t, I.value);
         },
-        leading: () => t.leading ? t.leading(O.value) : u(W, null, [u(rn, {
-          "slot-props": O.value
+        leading: () => t.leading ? t.leading(I.value) : u(z, null, [u(rn, {
+          "slot-props": I.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($, {
+          return t.default ? t.default(I.value) : u(z, null, [u("thead", {
+            ref: N
+          }, [u(Ge, X, t)]), (Z = t.thead) == null ? void 0 : Z.call(t, I.value), u("tbody", null, [u(Ue, q(k, {
             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)]);
+          }), t)]), (oe = t.tbody) == null ? void 0 : oe.call(t, I.value), (T = t.tfoot) == null ? void 0 : T.call(t, I.value)]);
         },
         trailing: () => {
           var Z;
-          return (Z = t.trailing) == null ? void 0 : Z.call(t, O.value);
+          return (Z = t.trailing) == null ? void 0 : Z.call(t, I.value);
         },
-        bottom: () => t.bottom ? t.bottom(O.value) : u(nn, null, {
+        bottom: () => t.bottom ? t.bottom(I.value) : u(nn, null, {
           prepend: t["control.prepend"],
           append: t["control.append"]
         })
@@ -6353,7 +6364,7 @@ const Nn = L({
       paginatedItems: w
     };
   }
-}), Ki = L({
+}), Ki = R({
   total: {
     type: [Number, String],
     required: !0
@@ -6363,10 +6374,10 @@ const Nn = L({
 }, "YDataTableServer"), ms = /* @__PURE__ */ D({
   name: "YDataTableServer",
   components: {
-    YTable: Ve,
+    YTable: De,
     YDataTableLayer: rn,
-    YDataTableHead: Ue,
-    YDataTableBody: ze,
+    YDataTableHead: Ge,
+    YDataTableBody: Ue,
     YDataTableControl: nn
   },
   props: {
@@ -6421,7 +6432,10 @@ const Nn = L({
     } = Vi(e, {
       allItems: d,
       pageItems: d
-    });
+    }), {
+      resizeObservedRef: C,
+      contentRect: _
+    } = $e();
     Hi({
       page: a,
       pageSize: i,
@@ -6429,9 +6443,10 @@ const Nn = L({
       sortBy: r
     }, n), re("y-data-table", {
       toggleSort: v,
-      sortBy: r
+      sortBy: r,
+      headRect: _
     });
-    const _ = x(() => ({
+    const B = x(() => ({
       // pagination
       page: a.value,
       pageSize: i.value,
@@ -6454,26 +6469,33 @@ const Nn = L({
       headers: c.value
     }));
     H(() => {
-      const C = ae(e, Ue.props), P = ae(e, ze.props), Y = ae(e, Ve.props);
-      return u(Ve, q({
+      var X;
+      const N = ae(e, Ge.props), K = ae(e, Ue.props), I = ae(e, De.props);
+      return u(De, q({
         class: ["y-data-table"]
-      }, Y), {
+      }, I, {
+        style: {
+          "--y-table-head-height": W((X = _.value) == null ? void 0 : X.height)
+        }
+      }), {
         top: () => {
-          var R;
-          return (R = t.top) == null ? void 0 : R.call(t, _.value);
+          var k;
+          return (k = t.top) == null ? void 0 : k.call(t, B.value);
         },
-        leading: () => t.leading ? t.leading(_.value) : u(W, null, [u(rn, null, t)]),
+        leading: () => t.leading ? t.leading(B.value) : u(z, null, [u(rn, null, t)]),
         default: () => {
-          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, {
+          var k, Y, j;
+          return t.default ? t.default(B.value) : u(z, null, [u("thead", {
+            ref: C
+          }, [u(Ge, N, t)]), (k = t.thead) == null ? void 0 : k.call(t, B.value), u("tbody", null, [u(Ue, q(K, {
             items: d.value
-          }), t)]), (O = t.tbody) == null ? void 0 : O.call(t, _.value), (X = t.tfoot) == null ? void 0 : X.call(t, _.value)]);
+          }), t)]), (Y = t.tbody) == null ? void 0 : Y.call(t, B.value), (j = t.tfoot) == null ? void 0 : j.call(t, B.value)]);
         },
         trailing: () => {
-          var R;
-          return (R = t.trailing) == null ? void 0 : R.call(t, _.value);
+          var k;
+          return (k = t.trailing) == null ? void 0 : k.call(t, B.value);
         },
-        bottom: () => t.bottom ? t.bottom(_.value) : u(nn, null, {
+        bottom: () => t.bottom ? t.bottom(B.value) : u(nn, null, {
           prepend: t["control.prepend"]
         })
       });
@@ -6506,7 +6528,7 @@ function ys(e, t) {
 }
 const Sa = Symbol.for("yuyeon.active-stack");
 function gs(e, t, n) {
-  const a = he(Sa, null), i = De([]);
+  const a = he(Sa, null), i = Ye([]);
   function r(s) {
     i.value.push(s);
   }
@@ -6527,7 +6549,7 @@ function gs(e, t, n) {
     };
     n != null && n.value || fr(s);
   }
-  return j(t, (s) => {
+  return L(t, (s) => {
     s ? a == null || a.push(se()) : a == null || a.pop(se());
   }), re(Sa, {
     push: r,
@@ -6563,7 +6585,7 @@ const zi = {
     coordinateStrategy: "levitation"
   }),
   preventCloseBubble: Boolean
-}, Ge = /* @__PURE__ */ D({
+}, qe = /* @__PURE__ */ D({
   name: Wi,
   props: {
     ...zi,
@@ -6604,25 +6626,25 @@ const zi = {
     function m(h) {
       e.openOnHover && f();
     }
-    j(s, (h) => {
+    L(s, (h) => {
       h || f();
     });
     function S(h) {
       if (h.stopPropagation(), !e.openOnClickBase)
         return;
-      const _ = l.value;
-      e.disabled || (l.value = !_);
+      const C = l.value;
+      e.disabled || (l.value = !C);
     }
     function p(h) {
-      var _;
+      var C;
       if (e.closeCondition !== !1) {
         if (typeof e.closeCondition == "function") {
           e.closeCondition(h) === !1 && (l.value = !1);
           return;
         }
         if (l.value) {
-          const C = (_ = d == null ? void 0 : d.$el.value) == null ? void 0 : _.content$;
-          l.value = !1, C && !fo(h, C) || d == null || d.clear();
+          const _ = (C = d == null ? void 0 : d.$el.value) == null ? void 0 : C.content$;
+          l.value = !1, _ && !fo(h, _) || d == null || d.clear();
         }
       }
     }
@@ -6632,16 +6654,16 @@ const zi = {
     function y(h) {
       h.removeEventListener("mouseenter", b), h.removeEventListener("mouseleave", m);
     }
-    j(() => {
+    L(() => {
       var h;
       return (h = i.value) == null ? void 0 : h.baseEl;
-    }, (h, _) => {
-      h ? (w(h), h.addEventListener("click", S)) : _ && (y(_), _.removeEventListener("click", S));
+    }, (h, C) => {
+      h ? (w(h), h.addEventListener("click", S)) : C && (y(C), C.removeEventListener("click", S));
     });
     const g = x(() => ({
       ...ke(e.contentClasses)
     }));
-    return H(() => u(W, null, [u(_e, q({
+    return H(() => u(z, null, [u(_e, q({
       ref: i,
       transition: e.transition,
       "onClick:complement": p,
@@ -6659,12 +6681,12 @@ const zi = {
       "onUpdate:modelValue": (h) => l.value = h
     }), {
       default: (...h) => {
-        var _;
-        return u(W, null, [((_ = t.default) == null ? void 0 : _.call(t, ...h)) ?? ""]);
+        var C;
+        return u(z, null, [((C = t.default) == null ? void 0 : C.call(t, ...h)) ?? ""]);
       },
       base: (...h) => {
-        var _;
-        return (_ = t.base) == null ? void 0 : _.call(t, ...h);
+        var C;
+        return (C = t.base) == null ? void 0 : C.call(t, ...h);
       }
     })])), {
       el$: i,
@@ -6749,7 +6771,7 @@ const on = /* @__PURE__ */ D({
       readonly: l,
       iconComponent: s
     } = this;
-    return u(W, null, [u("div", {
+    return u(z, null, [u("div", {
       onClick: e,
       class: t
     }, [u("input", {
@@ -6891,7 +6913,7 @@ const on = /* @__PURE__ */ D({
 function xa(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ka(e);
 }
-const Gi = L({
+const Gi = R({
   modelValue: Boolean,
   variation: String,
   color: String,
@@ -6903,7 +6925,7 @@ const Gi = L({
   name: "YDropdown",
   inheritAttrs: !1,
   components: {
-    YMenu: Ge
+    YMenu: qe
   },
   props: {
     ...Gi()
@@ -6919,8 +6941,8 @@ const Gi = L({
       i.value = !1, a("click", o);
     }
     H(() => {
-      const o = ae(e, Ge.props);
-      return u(W, null, [u(Ge, q(o, {
+      const o = ae(e, qe.props);
+      return u(z, null, [u(qe, q(o, {
         modelValue: i.value,
         "onUpdate:modelValue": (l) => i.value = l,
         "content-classes": ["y-dropdown__content"]
@@ -6970,7 +6992,7 @@ const Gi = L({
     itemChildren: !1
   }),
   returnItem: Boolean
-}, Ss = L(
+}, Ss = R(
   ws,
   "list-items"
 );
@@ -7016,7 +7038,7 @@ function Ts(e, t, n = "value") {
   const a = typeof t, i = a === "string" || a === "number" ? G(e, n) : e;
   return Se(i, t);
 }
-const Zi = L({
+const Zi = R({
   opened: Boolean,
   multiple: Boolean,
   weakEquals: Boolean,
@@ -7026,7 +7048,7 @@ const Zi = L({
   },
   defaultSelect: Boolean,
   ...Ss()
-}, "Select"), Ji = L({
+}, "Select"), Ji = R({
   maxHeight: {
     type: [Number, String],
     default: 310
@@ -7052,8 +7074,8 @@ const Zi = L({
       items: l,
       toRefineItems: s,
       toEmitItems: c
-    } = xs(e), d = J(e, "modelValue", [], (y) => s(y === null ? [null] : qe(y)), (y) => {
-      const g = c(qe(y));
+    } = xs(e), d = J(e, "modelValue", [], (y) => s(y === null ? [null] : Xe(y)), (y) => {
+      const g = c(Xe(y));
       return e.multiple ? g : g[0] ?? null;
     }), v = x(() => d.value.map((y) => l.value.find((g) => e.valueEquals(g.value, y.value))));
     x(() => v.value.map((y) => y.props.value));
@@ -7080,7 +7102,7 @@ const Zi = L({
     });
     return H(() => {
       const y = ae(e, bt.props);
-      return u(Ge, {
+      return u(qe, {
         modelValue: r.value,
         "onUpdate:modelValue": (g) => r.value = g,
         ref: a,
@@ -7093,7 +7115,7 @@ const Zi = L({
         onAfterLeave: S
       }, {
         base: (...g) => {
-          var h, _;
+          var h, C;
           return t.base ? (h = t.base) == null ? void 0 : h.call(t, ...g) : u(bt, q({
             ...y,
             ...q({
@@ -7109,22 +7131,22 @@ const Zi = L({
               "y-select--opened": r.value
             }],
             focused: o.value,
-            "onUpdate:focused": (C) => o.value = C
+            "onUpdate:focused": (_) => o.value = _
           }), {
             default: () => {
-              var C;
+              var _;
               return u("div", {
                 class: ["y-select__selection"]
-              }, [t.selection ? (C = t.selection) == null ? void 0 : C.call(t) : w.value]);
+              }, [t.selection ? (_ = t.selection) == null ? void 0 : _.call(t) : w.value]);
             },
-            leading: t.leading ? (...C) => {
-              var P;
-              return (P = t.leading) == null ? void 0 : P.call(t, ...C);
+            leading: t.leading ? (..._) => {
+              var B;
+              return (B = t.leading) == null ? void 0 : B.call(t, ..._);
             } : void 0,
-            trailing: (...C) => t["expand-icon"] ? t["expand-icon"]() : u("i", {
+            trailing: (..._) => t["expand-icon"] ? t["expand-icon"]() : u("i", {
               class: "y-select__icon"
             }, [u(Ui, null, null)]),
-            "helper-text": t["helper-text"] ? (_ = t["helper-text"]) == null ? void 0 : _.call(t) : void 0
+            "helper-text": t["helper-text"] ? (C = t["helper-text"]) == null ? void 0 : C.call(t) : void 0
           });
         },
         default: () => {
@@ -7133,7 +7155,7 @@ const Zi = L({
             default: () => [l.value.length > 0 ? u(In, {
               ref: i
             }, Cs(g = l.value.map((h) => u(Bn, {
-              onClick: (_) => m(h)
+              onClick: (C) => m(h)
             }, {
               default: () => [h.text]
             }))) ? g : {
@@ -7151,7 +7173,7 @@ const Zi = L({
     };
   }
 }), Mn = Symbol.for("yuyeon.y-tabs");
-const Qi = L({
+const Qi = R({
   text: String,
   hideIndicator: Boolean,
   indicatorColor: String,
@@ -7179,7 +7201,7 @@ const Qi = L({
     }
     return H(() => {
       const s = ae(e, te.props);
-      return u(W, null, [u(te, q({
+      return u(z, null, [u(te, q({
         class: ["y-tab"],
         active: !1
       }, o.value, n, s, {
@@ -7199,7 +7221,7 @@ const Qi = L({
     }), {};
   }
 });
-const tr = L({
+const tr = R({
   items: {
     type: Array
   },
@@ -7225,10 +7247,10 @@ const tr = L({
     const {
       resizeObservedRef: n,
       contentRect: a
-    } = et(), {
+    } = $e(), {
       resizeObservedRef: i,
       contentRect: r
-    } = et(), o = oo(e, Mn), l = x(() => ({
+    } = $e(), o = oo(e, Mn), l = x(() => ({
       next: o.next,
       prev: o.prev,
       select: o.select,
@@ -7293,7 +7315,7 @@ const nr = "YAlert", $s = $t(nr), As = {
           "y-alert--outlined": a.value.includes("outlined")
         }],
         style: i.value
-      }, [u(Ne, null, null), t.leading && u("div", {
+      }, [u(Me, null, null), t.leading && u("div", {
         class: ["y-alert__leading"]
       }, [t.leading()]), u("div", {
         class: ["y-alert__content"]
@@ -7328,14 +7350,14 @@ const nr = "YAlert", $s = $t(nr), As = {
   YIconCheckbox: we,
   YIconClear: si,
   YIconExpand: _t,
-  YIconPageControl: Ie,
+  YIconPageControl: Pe,
   YIconSort: Ei,
   YInput: ht,
   YInputCheckbox: on,
   YLayer: _e,
   YList: In,
   YListItem: Bn,
-  YMenu: Ge,
+  YMenu: qe,
   YMenuPropOptions: zi,
   YPagination: Yi,
   YProgressBar: ui,
@@ -7344,7 +7366,7 @@ const nr = "YAlert", $s = $t(nr), As = {
   YSpinnerRing: ri,
   YSwitch: jo,
   YTab: er,
-  YTable: Ve,
+  YTable: De,
   YTabs: ks,
   YTooltip: Ul,
   YTreeView: Jl,