yuyeon 0.0.38-rc3 → 0.0.38-rc4

package/dist/yuyeon.js

@@ -1,14 +1,14 @@
 var or = Object.defineProperty;
 var lr = (e, t, n) => t in e ? or(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Le = (e, t, n) => (lr(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as M, h as Y, getCurrentInstance as oe, watch as j, onScopeDispose as yt, effectScope as Ta, ref as B, computed as C, toRaw as sr, provide as le, inject as he, toRef as fe, onBeforeUnmount as sn, reactive as nt, onMounted as Ea, nextTick as at, watchEffect as Be, toRefs as ur, resolveDynamicComponent as cr, createVNode as d, withDirectives as Tt, mergeProps as Z, resolveDirective as un, unref as ka, readonly as Ht, withKeys as dr, createTextVNode as Et, withModifiers as cn, Transition as dn, shallowRef as $e, Fragment as G, Teleport as fr, vShow as hr, watchPostEffect as vr, onBeforeUpdate as mr, isVNode as $a } from "vue";
-const yr = M({
+import { defineComponent as D, h as M, getCurrentInstance as oe, watch as j, onScopeDispose as yt, effectScope as Ta, ref as B, computed as C, toRaw as sr, provide as le, inject as he, toRef as fe, onBeforeUnmount as sn, reactive as nt, onMounted as Ea, nextTick as at, watchEffect as Be, toRefs as ur, resolveDynamicComponent as cr, createVNode as u, withDirectives as Tt, mergeProps as X, resolveDirective as un, unref as ka, readonly as Ht, Fragment as G, withKeys as dr, createTextVNode as Et, withModifiers as cn, Transition as dn, shallowRef as $e, Teleport as fr, vShow as hr, watchPostEffect as vr, onBeforeUpdate as mr, isVNode as $a } from "vue";
+const yr = D({
   name: "YApp",
   setup(e, { slots: t }) {
-    return () => Y(
+    return () => M(
       "y-app",
       { class: "y-app" },
-      Y("div", { class: "y-app__container" }, t)
+      M("div", { class: "y-app__container" }, t)
     );
   }
 });
@@ -52,7 +52,7 @@ function Fe(e = {}, t = {}, n) {
   }
   return a;
 }
-function X(e, t, n) {
+function J(e, t, n) {
   let a = t;
   return e == null || !a || typeof a != "string" ? n : e[a] !== void 0 ? e[a] : (a = a.replace(/\[(\w+)\]/g, ".$1"), a = a.replace(/^\./, ""), Aa(e, a.split("."), n));
 }
@@ -66,7 +66,7 @@ function Ee(e, t, n) {
     return typeof i > "u" ? n : i;
   }
   if (typeof t == "string")
-    return X(e, t, n);
+    return J(e, t, n);
   if (Array.isArray(t))
     return Aa(e, t, n);
   if (typeof t != "function")
@@ -173,14 +173,14 @@ function _e(e, t, n, a, i, r) {
         We(e) && l.push(o.get(ke));
         break;
     }
-  const u = process.env.NODE_ENV !== "production" ? { target: e, type: t, key: n, newValue: a, oldValue: i, oldTarget: r } : void 0;
+  const c = 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" ? Pe(l[0], u) : Pe(l[0]));
+    l[0] && (process.env.NODE_ENV !== "production" ? Pe(l[0], c) : Pe(l[0]));
   else {
     const s = [];
     for (const f of l)
       f && s.push(...f);
-    process.env.NODE_ENV !== "production" ? Pe(Je(s), u) : Pe(Je(s));
+    process.env.NODE_ENV !== "production" ? Pe(Je(s), c) : Pe(Je(s));
   }
 }
 function Pe(e, t) {
@@ -204,22 +204,22 @@ function Ir() {
   const e = {};
   return ["includes", "indexOf", "lastIndexOf"].forEach((t) => {
     e[t] = function(...n) {
-      const a = H(this);
+      const a = F(this);
       for (let r = 0, o = this.length; r < o; r++)
         re(a, "get", r + "");
       const i = a[t](...n);
-      return i === -1 || i === !1 ? a[t](...n.map(H)) : i;
+      return i === -1 || i === !1 ? a[t](...n.map(F)) : i;
     };
   }), ["push", "pop", "shift", "unshift", "splice"].forEach((t) => {
     e[t] = function(...n) {
       Er();
-      const a = H(this)[t].apply(this, n);
+      const a = F(this)[t].apply(this, n);
       return kr(), a;
     };
   }), e;
 }
 function Pr(e) {
-  const t = H(this);
+  const t = F(this);
   return re(t, "has", e), t.hasOwnProperty(e);
 }
 function Ma(e = !1, t = !1) {
@@ -249,10 +249,10 @@ function Dr(e = !1) {
     let o = n[a];
     if (pt(o) && pe(o) && !pe(i))
       return !1;
-    if (!e && (!Wa(i) && !pt(i) && (o = H(o), i = H(i)), !be(n) && pe(o) && !pe(i)))
+    if (!e && (!Wa(i) && !pt(i) && (o = F(o), i = F(i)), !be(n) && pe(o) && !pe(i)))
       return o.value = i, !0;
-    const l = be(n) && hn(a) ? Number(a) < n.length : kt(n, a), u = Reflect.set(n, a, i, r);
-    return n === H(r) && (l ? vn(i, o) && _e(n, "set", a, i, o) : _e(n, "add", a, i)), u;
+    const l = be(n) && hn(a) ? Number(a) < n.length : kt(n, a), c = Reflect.set(n, a, i, r);
+    return n === F(r) && (l ? vn(i, o) && _e(n, "set", a, i, o) : _e(n, "add", a, i)), c;
   };
 }
 function Yr(e, t) {
@@ -289,7 +289,7 @@ const Rr = {
 }, yn = (e) => e, $t = (e) => Reflect.getPrototypeOf(e);
 function ot(e, t, n = !1, a = !1) {
   e = e.__v_raw;
-  const i = H(e), r = H(t);
+  const i = F(e), r = F(t);
   n || (t !== r && re(i, "get", t), re(i, "get", r));
   const { has: o } = $t(i), l = a ? yn : n ? gn : et;
   if (o.call(i, t))
@@ -299,49 +299,49 @@ function ot(e, t, n = !1, a = !1) {
   e !== i && e.get(t);
 }
 function lt(e, t = !1) {
-  const n = this.__v_raw, a = H(n), i = H(e);
+  const n = this.__v_raw, a = F(n), i = F(e);
   return t || (e !== i && re(a, "has", e), re(a, "has", i)), e === i ? n.has(e) : n.has(e) || n.has(i);
 }
 function st(e, t = !1) {
-  return e = e.__v_raw, !t && re(H(e), "iterate", ke), Reflect.get(e, "size", e);
+  return e = e.__v_raw, !t && re(F(e), "iterate", ke), Reflect.get(e, "size", e);
 }
 function Wn(e) {
-  e = H(e);
-  const t = H(this);
+  e = F(e);
+  const t = F(this);
   return $t(t).has.call(t, e) || (t.add(e), _e(t, "add", e, e)), this;
 }
 function zn(e, t) {
-  t = H(t);
-  const n = H(this), { has: a, get: i } = $t(n);
+  t = F(t);
+  const n = F(this), { has: a, get: i } = $t(n);
   let r = a.call(n, e);
-  r ? process.env.NODE_ENV !== "production" && Ra(n, a, e) : (e = H(e), r = a.call(n, e));
+  r ? process.env.NODE_ENV !== "production" && Ra(n, a, e) : (e = F(e), r = a.call(n, e));
   const o = i.call(n, e);
   return n.set(e, t), r ? vn(t, o) && _e(n, "set", e, t, o) : _e(n, "add", e, t), this;
 }
 function Un(e) {
-  const t = H(this), { has: n, get: a } = $t(t);
+  const t = F(this), { has: n, get: a } = $t(t);
   let i = n.call(t, e);
-  i ? process.env.NODE_ENV !== "production" && Ra(t, n, e) : (e = H(e), i = n.call(t, e));
+  i ? process.env.NODE_ENV !== "production" && Ra(t, n, e) : (e = F(e), i = n.call(t, e));
   const r = a ? a.call(t, e) : void 0, o = t.delete(e);
   return i && _e(t, "delete", e, void 0, r), o;
 }
 function Gn() {
-  const e = H(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? We(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
+  const e = F(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? We(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
   return t && _e(e, "clear", void 0, void 0, n), a;
 }
 function ut(e, t) {
   return function(a, i) {
-    const r = this, o = r.__v_raw, l = H(o), u = t ? yn : e ? gn : et;
-    return !e && re(l, "iterate", ke), o.forEach((s, f) => a.call(i, u(s), u(f), r));
+    const r = this, o = r.__v_raw, l = F(o), c = t ? yn : e ? gn : et;
+    return !e && re(l, "iterate", ke), o.forEach((s, f) => a.call(i, c(s), c(f), r));
   };
 }
 function ct(e, t, n) {
   return function(...a) {
-    const i = this.__v_raw, r = H(i), o = We(r), l = e === "entries" || e === Symbol.iterator && o, u = e === "keys" && o, s = i[e](...a), f = n ? yn : t ? gn : et;
+    const i = this.__v_raw, r = F(i), o = We(r), l = e === "entries" || e === Symbol.iterator && o, c = e === "keys" && o, s = i[e](...a), f = n ? yn : t ? gn : et;
     return !t && re(
       r,
       "iterate",
-      u ? Kt : ke
+      c ? Kt : ke
     ), {
       // iterator protocol
       next() {
@@ -364,7 +364,7 @@ function me(e) {
       const n = t[0] ? `on key "${t[0]}" ` : "";
       console.warn(
         `${Va(e)} operation ${n}failed: target is readonly.`,
-        H(this)
+        F(this)
       );
     }
     return e === "delete" ? !1 : this;
@@ -473,7 +473,7 @@ const zr = {
   get: /* @__PURE__ */ Na(!0, !1)
 };
 function Ra(e, t, n) {
-  const a = H(n);
+  const a = F(n);
   if (a !== n && t.call(e, a)) {
     const i = Pa(e);
     console.warn(
@@ -540,20 +540,20 @@ function pt(e) {
 function Wa(e) {
   return !!(e && e.__v_isShallow);
 }
-function H(e) {
+function F(e) {
   const t = e && e.__v_raw;
-  return t ? H(t) : e;
+  return t ? F(t) : e;
 }
 const et = (e) => it(e) ? Fa(e) : e, gn = (e) => it(e) ? Ha(e) : e;
 function Jr(e) {
-  Qe && de && (e = H(e), process.env.NODE_ENV !== "production" ? Wt(e.dep || (e.dep = Je()), {
+  Qe && de && (e = F(e), process.env.NODE_ENV !== "production" ? Wt(e.dep || (e.dep = Je()), {
     target: e,
     type: "get",
     key: "value"
   }) : Wt(e.dep || (e.dep = Je())));
 }
 function Qr(e, t) {
-  e = H(e);
+  e = F(e);
   const n = e.dep;
   n && (process.env.NODE_ENV !== "production" ? Pe(n, {
     target: e,
@@ -576,14 +576,14 @@ function Ua(e, t) {
 }
 class to {
   constructor(t, n) {
-    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : H(t), this._value = n ? t : et(t);
+    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : F(t), this._value = n ? t : et(t);
   }
   get value() {
     return Jr(this), this._value;
   }
   set value(t) {
     const n = this.__v_isShallow || Wa(t) || pt(t);
-    t = n ? t : H(t), vn(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : et(t), Qr(this, t));
+    t = n ? t : F(t), vn(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : et(t), Qr(this, t));
   }
 }
 class no {
@@ -598,7 +598,7 @@ class no {
     this._object[this._key] = t;
   }
   get dep() {
-    return $r(H(this._object), this._key);
+    return $r(F(this._object), this._key);
   }
 }
 class ao {
@@ -708,7 +708,7 @@ function Xa(e, t) {
   });
 }
 function Q(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
-  const r = oe(), o = At(t), l = o === t ? qa(t) : t, u = B(
+  const r = oe(), o = At(t), l = o === t ? qa(t) : t, c = B(
     e[l] !== void 0 ? e[l] : n
   );
   function s() {
@@ -725,22 +725,22 @@ function Q(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
       j(
         () => s(),
         (h) => {
-          u.value = h;
+          c.value = h;
         }
       );
     }
   );
   const v = C({
     get() {
-      return a(f.value ? s() : u.value);
+      return a(f.value ? s() : c.value);
     },
     set(h) {
-      const b = i(h), y = sr(f.value ? s() : u.value);
-      y === b || a(y) === h || (u.value = b, r == null || r.emit(`update:${l}`, b));
+      const b = i(h), y = sr(f.value ? s() : c.value);
+      y === b || a(y) === h || (c.value = b, r == null || r.emit(`update:${l}`, b));
     }
   });
   return Object.defineProperty(v, "rxValue", {
-    get: () => f.value ? s() : u.value
+    get: () => f.value ? s() : c.value
   }), v;
 }
 const oo = R(
@@ -791,18 +791,18 @@ function so(e, t, n = !0) {
   ), sn(() => {
     r.unregister(i);
   });
-  const u = C(() => r.isSelected(i)), s = C(
-    () => u.value && [
+  const c = C(() => r.isSelected(i)), s = C(
+    () => c.value && [
       r.selectedClass.value,
       e.selectedClass
     ]
   );
-  return j(u, (f) => {
+  return j(c, (f) => {
     a.emit("choice:selected", { value: f });
   }), {
     id: i,
-    isSelected: u,
-    toggle: () => r.select(i, !u.value),
+    isSelected: c,
+    toggle: () => r.select(i, !c.value),
     select: (f) => r.select(i, f),
     selectedClass: s,
     value: o,
@@ -829,16 +829,16 @@ function uo(e, t) {
   function l(h) {
     if (n)
       return;
-    u();
+    c();
     const b = a.findIndex((y) => y.id === h);
     a.splice(b, 1);
   }
-  function u() {
+  function c() {
     const h = a.find((b) => !b.disabled);
     h && e.mandatory === "force" && !i.value.length && (i.value = [h.id]);
   }
   Ea(() => {
-    u();
+    c();
   }), sn(() => {
     n = !0;
   });
@@ -929,7 +929,7 @@ function vo(e, t = 0, n = {
   leading: !1,
   trailing: !0
 }) {
-  let a, i, r = 0, o, l, u, s = 0, f = !1, v = !1, h = !0;
+  let a, i, r = 0, o, l, c, s = 0, f = !1, v = !1, h = !0;
   if (typeof e != "function")
     throw new TypeError("NOT Function");
   t = +t || 0, gr(n) && (f = !!n.leading, v = "maxWait" in n, r = v ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : r, h = "trailing" in n ? !!n.trailing : h);
@@ -941,12 +941,12 @@ function vo(e, t = 0, n = {
     return s = _, l = window.setTimeout(g, t), f ? b(_) : o;
   }
   function S(_) {
-    var k = _ - (u ?? 0), A = _ - (s ?? 0), L = t - k;
+    var k = _ - (c ?? 0), A = _ - (s ?? 0), L = t - k;
     return v ? Math.min(L, (r ?? 0) - A) : L;
   }
   function p(_) {
-    var k = _ - (u ?? 0), A = _ - (s ?? 0);
-    return u === void 0 || k >= t || k < 0 || v && A >= (r ?? 0);
+    var k = _ - (c ?? 0), A = _ - (s ?? 0);
+    return c === void 0 || k >= t || k < 0 || v && A >= (r ?? 0);
   }
   function g() {
     const _ = Date.now();
@@ -958,22 +958,22 @@ function vo(e, t = 0, n = {
     return l = void 0, h && a ? b(_) : (a = i = void 0, o);
   }
   function w() {
-    l !== void 0 && clearTimeout(l), s = 0, a = u = i = l = void 0;
+    l !== void 0 && clearTimeout(l), s = 0, a = c = i = l = void 0;
   }
-  function c() {
+  function d() {
     return l === void 0 ? o : m(Date.now());
   }
   function x() {
     const _ = Date.now(), k = p(_);
-    if (a = arguments, i = this, u = _, k) {
+    if (a = arguments, i = this, c = _, k) {
       if (l === void 0)
-        return y(u);
+        return y(c);
       if (v)
-        return clearTimeout(l), l = window.setTimeout(g, t), b(u);
+        return clearTimeout(l), l = window.setTimeout(g, t), b(c);
     }
     return l === void 0 && (l = window.setTimeout(g, t)), o;
   }
-  return x.cancel = w, x.flush = c, x;
+  return x.cancel = w, x.flush = d, x;
 }
 function pn(e) {
   const t = e.getRootNode();
@@ -1000,7 +1000,7 @@ function yo(e) {
       i = +b[0], r = +b[3], o = +b[4], l = +b[5];
     } else
       return t;
-    const u = n.transformOrigin, s = t.x - o - (1 - i) * parseFloat(u), f = t.y - l - (1 - r) * parseFloat(u.slice(u.indexOf(" ") + 1)), v = i ? t.width / i : e.offsetWidth, h = r ? t.height / r : e.offsetHeight;
+    const c = n.transformOrigin, s = t.x - o - (1 - i) * parseFloat(c), f = t.y - l - (1 - r) * parseFloat(c.slice(c.indexOf(" ") + 1)), v = i ? t.width / i : e.offsetWidth, h = r ? t.height / r : e.offsetHeight;
     return {
       x: s,
       y: f,
@@ -1242,16 +1242,16 @@ const ri = {
     ii(e);
   }
 };
-const Eo = "YSpinnerRing", oi = /* @__PURE__ */ M({
+const Eo = "YSpinnerRing", oi = /* @__PURE__ */ D({
   name: Eo,
   render() {
-    return d("svg", {
+    return u("svg", {
       class: "y-spinner-ring",
       width: "48",
       height: "48",
       viewBox: "0 0 48 48",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("circle", {
+    }, [u("circle", {
       class: "y-spinner-ring__circle",
       cx: "24",
       cy: "24",
@@ -1300,7 +1300,7 @@ const ue = "y-button", Sn = R({
   },
   ..._o(),
   ...lo()
-}, "YButton"), ne = /* @__PURE__ */ M({
+}, "YButton"), ne = /* @__PURE__ */ D({
   name: "YButton",
   directives: {
     PlateWave: ri
@@ -1343,7 +1343,7 @@ const ue = "y-button", Sn = R({
         [`${ue}--disabled`]: e.disabled,
         [`${ue}--active`]: r.value
       };
-    }), u = C(() => {
+    }), c = C(() => {
       let {
         color: v
       } = e, h;
@@ -1362,20 +1362,20 @@ const ue = "y-button", Sn = R({
     }
     return K(() => {
       const v = i.isLink.value ? "a" : "button";
-      return Tt(d(v, {
+      return Tt(u(v, {
         class: [`${ue}`, a == null ? void 0 : a.selectedClass.value, {
           ...l.value
         }],
         href: i.href.value,
-        style: u.value,
+        style: c.value,
         onClick: f,
         disabled: e.disabled ? !0 : void 0
       }, {
         default: () => {
           var h, b;
-          return [d("span", {
+          return [u("span", {
             class: ["y-button__content"]
-          }, [e.loading && d(oi, Z({
+          }, [e.loading && u(oi, X({
             width: "24",
             height: "24"
           }), null), (h = n.default) == null ? void 0 : h.call(n)]), (b = n.append) == null ? void 0 : b.call(n)];
@@ -1415,8 +1415,8 @@ const si = (e, t, n) => {
   }
   Be(
     () => {
-      var l, u, s, f, v;
-      const i = ((u = (l = t.instance) == null ? void 0 : l.$yuyeon) == null ? void 0 : u.theme) ?? ((v = (f = (s = n == null ? void 0 : n.ctx) == null ? void 0 : s.root.appContext.config.globalProperties) == null ? void 0 : f.$yuyeon) == null ? void 0 : v.theme), r = t.value ?? ka(i.currentThemeKey) ?? "";
+      var l, c, s, f, v;
+      const i = ((c = (l = t.instance) == null ? void 0 : l.$yuyeon) == null ? void 0 : c.theme) ?? ((v = (f = (s = n == null ? void 0 : n.ctx) == null ? void 0 : s.root.appContext.config.globalProperties) == null ? void 0 : f.$yuyeon) == null ? void 0 : v.theme), r = t.value ?? ka(i.currentThemeKey) ?? "";
       if (!r)
         return;
       const o = `y-theme--${r}`;
@@ -1451,7 +1451,7 @@ const si = (e, t, n) => {
  /////
  /////    Live Demonstrator at https://www.myndex.com/APCA/
  // */
-const q = {
+const Z = {
   mainTRC: 2.4,
   // 2.4 exponent for emulating actual monitor perception
   // For reverseAPCA
@@ -1491,16 +1491,16 @@ const q = {
 };
 function Mt(e = [0, 0, 0]) {
   function t(n) {
-    return Math.pow(n / 255, q.mainTRC);
+    return Math.pow(n / 255, Z.mainTRC);
   }
-  return q.sRco * t(e[0]) + q.sGco * t(e[1]) + q.sBco * t(e[2]);
+  return Z.sRco * t(e[0]) + Z.sGco * t(e[1]) + Z.sBco * t(e[2]);
 }
 function aa(e, t, n = -1) {
   const a = [0, 1.1];
   if (isNaN(e) || isNaN(t) || Math.min(e, t) < a[0] || Math.max(e, t) > a[1])
     return 0;
   let i = 0, r = 0, o = "BoW";
-  return e = e > q.blkThrs ? e : e + Math.pow(q.blkThrs - e, q.blkClmp), t = t > q.blkThrs ? t : t + Math.pow(q.blkThrs - t, q.blkClmp), Math.abs(t - e) < q.deltaYmin ? 0 : (t > e ? (i = (Math.pow(t, q.normBG) - Math.pow(e, q.normTXT)) * q.scaleBoW, r = i < q.loClip ? 0 : i - q.loBoWoffset) : (o = "WoB", i = (Math.pow(t, q.revBG) - Math.pow(e, q.revTXT)) * q.scaleWoB, r = i > -q.loClip ? 0 : i + q.loWoBoffset), n < 0 ? r * 100 : n == 0 ? Math.round(Math.abs(r) * 100) + "<sub>" + o + "</sub>" : Number.isInteger(n) ? (r * 100).toFixed(n) : 0);
+  return e = e > Z.blkThrs ? e : e + Math.pow(Z.blkThrs - e, Z.blkClmp), t = t > Z.blkThrs ? t : t + Math.pow(Z.blkThrs - t, Z.blkClmp), Math.abs(t - e) < Z.deltaYmin ? 0 : (t > e ? (i = (Math.pow(t, Z.normBG) - Math.pow(e, Z.normTXT)) * Z.scaleBoW, r = i < Z.loClip ? 0 : i - Z.loBoWoffset) : (o = "WoB", i = (Math.pow(t, Z.revBG) - Math.pow(e, Z.revTXT)) * Z.scaleWoB, r = i > -Z.loClip ? 0 : i + Z.loWoBoffset), n < 0 ? r * 100 : n == 0 ? Math.round(Math.abs(r) * 100) + "<sub>" + o + "</sub>" : Number.isInteger(n) ? (r * 100).toFixed(n) : 0);
 }
 function Oo(e) {
   var n;
@@ -1519,12 +1519,12 @@ function Oo(e) {
       const l = r.colors[o];
       if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})/i.test(l) && (r.colors[o] = l, r.colors[`${o}-rgb`] = (n = Gt(l)) == null ? void 0 : n.join(", ")), /^on-[a-z]/.test(o) || r.colors[`on-${o}`])
         continue;
-      const u = `on-${o}`, s = Mt(Gt(l) ?? [0, 0, 0]), f = Math.abs(
+      const c = `on-${o}`, s = Mt(Gt(l) ?? [0, 0, 0]), f = Math.abs(
         aa(Mt([0, 0, 0]), s)
       ), v = Math.abs(
         aa(Mt([255, 255, 255]), s)
       );
-      r.colors[u] = v > Math.min(f, 50) ? "#ffffff" : "#000000", r.colors[`${u}-rgb`] = v > Math.min(f, 50) ? "255, 255, 255" : "0, 0, 0";
+      r.colors[c] = v > Math.min(f, 50) ? "#ffffff" : "#000000", r.colors[`${c}-rgb`] = v > Math.min(f, 50) ? "255, 255, 255" : "0, 0, 0";
     }
   }
   return t;
@@ -1650,19 +1650,19 @@ function Vo() {
   return window.matchMedia("(prefers-color-scheme)").media !== "not all";
 }
 function Do(e) {
-  const t = Ta(), n = nt(Po(e)), a = B(n.scheme), i = B(n.theme), r = B(n.themes), o = B(n.palette), l = B(!0), u = B("");
+  const t = Ta(), n = nt(Po(e)), a = B(n.scheme), i = B(n.theme), r = B(n.themes), o = B(n.palette), l = B(!0), c = B("");
   function s(w) {
-    u.value = w.matches ? "dark" : "light";
+    c.value = w.matches ? "dark" : "light";
   }
-  const f = C(() => a.value === "auto" ? u.value : a.value === "dark" ? "dark" : "light"), v = C(() => {
-    var w, c;
-    return typeof i.value == "string" && i.value in b ? i.value : Array.isArray(i.value) ? f.value === "dark" ? ((w = i.value) == null ? void 0 : w[1]) ?? "dark" : ((c = i.value) == null ? void 0 : c[0]) ?? "light" : f.value;
+  const f = C(() => a.value === "auto" ? c.value : a.value === "dark" ? "dark" : "light"), v = C(() => {
+    var w, d;
+    return typeof i.value == "string" && i.value in b ? i.value : Array.isArray(i.value) ? f.value === "dark" ? ((w = i.value) == null ? void 0 : w[1]) ?? "dark" : ((d = i.value) == null ? void 0 : d[0]) ?? "light" : f.value;
   }), h = C(() => Bo(o.value)), b = C(() => Oo(r.value)), y = C(() => {
     const w = [];
     w.push(
       ...je(":root", dt(h.value, "palette"))
     );
-    for (const [c, x] of Object.entries(b.value)) {
+    for (const [d, x] of Object.entries(b.value)) {
       const { colors: _, variables: k, isDark: A } = x, L = {
         ..._,
         ...k
@@ -1671,51 +1671,51 @@ function Do(e) {
         ...je(
           `@media (prefers-color-scheme: ${O})`,
           je(
-            `[data-theme-scheme='auto'][data-${O}-theme='${c}']`,
+            `[data-theme-scheme='auto'][data-${O}-theme='${d}']`,
             dt(L, "theme")
           )
         )
       ) : w.push(
         ...je(
-          `[data-theme-scheme='${O}'][data-${O}-theme='${c}']`,
+          `[data-theme-scheme='${O}'][data-${O}-theme='${d}']`,
           dt(L, "theme")
         )
       ), w.push(
-        ...je(`.y-theme--${c}`, dt(L, "theme"))
+        ...je(`.y-theme--${d}`, dt(L, "theme"))
       );
     }
     return w.join("");
   });
   function S(w) {
     w.directive("theme", si);
-    let c = document.getElementById("yuyeon-theme-palette");
+    let d = document.getElementById("yuyeon-theme-palette");
     j(y, x, { immediate: !0 });
     function x() {
-      if (typeof document < "u" && !c) {
+      if (typeof document < "u" && !d) {
         const _ = document.createElement("style");
-        _.type = "text/css", _.id = "yuyeon-theme-palette", e != null && e.cspNonce && _.setAttribute("nonce", e.cspNonce), c = _, document.head.appendChild(c);
+        _.type = "text/css", _.id = "yuyeon-theme-palette", e != null && e.cspNonce && _.setAttribute("nonce", e.cspNonce), d = _, document.head.appendChild(d);
       }
-      c && (c.innerHTML = y.value);
+      d && (d.innerHTML = y.value);
     }
   }
   function p(w) {
     if (l.value = Vo(), l.value) {
-      const c = window.matchMedia("(prefers-color-scheme: dark)");
-      s(c), c.addEventListener("change", s);
+      const d = window.matchMedia("(prefers-color-scheme: dark)");
+      s(d), d.addEventListener("change", s);
     }
     j(
       i,
-      (c) => {
-        const [x, _] = c;
+      (d) => {
+        const [x, _] = d;
         w.root.dataset.lightTheme = x, w.root.dataset.darkTheme = _;
       },
       { immediate: !0 }
     ), j(
       a,
-      (c) => {
+      (d) => {
         w.root.setAttribute(
           "data-theme-scheme",
-          c === "auto" ? "auto" : f.value
+          d === "auto" ? "auto" : f.value
         );
       },
       { immediate: !0 }
@@ -1744,7 +1744,7 @@ function Do(e) {
       computedThemes: b,
       computedPalette: h,
       supportedAutoMode: Ht(l),
-      preferColorScheme: Ht(u)
+      preferColorScheme: Ht(c)
     }
   };
 }
@@ -1825,7 +1825,7 @@ const xn = R(
     ...Ao()
   },
   "YInput"
-), vt = M({
+), vt = D({
   name: "YInput",
   props: {
     ...Ot(),
@@ -1900,11 +1900,11 @@ const xn = R(
   methods: {
     createPrepend() {
       const e = ye(this, "prepend");
-      return e ? Y("div", { class: `${ce}__prepend` }, e) : void 0;
+      return e ? M("div", { class: `${ce}__prepend` }, e) : void 0;
     },
     createAppend() {
       const e = ye(this, "append");
-      return e ? Y("div", { class: `${ce}__append` }, e) : void 0;
+      return e ? M("div", { class: `${ce}__append` }, e) : void 0;
     },
     createLabelSlot() {
       const e = ye(this, "label");
@@ -1912,7 +1912,7 @@ const xn = R(
         if (this.label)
           return [
             this.label,
-            this.required ? Y("span", { class: "y-input__required-mark" }, "*") : void 0
+            this.required ? M("span", { class: "y-input__required-mark" }, "*") : void 0
           ];
         if (this.placeholder && !this.inValue)
           return [this.placeholder];
@@ -1921,7 +1921,7 @@ const xn = R(
     },
     createLabel() {
       if (this.label || ye(this, "label"))
-        return Y(
+        return M(
           "label",
           {
             class: {
@@ -1947,7 +1947,7 @@ const xn = R(
         value: e,
         formLoading: t,
         attrId: n
-      }) ?? Y(
+      }) ?? M(
         "div",
         {
           [`.${ce}__value`]: !0,
@@ -1961,7 +1961,7 @@ const xn = R(
     },
     createLeading() {
       const e = ye(this, "leading", { error: this.isError });
-      return e ? Y(
+      return e ? M(
         "div",
         {
           class: "y-input__leading",
@@ -1978,13 +1978,13 @@ const xn = R(
       return isNaN(Number(e)) ? e : `${e}px`;
     },
     createDisplay() {
-      return Y(
+      return M(
         "div",
         {
           class: {
             [`${ce}__display`]: !0
           },
-          // onClick: this.onClick,
+          onClick: this.onClick,
           onMousedown: this.onMousedown,
           onMouseup: this.onMouseup,
           ref: "display",
@@ -1993,7 +1993,7 @@ const xn = R(
           }
         },
         [
-          Y("div", { class: `${ce}__plate` }),
+          M("div", { class: `${ce}__plate` }),
           this.createLeading(),
           this.createDefault(),
           this.createTrailing()
@@ -2005,7 +2005,7 @@ const xn = R(
         error: this.status === "error" || this.inError,
         errorResult: this.errorResult
       }), t = [];
-      return e ? t.push(Y("span", {}, e)) : t.push(this.errorResult), Y("div", { class: `${ce}__helper-text` }, t);
+      return e ? t.push(M("span", {}, e)) : t.push(this.errorResult), M("div", { class: `${ce}__helper-text` }, t);
     },
     createStackChildren() {
       return [
@@ -2015,7 +2015,7 @@ const xn = R(
       ];
     },
     createStack() {
-      return Y(
+      return M(
         "div",
         {
           class: `${ce}__stack`,
@@ -2029,8 +2029,7 @@ const xn = R(
     },
     //
     onClick(e) {
-      var t;
-      this.autoSelect && e.target && ((t = window.getSelection()) == null || t.selectAllChildren(e.target)), this.$emit("click", e);
+      this.$emit("click", e);
     },
     onMousedown(e) {
       this.hasMouseDown = !0, this.$emit("mousedown:display", e);
@@ -2100,7 +2099,7 @@ const xn = R(
     };
   },
   render() {
-    return Y(
+    return M(
       "div",
       {
         class: { ...this.getClasses(), [`${ce}`]: !0 }
@@ -2108,75 +2107,67 @@ const xn = R(
       this.createContent()
     );
   }
-}), ui = /* @__PURE__ */ M({
+}), ui = /* @__PURE__ */ D({
   name: "YIconClear",
   setup() {
-    return () => d("svg", {
+    return () => u("svg", {
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [u("path", {
       d: "m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z",
       fill: "currentColor",
       "stroke-miterlimit": "10"
     }, null)]);
   }
 });
-const Nt = "y-field-input", _n = R(
-  {
-    enableClear: Boolean,
-    inputAlign: String,
-    displayText: [String, Function],
-    whenInputValid: [Boolean, Number],
-    tabindex: {
-      type: String,
-      default: "0"
-    },
-    type: {
-      type: String,
-      default: "text"
-    },
-    ...xn({
-      variation: "filled"
-    })
+const Nt = "y-field-input", _n = R({
+  enableClear: Boolean,
+  inputAlign: String,
+  displayText: [String, Function],
+  whenInputValid: [Boolean, Number],
+  tabindex: {
+    type: String,
+    default: "0"
   },
-  "YFieldInput"
-), wt = M({
+  type: {
+    type: String,
+    default: "text"
+  },
+  ...xn({
+    variation: "filled"
+  })
+}, "YFieldInput"), wt = /* @__PURE__ */ D({
   name: "YFieldInput",
   props: {
     ..._n()
   },
-  emits: [
-    "update:modelValue",
-    "update:focused",
-    "input",
-    "change",
-    "click",
-    "mousedown",
-    "mouseup",
-    "keydown",
-    "keyup",
-    "focus",
-    "blur",
-    "mousedown:display"
-  ],
-  setup(e, { attrs: t, expose: n, emit: a, slots: i }) {
-    const r = B(), o = B(), { focused: l, whenFocus: u, whenBlur: s } = li(e, "y-field-input"), f = B(""), v = B(""), h = fe(e, "type"), b = C(() => ({
+  emits: ["update:modelValue", "update:focused", "input", "change", "click", "mousedown", "mouseup", "keydown", "keyup", "focus", "blur", "mousedown:display"],
+  setup(e, {
+    attrs: t,
+    expose: n,
+    emit: a,
+    slots: i
+  }) {
+    const r = B(), o = B(), {
+      focused: l,
+      whenFocus: c,
+      whenBlur: s
+    } = li(e, "y-field-input"), f = B(""), v = B(""), h = fe(e, "type"), b = C(() => ({
       [Nt]: !0
     }));
     function y(E) {
-      var V;
-      (V = o.value) == null || V.focus(), a("click", E);
+      a("click", E);
     }
     function S(E) {
-      u(), v.value = f.value, a("focus", E);
+      c(), v.value = f.value, a("focus", E);
     }
     function p(E) {
       s(), a("blur", E), O();
     }
     function g(E) {
       a("input", E);
-      const V = E.target;
-      f.value = V == null ? void 0 : V.value, v.value = V == null ? void 0 : V.value, e.whenInputValid;
+      const N = E.target;
+      f.value = N == null ? void 0 : N.value, v.value = N == null ? void 0 : N.value, e.whenInputValid;
     }
     function m(E) {
       a("change", f.value);
@@ -2184,7 +2175,7 @@ const Nt = "y-field-input", _n = R(
     function w(E) {
       a("keydown", E);
     }
-    function c(E) {
+    function d(E) {
       a("keyup", E);
     }
     function x(E) {
@@ -2205,23 +2196,21 @@ const Nt = "y-field-input", _n = R(
       f.value = "", v.value = "", a("update:modelValue", f.value);
     }
     function O() {
-      const E = oe(), { displayText: V } = e;
-      if (V !== void 0) {
-        let F = f.value;
-        typeof V == "string" && (F = V), V && typeof V == "function" && (F = V.call(E, F)), at(() => {
-          v.value = F;
+      const E = oe(), {
+        displayText: N
+      } = e;
+      if (N !== void 0) {
+        let H = f.value;
+        typeof N == "string" && (H = N), N && typeof N == "function" && (H = N.call(E, H)), at(() => {
+          v.value = H;
         });
       }
     }
-    j(
-      () => e.modelValue,
-      (E) => {
-        f.value = E, v.value = E;
-      },
-      {
-        immediate: !0
-      }
-    ), j(f, (E) => {
+    j(() => e.modelValue, (E) => {
+      f.value = E, v.value = E;
+    }, {
+      immediate: !0
+    }), j(f, (E) => {
       l.value ? v.value = E : O();
     }), n({
       focus: k,
@@ -2232,107 +2221,77 @@ const Nt = "y-field-input", _n = R(
     function z(E) {
       a("update:modelValue", E);
     }
-    return K(
-      () => {
-        var E;
-        return Y(
-          vt,
-          {
-            class: b.value,
-            ref: r,
-            ...ie(e, vt.props),
-            modelValue: f.value,
-            "onUpdate:modelValue": z,
-            onClick: y,
-            focused: l.value,
-            "onMousedown:display": (V) => a("mousedown:display", V)
-          },
-          {
-            leading: i.leading ? (...V) => {
-              var se;
-              const F = [], J = (se = i.leading) == null ? void 0 : se.call(i, ...V);
-              if (J)
-                F.push(J);
-              else
-                return;
-              return F;
-            } : void 0,
-            default: (V) => {
-              var F;
-              return Y(
-                "div",
-                {
-                  class: `${Nt}__field`,
-                  "data-id": V.attrId,
-                  ref: "field"
-                },
-                [
-                  e.floating ? r.value && vt.methods.createLabel.call(r.value) : void 0,
-                  (F = i.default) == null ? void 0 : F.call(i),
-                  Y("input", {
-                    ".value": v.value,
-                    ".id": V.attrId,
-                    "^type": h.value,
-                    readonly: e.readonly || e.loading || V.formLoading,
-                    ".placeholder": e.placeholder,
-                    ".disabled": e.disabled,
-                    "^tabindex": e.tabindex || "0",
-                    autocomplete: t.autocomplete,
-                    maxlength: t.maxlength,
-                    min: t.min,
-                    max: t.max,
-                    onInput: g,
-                    onFocus: S,
-                    onBlur: p,
-                    onChange: m,
-                    onKeydown: w,
-                    onKeyup: c,
-                    style: {
-                      textAlign: e.inputAlign
-                    },
-                    ref: o
-                  })
-                ]
-              );
-            },
-            trailing: () => {
-              const V = [];
-              e.enableClear && f.value && V.push(
-                Y(
-                  "div",
-                  { class: "y-input__trailing y-input__trailing--clear" },
-                  [
-                    Y(
-                      "button",
-                      {
-                        class: `${Nt}__clear`,
-                        onClick: x,
-                        onKeydown: _,
-                        "^tabindex": "2"
-                      },
-                      [Y(ui)]
-                    )
-                  ]
-                )
-              );
-              const F = i.trailing;
-              return F && V.push(
-                Y("div", { class: "y-input__trailing" }, F())
-              ), V;
-            },
-            label: (E = i.label) == null ? void 0 : E.call(i),
-            "helper-text": i["helper-text"] ? () => {
-              var V;
-              return (V = i["helper-text"]) == null ? void 0 : V.call(i);
-            } : void 0
-          }
-        );
-      }
-    ), {
-      focused: l
+    return K(() => {
+      var E, N;
+      return u(vt, X({
+        class: b.value,
+        ref: r
+      }, ie(e, vt.props), {
+        modelValue: f.value,
+        "onUpdate:modelValue": z,
+        focused: l.value,
+        onClick: y,
+        "onMousedown:display": (H) => a("mousedown:display", H)
+      }), {
+        leading: i.leading ? (...H) => {
+          var T;
+          const q = [], se = (T = i.leading) == null ? void 0 : T.call(i, ...H);
+          if (se)
+            q.push(se);
+          else
+            return;
+          return q;
+        } : void 0,
+        default: (H) => {
+          var q;
+          return u("div", {
+            class: [`${Nt}__field`],
+            "data-id": H.attrId,
+            ref: "field"
+          }, [e.floating ? r.value && vt.methods.createLabel.call(r.value) : void 0, (q = i.default) == null ? void 0 : q.call(i), u("input", {
+            ref: o,
+            value: v.value,
+            name: e.name,
+            id: H.attrId,
+            type: h.value,
+            readonly: e.readonly || e.loading || H.formLoading,
+            placeholder: e.placeholder,
+            disabled: e.disabled,
+            tabindex: e.tabindex || "0",
+            autocomplete: t.autocomplete,
+            maxlength: t.maxlength,
+            min: t.min,
+            max: t.max,
+            style: [t == null ? void 0 : t.style, {
+              textAlign: e.inputAlign
+            }],
+            onInput: g,
+            onFocus: S,
+            onBlur: p,
+            onChange: m,
+            onKeydown: w,
+            onKeyup: d
+          }, null)]);
+        },
+        trailing: i.trailing || e.enableClear && f.value ? () => u(G, null, [e.enableClear && f.value && u("div", {
+          class: ["y-input__trailing", "y-input__trailing--clear"]
+        }, [u("button", {
+          class: [`${Nt}__clear`],
+          onClick: x,
+          onKeydown: _,
+          tabindex: 2
+        }, [u(ui, null, null)])]), i.trailing && u("div", {
+          class: ["y-input__trailing"]
+        }, [i.trailing()])]) : void 0,
+        label: (E = i.label) == null ? void 0 : E.call(i),
+        "helper-text": (N = i["helper-text"]) == null ? void 0 : N.call(i)
+      });
+    }), {
+      focused: l,
+      inValue: f
     };
   }
-}), Yo = M({
+}), Yo = D({
   data: () => ({
     attrs_$: {},
     listeners_$: {}
@@ -2355,7 +2314,7 @@ const Nt = "y-field-input", _n = R(
       immediate: !0
     }
   }
-}), sa = "y-form", Mo = ["form", "div", "section", "article"], No = M({
+}), sa = "y-form", Mo = ["form", "div", "section", "article"], No = D({
   name: sa,
   inheritAttrs: !1,
   mixins: [Yo],
@@ -2406,7 +2365,7 @@ const Nt = "y-field-input", _n = R(
   render() {
     var t, n;
     const { tag: e } = this;
-    return Y(
+    return M(
       e,
       {
         class: sa,
@@ -2433,7 +2392,7 @@ function Ro(e) {
     })
   };
 }
-const ci = /* @__PURE__ */ M({
+const ci = /* @__PURE__ */ D({
   name: "YProgressBar",
   props: {
     value: {
@@ -2513,7 +2472,7 @@ const ci = /* @__PURE__ */ M({
       styles: r,
       innerText: o
     } = this, l = this.$slots;
-    return d("div", {
+    return u("div", {
       class: {
         "y-progress y-progress-bar": !0,
         ...e
@@ -2527,14 +2486,14 @@ const ci = /* @__PURE__ */ M({
         "--y-progress-bar__outline-color": a !== void 0 ? a : void 0,
         "--y-progress-bar__color": this.leadColor
       }
-    }, [d("div", {
+    }, [u("div", {
       class: "y-progress__track"
-    }, null), d("div", {
+    }, null), u("div", {
       class: "y-progress__tube"
-    }, [d("div", {
+    }, [u("div", {
       class: "y-progress__lead",
       style: r
-    }, [l["lead-inner"] ? l["lead-inner"]() : o && d("div", {
+    }, [l["lead-inner"] ? l["lead-inner"]() : o && u("div", {
       class: {
         "y-progress__lead-inner": !0,
         "y-progress__lead-inner--fixed": t < 3
@@ -2542,10 +2501,10 @@ const ci = /* @__PURE__ */ M({
       style: {
         color: i
       }
-    }, [d("span", null, [t, Et(" %")])])])])]);
+    }, [u("span", null, [t, Et(" %")])])])])]);
   }
 });
-const It = M({
+const It = D({
   name: "y-card",
   props: {
     outline: {
@@ -2556,7 +2515,7 @@ const It = M({
     var t;
     const e = si;
     return Tt(
-      Y(
+      M(
         "div",
         {
           class: ["y-card"]
@@ -2566,26 +2525,26 @@ const It = M({
       [[e]]
     );
   }
-}), Lo = M({
+}), Lo = D({
   name: "y-card-body",
   render() {
     var e, t;
-    return Y("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return M("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), jo = M({
+}), jo = D({
   name: "y-card-footer",
   render() {
     var e, t;
-    return Y("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return M("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), Fo = M({
+}), Fo = D({
   name: "y-card-header",
   render() {
     var e, t;
-    return Y("div", { class: "y-card__header" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
+    return M("div", { class: "y-card__header" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
 });
-const Ho = /* @__PURE__ */ M({
+const Ho = /* @__PURE__ */ D({
   name: "y-chip",
   props: {
     color: String,
@@ -2640,16 +2599,16 @@ const Ho = /* @__PURE__ */ M({
       classes: e,
       styles: t
     } = this;
-    return d("span", {
+    return u("span", {
       class: e,
       style: t
-    }, [d("span", {
+    }, [u("span", {
       class: "y-chip__content"
     }, [(a = (n = this.$slots).default) == null ? void 0 : a.call(n)])]);
   }
 });
 let ua = 0;
-const Ko = /* @__PURE__ */ M({
+const Ko = /* @__PURE__ */ D({
   name: "YSwitch",
   model: {
     prop: "input",
@@ -2782,7 +2741,7 @@ const Ko = /* @__PURE__ */ M({
       onBlur: r,
       onChange: o,
       inputId: l,
-      innerValue: u,
+      innerValue: c,
       disabled: s,
       trackStyles: f,
       stateLabel: v,
@@ -2790,49 +2749,49 @@ const Ko = /* @__PURE__ */ M({
       labelOff: b,
       loading: y
     } = this;
-    return d("div", {
+    return u("div", {
       class: {
         "y-switch": !0,
         ...t
       }
-    }, [d("div", {
+    }, [u("div", {
       class: "y-switch__slot"
-    }, [d("div", {
+    }, [u("div", {
       class: "y-switch__input",
       onClick: cn(n, ["capture"]),
       onKeydown: a
-    }, [d("input", {
+    }, [u("input", {
       id: l,
-      "aria-checked": u,
+      "aria-checked": c,
       type: "checkbox",
       role: "switch",
       onFocus: i,
       onBlur: r,
       onChange: o,
       disabled: s,
-      checked: u,
+      checked: c,
       ref: "checkbox"
-    }, null), d("div", {
+    }, null), u("div", {
       class: "y-switch__track",
       style: f
-    }, [v && d("div", {
+    }, [v && u("div", {
       class: "y-switch__state"
-    }, [d("span", {
+    }, [u("span", {
       class: "y-switch__state-label y-switch__state-label--on"
     }, {
       labelOn: h
-    }), d("span", {
+    }), u("span", {
       class: "y-switch__state-label y-switch__state-label--off"
     }, {
       labelOff: b
-    })])]), d("div", {
+    })])]), u("div", {
       class: "y-switch__thumb"
-    }, [y && d("div", {
+    }, [y && u("div", {
       class: "y-switch__spinner"
-    }, null)])]), d("label", {
+    }, null)])]), u("label", {
       for: l,
       class: "y-switch__label"
-    }, [(S = e.label) == null ? void 0 : S.call(e), d("input", {
+    }, [(S = e.label) == null ? void 0 : S.call(e), u("input", {
       hidden: !0
     }, null)])])]);
   }
@@ -2873,7 +2832,7 @@ function ca(e, t) {
   );
 }
 function Uo(e, t, n, a) {
-  const { contentEl: i, baseEl: r, active: o } = t, l = B(!1), [u, s, f, v] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((g) => C(() => {
+  const { contentEl: i, baseEl: r, active: o } = t, l = B(!1), [c, s, f, v] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((g) => C(() => {
     const m = parseFloat(e[g]);
     return isNaN(m) ? 1 / 0 : m;
   })), h = C(() => {
@@ -2891,8 +2850,8 @@ function Uo(e, t, n, a) {
   });
   j(
     [t.baseEl, t.contentEl],
-    ([g, m], [w, c]) => {
-      w && y.unobserve(w), g && y.observe(g), c && y.unobserve(c), m && y.observe(m);
+    ([g, m], [w, d]) => {
+      w && y.unobserve(w), g && y.observe(g), d && y.unobserve(d), m && y.observe(m);
     },
     { immediate: !0 }
   ), yt(() => {
@@ -2909,22 +2868,22 @@ function Uo(e, t, n, a) {
       requestAnimationFrame(() => b = !0);
     }), !g || !m)
       return;
-    const { viewportMargin: w } = e, c = g.getBoundingClientRect(), x = S(m), _ = po(m);
+    const { viewportMargin: w } = e, d = g.getBoundingClientRect(), x = S(m), _ = po(m);
     _.length < 1 && _.push(document.documentElement);
     const k = _.reduce(
       ($, P) => {
-        const I = P.getBoundingClientRect(), D = new Vt({
+        const I = P.getBoundingClientRect(), V = new Vt({
           x: P === document.documentElement ? 0 : I.x,
           y: P === document.documentElement ? 0 : I.y,
           width: P.clientWidth,
           height: P.clientHeight
         });
         return $ ? new Vt({
-          x: Math.max($.left, D.left),
-          y: Math.max($.top, D.top),
-          width: Math.min($.right, D.right) - Math.max($.left, D.left),
-          height: Math.min($.bottom, D.bottom) - Math.max($.top, D.top)
-        }) : D;
+          x: Math.max($.left, V.left),
+          y: Math.max($.top, V.top),
+          width: Math.min($.right, V.right) - Math.max($.left, V.left),
+          height: Math.min($.bottom, V.bottom) - Math.max($.top, V.top)
+        }) : V;
       },
       void 0
     );
@@ -2944,8 +2903,8 @@ function Uo(e, t, n, a) {
       origin: L.value
     };
     function z($) {
-      const P = new Vt(x), I = ca($.anchor, c), D = ca($.origin, P);
-      let { x: N, y: U } = zo(I, D);
+      const P = new Vt(x), I = ca($.anchor, d), V = ca($.origin, P);
+      let { x: Y, y: U } = zo(I, V);
       switch ($.anchor.side) {
         case "top":
           U -= h.value[0];
@@ -2954,10 +2913,10 @@ function Uo(e, t, n, a) {
           U += h.value[0];
           break;
         case "left":
-          N -= h.value[0];
+          Y -= h.value[0];
           break;
         case "right":
-          N += h.value[0];
+          Y += h.value[0];
           break;
       }
       switch ($.anchor.align) {
@@ -2968,40 +2927,40 @@ function Uo(e, t, n, a) {
           U += h.value[1];
           break;
         case "left":
-          N -= h.value[1];
+          Y -= h.value[1];
           break;
         case "right":
-          N += h.value[1];
+          Y += h.value[1];
           break;
       }
-      return P.x += N, P.y += U, P.width = Math.min(P.width, f.value), P.height = Math.min(P.height, v.value), { overflows: Zn(P, k), x: N, y: U };
+      return P.x += Y, P.y += U, P.width = Math.min(P.width, f.value), P.height = Math.min(P.height, v.value), { overflows: Zn(P, k), x: Y, y: U };
     }
-    let E = 0, V = 0;
-    const F = { x: 0, y: 0 }, J = { x: !1, y: !1 };
+    let E = 0, N = 0;
+    const H = { x: 0, y: 0 }, q = { x: !1, y: !1 };
     let se = -1;
     for (; !(se++ > 10); ) {
       const { x: $, y: P, overflows: I } = z(O);
-      E += $, V += P, x.x += $, x.y += P;
+      E += $, N += P, x.x += $, x.y += P;
       {
-        const D = ta(O.anchor), N = I.x.before || I.x.after, U = I.y.before || I.y.after;
+        const V = ta(O.anchor), Y = I.x.before || I.x.after, U = I.y.before || I.y.after;
         let ee = !1;
         if (["x", "y"].forEach((te) => {
-          if (te === "x" && N && !J.x || te === "y" && U && !J.y) {
+          if (te === "x" && Y && !q.x || te === "y" && U && !q.y) {
             const ve = {
               anchor: { ...O.anchor },
               origin: { ...O.origin }
-            }, Ln = te === "x" ? D === "y" ? Yt : Dt : D === "y" ? Dt : Yt;
+            }, Ln = te === "x" ? V === "y" ? Yt : Dt : V === "y" ? Dt : Yt;
             ve.anchor = Ln(ve.anchor), ve.origin = Ln(ve.origin);
             const { overflows: rt } = z(ve);
-            (rt[te].before <= I[te].before && rt[te].after <= I[te].after || rt[te].before + rt[te].after < (I[te].before + I[te].after) / 2) && (O = ve, ee = J[te] = !0);
+            (rt[te].before <= I[te].before && rt[te].after <= I[te].after || rt[te].before + rt[te].after < (I[te].before + I[te].after) / 2) && (O = ve, ee = q[te] = !0);
           }
         }), ee)
           continue;
       }
-      I.x.before && (E += I.x.before, x.x += I.x.before), I.x.after && (E -= I.x.after, x.x -= I.x.after), I.y.before && (V += I.y.before, x.y += I.y.before), I.y.after && (V -= I.y.after, x.y -= I.y.after);
+      I.x.before && (E += I.x.before, x.x += I.x.before), I.x.after && (E -= I.x.after, x.x -= I.x.after), I.y.before && (N += I.y.before, x.y += I.y.before), I.y.after && (N -= I.y.after, x.y -= I.y.after);
       {
-        const D = Zn(x, k);
-        F.x = k.width - D.x.before - D.x.after, F.y = k.height - D.y.before - D.y.after, E += D.x.before, x.x += D.x.before, V += D.y.before, x.y += D.y.before;
+        const V = Zn(x, k);
+        H.x = k.width - V.x.before - V.x.after, H.y = k.height - V.y.before - V.y.after, E += V.x.before, x.x += V.x.before, N += V.y.before, x.y += V.y.before;
       }
       break;
     }
@@ -3009,17 +2968,17 @@ function Uo(e, t, n, a) {
     return Object.assign(a.value, {
       "--y-levitation-anchor-origin": `${O.anchor.side} ${O.anchor.align}`,
       transformOrigin: `${O.origin.side} ${O.origin.align}`,
-      top: W(Pt(V)),
+      top: W(Pt(N)),
       left: l.value ? void 0 : W(Pt(E)),
       right: l.value ? W(Pt(-E)) : void 0,
       minWidth: W(
-        T === "y" ? Math.min(u.value, c.width) : u.value
+        T === "y" ? Math.min(c.value, d.width) : c.value
       ),
       maxWidth: W(
         Xn(
           Ke(
-            F.x,
-            u.value === 1 / 0 ? 0 : u.value,
+            H.x,
+            c.value === 1 / 0 ? 0 : c.value,
             f.value
           )
         )
@@ -3027,14 +2986,14 @@ function Uo(e, t, n, a) {
       maxHeight: W(
         Xn(
           Ke(
-            F.y,
+            H.y,
             s.value === 1 / 0 ? 0 : s.value,
             v.value
           )
         )
       )
     }), {
-      available: F,
+      available: H,
       contentRect: x
     };
   }
@@ -3097,7 +3056,7 @@ function qo(e, t) {
   Xa(
     () => !!(t.active.value && e.coordinateStrategy),
     (o) => {
-      var l, u;
+      var l, c;
       if (j(() => e.coordinateStrategy, o), yt(() => {
         n.value = void 0;
       }), typeof e.coordinateStrategy == "function")
@@ -3109,12 +3068,12 @@ function qo(e, t) {
         )) == null ? void 0 : l.updateCoordinate;
       else {
         const s = Go[e.coordinateStrategy];
-        n.value = (u = s == null ? void 0 : s(
+        n.value = (c = s == null ? void 0 : s(
           e,
           t,
           a,
           i
-        )) == null ? void 0 : u.updateCoordinate;
+        )) == null ? void 0 : c.updateCoordinate;
       }
     }
   ), window.addEventListener("resize", r, { passive: !0 }), yt(() => {
@@ -3156,10 +3115,10 @@ function Jo(e) {
 const da = "y-layer-group", ge = /* @__PURE__ */ new WeakMap();
 function Qo(e) {
   const t = oe(), n = C(() => {
-    var u;
+    var c;
     const i = e == null ? void 0 : e.value;
     let r = document.body;
-    const o = (u = t.root.vnode.el) == null ? void 0 : u.parentElement;
+    const o = (c = t.root.vnode.el) == null ? void 0 : c.parentElement;
     if (o && (r = o), typeof i == "string") {
       const s = document.querySelector(i);
       s && (r = s);
@@ -3205,7 +3164,7 @@ function el(e, t) {
 function tl(e, t = 1e3, n) {
   const { tickDuration: a } = n ?? {};
   let i = a ?? 100, r = -1;
-  const o = B(0), l = B(t), u = B(!1);
+  const o = B(0), l = B(t), c = B(!1);
   function s() {
     const b = Date.now(), y = b - o.value;
     if (l.value = l.value - y, l.value < 1)
@@ -3216,10 +3175,10 @@ function tl(e, t = 1e3, n) {
     }
   }
   function f() {
-    u.value || (u.value = !0, o.value = Date.now(), r = window.setTimeout(s, i));
+    c.value || (c.value = !0, o.value = Date.now(), r = window.setTimeout(s, i));
   }
   function v() {
-    window.clearTimeout(r), r = -1, u.value = !1;
+    window.clearTimeout(r), r = -1, c.value = !1;
   }
   function h() {
     v(), l.value = t;
@@ -3229,7 +3188,7 @@ function tl(e, t = 1e3, n) {
     stop: v,
     reset: h,
     drift: l,
-    isWork: u
+    isWork: c
   };
 }
 const Tn = {
@@ -3251,7 +3210,7 @@ function nl(e) {
 }
 const fa = (e, { slots: t }) => {
   const { is: n, transitionProps: a, ...i } = e, { component: r = dn, ...o } = typeof n == "object" ? { component: n, ...a } : { name: n };
-  return Y(r, { ...o, ...a, ...i }, t);
+  return M(r, { ...o, ...a, ...i }, t);
 };
 function al() {
   return !0;
@@ -3360,7 +3319,7 @@ const En = R({
   ...Tn,
   ...Cn(),
   ...Zo()
-}, "YLayer"), Ce = /* @__PURE__ */ M({
+}, "YLayer"), Ce = /* @__PURE__ */ D({
   name: "YLayer",
   inheritAttrs: !1,
   components: {
@@ -3384,7 +3343,7 @@ const En = R({
     attrs: a,
     slots: i
   }) {
-    const r = oe(), o = B(), l = B(), u = B(), s = B(), f = B(), {
+    const r = oe(), o = B(), l = B(), c = B(), s = B(), f = B(), {
       themeClasses: v
     } = Bt(e), {
       layerGroup: h,
@@ -3396,22 +3355,22 @@ const En = R({
       dimensionStyles: p
     } = Jo(e), g = C({
       get: () => !!e.modelValue,
-      set: (N) => {
-        t("update:modelValue", N);
+      set: (Y) => {
+        t("update:modelValue", Y);
       }
     }), m = $e(!1), w = fe(e, "disabled"), {
-      lazyValue: c,
+      lazyValue: d,
       onAfterUpdate: x
-    } = el(fe(e, "eager"), g), _ = C(() => !w.value && (c.value || g.value)), {
+    } = el(fe(e, "eager"), g), _ = C(() => !w.value && (d.value || g.value)), {
       coordinateStyles: k,
       updateCoordinate: A
     } = qo(e, {
-      contentEl: u,
+      contentEl: c,
       baseEl: f,
       active: g
     });
-    function L(N) {
-      t("click:complement", N), e.modal || l.value !== null && l.value === N.target && e.closeClickScrim && (g.value = !1);
+    function L(Y) {
+      t("click:complement", Y), e.modal || l.value !== null && l.value === Y.target && e.closeClickScrim && (g.value = !1);
     }
     function O() {
       return (!e.openOnHover || e.openOnHover && !P.value) && g.value;
@@ -3424,48 +3383,48 @@ const En = R({
     function E() {
       m.value = !0;
     }
-    function V() {
+    function N() {
       x(), m.value = !1, t("afterLeave");
     }
-    function F() {
+    function H() {
       e.closeClickScrim && (g.value = !1);
     }
-    const J = C(() => {
-      var N, U;
-      return (U = (N = s.value) == null ? void 0 : N[0]) == null ? void 0 : U.el;
+    const q = C(() => {
+      var Y, U;
+      return (U = (Y = s.value) == null ? void 0 : Y[0]) == null ? void 0 : U.el;
     });
     Be(() => {
       var U, ee;
       if (!o.value) {
-        f.value = J.value;
+        f.value = q.value;
         return;
       }
-      const N = o.value;
-      f.value = (U = o.value) != null && U.$el ? (ee = o.value) == null ? void 0 : ee.$el : N;
+      const Y = o.value;
+      f.value = (U = o.value) != null && U.$el ? (ee = o.value) == null ? void 0 : ee.$el : Y;
     });
     const se = C(() => ({
       zIndex: "2000"
     })), T = C(() => {
       const {
-        classes: N
+        classes: Y
       } = e;
       return {
-        ...Ae(N),
+        ...Ae(Y),
         "y-layer--active": !!g.value
       };
     }), $ = C(() => ({
       ...Ae(e.contentClasses)
     })), P = B(!1);
-    function I(N) {
+    function I(Y) {
       P.value = !0;
     }
-    function D(N) {
+    function V(Y) {
       P.value = !1;
     }
     return n({
       scrim$: l,
       base$: o,
-      content$: u,
+      content$: c,
       baseEl: f,
       active: g,
       onAfterUpdate: x,
@@ -3473,12 +3432,12 @@ const En = R({
       hovered: P,
       modal: C(() => e.modal),
       getActiveLayers: y,
-      isMe: (N) => N === r
+      isMe: (Y) => Y === r
     }), K(() => {
       var U;
-      const N = (U = i.base) == null ? void 0 : U.call(i, {
+      const Y = (U = i.base) == null ? void 0 : U.call(i, {
         active: g.value,
-        props: Z({
+        props: X({
           ref: o,
           class: {
             "y-layer-base": !0,
@@ -3486,11 +3445,11 @@ const En = R({
           }
         })
       });
-      return s.value = N, d(G, null, [N, d(fr, {
+      return s.value = Y, u(G, null, [Y, u(fr, {
         disabled: !h.value,
         to: h.value
       }, {
-        default: () => [_.value && d("div", Z({
+        default: () => [_.value && u("div", X({
           class: {
             "y-layer": !0,
             "y-layer--finish": m.value,
@@ -3498,28 +3457,28 @@ const En = R({
             [v.value ?? ""]: !0
           },
           onMouseenter: I,
-          onMouseleave: D,
+          onMouseleave: V,
           style: se.value
-        }, a), [d(dn, {
+        }, a), [u(dn, {
           name: "fade",
           appear: !0
         }, {
-          default: () => [g.value && e.scrim && d("div", {
+          default: () => [g.value && e.scrim && u("div", {
             class: "y-layer__scrim",
             style: {
               "--y-layer-scrim-opacity": e.scrimOpacity
             },
-            onClick: F,
+            onClick: H,
             ref: "scrim$"
           }, null)]
-        }), d(fa, Z({
+        }), u(fa, X({
           onAfterEnter: E,
-          onAfterLeave: V,
+          onAfterLeave: N,
           appear: !0
         }, S.value), {
           default: () => {
             var ee;
-            return [Tt(d("div", {
+            return [Tt(u("div", {
               class: {
                 "y-layer__content": !0,
                 ...$.value
@@ -3529,7 +3488,7 @@ const En = R({
                 ...k.value,
                 ...e.contentStyles
               }],
-              ref: u
+              ref: c
             }, [(ee = i.default) == null ? void 0 : ee.call(i, {
               active: g.value
             })]), [[hr, g.value], [un("complement-click"), {
@@ -3543,10 +3502,10 @@ const En = R({
       layerGroup: h,
       active: g,
       rendered: _,
-      lazyValue: c,
+      lazyValue: d,
       onAfterUpdate: x,
       scrim$: l,
-      content$: u,
+      content$: c,
       baseEl: f,
       polyTransitionBindProps: S,
       coordinateStyles: k,
@@ -3570,7 +3529,7 @@ function hi(e, t, n) {
     }
     i.value.pop();
   }
-  function u() {
+  function c() {
     t.value = !1;
     const s = () => {
       i.value.length === 0 && (a == null || a.clear());
@@ -3582,7 +3541,7 @@ function hi(e, t, n) {
   }), le(va, {
     push: o,
     pop: l,
-    clear: u,
+    clear: c,
     $el: e
   }), {
     push: o,
@@ -3591,7 +3550,7 @@ function hi(e, t, n) {
     children: i
   };
 }
-const ol = /* @__PURE__ */ M({
+const ol = /* @__PURE__ */ D({
   name: "YDialog",
   components: {
     YLayer: Ce,
@@ -3632,22 +3591,22 @@ const ol = /* @__PURE__ */ M({
       "y-dialog--maximized": e.maximized
     })), l = C(() => ({
       paddingTop: W(e.offset)
-    })), u = C(() => ({
+    })), c = C(() => ({
       ...l.value
     })), s = B(), {
       children: f
     } = hi(s, r, $e(!0));
     function v(m) {
       var _, k, A;
-      const w = m.relatedTarget, c = m.target;
+      const w = m.relatedTarget, d = m.target;
       function x(L) {
         return L.some((O) => {
           var z;
-          return !((z = O.content$) != null && z.contains(c));
+          return !((z = O.content$) != null && z.contains(d));
         });
       }
-      if (w !== c && ((_ = s.value) != null && _.content$) && ![document, (k = s.value) == null ? void 0 : k.content$].includes(c) && !((A = s.value) != null && A.content$.contains(c)) && !x(f.value)) {
-        const L = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', O = [...s.value.content$.querySelectorAll(L)].filter((V) => !V.hasAttribute("disabled") && !V.matches('[tabindex="-1"]'));
+      if (w !== d && ((_ = s.value) != null && _.content$) && ![document, (k = s.value) == null ? void 0 : k.content$].includes(d) && !((A = s.value) != null && A.content$.contains(d)) && !x(f.value)) {
+        const L = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', O = [...s.value.content$.querySelectorAll(L)].filter((N) => !N.hasAttribute("disabled") && !N.matches('[tabindex="-1"]'));
         if (!O.length)
           return;
         const z = O[0], E = O[O.length - 1];
@@ -3663,15 +3622,15 @@ const ol = /* @__PURE__ */ M({
     const y = B(0), S = B(0);
     function p(m) {
       var x;
-      const w = i.root, c = (x = s.value) == null ? void 0 : x.getActiveLayers();
+      const w = i.root, d = (x = s.value) == null ? void 0 : x.getActiveLayers();
       if (m) {
-        const _ = c == null ? void 0 : c.filter((k) => k.ctx.modal);
+        const _ = d == null ? void 0 : d.filter((k) => k.ctx.modal);
         if (_ && !_.length) {
           const k = document.documentElement.scrollTop, A = document.documentElement.scrollLeft;
           y.value = k, S.value = A, document.documentElement.classList.add("y-dialog--prevent-scroll"), w.classList.add("y-dialog--virtual-scroll"), w.style.top = W(-1 * k) || "", w.style.left = W(-1 * A) || "";
         }
       } else {
-        const _ = c == null ? void 0 : c.filter((k) => {
+        const _ = d == null ? void 0 : d.filter((k) => {
           var A;
           return !((A = s.value) != null && A.isMe(k)) && k.ctx.modal;
         });
@@ -3691,11 +3650,11 @@ const ol = /* @__PURE__ */ M({
       m ? h() : b(), p(m);
     }, {
       immediate: !0
-    }), K(() => d(G, null, [d(Ce, {
+    }), K(() => u(G, null, [u(Ce, {
       modelValue: r.value,
       "onUpdate:modelValue": (m) => r.value = m,
       classes: o.value,
-      "content-styles": u.value,
+      "content-styles": c.value,
       scrim: e.scrim,
       modal: !0,
       "close-click-scrim": e.closeClickScrim,
@@ -3796,7 +3755,7 @@ function ya(e) {
   return we;
 }
 class wi {
-  constructor(t, n = [0, 1], { easing: a, duration: i = ae.duration, delay: r = ae.delay, endDelay: o = ae.endDelay, repeat: l = ae.repeat, offset: u, direction: s = "normal" } = {}) {
+  constructor(t, n = [0, 1], { easing: a, duration: i = ae.duration, delay: r = ae.delay, endDelay: o = ae.endDelay, repeat: l = ae.repeat, offset: c, direction: s = "normal" } = {}) {
     if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = we, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((v, h) => {
       this.resolve = v, this.reject = h;
     }), a = a || ae.easing, Xt(a)) {
@@ -3804,7 +3763,7 @@ class wi {
       a = v.easing, n = v.keyframes || n, i = v.duration || i;
     }
     this.repeat = l, this.easing = Ye(a) ? we : ya(a), this.updateDuration(i);
-    const f = dl(n, u, Ye(a) ? a.map(ya) : we);
+    const f = dl(n, c, Ye(a) ? a.map(ya) : we);
     this.tick = (v) => {
       var h;
       r = r;
@@ -4004,57 +3963,57 @@ function Dl() {
 }
 function Yl(e, t, n, a = {}, i) {
   const r = Dl(), o = a.record !== !1 && r;
-  let l, { duration: u = ae.duration, delay: s = ae.delay, endDelay: f = ae.endDelay, repeat: v = ae.repeat, easing: h = ae.easing, persist: b = !1, direction: y, offset: S, allowWebkitAcceleration: p = !1 } = a;
+  let l, { duration: c = ae.duration, delay: s = ae.delay, endDelay: f = ae.endDelay, repeat: v = ae.repeat, easing: h = ae.easing, persist: b = !1, direction: y, offset: S, allowWebkitAcceleration: p = !1 } = a;
   const g = Si(e), m = xi(t);
   let w = Ve.waapi();
   m && Tl(e, t);
-  const c = Qt(t), x = bl(g.values, c), _ = tt.get(c);
+  const d = Qt(t), x = bl(g.values, d), _ = tt.get(d);
   return _i(x.animation, !(Xt(h) && x.generator) && a.record !== !1), () => {
     const k = () => {
       var O, z;
-      return (z = (O = ft.get(e, c)) !== null && O !== void 0 ? O : _ == null ? void 0 : _.initialValue) !== null && z !== void 0 ? z : 0;
+      return (z = (O = ft.get(e, d)) !== null && O !== void 0 ? O : _ == null ? void 0 : _.initialValue) !== null && z !== void 0 ? z : 0;
     };
     let A = Il(Pl(n), k);
     const L = Vl(A, _);
     if (Xt(h)) {
-      const O = h.createAnimation(A, t !== "opacity", k, c, x);
-      h = O.easing, A = O.keyframes || A, u = O.duration || u;
+      const O = h.createAnimation(A, t !== "opacity", k, d, x);
+      h = O.easing, A = O.keyframes || A, c = O.duration || c;
     }
-    if (Jt(c) && (Ve.cssRegisterProperty() ? $l(c) : w = !1), m && !Ve.linearEasing() && (Ne(h) || Ye(h) && h.some(Ne)) && (w = !1), w) {
+    if (Jt(d) && (Ve.cssRegisterProperty() ? $l(d) : w = !1), m && !Ve.linearEasing() && (Ne(h) || Ye(h) && h.some(Ne)) && (w = !1), w) {
       _ && (A = A.map((E) => St(E) ? _.toDefaultUnit(E) : E)), A.length === 1 && (!Ve.partialKeyframes() || o) && A.unshift(k());
       const O = {
         delay: Ue.ms(s),
-        duration: Ue.ms(u),
+        duration: Ue.ms(c),
         endDelay: Ue.ms(f),
-        easing: Ye(h) ? void 0 : wa(h, u),
+        easing: Ye(h) ? void 0 : wa(h, c),
         direction: y,
         iterations: v + 1,
         fill: "both"
       };
       l = e.animate({
-        [c]: A,
+        [d]: A,
         offset: S,
-        easing: Ye(h) ? h.map((E) => wa(E, u)) : void 0
-      }, O), l.finished || (l.finished = new Promise((E, V) => {
-        l.onfinish = E, l.oncancel = V;
+        easing: Ye(h) ? h.map((E) => wa(E, c)) : void 0
+      }, O), l.finished || (l.finished = new Promise((E, N) => {
+        l.onfinish = E, l.oncancel = N;
       }));
       const z = A[A.length - 1];
       l.finished.then(() => {
-        b || (ft.set(e, c, z), l.cancel());
+        b || (ft.set(e, d, z), l.cancel());
       }).catch(yi), p || (l.playbackRate = 1.000001);
     } else if (i && m)
       A = A.map((O) => typeof O == "string" ? parseFloat(O) : O), A.length === 1 && A.unshift(parseFloat(k())), l = new i((O) => {
-        ft.set(e, c, L ? L(O) : O);
+        ft.set(e, d, L ? L(O) : O);
       }, A, Object.assign(Object.assign({}, a), {
-        duration: u,
+        duration: c,
         easing: h
       }));
     else {
       const O = A[A.length - 1];
-      ft.set(e, c, _ && St(O) ? _.toDefaultUnit(O) : O);
+      ft.set(e, d, _ && St(O) ? _.toDefaultUnit(O) : O);
     }
     return o && r(e, t, A, {
-      duration: u,
+      duration: c,
       delay: s,
       easing: h,
       repeat: v,
@@ -4126,11 +4085,11 @@ function Kl(e) {
     Zt(!!r, "No valid element provided."), Zt(!!a, "No keyframes defined.");
     const o = [];
     for (let l = 0; l < r; l++) {
-      const u = n[l];
+      const c = n[l];
       for (const s in a) {
         const f = Ml(i, s);
         f.delay = Hl(f.delay, l, r);
-        const v = Yl(u, s, a[s], f, e);
+        const v = Yl(c, s, a[s], f, e);
         o.push(v);
       }
     }
@@ -4163,7 +4122,7 @@ function zl(e, t = {}) {
 function Ul(e, t, n) {
   return (Ne(e) ? zl : Wl)(e, t, n);
 }
-const Re = /* @__PURE__ */ M({
+const Re = /* @__PURE__ */ D({
   name: "YPlate",
   props: {
     variation: Object
@@ -4172,7 +4131,7 @@ const Re = /* @__PURE__ */ M({
     const e = C(() => ({
       "y-plate": !0
     }));
-    K(() => d("div", {
+    K(() => u("div", {
       class: e.value
     }, null));
   }
@@ -4195,7 +4154,7 @@ const Sa = {
       e.removeAttribute("data-transform"), e.removeAttribute("data-motion"), t();
     }));
   }
-}, Gl = /* @__PURE__ */ M({
+}, Gl = /* @__PURE__ */ D({
   name: "YSnackbar",
   components: {
     YPlate: Re,
@@ -4240,8 +4199,8 @@ const Sa = {
       ...Ae(e.contentClasses),
       "y-snackbar__display": !0
     })), l = C(() => {
-      var c;
-      const [S, p] = (c = e.position) == null ? void 0 : c.split(" ");
+      var d;
+      const [S, p] = (d = e.position) == null ? void 0 : d.split(" ");
       let g = "top", m = "left";
       p ? (m = p, g = S) : m = S;
       const w = {
@@ -4250,14 +4209,14 @@ const Sa = {
       };
       return m === "center" && (w.transform = "translateX(-50%)"), w;
     });
-    function u() {
+    function c() {
       a.value = !1;
     }
     const {
       start: s,
       stop: f,
       reset: v
-    } = tl(u, e.duration);
+    } = tl(c, e.duration);
     function h() {
       e.duration > 0 && s();
     }
@@ -4280,7 +4239,7 @@ const Sa = {
         ...S
       }) : e.transition;
     });
-    return K(() => d(Ce, {
+    return K(() => u(Ce, {
       modelValue: a.value,
       "onUpdate:modelValue": (S) => a.value = S,
       classes: r.value,
@@ -4292,7 +4251,7 @@ const Sa = {
     }, {
       default: () => {
         var S;
-        return d(G, null, [d(Re, null, null), d("div", {
+        return u(G, null, [u(Re, null, null), u("div", {
           class: "y-snackbar__content",
           onClick: cn(b, ["capture"]),
           onMouseenter: () => i.value = !0,
@@ -4340,7 +4299,7 @@ const ql = {
     type: Boolean,
     default: !0
   }
-}, Xl = /* @__PURE__ */ M({
+}, Xl = /* @__PURE__ */ D({
   name: Ti,
   props: {
     ...ql,
@@ -4355,7 +4314,7 @@ const ql = {
     emit: n,
     expose: a
   }) {
-    const i = B(), r = B(), o = B(), l = B(), u = B(), s = C(() => ({
+    const i = B(), r = B(), o = B(), l = B(), c = B(), s = C(() => ({
       ...Ae(e.tooltipClasses),
       "y-tooltip": !0
     })), f = Q(e), v = C({
@@ -4368,10 +4327,10 @@ const ql = {
       if (m) {
         const {
           position: w,
-          align: c
-        } = e, x = u.value, _ = m.getBoundingClientRect();
+          align: d
+        } = e, x = c.value, _ = m.getBoundingClientRect();
         let k = _.top, A = _.left + _.width / 2;
-        return x && (w === "top" || w === "bottom") && (w === "top" && (k -= x.clientHeight, k -= 8), w === "bottom" && (k += _.height, k += 8), c === "center" ? A -= x.clientWidth / 2 : c === "end" && (A = _.right, A -= x.clientWidth)), {
+        return x && (w === "top" || w === "bottom") && (w === "top" && (k -= x.clientHeight, k -= 8), w === "bottom" && (k += _.height, k += 8), d === "center" ? A -= x.clientWidth / 2 : d === "end" && (A = _.right, A -= x.clientWidth)), {
           top: `${k}px`,
           left: `${A}px`
         };
@@ -4382,18 +4341,18 @@ const ql = {
       return (w = (m = o.value) == null ? void 0 : m[0]) == null ? void 0 : w.el;
     });
     Be(() => {
-      var w, c, x;
+      var w, d, x;
       if (!r.value) {
         ((w = b.value) == null ? void 0 : w.nodeType) !== 3 && (l.value = b.value);
         return;
       }
       const m = r.value;
-      l.value = (c = r.value) != null && c.$el ? (x = r.value) == null ? void 0 : x.$el : m;
+      l.value = (d = r.value) != null && d.$el ? (x = r.value) == null ? void 0 : x.$el : m;
     }), j(v, (m) => {
       m && at(() => {
-        var c;
-        const w = (c = i.value) == null ? void 0 : c.content$;
-        u.value = w;
+        var d;
+        const w = (d = i.value) == null ? void 0 : d.content$;
+        c.value = w;
       });
     });
     function y(m) {
@@ -4414,13 +4373,13 @@ const ql = {
       var w;
       const m = (w = t.base) == null ? void 0 : w.call(t, {
         active: v.value,
-        props: Z({
+        props: X({
           ref: r
         })
       });
-      return o.value = m, d(G, null, [m, d(Ce, {
+      return o.value = m, u(G, null, [m, u(Ce, {
         modelValue: v.value,
-        "onUpdate:modelValue": (c) => v.value = c,
+        "onUpdate:modelValue": (d) => v.value = d,
         ref: i,
         classes: s.value,
         scrim: !1,
@@ -4430,11 +4389,11 @@ const ql = {
         },
         transition: e.transition
       }, {
-        default: (...c) => {
+        default: (...d) => {
           var x;
-          return d(G, null, [d(Re, null, null), d("div", {
+          return u(G, null, [u(Re, null, null), u("div", {
             class: "y-tooltip__content"
-          }, [((x = t.default) == null ? void 0 : x.call(t, ...c)) ?? ""])]);
+          }, [((x = t.default) == null ? void 0 : x.call(t, ...d)) ?? ""])]);
         }
       })]);
     }), {
@@ -4453,8 +4412,8 @@ function Ei(e = !1) {
     function o(l) {
       if (l._originStyle) {
         l.style.overflow = l._originStyle.overflow;
-        const u = l._originStyle[a];
-        u != null && (l.style[a] = u);
+        const c = l._originStyle[a];
+        c != null && (l.style[a] = c);
       }
       delete l._originStyle;
     }
@@ -4467,10 +4426,10 @@ function Ei(e = !1) {
         };
       },
       onEnter(l) {
-        const u = l._originStyle;
+        const c = l._originStyle;
         l.style.setProperty("transition", "none", "important"), l.style.overflow = "hidden";
         const s = `${l[i]}px`;
-        l.style[a] = "0", l.getBoundingClientRect(), l.style.transition = (u == null ? void 0 : u.transition) ?? "", requestAnimationFrame(() => {
+        l.style[a] = "0", l.getBoundingClientRect(), l.style.transition = (c == null ? void 0 : c.transition) ?? "", requestAnimationFrame(() => {
           l.style[a] = s;
         });
       },
@@ -4497,7 +4456,7 @@ function Ei(e = !1) {
       }
     };
   }
-  return M({
+  return D({
     name: n,
     props: {
       disabled: {
@@ -4506,7 +4465,7 @@ function Ei(e = !1) {
       }
     },
     setup(o, { slots: l }) {
-      return () => Y(
+      return () => M(
         dn,
         { name: o.disabled ? "" : n, css: !o.disabled, ...o.disabled ? {} : r() },
         l.default
@@ -4515,7 +4474,7 @@ function Ei(e = !1) {
   });
 }
 const ki = Ei(!1), Zl = Ei(!0);
-const Jl = /* @__PURE__ */ M({
+const Jl = /* @__PURE__ */ D({
   setup(e, {
     slots: t
   }) {
@@ -4529,7 +4488,7 @@ const Jl = /* @__PURE__ */ M({
         position: "absolute",
         inset: y
       };
-    }), u = C(() => ({
+    }), c = C(() => ({
       "y-divide-panel": !0,
       "y-divide-panel--resizing": a.value
     }));
@@ -4553,22 +4512,22 @@ const Jl = /* @__PURE__ */ M({
     }
     return K(() => {
       var y, S;
-      return d(G, null, [d("div", {
-        class: u.value,
+      return u(G, null, [u("div", {
+        class: c.value,
         ref: o
-      }, [d("div", {
+      }, [u("div", {
         class: "y-divide-panel__top-container",
         style: l.value
-      }, [(y = t.default) == null ? void 0 : y.call(t)]), i.value = t.secondary && d(G, null, [d("div", {
+      }, [(y = t.default) == null ? void 0 : y.call(t)]), i.value = t.secondary && u(G, null, [u("div", {
         class: "y-divide-panel__divider",
         style: {
           position: "absolute",
           inset: `${n.value}% 0 0 0`
         },
         onMousedown: b
-      }, [d("div", {
+      }, [u("div", {
         class: "y-divide-panel__divider-line"
-      }, null)]), d("div", {
+      }, null)]), u("div", {
         class: "y-divide-panel__secondary-container",
         style: {
           position: "absolute",
@@ -4599,14 +4558,14 @@ const Jl = /* @__PURE__ */ M({
     }
   },
   "abstract.items"
-), Ct = /* @__PURE__ */ M({
+), Ct = /* @__PURE__ */ D({
   name: "YIconExpand",
   setup() {
-    return () => d("svg", {
+    return () => u("svg", {
       version: "1.1",
       viewBox: "0 0 32 32",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [u("path", {
       d: "m9.6086 5.7953 13.557 10.269-13.557 10.141",
       fill: "none",
       stroke: "currentColor",
@@ -4616,7 +4575,7 @@ const Jl = /* @__PURE__ */ M({
     }, null)]);
   }
 });
-const Se = /* @__PURE__ */ M({
+const Se = /* @__PURE__ */ D({
   name: "YIconCheckbox",
   props: {
     checked: Boolean,
@@ -4624,7 +4583,7 @@ const Se = /* @__PURE__ */ M({
     disabled: Boolean
   },
   render() {
-    return d("svg", {
+    return u("svg", {
       class: ["y-icon-checkbox", {
         "y-icon-checkbox--checked": this.checked,
         "y-icon-checkbox--indeterminate": this.indeterminate,
@@ -4634,10 +4593,10 @@ const Se = /* @__PURE__ */ M({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24"
-    }, [d("path", {
+    }, [u("path", {
       class: "y-icon-checkbox__border-path",
       d: "M 15.525 21.825 H 8.325 C 4.851 21.825 2.025 18.999 2.025 15.525 V 8.325 C 2.025 4.851 4.851 2.025 8.325 2.025 H 15.525 C 18.999 2.025 21.825 4.851 21.825 8.325 V 15.525 C 21.825 18.999 18.999 21.825 15.525 21.825 Z"
-    }, null), d("path", {
+    }, null), u("path", {
       class: "y-icon-checkbox__checkmark-path",
       fill: "none",
       d: this.indeterminate ? "M5.73,11.91 11.1,11.91 17.79,11.91" : "M5.73,11.91 11.1,16.28 17.79,7.59"
@@ -4648,7 +4607,7 @@ const Se = /* @__PURE__ */ M({
   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"
-}, De = /* @__PURE__ */ M({
+}, De = /* @__PURE__ */ D({
   name: "YIconPageControl",
   props: {
     type: {
@@ -4657,11 +4616,11 @@ const Se = /* @__PURE__ */ M({
     }
   },
   render() {
-    return d("svg", {
+    return u("svg", {
       version: "1.1",
       viewBox: "0 0 32 32",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [u("path", {
       d: this.$props.type in mt ? mt[this.$props.type] : mt.next,
       fill: "none",
       stroke: "currentColor",
@@ -4671,7 +4630,7 @@ const Se = /* @__PURE__ */ M({
     }, null)]);
   }
 });
-const $i = /* @__PURE__ */ M({
+const $i = /* @__PURE__ */ D({
   name: "YIconSort",
   props: {
     direction: {
@@ -4682,7 +4641,7 @@ const $i = /* @__PURE__ */ M({
     }
   },
   render() {
-    return d("svg", {
+    return u("svg", {
       version: "1.1",
       width: "16",
       height: "16",
@@ -4693,7 +4652,7 @@ const $i = /* @__PURE__ */ M({
         "y-icon-sort--asc": this.direction === "asc",
         "y-icon-sort--desc": this.direction === "desc"
       }]
-    }, [d("path", {
+    }, [u("path", {
       d: "m8.4146 12.52 7.5489-7.6399 7.622 7.4693",
       fill: "none",
       stroke: "currentColor",
@@ -4701,7 +4660,7 @@ const $i = /* @__PURE__ */ M({
       "stroke-linejoin": "round",
       "stroke-width": "3",
       class: "y-icon-sort__asc"
-    }, null), d("path", {
+    }, null), u("path", {
       d: "m8.4146 19.48 7.5489 7.6399 7.622-7.4693",
       fill: "none",
       stroke: "currentColor",
@@ -4712,7 +4671,7 @@ const $i = /* @__PURE__ */ M({
     }, null)]);
   }
 });
-const Ql = M({
+const Ql = D({
   name: "YTextHighlighter",
   props: {
     text: {
@@ -4752,7 +4711,7 @@ const Ql = M({
   },
   methods: {
     createItem(e) {
-      return Y(
+      return M(
         "span",
         {
           staticClass: "y-text-highlighter__item"
@@ -4761,7 +4720,7 @@ const Ql = M({
       );
     },
     createHighlightKeywordItem(e) {
-      return Y(
+      return M(
         "span",
         {
           staticClass: "y-text-highlighter__item",
@@ -4779,7 +4738,7 @@ const Ql = M({
   },
   render() {
     const e = this.createSplitTexts();
-    return Y("span", { staticClass: "y-text-highlighter" }, e);
+    return M("span", { staticClass: "y-text-highlighter" }, e);
   }
 }), On = R(
   {
@@ -4798,7 +4757,7 @@ const Ql = M({
     })
   },
   "YTreeViewNode"
-), Bn = M({
+), Bn = D({
   name: "YTreeNode",
   components: {
     YButton: ne,
@@ -4818,19 +4777,19 @@ const Ql = M({
   },
   setup(e, { slots: t, expose: n }) {
     const a = he("tree-view"), i = B(!1), r = B(!1), o = B(!1), l = B(!1);
-    function u(w) {
-      const c = !r.value;
-      r.value = c, a.updateActive(m.value, c, w), a.emitActive();
+    function c(w) {
+      const d = !r.value;
+      r.value = d, a.updateActive(m.value, d, w), a.emitActive();
     }
     function s(w) {
       w.stopPropagation();
-      const c = !i.value;
-      i.value = c, a.updateExpanded(m.value, c), a.emitExpanded();
+      const d = !i.value;
+      i.value = d, a.updateExpanded(m.value, d), a.emitExpanded();
     }
     function f(w) {
       w.stopPropagation();
-      const c = !o.value;
-      o.value = c, a.updateSelected(m.value, c), a.emitSelected();
+      const d = !o.value;
+      o.value = d, a.updateSelected(m.value, d), a.emitSelected();
     }
     const v = C(() => {
       var w;
@@ -4842,29 +4801,29 @@ const Ql = M({
       "y-tree-view-node--active": r.value
     })), y = C(() => ({
       "--tree-view-node--level": e.level
-    })), S = C(() => X(e.item, e.itemText) ?? ""), p = C(() => ({
+    })), S = C(() => J(e.item, e.itemText) ?? ""), p = C(() => ({
       level: e.level,
       imLeaf: h.value
     })), g = C(() => a.searchLoading.value);
     K(() => {
       var x;
       const w = v.value.filter((_) => !a.isExcluded(
-        X(_, e.itemKey)
-      )).map((_) => Y(
+        J(_, e.itemKey)
+      )).map((_) => M(
         Bn,
         {
           ...e,
           level: (e.level ?? 0) + 1,
           item: _,
-          key: X(_, e.itemKey)
+          key: J(_, e.itemKey)
         },
         t
-      )), c = [];
+      )), d = [];
       for (let _ = 0; _ < e.level; _ += 1)
-        c.push(
-          Y("div", { class: "y-tree-view-node__indent-spacer" })
+        d.push(
+          M("div", { class: "y-tree-view-node__indent-spacer" })
         );
-      return Y(
+      return M(
         "div",
         {
           class: b.value,
@@ -4873,17 +4832,17 @@ const Ql = M({
           "data-level": e.level
         },
         [
-          Y(
+          M(
             "div",
             {
               class: "y-tree-view-node__container",
-              onClick: (_) => e.enableActive ? u(_) : void 0
+              onClick: (_) => e.enableActive ? c(_) : void 0
             },
             [
-              Y(Re),
-              Y("div", { class: "y-tree-view-node__indents" }, c),
+              M(Re),
+              M("div", { class: "y-tree-view-node__indents" }, d),
               /* EXPAND */
-              !h.value && w.length > 0 ? Y(
+              !h.value && w.length > 0 ? M(
                 ne,
                 {
                   class: "y-tree-view-node__expand-icon",
@@ -4891,37 +4850,37 @@ const Ql = M({
                   onClick: (_) => s(_)
                 },
                 () => [
-                  t["expand-icon"] ? t["expand-icon"]() : Y(Ct)
+                  t["expand-icon"] ? t["expand-icon"]() : M(Ct)
                 ]
-              ) : Y("i", { class: "y-tree-view-node__no-expand-icon" }),
-              e.enableSelect && Y(
+              ) : M("i", { class: "y-tree-view-node__no-expand-icon" }),
+              e.enableSelect && M(
                 "div",
                 {
                   class: ["y-tree-view-node__select"],
                   onClick: (_) => f(_)
                 },
-                [Y(Se, { checked: o.value })]
+                [M(Se, { checked: o.value })]
               ),
               /* CONTENT */
-              Y("div", { class: "y-tree-view-node__content" }, [
-                t.leading && Y(
+              M("div", { class: "y-tree-view-node__content" }, [
+                t.leading && M(
                   "div",
                   { class: "y-tree-view-node__leading" },
                   t.leading(p.value)
                 ),
-                Y(
+                M(
                   "div",
                   { class: "y-tree-view-node__text" },
                   t.default ? (x = t.default) == null ? void 0 : x.call(t, {
                     text: S.value,
                     item: e.item,
                     ...p.value
-                  }) : e.search && !g.value ? Y(Ql, {
+                  }) : e.search && !g.value ? M(Ql, {
                     text: S.value,
                     keyword: e.search
                   }) : S.value
                 ),
-                t.trailing && Y(
+                t.trailing && M(
                   "div",
                   { class: "y-tree-view-node__trailing" },
                   t.trailing()
@@ -4930,10 +4889,10 @@ const Ql = M({
             ]
           ),
           /* CHILDREN */
-          v.value.length > 0 ? Y(
+          v.value.length > 0 ? M(
             ki,
             { disabled: e.disableTransition },
-            i.value ? () => Y(
+            i.value ? () => M(
               "div",
               {
                 class: { "y-tree-view-node__leaves": !0 },
@@ -4945,7 +4904,7 @@ const Ql = M({
         ]
       );
     });
-    const m = C(() => X(e.item, e.itemKey));
+    const m = C(() => J(e.item, e.itemKey));
     return n({
       myKey: m,
       expanded: i,
@@ -4969,21 +4928,21 @@ const Ql = M({
 function Ai(e, t, n) {
   const a = [];
   for (const i of e) {
-    const r = X(i, t);
+    const r = J(i, t);
     a.push(r);
-    const o = X(i, n);
+    const o = J(i, n);
     Array.isArray(o) && a.push(...Ai(o, t, n));
   }
   return a;
 }
 function es(e, t, n) {
-  const a = X(e, n);
+  const a = J(e, n);
   return (a == null ? void 0 : a.toLocaleLowerCase().indexOf(t.toLocaleLowerCase())) > -1;
 }
 function Oi(e, t, n, a, i, r, o) {
-  const l = X(t, r);
+  const l = J(t, r);
   if (l) {
-    let u = !1;
+    let c = !1;
     for (let s = 0; s < l.length; s++)
       Oi(
         e,
@@ -4993,16 +4952,16 @@ function Oi(e, t, n, a, i, r, o) {
         i,
         r,
         o
-      ) && (u = !0);
-    if (u)
+      ) && (c = !0);
+    if (c)
       return !0;
     if (e(t, n, i))
       return !0;
   } else if (e(t, n, i))
     return !0;
-  return o.add(X(t, a)), !1;
+  return o.add(J(t, a)), !1;
 }
-const xa = On(), ts = /* @__PURE__ */ M({
+const xa = On(), ts = /* @__PURE__ */ D({
   name: "YTreeView",
   props: {
     expanded: {
@@ -5043,20 +5002,20 @@ const xa = On(), ts = /* @__PURE__ */ M({
     emit: n,
     expose: a
   }) {
-    const i = B({}), r = Q(e, "expanded"), o = Q(e, "active"), l = Q(e, "selected"), u = B(/* @__PURE__ */ new Set()), s = B(/* @__PURE__ */ new Set()), f = B(/* @__PURE__ */ new Set()), v = B(/* @__PURE__ */ new Set()), h = $e(vo(S, e.searchDebounceWait)), b = B([]), y = $e(!1);
+    const i = B({}), r = Q(e, "expanded"), o = Q(e, "active"), l = Q(e, "selected"), c = B(/* @__PURE__ */ new Set()), s = B(/* @__PURE__ */ new Set()), f = B(/* @__PURE__ */ new Set()), v = B(/* @__PURE__ */ new Set()), h = $e(vo(S, e.searchDebounceWait)), b = B([]), y = $e(!1);
     function S(T, $ = "", P = es) {
       const I = /* @__PURE__ */ new Set();
       if (!$) {
-        y.value = !1, v.value = I, jn(b.value, [...u.value]).forEach((N) => {
-          w(N, !1);
-        }), b.value.forEach((N) => {
-          w(N, !0);
+        y.value = !1, v.value = I, jn(b.value, [...c.value]).forEach((Y) => {
+          w(Y, !1);
+        }), b.value.forEach((Y) => {
+          w(Y, !0);
         });
         return;
       }
-      for (const D of T)
-        Oi(P, D, $ ?? "", e.itemKey, e.itemText, e.itemChildren, I);
-      v.value = I, y.value = !1, c();
+      for (const V of T)
+        Oi(P, V, $ ?? "", e.itemKey, e.itemText, e.itemChildren, I);
+      v.value = I, y.value = !1, d();
     }
     Be(() => {
       y.value = !0, h.value(e.items, e.search, e.filter);
@@ -5071,11 +5030,11 @@ const xa = On(), ts = /* @__PURE__ */ M({
       return $;
     }
     function g(T) {
-      return e.returnItem ? X(T, e.itemKey) : T;
+      return e.returnItem ? J(T, e.itemKey) : T;
     }
     function m(T, $ = null, P = 0) {
       for (const I of T) {
-        const D = X(I, e.itemKey), N = X(I, e.itemChildren) ?? [], ee = Te(i.value, D) ? i.value[D] : {
+        const V = J(I, e.itemKey), Y = J(I, e.itemChildren) ?? [], ee = Te(i.value, V) ? i.value[V] : {
           vnode: null,
           selected: !1,
           indeterminate: !1,
@@ -5086,39 +5045,39 @@ const xa = On(), ts = /* @__PURE__ */ M({
           item: I,
           level: P,
           parentKey: $,
-          childKeys: N.map((ve) => X(ve, e.itemKey)),
-          expanded: N.length > 0 && ee.expanded,
+          childKeys: Y.map((ve) => J(ve, e.itemKey)),
+          expanded: Y.length > 0 && ee.expanded,
           active: ee.active,
           indeterminate: ee.indeterminate,
           selected: ee.selected
         };
-        m(N, D, P + 1), i.value[D] = te, i.value[D].expanded && u.value.add(D), i.value[D].selected && u.value.add(D), i.value[D].active && f.value.add(D), E(D);
+        m(Y, V, P + 1), i.value[V] = te, i.value[V].expanded && c.value.add(V), i.value[V].selected && c.value.add(V), i.value[V].active && f.value.add(V), E(V);
       }
     }
     function w(T, $) {
       if (!(T in i.value))
         return;
-      const P = i.value[T], I = X(P.item, e.itemChildren);
-      Array.isArray(I) && I.length > 0 && ($ ? u.value.add(T) : u.value.delete(T), P.expanded = $, E(T));
+      const P = i.value[T], I = J(P.item, e.itemChildren);
+      Array.isArray(I) && I.length > 0 && ($ ? c.value.add(T) : c.value.delete(T), P.expanded = $, E(T));
     }
-    j(u, (T) => {
+    j(c, (T) => {
       e.search || (b.value = [...T]);
     }, {
       deep: !0
     });
-    function c(T = !0) {
+    function d(T = !0) {
       return Object.entries(i.value).forEach(([$, P]) => {
         (T === !0 || T >= P.level) && w($, !0);
-      }), k(), u.value;
+      }), k(), c.value;
     }
     function x(T, $, P) {
       if (!(T in i.value))
         return;
       const I = i.value[T];
-      let D = $ ? "" : T;
-      if (e.multipleActive || ([D] = f.value.keys()), $ && (f.value.add(T), I.active = !0), D && D in i.value && (f.value.delete(D), i.value[D].active = !1, E(D)), !(e.activeSingleModifier && (P != null && P.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
-        for (const N of p(T))
-          N in i.value && ($ ? f.value.add(N) : f.value.delete(N), i.value[N].active = $, E(N));
+      let V = $ ? "" : T;
+      if (e.multipleActive || ([V] = f.value.keys()), $ && (f.value.add(T), I.active = !0), V && V in i.value && (f.value.delete(V), i.value[V].active = !1, E(V)), !(e.activeSingleModifier && (P != null && P.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
+        for (const Y of p(T))
+          Y in i.value && ($ ? f.value.add(Y) : f.value.delete(Y), i.value[Y].active = $, E(Y));
     }
     function _(T, $) {
       if (!(T in i.value))
@@ -5129,7 +5088,7 @@ const xa = On(), ts = /* @__PURE__ */ M({
           I in i.value && ($ ? s.value.add(I) : s.value.delete(I), i.value[I].selected = $, E(I));
     }
     function k() {
-      const T = [...u.value];
+      const T = [...c.value];
       r.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
     }
     function A() {
@@ -5141,22 +5100,22 @@ const xa = On(), ts = /* @__PURE__ */ M({
       l.value = e.returnItem ? T.map(($) => i.value[$].item) : T;
     }
     function O(T, $, P, I) {
-      const D = e.returnItem ? T.map((U) => X(U, e.itemKey)) : T, N = [...$.value];
-      xe(N, D) || (N.forEach((U) => P(U, !1)), D.forEach((U) => P(U, !0)), I());
+      const V = e.returnItem ? T.map((U) => J(U, e.itemKey)) : T, Y = [...$.value];
+      xe(Y, V) || (Y.forEach((U) => P(U, !1)), V.forEach((U) => P(U, !0)), I());
     }
     j(r, (T) => {
-      O(T, u, w, k);
+      O(T, c, w, k);
     }), j(o, (T) => {
       O(T, f, x, A);
     }), j(l, (T) => {
       O(T, s, _, L);
     }), j(() => e.items, (T) => {
-      const $ = Object.keys(i.value).map((N) => X(i.value[N].item, e.itemKey)), P = Ai(T, e.itemKey, e.itemChildren), I = jn($, P);
+      const $ = Object.keys(i.value).map((Y) => J(i.value[Y].item, e.itemKey)), P = Ai(T, e.itemKey, e.itemChildren), I = jn($, P);
       if (I.length < 1 && P.length < $.length)
         return;
-      I.forEach((N) => delete i.value[N]);
-      const D = [...s.value];
-      s.value.clear(), u.value.clear(), f.value.clear(), m(T), xe(D, [...s.value]) || L();
+      I.forEach((Y) => delete i.value[Y]);
+      const V = [...s.value];
+      s.value.clear(), c.value.clear(), f.value.clear(), m(T), xe(V, [...s.value]) || L();
     }, {
       deep: !0
     });
@@ -5167,7 +5126,7 @@ const xa = On(), ts = /* @__PURE__ */ M({
       const $ = i.value[T];
       $ && $.vnode && ($.vnode.active = $.active, $.vnode.selected = $.selected, $.vnode.indeterminate = $.indeterminate, $.vnode.expanded = $.expanded);
     }
-    function V(T, $) {
+    function N(T, $) {
       i.value[T] && (i.value[T].vnode = $), E(T);
     }
     m(e.items);
@@ -5176,7 +5135,7 @@ const xa = On(), ts = /* @__PURE__ */ M({
     for (const T of e.selected.map(g))
       _(T, !0);
     le("tree-view", {
-      register: V,
+      register: N,
       updateExpanded: w,
       updateActive: x,
       updateSelected: _,
@@ -5186,7 +5145,7 @@ const xa = On(), ts = /* @__PURE__ */ M({
       isExcluded: z,
       searchLoading: y
     });
-    const F = C(() => e.items.filter((T) => !z(X(T, e.itemKey)))), J = C(() => ({
+    const H = C(() => e.items.filter((T) => !z(J(T, e.itemKey)))), q = C(() => ({
       "y-tree-view": !0
     })), se = C(() => {
       let T = e.activeColor;
@@ -5195,26 +5154,26 @@ const xa = On(), ts = /* @__PURE__ */ M({
       };
     });
     return Ea(() => {
-      e.defaultExpand !== void 0 ? b.value = [...c(e.defaultExpand)] : (r.value.forEach((T) => w(g(T), !0)), k());
+      e.defaultExpand !== void 0 ? b.value = [...d(e.defaultExpand)] : (r.value.forEach((T) => w(g(T), !0)), k());
     }), a({
-      expand: c
-    }), K(() => d(G, null, [d("div", {
-      class: J.value,
+      expand: d
+    }), K(() => u(G, null, [u("div", {
+      class: q.value,
       style: se.value,
       role: "tree"
-    }, [y.value && d(ci, {
+    }, [y.value && u(ci, {
       indeterminate: !0
-    }, null), F.value.length > 0 ? F.value.map((T) => d(Bn, Z({
-      key: X(T, e.itemKey)
+    }, null), H.value.length > 0 ? H.value.map((T) => u(Bn, X({
+      key: J(T, e.itemKey)
     }, {
       ...ie(e, xa),
       item: T,
       level: 0
-    }), t)) : d("div", {
+    }), t)) : u("div", {
       class: "y-tree-view__no-data"
-    }, [t["no-data"] ? t["no-data"]() : d("span", null, [Et("No Data")])])])])), {
+    }, [t["no-data"] ? t["no-data"]() : u("span", null, [Et("No Data")])])])])), {
       nodes: i,
-      expandedSet: u,
+      expandedSet: c,
       selectedSet: s,
       activeSet: f,
       excludedSet: v,
@@ -5231,7 +5190,7 @@ const Bi = R({
   onClick: Function,
   disabled: Boolean,
   ...Ot()
-}, "YListItem"), In = /* @__PURE__ */ M({
+}, "YListItem"), In = /* @__PURE__ */ D({
   name: "YListItem",
   props: {
     ...Bi()
@@ -5252,7 +5211,7 @@ const Bi = R({
     const r = C(() => !e.disabled);
     K(() => {
       const o = e.tag;
-      return d(o, {
+      return u(o, {
         class: ["y-list-item", {
           "y-list-item--pointer": r.value
         }, a.value],
@@ -5260,11 +5219,11 @@ const Bi = R({
       }, {
         default: () => {
           var l;
-          return [t.leading && d("div", {
+          return [t.leading && u("div", {
             class: "y-list-item__leading"
-          }, [t.leading()]), d("div", {
+          }, [t.leading()]), u("div", {
             class: "y-list-item__content"
-          }, [(l = t.default) == null ? void 0 : l.call(t)]), t.trailing && d("div", {
+          }, [(l = t.default) == null ? void 0 : l.call(t)]), t.trailing && u("div", {
             class: "y-list-item__trailing"
           }, [t.trailing()])];
         }
@@ -5275,7 +5234,7 @@ const Bi = R({
 const Ii = R({
   disabled: Boolean,
   ...Ot()
-}, "YList"), Pn = /* @__PURE__ */ M({
+}, "YList"), Pn = /* @__PURE__ */ D({
   name: "YList",
   props: {
     ...Ii()
@@ -5296,11 +5255,11 @@ const Ii = R({
     function l(s) {
       i.value = !1;
     }
-    function u(s) {
+    function c(s) {
     }
     K(() => {
       var s;
-      return d("div", {
+      return u("div", {
         ref: n,
         class: ["y-list", a.value],
         role: "listbox",
@@ -5308,7 +5267,7 @@ const Ii = R({
         onFocus: r,
         onFocusin: o,
         onFocusout: l,
-        onKeydown: u
+        onKeydown: c
       }, [(s = t.default) == null ? void 0 : s.call(t)]);
     });
   }
@@ -5348,7 +5307,7 @@ const Vn = R({
   flexHeight: {
     type: Boolean
   }
-}, "YTable"), Me = /* @__PURE__ */ M({
+}, "YTable"), Me = /* @__PURE__ */ D({
   name: "YTable",
   props: {
     ...Vn()
@@ -5366,9 +5325,9 @@ const Vn = R({
     le("YTable", {
       containerRect: a
     }), K(() => {
-      var u, s, f;
-      const o = e.tag ?? "div", l = e.flexHeight ? ((u = a.value) == null ? void 0 : u.height) ?? e.height : e.height;
-      return d(o, {
+      var c, s, f;
+      const o = e.tag ?? "div", l = e.flexHeight ? ((c = a.value) == null ? void 0 : c.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,
@@ -5381,22 +5340,22 @@ const Vn = R({
       }, {
         default: () => {
           var v, h, b, y, S;
-          return [(v = t.top) == null ? void 0 : v.call(t), t.default ? d("div", {
+          return [(v = t.top) == null ? void 0 : v.call(t), t.default ? u("div", {
             class: ["y-table__container"],
             ref: n
-          }, [(h = t.leading) == null ? void 0 : h.call(t), d("div", {
+          }, [(h = t.leading) == null ? void 0 : h.call(t), u("div", {
             class: ["y-table__wrapper"],
             style: {
               height: W(l)
             }
-          }, [d("table", {
+          }, [u("table", {
             ref: i
           }, [t.default()])]), (b = t.trailing) == null ? void 0 : b.call(t)]) : (y = t.container) == null ? void 0 : y.call(t, n, a), (S = t.bottom) == null ? void 0 : S.call(t)];
         }
       });
     });
   }
-}), en = /* @__PURE__ */ M({
+}), en = /* @__PURE__ */ D({
   name: "YDataTableCell",
   functional: !0,
   props: {
@@ -5433,7 +5392,7 @@ const Vn = R({
     });
     K(() => {
       const r = e.type === "head" ? "th" : "td";
-      return d(r, Z({
+      return u(r, X({
         class: [`y-data-table__${r}`, "y-data-table-cell", {
           "y-data-table-cell--fixed": e.fixed,
           [`y-data-table-cell--fixed-${e.fixed}`]: e.fixed,
@@ -5595,7 +5554,7 @@ function Yi(e, {
   function l(p) {
     return Ze(p).every((g) => a.value.has(g.value));
   }
-  function u(p) {
+  function c(p) {
     return Ze(p).some((g) => a.value.has(g.value));
   }
   function s(p, g) {
@@ -5624,7 +5583,7 @@ function Yi(e, {
     select: s,
     selectAll: v,
     isSelected: l,
-    isSomeSelected: u,
+    isSomeSelected: c,
     someSelected: b,
     allSelected: y,
     showSelectAll: o.value.showSelectAll,
@@ -5642,7 +5601,7 @@ const rs = R({
   index: Number,
   item: Object,
   onClick: Function
-}, "YDataTableRow"), os = /* @__PURE__ */ M({
+}, "YDataTableRow"), os = /* @__PURE__ */ D({
   name: "YDataTableRow",
   props: {
     ...rs()
@@ -5657,10 +5616,10 @@ const rs = R({
     } = Yn(), {
       columns: r
     } = Dn();
-    K(() => d("tr", {
+    K(() => u("tr", {
       class: ["y-data-table__row"],
       onClick: (o) => t("click:row", o)
-    }, [e.item && r.value.map((o, l) => d(en, {
+    }, [e.item && r.value.map((o, l) => u(en, {
       align: o.align,
       fixed: o.fixed ? o.lastFixed ? "trail" : "lead" : void 0,
       fixedOffset: o.fixedOffset,
@@ -5671,20 +5630,20 @@ const rs = R({
     }, {
       default: () => {
         var v, h;
-        const u = e.item, s = `item.${o.key}`, f = {
+        const c = e.item, s = `item.${o.key}`, f = {
           index: e.index,
           item: e.item,
           columns: r.value,
-          value: Ee(u.columns, o.key),
+          value: Ee(c.columns, o.key),
           isSelected: a,
           toggleSelect: i
         };
-        return n[s] ? (v = n[s]) == null ? void 0 : v.call(n, f) : o.key === "data-table-select" ? ((h = n["item.data-table-select"]) == null ? void 0 : h.call(n, f)) ?? d(Se, Z({
-          checked: a([u]),
-          disabled: !u.selectable
+        return n[s] ? (v = n[s]) == null ? void 0 : v.call(n, f) : o.key === "data-table-select" ? ((h = n["item.data-table-select"]) == null ? void 0 : h.call(n, f)) ?? u(Se, X({
+          checked: a([c]),
+          disabled: !c.selectable
         }, {
           onClick: (b) => {
-            b.stopPropagation(), i(u);
+            b.stopPropagation(), i(c);
           }
         }), null) : f.value;
       }
@@ -5706,7 +5665,7 @@ const rs = R({
   "onClick:row": Function,
   "onDblclick:row": Function,
   "onContextmenu:row": Function
-}, "YDataTableBody"), Ge = /* @__PURE__ */ M({
+}, "YDataTableBody"), Ge = /* @__PURE__ */ D({
   name: "YDataTableBody",
   props: {
     ...Mi()
@@ -5724,24 +5683,24 @@ const rs = R({
     } = Yn();
     return K(() => {
       var o, l;
-      return e.loading ? d("tr", null, [d("td", {
+      return e.loading ? u("tr", null, [u("td", {
         colspan: a.value.length,
         class: "y-data-table__loading"
-      }, [t.loading ? t.loading() : d("div", null, [e.loadingText])])]) : !e.loading && e.items.length < 1 && !e.hideNoData ? d("tr", {
+      }, [t.loading ? t.loading() : u("div", null, [e.loadingText])])]) : !e.loading && e.items.length < 1 && !e.hideNoData ? u("tr", {
         key: "no-data"
-      }, [d("td", {
+      }, [u("td", {
         colspan: a.value.length
-      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : d(G, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((u, s) => {
+      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : u(G, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((c, s) => {
         const f = {
           index: s,
-          item: u,
+          item: c,
           columns: a.value,
           isSelected: i,
           toggleSelect: r
         }, v = {
           ...f,
           props: {
-            key: `item__${u.value}`,
+            key: `item__${c.value}`,
             onClick: e["onClick:row"] ? (h) => {
               var b;
               (b = e["onClick:row"]) == null || b.call(e, h, {
@@ -5761,10 +5720,10 @@ const rs = R({
               });
             } : void 0,
             index: s,
-            item: u
+            item: c
           }
         };
-        return d(G, null, [t.item ? t.item(v) : d(os, v.props, t)]);
+        return u(G, null, [t.item ? t.item(v) : u(os, v.props, t)]);
       })]);
     }), {};
   }
@@ -5809,7 +5768,7 @@ const Ni = R({
   // lastIcon: [String],
   // prevIcon: [String],
   // nextIcon: [String],
-}, "YPagination"), Ri = /* @__PURE__ */ M({
+}, "YPagination"), Ri = /* @__PURE__ */ D({
   name: "YPagination",
   components: {
     YButton: ne
@@ -5833,17 +5792,17 @@ const Ni = R({
       const {
         target: m,
         contentRect: w
-      } = g[0], c = m.querySelector(".y-pagination__list > *");
-      if (c) {
-        const x = w.width, _ = c.offsetWidth + parseFloat(getComputedStyle(c).marginRight) * 2;
-        o.value = u(x, _);
+      } = g[0], d = m.querySelector(".y-pagination__list > *");
+      if (d) {
+        const x = w.width, _ = d.offsetWidth + parseFloat(getComputedStyle(d).marginRight) * 2;
+        o.value = c(x, _);
       }
     });
-    function u(g, m) {
-      const w = e.showEndButton ? 5 : 3, c = +(e.gap ?? 4), x = (m + c) * w - c;
-      return Math.max(0, Math.floor(+((g - x) / (m + c)).toFixed(2)));
+    function c(g, m) {
+      const w = e.showEndButton ? 5 : 3, d = +(e.gap ?? 4), x = (m + d) * w - d;
+      return Math.max(0, Math.floor(+((g - x) / (m + d)).toFixed(2)));
     }
-    const s = C(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o.value >= 0 ? o.value : u(innerWidth, 58)), f = C(() => {
+    const s = C(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o.value >= 0 ? o.value : c(innerWidth, 58)), f = C(() => {
       const g = !!e.disabled || a.value <= r.value, m = !!e.disabled || a.value >= r.value + i.value - 1;
       return {
         first: {
@@ -5858,8 +5817,8 @@ const Ni = R({
           variation: e.buttonVariation,
           onClick: (w) => {
             w.preventDefault();
-            const c = Math.max(1, a.value - 1);
-            a.value = c, n("change", c, "prev");
+            const d = Math.max(1, a.value - 1);
+            a.value = d, n("change", d, "prev");
           }
         },
         next: {
@@ -5867,8 +5826,8 @@ const Ni = R({
           variation: e.buttonVariation,
           onClick: (w) => {
             w.preventDefault();
-            const c = Math.min(+i.value, a.value + 1);
-            a.value = c, n("change", c, "next");
+            const d = Math.min(+i.value, a.value + 1);
+            a.value = d, n("change", d, "next");
           }
         },
         last: {
@@ -5876,8 +5835,8 @@ const Ni = R({
           variation: e.buttonVariation,
           onClick: (w) => {
             w.preventDefault();
-            const c = +i.value;
-            a.value = +i.value, n("change", c, "last");
+            const d = +i.value;
+            a.value = +i.value, n("change", d, "last");
           }
         }
       };
@@ -5888,10 +5847,10 @@ const Ni = R({
         return [a.value];
       if (i.value <= s.value)
         return Ie(i.value, r.value);
-      const g = s.value % 2 === 0, m = g ? s.value / 2 : Math.floor(s.value / 2), w = g ? m : m + 1, c = i.value - m;
+      const g = s.value % 2 === 0, m = g ? s.value / 2 : Math.floor(s.value / 2), w = g ? m : m + 1, d = i.value - m;
       if (w - a.value >= 0)
         return [...Ie(Math.max(1, s.value - 1), r.value), "ellipsis", i.value];
-      if (a.value - c >= (g ? 1 : 0)) {
+      if (a.value - d >= (g ? 1 : 0)) {
         const x = s.value - 1, _ = i.value - x + r.value;
         return [r.value, "ellipsis", ...Ie(x, _)];
       } else {
@@ -5906,7 +5865,7 @@ const Ni = R({
       g.preventDefault(), a.value = m, n("change", m);
     }
     const S = C(() => v.value.map((g, m) => {
-      const w = (c) => b(c, m);
+      const w = (d) => b(d, m);
       if (g === "ellipsis")
         return {
           active: !1,
@@ -5920,16 +5879,16 @@ const Ni = R({
           }
         };
       {
-        const c = g === a.value;
+        const d = g === a.value;
         return {
-          active: c,
+          active: d,
           key: `item-${g}`,
           page: g,
           props: {
             ref: w,
             ellipsis: !1,
             disabled: !!e.disabled || +e.length < 2,
-            color: c ? e.activeColor : e.color,
+            color: d ? e.activeColor : e.color,
             variation: e.buttonVariation,
             onClick: (x) => y(x, g)
           }
@@ -5945,48 +5904,48 @@ const Ni = R({
         "--y-pagination__gap": g
       };
     });
-    return K(() => d("div", {
+    return K(() => u("div", {
       class: ["y-pagination", {
         [`y-pagination--align-${e.align}`]: e.align !== "start"
       }],
       role: "navigation",
       style: p.value,
       ref: l
-    }, [d("ul", {
+    }, [u("ul", {
       class: ["y-pagination__list"]
-    }, [e.showEndButton && d("li", {
+    }, [e.showEndButton && u("li", {
       key: "first",
       class: "y-pagination__first"
-    }, [t.first ? t.first(f.value.first) : d(ne, f.value.first, {
-      default: () => [t["first-icon"] ? t["first-icon"]() : d(De, {
+    }, [t.first ? t.first(f.value.first) : u(ne, f.value.first, {
+      default: () => [t["first-icon"] ? t["first-icon"]() : u(De, {
         type: "first"
       }, null)]
-    })]), d("li", {
+    })]), u("li", {
       key: "prev",
       class: "y-pagination__prev"
-    }, [t.prev ? t.prev(f.value.prev) : d(ne, f.value.prev, {
-      default: () => [t["prev-icon"] ? t["prev-icon"]() : d(De, {
+    }, [t.prev ? t.prev(f.value.prev) : u(ne, f.value.prev, {
+      default: () => [t["prev-icon"] ? t["prev-icon"]() : u(De, {
         type: "prev"
       }, null)]
-    })]), S.value.map((g, m) => d("li", {
+    })]), S.value.map((g, m) => u("li", {
       key: g.key,
       class: ["y-pagination__item", {
         "y-pagination__item--active": g.active
       }]
-    }, [d(ne, g.props, {
+    }, [u(ne, g.props, {
       default: () => [g.props.ellipsis ? t.ellipsis ? t.ellipsis() : "..." : g.page]
-    })])), d("li", {
+    })])), u("li", {
       key: "next",
       class: "y-pagination__next"
-    }, [t.next ? t.next(f.value.next) : d(ne, f.value.next, {
-      default: () => [t["next-icon"] ? t["next-icon"]() : d(De, {
+    }, [t.next ? t.next(f.value.next) : u(ne, f.value.next, {
+      default: () => [t["next-icon"] ? t["next-icon"]() : u(De, {
         type: "next"
       }, null)]
-    })]), e.showEndButton && d("li", {
+    })]), e.showEndButton && u("li", {
       key: "last",
       class: "y-pagination__last"
-    }, [t.last ? t.last(f.value.last) : d(ne, f.value.last, {
-      default: () => [t["last-icon"] ? t["last-icon"]() : d(De, {
+    }, [t.last ? t.last(f.value.last) : u(ne, f.value.last, {
+      default: () => [t["last-icon"] ? t["last-icon"]() : u(De, {
         type: "last"
       }, null)]
     })])])])), {
@@ -6030,7 +5989,7 @@ function ji(e) {
   function l(h) {
     n.value = h, t.value = 1;
   }
-  function u() {
+  function c() {
     t.value = Ke(t.value + 1, 1, o.value);
   }
   function s() {
@@ -6046,7 +6005,7 @@ function ji(e) {
     endIndex: r,
     pageLength: o,
     total: a,
-    nextPage: u,
+    nextPage: c,
     prevPage: s,
     setPage: f,
     setPageSize: l
@@ -6062,7 +6021,7 @@ const cs = R({
   setPageSize: Function,
   setPage: Function,
   ...Mn()
-}, "YDataTableControl"), an = /* @__PURE__ */ M({
+}, "YDataTableControl"), an = /* @__PURE__ */ D({
   name: "YDataTableControl",
   components: {
     YButton: ne,
@@ -6076,13 +6035,13 @@ const cs = R({
   }) {
     K(() => {
       var n, a;
-      return d("footer", {
+      return u("footer", {
         class: ["y-data-table-control"]
-      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : d(G, null, [d("div", {
+      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : u(G, null, [u("div", {
         class: "y-data-table-control__start"
-      }, null), d("div", {
+      }, null), u("div", {
         class: "y-data-table-control__end"
-      }, [d(Ri, {
+      }, [u(Ri, {
         "model-value": e.page,
         "onUpdate:modelValue": e.setPage,
         length: e.pageLength,
@@ -6107,12 +6066,12 @@ function Fi(e) {
 function Hi(e) {
   const { sortBy: t, multiSort: n, page: a } = e, i = (l) => {
     var v;
-    let u = ((v = t.value) == null ? void 0 : v.map((h) => ({ ...h }))) ?? [];
-    const s = u.find((h) => h.key === l.key), f = { key: l.key, order: "asc" };
-    s ? s.order === "desc" ? l.mustSort ? s.order = "asc" : u = u.filter((h) => h.key !== l.key) : s.order = "desc" : n != null && n.value ? u = [...u, f] : u = [f], t.value = u, a && (a.value = 1);
+    let c = ((v = t.value) == null ? void 0 : v.map((h) => ({ ...h }))) ?? [];
+    const s = c.find((h) => h.key === l.key), f = { key: l.key, order: "asc" };
+    s ? s.order === "desc" ? l.mustSort ? s.order = "asc" : c = c.filter((h) => h.key !== l.key) : s.order = "desc" : n != null && n.value ? c = [...c, f] : c = [f], t.value = c, a && (a.value = 1);
   };
   function r(l) {
-    return !!t.value.find((u) => u.key === l.key);
+    return !!t.value.find((c) => c.key === l.key);
   }
   const o = { sortBy: t, toggleSort: i, isSorted: r };
   return le(rn, o), o;
@@ -6135,7 +6094,7 @@ const Ki = R({
   },
   dualSortIcon: Boolean,
   sticky: Boolean
-}, "YDataTableHead"), qe = /* @__PURE__ */ M({
+}, "YDataTableHead"), qe = /* @__PURE__ */ D({
   name: "YDataTableHead",
   components: {
     YDataTableCell: en
@@ -6154,7 +6113,7 @@ const Ki = R({
       someSelected: r,
       allSelected: o,
       selectAll: l,
-      showSelectAll: u,
+      showSelectAll: c,
       selectables: s
     } = Yn(), {
       columns: f,
@@ -6183,7 +6142,7 @@ const Ki = R({
       column: p,
       x: g,
       y: m
-    }) => d(en, Z({
+    }) => u(en, X({
       type: "head",
       align: p.align,
       fixed: p.fixed ? p.lastFixed ? "trail" : "lead" : void 0,
@@ -6205,7 +6164,7 @@ const Ki = R({
     }), {
       default: () => {
         var x, _;
-        const w = `header.${p.key}`, c = {
+        const w = `header.${p.key}`, d = {
           column: p,
           selectAll: l,
           isSorted: i,
@@ -6216,7 +6175,7 @@ const Ki = R({
           selectables: s.value,
           getSortDirection: y
         };
-        return t[w] ? (x = t[w]) == null ? void 0 : x.call(t, c) : p.key === "data-table-select" ? ((_ = t["header.data-table-select"]) == null ? void 0 : _.call(t, c)) ?? (u && d(Se, Z({
+        return t[w] ? (x = t[w]) == null ? void 0 : x.call(t, d) : p.key === "data-table-select" ? ((_ = t["header.data-table-select"]) == null ? void 0 : _.call(t, d)) ?? (c && u(Se, X({
           checked: o.value,
           indeterminate: !o.value && r.value,
           disabled: s.value.length < 1
@@ -6224,18 +6183,18 @@ const Ki = R({
           onClick: (k) => {
             k.stopPropagation(), l(!o.value);
           }
-        }), null)) : d("div", {
+        }), null)) : u("div", {
           class: "y-data-table-header__content"
-        }, [d("span", {
+        }, [u("span", {
           class: "y-data-table-header__text"
-        }, [p.text]), d("span", {
+        }, [p.text]), u("span", {
           class: ["y-data-table-header__sorting-icon", {
             "y-data-table-header__sorting-icon--disabled": !p.sortable
           }],
           onClick: p.sortable ? (k) => {
             k.stopPropagation(), n(p);
           } : void 0
-        }, [d($i, {
+        }, [u($i, {
           disabled: !p.sortable,
           direction: y(p)
         }, null)])]);
@@ -6243,14 +6202,14 @@ const Ki = R({
     });
     K(() => {
       var p;
-      return d(G, null, [t.head ? (p = t.head) == null ? void 0 : p.call(t, e) : v.value.map((g, m) => d("tr", null, [g.map((w, c) => d(S, {
+      return u(G, null, [t.head ? (p = t.head) == null ? void 0 : p.call(t, e) : v.value.map((g, m) => u("tr", null, [g.map((w, d) => u(S, {
         column: w,
-        x: c,
+        x: d,
         y: m
       }, null))]))]);
     });
   }
-}), on = /* @__PURE__ */ M({
+}), on = /* @__PURE__ */ D({
   name: "YDataTableLayer",
   props: {
     slotProps: Object
@@ -6261,11 +6220,11 @@ const Ki = R({
     const n = he("YTable");
     return K(() => {
       var a, i, r;
-      return d("div", {
+      return u("div", {
         class: ["y-data-table-layer"]
-      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : d(G, null, [d("div", {
+      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : u(G, null, [u("div", {
         class: ["y-data-table-layer__head"]
-      }, [(i = t["layer-head"]) == null ? void 0 : i.call(t, e.slotProps)]), d("div", {
+      }, [(i = t["layer-head"]) == null ? void 0 : i.call(t, e.slotProps)]), u("div", {
         class: ["y-data-table-layer__body"]
       }, [(r = t["layer-body"]) == null ? void 0 : r.call(t, e.slotProps)])])]);
     }), {
@@ -6291,7 +6250,7 @@ const Ki = R({
   "YDataTable--items"
 );
 function vs(e, t, n, a) {
-  const i = e.returnItem ? t : Ee(t, e.itemKey), r = Ee(t, e.itemSelectable, !0), o = a.reduce((l, u) => (l[u.key] = Ee(t, u.value ?? u.key), l), {});
+  const i = e.returnItem ? t : Ee(t, e.itemKey), r = Ee(t, e.itemSelectable, !0), o = a.reduce((l, c) => (l[c.key] = Ee(t, c.value ?? c.key), l), {});
   return {
     index: n,
     value: i,
@@ -6338,7 +6297,7 @@ const Nn = R({
   ...as(),
   ...Ki(),
   ...Vn()
-}, "DataTable"), ys = /* @__PURE__ */ M({
+}, "DataTable"), ys = /* @__PURE__ */ D({
   name: "YDataTable",
   props: {
     ...Mn(),
@@ -6364,7 +6323,7 @@ const Nn = R({
       multiSort: o
     } = Fi(e), {
       columns: l,
-      headers: u
+      headers: c
     } = Pi(e, {
       enableSelect: fe(e, "enableSelect")
     }), {
@@ -6395,7 +6354,7 @@ const Nn = R({
     }), {
       isSelected: m,
       select: w,
-      selectAll: c,
+      selectAll: d,
       toggleSelect: x,
       someSelected: _,
       allSelected: k
@@ -6431,43 +6390,43 @@ const Nn = R({
       allSelected: k.value,
       isSelected: m,
       select: w,
-      selectAll: c,
+      selectAll: d,
       toggleSelect: x,
       //
       items: s.value,
       columns: l.value,
-      headers: u.value
+      headers: c.value
     }));
     return K(() => {
-      var F;
-      const z = ie(e, qe.props), E = ie(e, Ge.props), V = ie(e, Me.props);
-      return d(Me, Z({
+      var H;
+      const z = ie(e, qe.props), E = ie(e, Ge.props), N = ie(e, Me.props);
+      return u(Me, X({
         class: ["y-data-table"]
-      }, V, {
+      }, N, {
         style: {
-          "--y-table-head-height": W((F = L.value) == null ? void 0 : F.height)
+          "--y-table-head-height": W((H = L.value) == null ? void 0 : H.height)
         }
       }), {
         top: () => {
-          var J;
-          return (J = t.top) == null ? void 0 : J.call(t, O.value);
+          var q;
+          return (q = t.top) == null ? void 0 : q.call(t, O.value);
         },
-        leading: () => t.leading ? t.leading(O.value) : d(G, null, [d(on, {
+        leading: () => t.leading ? t.leading(O.value) : u(G, null, [u(on, {
           "slot-props": O.value
         }, t)]),
         default: () => {
-          var J, se, T;
-          return t.default ? t.default(O.value) : d(G, null, [d("thead", {
+          var q, se, T;
+          return t.default ? t.default(O.value) : u(G, null, [u("thead", {
             ref: A
-          }, [d(qe, z, t)]), (J = t.thead) == null ? void 0 : J.call(t, O.value), d("tbody", null, [d(Ge, Z(E, {
+          }, [u(qe, z, t)]), (q = t.thead) == null ? void 0 : q.call(t, O.value), u("tbody", null, [u(Ge, X(E, {
             items: g.value
           }), t)]), (se = t.tbody) == null ? void 0 : se.call(t, O.value), (T = t.tfoot) == null ? void 0 : T.call(t, O.value)]);
         },
         trailing: () => {
-          var J;
-          return (J = t.trailing) == null ? void 0 : J.call(t, O.value);
+          var q;
+          return (q = t.trailing) == null ? void 0 : q.call(t, O.value);
         },
-        bottom: () => t.bottom ? t.bottom(O.value) : d(an, null, {
+        bottom: () => t.bottom ? t.bottom(O.value) : u(an, null, {
           prepend: t["control.prepend"],
           append: t["control.append"]
         })
@@ -6483,7 +6442,7 @@ const Nn = R({
   },
   ...Mn(),
   ...Nn()
-}, "YDataTableServer"), gs = /* @__PURE__ */ M({
+}, "YDataTableServer"), gs = /* @__PURE__ */ D({
   name: "YDataTableServer",
   components: {
     YTable: Me,
@@ -6514,13 +6473,13 @@ const Nn = R({
       sortBy: r,
       multiSort: o
     } = Fi(e), l = C(() => parseInt(e.total)), {
-      columns: u,
+      columns: c,
       headers: s
     } = Pi(e, {
       enableSelect: zt(e, "enableSelect")
     }), {
       items: f
-    } = Wi(e, u), {
+    } = Wi(e, c), {
       toggleSort: v
     } = Hi({
       sortBy: r,
@@ -6540,7 +6499,7 @@ const Nn = R({
       selectAll: g,
       toggleSelect: m,
       someSelected: w,
-      allSelected: c
+      allSelected: d
     } = Yi(e, {
       allItems: f,
       pageItems: f
@@ -6570,20 +6529,20 @@ const Nn = R({
       toggleSort: v,
       // selection
       someSelected: w.value,
-      allSelected: c.value,
+      allSelected: d.value,
       isSelected: S,
       select: p,
       selectAll: g,
       toggleSelect: m,
       //
       items: f.value,
-      columns: u.value,
+      columns: c.value,
       headers: s.value
     }));
     K(() => {
       var z;
       const A = ie(e, qe.props), L = ie(e, Ge.props), O = ie(e, Me.props);
-      return d(Me, Z({
+      return u(Me, X({
         class: ["y-data-table"]
       }, O, {
         style: {
@@ -6594,20 +6553,20 @@ const Nn = R({
           var E;
           return (E = t.top) == null ? void 0 : E.call(t, k.value);
         },
-        leading: () => t.leading ? t.leading(k.value) : d(G, null, [d(on, null, t)]),
+        leading: () => t.leading ? t.leading(k.value) : u(G, null, [u(on, null, t)]),
         default: () => {
-          var E, V, F;
-          return t.default ? t.default(k.value) : d(G, null, [d("thead", {
+          var E, N, H;
+          return t.default ? t.default(k.value) : u(G, null, [u("thead", {
             ref: x
-          }, [d(qe, A, t)]), (E = t.thead) == null ? void 0 : E.call(t, k.value), d("tbody", null, [d(Ge, Z(L, {
+          }, [u(qe, A, t)]), (E = t.thead) == null ? void 0 : E.call(t, k.value), u("tbody", null, [u(Ge, X(L, {
             items: f.value
-          }), t)]), (V = t.tbody) == null ? void 0 : V.call(t, k.value), (F = t.tfoot) == null ? void 0 : F.call(t, k.value)]);
+          }), t)]), (N = t.tbody) == null ? void 0 : N.call(t, k.value), (H = t.tfoot) == null ? void 0 : H.call(t, k.value)]);
         },
         trailing: () => {
           var E;
           return (E = t.trailing) == null ? void 0 : E.call(t, k.value);
         },
-        bottom: () => t.bottom ? t.bottom(k.value) : d(an, null, {
+        bottom: () => t.bottom ? t.bottom(k.value) : u(an, null, {
           prepend: t["control.prepend"]
         })
       });
@@ -6619,18 +6578,18 @@ function ps(e, t) {
   function a(o) {
     n[o] && window.clearTimeout(n[o]), delete n[o];
   }
-  function i(o, l, u) {
+  function i(o, l, c) {
     n[o] = window.setTimeout(() => {
       const s = o === "openDelay";
-      t == null || t(s), u(s);
+      t == null || t(s), c(s);
     }, l);
   }
   const r = (o) => () => {
     a("openDelay"), a("closeDelay");
     const l = e[o] ?? 0;
-    return new Promise((u) => {
+    return new Promise((c) => {
       const s = parseInt(String(l), 10);
-      i(o, s, u);
+      i(o, s, c);
     });
   };
   return {
@@ -6660,7 +6619,7 @@ const qi = {
     coordinateStrategy: "levitation"
   }),
   preventCloseBubble: Boolean
-}, Xe = /* @__PURE__ */ M({
+}, Xe = /* @__PURE__ */ D({
   name: Gi,
   props: {
     ...qi,
@@ -6680,65 +6639,65 @@ const qi = {
       "y-menu": !0
     })), o = Q(e), l = C({
       get: () => !!o.value,
-      set: (c) => {
-        c && e.disabled || (o.value = c);
+      set: (d) => {
+        d && e.disabled || (o.value = d);
       }
-    }), u = C(() => {
-      var c;
-      return !!((c = i.value) != null && c.hovered);
+    }), c = C(() => {
+      var d;
+      return !!((d = i.value) != null && d.hovered);
     }), {
       children: s,
       parent: f
     } = hi(i, l, fe(e, "preventCloseBubble")), {
       startOpenDelay: v,
       startCloseDelay: h
-    } = ps(e, (c) => {
-      !c && e.openOnHover && !u.value && s.value.length === 0 ? l.value = !1 : c && (l.value = !0);
+    } = ps(e, (d) => {
+      !d && e.openOnHover && !c.value && s.value.length === 0 ? l.value = !1 : d && (l.value = !0);
     });
-    function b(c) {
+    function b(d) {
       e.openOnHover && v();
     }
-    function y(c) {
+    function y(d) {
       e.openOnHover && h();
     }
-    j(u, (c) => {
-      c || h();
+    j(c, (d) => {
+      d || h();
     });
-    function S(c) {
-      if (c.stopPropagation(), !e.openOnClickBase)
+    function S(d) {
+      if (d.stopPropagation(), !e.openOnClickBase)
         return;
       const x = l.value;
       e.disabled || (l.value = !x);
     }
-    function p(c) {
+    function p(d) {
       var x, _;
       if (e.closeCondition !== !1) {
         if (typeof e.closeCondition == "function") {
-          e.closeCondition(c) === !1 && (l.value = !1);
+          e.closeCondition(d) === !1 && (l.value = !1);
           return;
         }
         if (l.value) {
           const k = (x = f == null ? void 0 : f.$el.value) == null ? void 0 : x.content$, A = (_ = f == null ? void 0 : f.$el.value) == null ? void 0 : _.modal;
-          l.value = !1, !(k && !mo(c, k)) && !A && (f == null || f.clear());
+          l.value = !1, !(k && !mo(d, k)) && !A && (f == null || f.clear());
         }
       }
     }
-    function g(c) {
-      c.addEventListener("mouseenter", b), c.addEventListener("mouseleave", y);
+    function g(d) {
+      d.addEventListener("mouseenter", b), d.addEventListener("mouseleave", y);
     }
-    function m(c) {
-      c.removeEventListener("mouseenter", b), c.removeEventListener("mouseleave", y);
+    function m(d) {
+      d.removeEventListener("mouseenter", b), d.removeEventListener("mouseleave", y);
     }
     j(() => {
-      var c;
-      return (c = i.value) == null ? void 0 : c.baseEl;
-    }, (c, x) => {
-      c ? (g(c), c.addEventListener("click", S)) : x && (m(x), x.removeEventListener("click", S));
+      var d;
+      return (d = i.value) == null ? void 0 : d.baseEl;
+    }, (d, x) => {
+      d ? (g(d), d.addEventListener("click", S)) : x && (m(x), x.removeEventListener("click", S));
     });
     const w = C(() => ({
       ...Ae(e.contentClasses)
     }));
-    return K(() => d(G, null, [d(Ce, Z({
+    return K(() => u(G, null, [u(Ce, X({
       ref: i,
       transition: e.transition,
       "onClick:complement": p,
@@ -6753,15 +6712,15 @@ const qi = {
       }
     }, {
       modelValue: l.value,
-      "onUpdate:modelValue": (c) => l.value = c
+      "onUpdate:modelValue": (d) => l.value = d
     }), {
-      default: (...c) => {
+      default: (...d) => {
         var x;
-        return d(G, null, [((x = t.default) == null ? void 0 : x.call(t, ...c)) ?? ""]);
+        return u(G, null, [((x = t.default) == null ? void 0 : x.call(t, ...d)) ?? ""]);
       },
-      base: (...c) => {
+      base: (...d) => {
         var x;
-        return (x = t.base) == null ? void 0 : x.call(t, ...c);
+        return (x = t.base) == null ? void 0 : x.call(t, ...d);
       }
     })])), {
       el$: i,
@@ -6769,7 +6728,7 @@ const qi = {
     };
   }
 });
-const ln = /* @__PURE__ */ M({
+const ln = /* @__PURE__ */ D({
   name: "YInputCheckbox",
   components: {
     YIconCheckbox: Se
@@ -6844,12 +6803,12 @@ const ln = /* @__PURE__ */ M({
       onBlur: r,
       disabled: o,
       readonly: l,
-      iconComponent: u
+      iconComponent: c
     } = this;
-    return d(G, null, [d("div", {
+    return u(G, null, [u("div", {
       onClick: e,
       class: t
-    }, [d("input", {
+    }, [u("input", {
       id: n,
       "aria-checked": a,
       role: "checkbox",
@@ -6861,9 +6820,9 @@ const ln = /* @__PURE__ */ M({
       readonly: l
     }, null), this.$slots.icon ? this.$slots.icon({
       checked: a
-    }) : u ? Y(u) : d(Se, null, null)])]);
+    }) : c ? M(c) : u(Se, null, null)])]);
   }
-}), bs = /* @__PURE__ */ M({
+}), bs = /* @__PURE__ */ D({
   name: "YCheckbox",
   components: {
     YInputCheckbox: ln
@@ -6896,7 +6855,7 @@ const ln = /* @__PURE__ */ M({
     function l(y) {
       a.value = !0, t("focus", y);
     }
-    function u(y) {
+    function c(y) {
       a.value = !1, t("blur", y);
     }
     function s(y, ...S) {
@@ -6925,18 +6884,18 @@ const ln = /* @__PURE__ */ M({
     }), b = C(() => Array.isArray(e.inputValue));
     return C(() => b.value ? e.inputValue.findIndex((y) => y === e.value) : -1), K(() => {
       var y, S, p;
-      return d("div", {
+      return u("div", {
         class: [{
           ...v.value
         }]
-      }, [(y = n.leading) == null ? void 0 : y.call(n), d("div", {
+      }, [(y = n.leading) == null ? void 0 : y.call(n), u("div", {
         class: "y-checkbox__slot"
-      }, [d(ln, {
+      }, [u(ln, {
         onClick: (g, ...m) => {
           g.stopPropagation(), s(g, ...m);
         },
         onFocus: l,
-        onBlur: u,
+        onBlur: c,
         id: r,
         value: i.value,
         icon: h.value,
@@ -6950,7 +6909,7 @@ const ln = /* @__PURE__ */ M({
             return (m = n.icon) == null ? void 0 : m.call(n, ...g);
           }
         }]
-      }), d("label", {
+      }), u("label", {
         onClick: cn(() => {
         }, ["stop"]),
         class: "y-checkbox__label",
@@ -6972,14 +6931,14 @@ const ln = /* @__PURE__ */ M({
       immediate: !0
     }
   }
-}), Xi = /* @__PURE__ */ M({
+}), Xi = /* @__PURE__ */ D({
   name: "YIconDropdown",
   setup() {
-    return () => d("svg", {
+    return () => u("svg", {
       version: "1.1",
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [d("path", {
+    }, [u("path", {
       d: "M7,10L12,15L17,10H7Z",
       fill: "currentColor"
     }, null)]);
@@ -6996,7 +6955,7 @@ const Zi = R({
     position: "bottom"
   }), ["coordinateStrategy"]),
   ...An()
-}, "YDropdown"), ws = /* @__PURE__ */ M({
+}, "YDropdown"), ws = /* @__PURE__ */ D({
   name: "YDropdown",
   inheritAttrs: !1,
   components: {
@@ -7017,14 +6976,14 @@ const Zi = R({
     }
     K(() => {
       const o = ie(e, Xe.props);
-      return d(G, null, [d(Xe, Z(o, {
+      return u(G, null, [u(Xe, X(o, {
         modelValue: i.value,
         "onUpdate:modelValue": (l) => i.value = l,
         "content-classes": ["y-dropdown__content"]
       }), {
         base: (...l) => {
-          var u;
-          return t.base ? (u = t.base) == null ? void 0 : u.call(t, ...l) : d(ne, Z({
+          var c;
+          return t.base ? (c = t.base) == null ? void 0 : c.call(t, ...l) : u(ne, X({
             variation: e.variation,
             color: e.color,
             class: ["y-dropdown", {
@@ -7033,27 +6992,27 @@ const Zi = R({
           }, n), {
             default: () => {
               var s;
-              return [d("span", {
+              return [u("span", {
                 class: "y-dropdown__default"
-              }, [(s = t.default) == null ? void 0 : s.call(t)]), t["expand-icon"] ? t["expand-icon"]() : d("i", {
+              }, [(s = t.default) == null ? void 0 : s.call(t)]), t["expand-icon"] ? t["expand-icon"]() : u("i", {
                 class: "y-dropdown__icon"
-              }, [d(Xi, null, null)])];
+              }, [u(Xi, null, null)])];
             }
           });
         },
         default: () => {
           let l;
-          return t.menu ? t.menu() : d(It, null, {
-            default: () => [Array.isArray(e.items) && e.items.length > 0 ? d(Pn, null, _a(l = e.items.map((u) => {
-              const s = X(u, e.itemText);
-              return d(In, {
-                onClick: (f) => r(u)
+          return t.menu ? t.menu() : u(It, null, {
+            default: () => [Array.isArray(e.items) && e.items.length > 0 ? u(Pn, null, _a(l = e.items.map((c) => {
+              const s = J(c, e.itemText);
+              return u(In, {
+                onClick: (f) => r(c)
               }, _a(s) ? s : {
                 default: () => [s]
               });
             })) ? l : {
               default: () => [l]
-            }) : d("div", {
+            }) : u("div", {
               class: "y-dropdown__no-options"
             }, [Et("항목이 없습니다.")])]
           });
@@ -7110,7 +7069,7 @@ function Ts(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !$a(e);
 }
 function Es(e, t, n = "value") {
-  const a = typeof t, i = a === "string" || a === "number" ? X(e, n) : e;
+  const a = typeof t, i = a === "string" || a === "number" ? J(e, n) : e;
   return xe(i, t);
 }
 const er = R({
@@ -7136,62 +7095,61 @@ const er = R({
   ...Oa(Cn({
     position: "bottom"
   }), ["coordinateStrategy"])
-}, "YSelect"), ks = /* @__PURE__ */ M({
+}, "YSelect"), ks = /* @__PURE__ */ D({
   name: "YSelect",
   props: {
     ...tr()
   },
   emits: {
     "update:modelValue": (e) => !0,
-    "update:opened": (e) => !0
+    "update:opened": (e) => !0,
+    "click:item": (e, t) => !0
   },
   setup(e, {
     slots: t
   }) {
     const n = B(), a = B(), i = B(), r = Q(e, "opened"), o = za(!1), {
       items: l,
-      toRefineItems: u,
+      toRefineItems: c,
       toEmitItems: s
-    } = _s(e), f = Q(e, "modelValue", [], (c) => u(c === null ? [null] : Ze(c)), (c) => {
-      const x = s(Ze(c));
+    } = _s(e), f = Q(e, "modelValue", [], (d) => c(d === null ? [null] : Ze(d)), (d) => {
+      const x = s(Ze(d));
       return e.multiple ? x : x[0] ?? null;
-    }), v = C(() => f.value.map((c) => l.value.find((x) => e.valueEquals(x.value, c.value)))), h = C(() => v.value.map((c) => c.props.value));
-    function b(c) {
-      return !!v.value.find((x) => x.value === c.value);
+    }), v = C(() => f.value.map((d) => l.value.find((x) => e.valueEquals(x.value, d.value)))), h = C(() => v.value.map((d) => d.props.value));
+    function b(d) {
+      return !!v.value.find((x) => x.value === d.value);
     }
-    function y(c) {
+    function y(d) {
       e.disabled || (r.value = !r.value);
     }
-    function S(c) {
-      var x;
-      (x = i.value) != null && x.$el.contains(c.relatedTarget) && (r.value = !1);
+    function S(d) {
     }
-    function p(c) {
-      m(c), e.multiple || (r.value = !1);
+    function p(d, x) {
+      m(d), e.multiple || (r.value = !1);
     }
     function g() {
-      var c;
-      o.value && ((c = n.value) == null || c.focus());
+      var d;
+      o.value && ((d = n.value) == null || d.focus());
     }
-    function m(c) {
+    function m(d) {
       if (e.multiple) {
-        const x = v.value.findIndex((_) => _.value === c.value);
+        const x = v.value.findIndex((_) => _.value === d.value);
         if (x === -1)
-          f.value = [...f.value, c];
+          f.value = [...f.value, d];
         else {
           const _ = f.value.slice();
           _.splice(x, 1), f.value = _;
         }
       } else
-        f.value = [c];
+        f.value = [d];
     }
     const w = C(() => {
-      var c, x;
-      return e.multiple ? v.value.map((_) => _.text).join(", ") : ((x = (c = v.value) == null ? void 0 : c[0]) == null ? void 0 : x.text) ?? "";
+      var d, x;
+      return e.multiple ? v.value.map((_) => _.text).join(", ") : ((x = (d = v.value) == null ? void 0 : d[0]) == null ? void 0 : x.text) ?? "";
     });
     return K(() => {
-      const c = ie(e, wt.props);
-      return d(Xe, {
+      const d = ie(e, wt.props);
+      return u(Xe, {
         modelValue: r.value,
         "onUpdate:modelValue": (x) => r.value = x,
         ref: a,
@@ -7205,9 +7163,9 @@ const er = R({
       }, {
         base: (...x) => {
           var _, k;
-          return t.base ? (_ = t.base) == null ? void 0 : _.call(t, ...x) : d(wt, Z({
-            ...c,
-            ...Z({
+          return t.base ? (_ = t.base) == null ? void 0 : _.call(t, ...x) : u(wt, X({
+            ...d,
+            ...X({
               ...x[0].props
             }, {
               ref: n
@@ -7224,7 +7182,7 @@ const er = R({
           }), {
             default: () => {
               var A;
-              return d("div", {
+              return u("div", {
                 class: ["y-select__selection"]
               }, [t.selection ? (A = t.selection) == null ? void 0 : A.call(t) : w.value]);
             },
@@ -7232,18 +7190,18 @@ const er = R({
               var L;
               return (L = t.leading) == null ? void 0 : L.call(t, ...A);
             } : void 0,
-            trailing: (...A) => t["expand-icon"] ? t["expand-icon"]() : d("i", {
+            trailing: (...A) => t["expand-icon"] ? t["expand-icon"]() : u("i", {
               class: "y-select__icon"
-            }, [d(Xi, null, null)]),
+            }, [u(Xi, null, null)]),
             "helper-text": t["helper-text"] ? (k = t["helper-text"]) == null ? void 0 : k.call(t) : void 0
           });
         },
         default: () => {
           let x;
-          return t.menu ? t.menu() : d(It, null, {
-            default: () => [l.value.length > 0 ? d(Pn, {
+          return t.menu ? t.menu() : u(It, null, {
+            default: () => [l.value.length > 0 ? u(Pn, {
               ref: i
-            }, Ts(x = l.value.map((_) => d(In, {
+            }, Ts(x = l.value.map((_) => u(In, {
               onClick: (k) => p(_),
               class: {
                 "y-list-item--active": b(_)
@@ -7252,7 +7210,7 @@ const er = R({
               default: () => [_.text]
             }))) ? x : {
               default: () => [x]
-            }) : d("div", {
+            }) : u("div", {
               class: "y-select__no-options"
             }, [Et("항목이 없습니다.")])]
           });
@@ -7274,7 +7232,7 @@ const nr = R({
     selectedClass: "y-tab--selected",
     noWave: !0
   })
-}, "YTab"), ar = /* @__PURE__ */ M({
+}, "YTab"), ar = /* @__PURE__ */ D({
   name: "YTab",
   props: nr(),
   slots: Object,
@@ -7288,16 +7246,16 @@ const nr = R({
       tabindex: a.value ? 0 : -1
     }));
     function l({
-      value: u
+      value: c
     }) {
-      a.value = u;
+      a.value = c;
     }
     return K(() => {
-      const u = ie(e, ne.props);
-      return d(G, null, [d(ne, Z({
+      const c = ie(e, ne.props);
+      return u(G, null, [u(ne, X({
         class: ["y-tab"],
         active: !1
-      }, o.value, n, u, {
+      }, o.value, n, c, {
         injectSymbol: Rn,
         "onChoice:selected": l
       }), {
@@ -7305,7 +7263,7 @@ const nr = R({
           var s;
           return ((s = t.default) == null ? void 0 : s.call(t)) ?? e.text;
         },
-        append: () => !e.hideIndicator && d("div", {
+        append: () => !e.hideIndicator && u("div", {
           ref: i,
           class: ["y-tab__indicator"],
           style: r.value
@@ -7322,7 +7280,7 @@ const ir = R({
     selectedClass: "y-tab--active",
     mandatory: "force"
   })
-}, "YTabs"), $s = /* @__PURE__ */ M({
+}, "YTabs"), $s = /* @__PURE__ */ D({
   name: "YTabs",
   props: {
     tag: {
@@ -7348,26 +7306,26 @@ const ir = R({
       prev: o.prev,
       select: o.select,
       isSelected: o.isSelected
-    })), u = C(() => {
+    })), c = C(() => {
       var s;
       return ((s = e.items) == null ? void 0 : s.map((f) => typeof f != "object" ? {
         text: f,
         value: f
       } : f)) ?? [];
     });
-    return K(() => d(e.tag, {
+    return K(() => u(e.tag, {
       class: ["y-tabs"],
       role: "tablist"
     }, {
-      default: () => [d("div", {
+      default: () => [u("div", {
         key: "container",
         ref: n,
         class: ["y-tabs__container"]
-      }, [d("div", {
+      }, [u("div", {
         key: "content",
         ref: i,
         class: ["y-tabs__content"]
-      }, [t.default ? t.default(l.value) : u.value.map((s) => d(ar, Z(s, {
+      }, [t.default ? t.default(l.value) : c.value.map((s) => u(ar, X(s, {
         key: s.text
       }), null))])])]
     })), {
@@ -7381,7 +7339,7 @@ const rr = "YAlert", As = At(rr), Os = {
   color: String,
   textColor: String,
   outlineColor: String
-}, Bs = /* @__PURE__ */ M({
+}, Bs = /* @__PURE__ */ D({
   name: rr,
   props: {
     ...Os
@@ -7400,7 +7358,7 @@ const rr = "YAlert", As = At(rr), Os = {
     });
     K(() => {
       var r;
-      return Tt(d("div", {
+      return Tt(u("div", {
         ref: n,
         class: [As, {
           [`y-alert--${e.semantic}`]: e.semantic,
@@ -7408,13 +7366,13 @@ const rr = "YAlert", As = At(rr), Os = {
           "y-alert--outlined": a.value.includes("outlined")
         }],
         style: i.value
-      }, [d(Re, null, null), t.leading && d("div", {
+      }, [u(Re, null, null), t.leading && u("div", {
         class: ["y-alert__leading"]
-      }, [t.leading()]), d("div", {
+      }, [t.leading()]), u("div", {
         class: ["y-alert__content"]
-      }, [t.title && d("div", {
+      }, [t.title && u("div", {
         class: ["y-alert__title"]
-      }, [t.title()]), (r = t.default) == null ? void 0 : r.call(t)]), t.trailing && d("div", {
+      }, [t.title()]), (r = t.default) == null ? void 0 : r.call(t)]), t.trailing && u("div", {
         class: ["y-alert__trailing"]
       }, [t.trailing()])]), [[un("theme")]]);
     });