yuyeon 0.1.0-rc.3 → 0.1.0-rc.4

package/dist/yuyeon.js

@@ -1,8 +1,8 @@
 var hl = Object.defineProperty;
 var vl = (e, t, n) => t in e ? hl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ke = (e, t, n) => (vl(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as P, h as he, getCurrentInstance as se, watch as F, onScopeDispose as cn, effectScope as ei, ref as N, computed as C, toRaw as ml, provide as ve, inject as ge, toRef as Ee, onBeforeUnmount as Bt, reactive as vt, onMounted as pa, nextTick as mt, watchEffect as yt, toRefs as yl, resolveDynamicComponent as gl, createVNode as c, withDirectives as gt, mergeProps as K, resolveDirective as xn, unref as ct, readonly as Gn, shallowRef as _e, onBeforeMount as ti, Fragment as J, createTextVNode as it, Transition as Cn, withKeys as pl, withModifiers as ba, Teleport as bl, vShow as ni, watchPostEffect as _l, resolveComponent as wl, onBeforeUpdate as Sl, isVNode as _a } from "vue";
-const xl = P({
+import { defineComponent as $, h as he, getCurrentInstance as se, watch as F, onScopeDispose as cn, effectScope as ei, ref as N, computed as C, toRaw as ml, provide as ve, inject as ge, toRef as Ee, onBeforeUnmount as Bt, reactive as vt, onMounted as pa, nextTick as mt, watchEffect as yt, toRefs as yl, resolveDynamicComponent as gl, createVNode as c, withDirectives as gt, mergeProps as K, resolveDirective as xn, unref as ct, readonly as Gn, shallowRef as _e, onBeforeMount as ti, Fragment as Z, createTextVNode as it, Transition as Cn, withKeys as pl, withModifiers as ba, Teleport as bl, vShow as ni, watchPostEffect as _l, resolveComponent as wl, onBeforeUpdate as Sl, isVNode as _a } from "vue";
+const xl = $({
   name: "YApp",
   setup(e, { slots: t }) {
     return () => he(
@@ -48,7 +48,7 @@ function Ye(e = {}, t = {}, n) {
   }
   return a;
 }
-function Q(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(/^\./, ""), ai(e, a.split("."), n));
 }
@@ -62,7 +62,7 @@ function Ue(e, t, n) {
     return typeof r > "u" ? n : r;
   }
   if (typeof t == "string")
-    return Q(e, t, n);
+    return J(e, t, n);
   if (Array.isArray(t))
     return ai(e, t, n);
   if (typeof t != "function")
@@ -107,7 +107,7 @@ const Pe = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
 process.env.NODE_ENV !== "production" && Object.freeze([]);
 const tt = () => {
 }, Ol = (e) => e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && // uppercase letter
-(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), Oe = Object.assign, Dl = Object.prototype.hasOwnProperty, ae = (e, t) => Dl.call(e, t), ee = Array.isArray, ot = (e) => En(e) === "[object Map]", Tl = (e) => En(e) === "[object Set]", le = (e) => typeof e == "function", we = (e) => typeof e == "string", Rt = (e) => typeof e == "symbol", ye = (e) => e !== null && typeof e == "object", kl = (e) => (ye(e) || le(e)) && le(e.then) && le(e.catch), Al = Object.prototype.toString, En = (e) => Al.call(e), ri = (e) => En(e).slice(8, -1), Nl = (e) => En(e) === "[object Object]", wa = (e) => we(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, Il = (e) => {
+(e.charCodeAt(2) > 122 || e.charCodeAt(2) < 97), Oe = Object.assign, Dl = Object.prototype.hasOwnProperty, ae = (e, t) => Dl.call(e, t), Q = Array.isArray, ot = (e) => En(e) === "[object Map]", Tl = (e) => En(e) === "[object Set]", le = (e) => typeof e == "function", we = (e) => typeof e == "string", Rt = (e) => typeof e == "symbol", ye = (e) => e !== null && typeof e == "object", kl = (e) => (ye(e) || le(e)) && le(e.then) && le(e.catch), Al = Object.prototype.toString, En = (e) => Al.call(e), ri = (e) => En(e).slice(8, -1), Nl = (e) => En(e) === "[object Object]", wa = (e) => we(e) && e !== "NaN" && e[0] !== "-" && "" + parseInt(e, 10) === e, Il = (e) => {
   const t = /* @__PURE__ */ Object.create(null);
   return (n) => t[n] || (t[n] = e(n));
 }, ii = Il((e) => e.charAt(0).toUpperCase() + e.slice(1)), He = (e, t) => !Object.is(e, t), Ml = (e, t, n, a = !1) => {
@@ -121,7 +121,7 @@ const tt = () => {
 let sr;
 const oi = () => sr || (sr = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
 function Sa(e) {
-  if (ee(e)) {
+  if (Q(e)) {
     const t = {};
     for (let n = 0; n < e.length; n++) {
       const a = e[n], r = we(a) ? Yl(a) : Sa(a);
@@ -147,7 +147,7 @@ function xa(e) {
   let t = "";
   if (we(e))
     t = e;
-  else if (ee(e))
+  else if (Q(e))
     for (let n = 0; n < e.length; n++) {
       const a = xa(e[n]);
       a && (t += a + " ");
@@ -281,7 +281,7 @@ function Le(e, t, n, a, r, i) {
   let l = [];
   if (t === "clear")
     l = [...o.values()];
-  else if (n === "length" && ee(e)) {
+  else if (n === "length" && Q(e)) {
     const s = Number(a);
     o.forEach((u, d) => {
       (d === "length" || !Rt(d) && d >= s) && l.push(u);
@@ -289,10 +289,10 @@ function Le(e, t, n, a, r, i) {
   } else
     switch (n !== void 0 && l.push(o.get(n)), t) {
       case "add":
-        ee(e) ? wa(n) && l.push(o.get("length")) : (l.push(o.get(qe)), ot(e) && l.push(o.get(Zn)));
+        Q(e) ? wa(n) && l.push(o.get("length")) : (l.push(o.get(qe)), ot(e) && l.push(o.get(Zn)));
         break;
       case "delete":
-        ee(e) || (l.push(o.get(qe)), ot(e) && l.push(o.get(Zn)));
+        Q(e) || (l.push(o.get(qe)), ot(e) && l.push(o.get(Zn)));
         break;
       case "set":
         ot(e) && l.push(o.get(qe));
@@ -360,7 +360,7 @@ class vi {
       return a === (r ? i ? bi : pi : i ? as : gi).get(t) || // receiver is not the reactive proxy, but has the same prototype
       // this means the reciever is a user proxy of the reactive proxy
       Object.getPrototypeOf(t) === Object.getPrototypeOf(a) ? t : void 0;
-    const o = ee(t);
+    const o = Q(t);
     if (!r) {
       if (o && ae(dr, n))
         return Reflect.get(dr, n, a);
@@ -379,10 +379,10 @@ class Kl extends vi {
     let i = t[n];
     if (!this._isShallow) {
       const s = It(i);
-      if (!fn(a) && !It(a) && (i = G(i), a = G(a)), !ee(t) && de(i) && !de(a))
+      if (!fn(a) && !It(a) && (i = G(i), a = G(a)), !Q(t) && de(i) && !de(a))
         return s ? !1 : (i.value = a, !0);
     }
-    const o = ee(t) && wa(n) ? Number(n) < t.length : ae(t, n), l = Reflect.set(t, n, a, r);
+    const o = Q(t) && wa(n) ? Number(n) < t.length : ae(t, n), l = Reflect.set(t, n, a, r);
     return t === G(r) && (o ? He(a, i) && Le(t, "set", n, a, i) : Le(t, "add", n, a)), l;
   }
   deleteProperty(t, n) {
@@ -397,7 +397,7 @@ class Kl extends vi {
     return ue(
       t,
       "iterate",
-      ee(t) ? "length" : qe
+      Q(t) ? "length" : qe
     ), Reflect.ownKeys(t);
   }
 }
@@ -826,7 +826,7 @@ function gs(e) {
 function ps() {
   Xe.pop();
 }
-function te(e, ...t) {
+function ee(e, ...t) {
   On();
   const n = Xe.length ? Xe[Xe.length - 1].component : null, a = n && n.appContext.config.warnHandler, r = bs();
   if (a)
@@ -939,13 +939,13 @@ function on(e, t, n, a) {
       Aa(i, t, n);
     }), r;
   }
-  if (ee(e)) {
+  if (Q(e)) {
     const r = [];
     for (let i = 0; i < e.length; i++)
       r.push(on(e[i], t, n, a));
     return r;
   } else
-    process.env.NODE_ENV !== "production" && te(
+    process.env.NODE_ENV !== "production" && ee(
       `Invalid value type passed to callWithAsyncErrorHandling(): ${typeof e}`
     );
 }
@@ -979,7 +979,7 @@ function Aa(e, t, n, a = !0) {
 function xs(e, t, n, a = !0) {
   if (process.env.NODE_ENV !== "production") {
     const r = Oi[t];
-    if (n && gs(n), te(`Unhandled error${r ? ` during execution of ${r}` : ""}`), n && ps(), a)
+    if (n && gs(n), ee(`Unhandled error${r ? ` during execution of ${r}` : ""}`), n && ps(), a)
       throw e;
     console.error(e);
   } else
@@ -1015,7 +1015,7 @@ function Ti() {
   !vn && !Qn && (Qn = !0, Na = Di.then(Ai));
 }
 function ki(e) {
-  ee(e) ? lt.push(...e) : (!Te || !Te.includes(
+  Q(e) ? lt.push(...e) : (!Te || !Te.includes(
     e,
     e.allowRecurse ? $e + 1 : $e
   )) && lt.push(e), Ti();
@@ -1147,12 +1147,12 @@ function Ii(e, t) {
 let ke = null, Is = null;
 const Ms = Symbol.for("v-ndc"), Ps = (e) => e.__isSuspense;
 function $s(e, t) {
-  t && t.pendingBranch ? ee(e) ? t.effects.push(...e) : t.effects.push(e) : ki(e);
+  t && t.pendingBranch ? Q(e) ? t.effects.push(...e) : t.effects.push(e) : ki(e);
 }
 const Vs = Symbol.for("v-scx"), Ys = () => {
   {
     const e = Mi(Vs);
-    return e || process.env.NODE_ENV !== "production" && te(
+    return e || process.env.NODE_ENV !== "production" && ee(
       "Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build."
     ), e;
   }
@@ -1171,17 +1171,17 @@ function Bs(e, t, {
       h(...S), E();
     };
   }
-  process.env.NODE_ENV !== "production" && a !== void 0 && typeof a == "number" && te(
+  process.env.NODE_ENV !== "production" && a !== void 0 && typeof a == "number" && ee(
     'watch() "deep" option with number value will be used as watch depth in future versions. Please use a boolean instead to avoid potential breakage.'
-  ), process.env.NODE_ENV !== "production" && !t && (n !== void 0 && te(
+  ), process.env.NODE_ENV !== "production" && !t && (n !== void 0 && ee(
     'watch() "immediate" option is only respected when using the watch(source, callback, options?) signature.'
-  ), a !== void 0 && te(
+  ), a !== void 0 && ee(
     'watch() "deep" option is only respected when using the watch(source, callback, options?) signature.'
-  ), i !== void 0 && te(
+  ), i !== void 0 && ee(
     'watch() "once" option is only respected when using the watch(source, callback, options?) signature.'
   ));
   const s = (h) => {
-    te(
+    ee(
       "Invalid watch source: ",
       h,
       "A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types."
@@ -1191,7 +1191,7 @@ function Bs(e, t, {
     nt(h, a === !1 ? 1 : void 0)
   );
   let y, m = !1, g = !1;
-  if (de(e) ? (y = () => e.value, m = fn(e)) : Ct(e) ? (y = () => d(e), m = !0) : ee(e) ? (g = !0, m = e.some((h) => Ct(h) || fn(h)), y = () => e.map((h) => {
+  if (de(e) ? (y = () => e.value, m = fn(e)) : Ct(e) ? (y = () => d(e), m = !0) : Q(e) ? (g = !0, m = e.some((h) => Ct(h) || fn(h)), y = () => e.map((h) => {
     if (de(h))
       return h.value;
     if (Ct(h))
@@ -1269,7 +1269,7 @@ function nt(e, t = 1 / 0, n) {
     return e;
   if (n.add(e), t--, de(e))
     nt(e.value, t, n);
-  else if (ee(e))
+  else if (Q(e))
     for (let a = 0; a < e.length; a++)
       nt(e[a], t, n);
   else if (Tl(e) || ot(e))
@@ -1357,17 +1357,17 @@ const ea = (e) => e ? iu(e) ? ou(e) || e.proxy : ea(e.parent) : null, Ot = (
       return m[t];
     process.env.NODE_ENV !== "production" && ke && (!we(t) || // #1091 avoid internal isRef/isVNode checks on component instance leading
     // to infinite warning loop
-    t.indexOf("__v") !== 0) && (r !== Pe && Fs(t[0]) && ae(r, t) ? te(
+    t.indexOf("__v") !== 0) && (r !== Pe && Fs(t[0]) && ae(r, t) ? ee(
       `Property ${JSON.stringify(
         t
       )} must be accessed via $data because it starts with a reserved character ("$" or "_") and is not proxied on the render context.`
-    ) : e === ke && te(
+    ) : e === ke && ee(
       `Property ${JSON.stringify(t)} was accessed during render but is not defined on instance.`
     ));
   },
   set({ _: e }, t, n) {
     const { data: a, setupState: r, ctx: i } = e;
-    return $n(r, t) ? (r[t] = n, !0) : process.env.NODE_ENV !== "production" && r.__isScriptSetup && ae(r, t) ? (te(`Cannot mutate <script setup> binding "${t}" from Options API.`), !1) : a !== Pe && ae(a, t) ? (a[t] = n, !0) : ae(e.props, t) ? (process.env.NODE_ENV !== "production" && te(`Attempting to mutate prop "${t}". Props are readonly.`), !1) : t[0] === "$" && t.slice(1) in e ? (process.env.NODE_ENV !== "production" && te(
+    return $n(r, t) ? (r[t] = n, !0) : process.env.NODE_ENV !== "production" && r.__isScriptSetup && ae(r, t) ? (ee(`Cannot mutate <script setup> binding "${t}" from Options API.`), !1) : a !== Pe && ae(a, t) ? (a[t] = n, !0) : ae(e.props, t) ? (process.env.NODE_ENV !== "production" && ee(`Attempting to mutate prop "${t}". Props are readonly.`), !1) : t[0] === "$" && t.slice(1) in e ? (process.env.NODE_ENV !== "production" && ee(
       `Attempting to mutate public property "${t}". Properties starting with $ are reserved and readonly.`
     ), !1) : (process.env.NODE_ENV !== "production" && t in e.appContext.config.globalProperties ? Object.defineProperty(i, t, {
       enumerable: !0,
@@ -1385,11 +1385,11 @@ const ea = (e) => e ? iu(e) ? ou(e) || e.proxy : ea(e.parent) : null, Ot = (
     return n.get != null ? e._.accessCache[t] = 0 : ae(n, "value") && this.set(e, t, n.value, null), Reflect.defineProperty(e, t, n);
   }
 };
-process.env.NODE_ENV !== "production" && (js.ownKeys = (e) => (te(
+process.env.NODE_ENV !== "production" && (js.ownKeys = (e) => (ee(
   "Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."
 ), Reflect.ownKeys(e)));
 function gr(e) {
-  return ee(e) ? e.reduce(
+  return Q(e) ? e.reduce(
     (t, n) => (t[n] = null, t),
     {}
   ) : e;
@@ -1412,7 +1412,7 @@ function yn(e, t, n, a = !1) {
   );
   for (const o in t)
     if (a && o === "expose")
-      process.env.NODE_ENV !== "production" && te(
+      process.env.NODE_ENV !== "production" && ee(
         '"expose" option is ignored when declared in mixins or extends. It should only be declared in the base component itself.'
       );
     else {
@@ -1464,7 +1464,7 @@ function Ks(e, t) {
   return wt(br(e), br(t));
 }
 function br(e) {
-  if (ee(e)) {
+  if (Q(e)) {
     const t = {};
     for (let n = 0; n < e.length; n++)
       t[e[n]] = e[n];
@@ -1479,7 +1479,7 @@ function wt(e, t) {
   return e ? Oe(/* @__PURE__ */ Object.create(null), e, t) : t;
 }
 function _r(e, t) {
-  return e ? ee(e) && ee(t) ? [.../* @__PURE__ */ new Set([...e, ...t])] : Oe(
+  return e ? Q(e) && Q(t) ? [.../* @__PURE__ */ new Set([...e, ...t])] : Oe(
     /* @__PURE__ */ Object.create(null),
     gr(e),
     gr(t ?? {})
@@ -1504,9 +1504,9 @@ function Mi(e, t, n = !1) {
       return r[e];
     if (arguments.length > 1)
       return n && le(t) ? t.call(a && a.proxy) : t;
-    process.env.NODE_ENV !== "production" && te(`injection "${String(e)}" not found.`);
+    process.env.NODE_ENV !== "production" && ee(`injection "${String(e)}" not found.`);
   } else
-    process.env.NODE_ENV !== "production" && te("inject() can only be used inside setup() or functional components.");
+    process.env.NODE_ENV !== "production" && ee("inject() can only be used inside setup() or functional components.");
 }
 const Us = {}, Pi = (e) => Object.getPrototypeOf(e) === Us, Sr = $s, Gs = (e) => e.__isTeleport, $i = Symbol.for("v-fgt"), qs = Symbol.for("v-txt"), Xs = Symbol.for("v-cmt");
 let at = null;
@@ -1549,7 +1549,7 @@ function Qs(e, t = null, n = null, a = 0, r = null, i = e === $i ? 0 : 1, o = !1
     appContext: null,
     ctx: ke
   };
-  return l ? (Ma(s, n), i & 128 && e.normalize(s)) : n && (s.shapeFlag |= we(n) ? 8 : 16), process.env.NODE_ENV !== "production" && s.key !== s.key && te("VNode created with invalid key (NaN). VNode type:", s.type), // avoid a block node from tracking itself
+  return l ? (Ma(s, n), i & 128 && e.normalize(s)) : n && (s.shapeFlag |= we(n) ? 8 : 16), process.env.NODE_ENV !== "production" && s.key !== s.key && ee("VNode created with invalid key (NaN). VNode type:", s.type), // avoid a block node from tracking itself
   !o && // has current parent block
   at && // presence of a patch flag indicates this node needs patching on updates.
   // component nodes also should always be patched, because even if the
@@ -1561,7 +1561,7 @@ function Qs(e, t = null, n = null, a = 0, r = null, i = e === $i ? 0 : 1, o = !1
 }
 const eu = process.env.NODE_ENV !== "production" ? Js : Yi;
 function Yi(e, t = null, n = null, a = 0, r = null, i = !1) {
-  if ((!e || e === Ms) && (process.env.NODE_ENV !== "production" && !e && te(`Invalid vnode type when creating vnode: ${e}.`), e = Xs), Zs(e)) {
+  if ((!e || e === Ms) && (process.env.NODE_ENV !== "production" && !e && ee(`Invalid vnode type when creating vnode: ${e}.`), e = Xs), Zs(e)) {
     const l = gn(
       e,
       t,
@@ -1573,10 +1573,10 @@ function Yi(e, t = null, n = null, a = 0, r = null, i = !1) {
   if (ji(e) && (e = e.__vccOpts), t) {
     t = tu(t);
     let { class: l, style: s } = t;
-    l && !we(l) && (t.class = xa(l)), ye(s) && (Jn(s) && !ee(s) && (s = Oe({}, s)), t.style = Sa(s));
+    l && !we(l) && (t.class = xa(l)), ye(s) && (Jn(s) && !Q(s) && (s = Oe({}, s)), t.style = Sa(s));
   }
   const o = we(e) ? 1 : Ps(e) ? 128 : Gs(e) ? 64 : ye(e) ? 4 : le(e) ? 2 : 0;
-  return process.env.NODE_ENV !== "production" && o & 4 && Jn(e) && (e = G(e), te(
+  return process.env.NODE_ENV !== "production" && o & 4 && Jn(e) && (e = G(e), ee(
     "Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",
     `
 Component that was made reactive: `,
@@ -1606,11 +1606,11 @@ function gn(e, t, n = !1, a = !1) {
       // #2078 in the case of <component :is="vnode" ref="extra"/>
       // if the vnode itself already has a ref, cloneVNode will need to merge
       // the refs so the single vnode can be set on multiple refs
-      n && i ? ee(i) ? i.concat(ln(t)) : [i, ln(t)] : ln(t)
+      n && i ? Q(i) ? i.concat(ln(t)) : [i, ln(t)] : ln(t)
     ) : i,
     scopeId: e.scopeId,
     slotScopeIds: e.slotScopeIds,
-    children: process.env.NODE_ENV !== "production" && o === -1 && ee(l) ? l.map(Bi) : l,
+    children: process.env.NODE_ENV !== "production" && o === -1 && Q(l) ? l.map(Bi) : l,
     target: e.target,
     targetAnchor: e.targetAnchor,
     staticCount: e.staticCount,
@@ -1642,7 +1642,7 @@ function gn(e, t, n = !1, a = !1) {
 }
 function Bi(e) {
   const t = gn(e);
-  return ee(e.children) && (t.children = e.children.map(Bi)), t;
+  return Q(e.children) && (t.children = e.children.map(Bi)), t;
 }
 function nu(e = " ", t = 0) {
   return eu(qs, null, e, t);
@@ -1652,7 +1652,7 @@ function Ma(e, t) {
   const { shapeFlag: a } = e;
   if (t == null)
     t = null;
-  else if (ee(t))
+  else if (Q(t))
     n = 16;
   else if (typeof t == "object")
     if (a & 65) {
@@ -1679,7 +1679,7 @@ function au(...e) {
         t.style = Sa([t.style, a.style]);
       else if (Ol(r)) {
         const i = t[r], o = a[r];
-        o && i !== o && !(ee(i) && i.includes(o)) && (t[r] = i ? [].concat(i, o) : o);
+        o && i !== o && !(Q(i) && i.includes(o)) && (t[r] = i ? [].concat(i, o) : o);
       } else
         r !== "" && (t[r] = a[r]);
   }
@@ -2078,8 +2078,8 @@ function yu(e, t = 0, n = {
     return u = h, l = window.setTimeout(f, t), d ? g(h) : o;
   }
   function x(h) {
-    var S = h - (s ?? 0), k = h - (u ?? 0), B = t - S;
-    return y ? Math.min(B, (i ?? 0) - k) : B;
+    var S = h - (s ?? 0), k = h - (u ?? 0), L = t - S;
+    return y ? Math.min(L, (i ?? 0) - k) : L;
   }
   function p(h) {
     var S = h - (s ?? 0), k = h - (u ?? 0);
@@ -2836,7 +2836,7 @@ const Ji = {
   unmount(e) {
     Zi(e);
   }
-}, Nu = "YSpinnerRing", Qi = /* @__PURE__ */ P({
+}, Nu = "YSpinnerRing", Qi = /* @__PURE__ */ $({
   name: Nu,
   render() {
     return c("svg", {
@@ -2893,7 +2893,7 @@ const Ji = {
   },
   ...Tu(),
   ...cu()
-}, "YButton"), re = /* @__PURE__ */ P({
+}, "YButton"), re = /* @__PURE__ */ $({
   name: "YButton",
   directives: {
     PlateWave: Ji
@@ -3255,7 +3255,7 @@ function Lu(e) {
       ..._t(":root", tn(m.value, "palette"))
     );
     for (const [_, E] of Object.entries(g.value)) {
-      const { colors: h, variables: S, isDark: k } = E, B = {
+      const { colors: h, variables: S, isDark: k } = E, L = {
         ...h,
         ...S
       }, O = k ? "dark" : "light";
@@ -3264,16 +3264,16 @@ function Lu(e) {
           `@media (prefers-color-scheme: ${O})`,
           _t(
             `[data-theme-scheme='auto'][data-${O}-theme='${_}']`,
-            tn(B, "theme")
+            tn(L, "theme")
           )
         )
       ) : v.push(
         ..._t(
           `[data-theme-scheme='${O}'][data-${O}-theme='${_}']`,
-          tn(B, "theme")
+          tn(L, "theme")
         )
       ), v.push(
-        ..._t(`.y-theme--${_}`, tn(B, "theme"))
+        ..._t(`.y-theme--${_}`, tn(L, "theme"))
       );
     }
     return v.join("");
@@ -3588,7 +3588,7 @@ const Se = "y-input", An = j({
   ...Wu(),
   ...Pu(),
   extended: Object
-}, "YInput"), $t = /* @__PURE__ */ P({
+}, "YInput"), $t = /* @__PURE__ */ $({
   name: "YInput",
   props: {
     ...Ft(),
@@ -3620,7 +3620,7 @@ const Se = "y-input", An = j({
       errorResult: b
     } = Ku(e, Se, i), v = N(), _ = N(), E = N();
     N();
-    const h = _e(!1), S = C(() => e.variation ? e.variation.split(",").map((T) => T.trim()) : []), k = C(() => e.floated || !!e.placeholder || !e.placeholder && l.value || !!E.value), B = C(() => ({
+    const h = _e(!1), S = C(() => e.variation ? e.variation.split(",").map((T) => T.trim()) : []), k = C(() => e.floated || !!e.placeholder || !e.placeholder && l.value || !!E.value), L = C(() => ({
       // Style
       [o.value]: !0,
       "y-input--ceramic": !!e.ceramic,
@@ -3649,7 +3649,7 @@ const Se = "y-input", An = j({
     }), F(() => e.focused, (T) => {
       T || w();
     });
-    function $(T) {
+    function V(T) {
       r("click", T);
     }
     function I(T) {
@@ -3658,13 +3658,13 @@ const Se = "y-input", An = j({
     function A(T) {
       h.value = !1, r("mouseup:display", T);
     }
-    function R(T) {
+    function M(T) {
       u(), r("focus", T);
     }
-    function L(T) {
+    function Y(T) {
       d(), w(), r("blur", T);
     }
-    function Z(T) {
+    function te(T) {
       r("click:leading", T);
     }
     function D() {
@@ -3676,7 +3676,7 @@ const Se = "y-input", An = j({
             "y-input__floating-label--floated": e.floating && k.value
           }],
           for: `y-input--${i}`
-        }, [t.label ? t.label() : e.label ? c(J, null, [e.label, e.required && c("span", {
+        }, [t.label ? t.label() : e.label ? c(Z, null, [e.label, e.required && c("span", {
           class: "y-input__required-mark"
         }, [it("*")])]) : e.placeholder && !E.value && e.placeholder]);
     }
@@ -3686,10 +3686,10 @@ const Se = "y-input", An = j({
       invokeValidators: w,
       validate: w
     }), H(() => {
-      var T, V;
+      var T, B;
       return c("div", {
         class: [`${Se}`, {
-          ...B.value
+          ...L.value
         }]
       }, [t.prepend ? () => c("div", {
         class: `${Se}__prepend`
@@ -3702,14 +3702,14 @@ const Se = "y-input", An = j({
         style: [{
           ...O.value
         }],
-        onClick: $,
+        onClick: V,
         onMousedown: I,
         onMouseup: A
       }, [c("div", {
         class: `${Se}__plate`
       }, null), t.leading && c("div", {
         class: "y-input__leading",
-        onClick: Z
+        onClick: te
       }, [t.leading({
         error: x.value
       })]), t.default ? t.default({
@@ -3720,9 +3720,9 @@ const Se = "y-input", An = j({
         class: `${Se}__value`,
         "data-id": `y-input--${i}`,
         tabindex: 0,
-        onFocus: R,
-        onBlur: L
-      }, [e.floating && D(), (T = e.modelValue) == null ? void 0 : T.toString()]), (V = t.trailing) == null ? void 0 : V.call(t)]), c("div", {
+        onFocus: M,
+        onBlur: Y
+      }, [e.floating && D(), (T = e.modelValue) == null ? void 0 : T.toString()]), (B = t.trailing) == null ? void 0 : B.call(t)]), c("div", {
         class: `${Se}__helper-text`
       }, [t["helper-text"] ? c("span", null, [t["helper-text"]({
         error: x.value,
@@ -3742,7 +3742,7 @@ const Se = "y-input", An = j({
       invokeValidators: w
     };
   }
-}), Fa = /* @__PURE__ */ P({
+}), Fa = /* @__PURE__ */ $({
   name: "YIconClear",
   setup() {
     return () => c("svg", {
@@ -3770,7 +3770,7 @@ const Se = "y-input", An = j({
   ...An({
     variation: "filled"
   })
-}, "YFieldInput"), bn = /* @__PURE__ */ P({
+}, "YFieldInput"), bn = /* @__PURE__ */ $({
   name: "YFieldInput",
   props: {
     ...ja()
@@ -3801,8 +3801,8 @@ const Se = "y-input", An = j({
     }
     function f(A) {
       a("input", A);
-      const R = A.target;
-      d.value = R == null ? void 0 : R.value, y.value = R == null ? void 0 : R.value;
+      const M = A.target;
+      d.value = M == null ? void 0 : M.value, y.value = M == null ? void 0 : M.value;
     }
     function b(A) {
       a("change", d.value);
@@ -3814,10 +3814,10 @@ const Se = "y-input", An = j({
       a("keyup", A);
     }
     function E(A) {
-      B();
+      L();
     }
     function h(A) {
-      (A.code === "Space" || A.code === "Enter") && B();
+      (A.code === "Space" || A.code === "Enter") && L();
     }
     function S() {
       var A;
@@ -3827,17 +3827,17 @@ const Se = "y-input", An = j({
       var A;
       (A = o.value) == null || A.select();
     }
-    function B() {
+    function L() {
       d.value = "", y.value = "", a("update:modelValue", d.value);
     }
     function O() {
       const A = se(), {
-        displayText: R
+        displayText: M
       } = e;
-      if (R !== void 0) {
-        let L = d.value;
-        typeof R == "string" && (L = R), R && typeof R == "function" && (L = R.call(A, L)), mt(() => {
-          y.value = L;
+      if (M !== void 0) {
+        let Y = d.value;
+        typeof M == "string" && (Y = M), M && typeof M == "function" && (Y = M.call(A, Y)), mt(() => {
+          y.value = Y;
         });
       }
     }
@@ -3850,13 +3850,13 @@ const Se = "y-input", An = j({
     }, {
       immediate: !0
     });
-    const $ = {
+    const V = {
       focus: S,
       select: k,
-      clear: B
+      clear: L
     };
     n({
-      ...$,
+      ...V,
       input$: o,
       validate: () => {
         var A;
@@ -3872,27 +3872,27 @@ const Se = "y-input", An = j({
     }, ie(e, $t.props), {
       modelValue: d.value,
       focused: l.value,
-      extended: $,
+      extended: V,
       "onUpdate:modelValue": I,
       onClick: w,
       "onMousedown:display": (A) => a("mousedown:display", A)
     }), {
       leading: r.leading ? (A) => {
-        var Z;
-        const R = [], L = (Z = r.leading) == null ? void 0 : Z.call(r, A);
-        if (L)
-          R.push(L);
+        var te;
+        const M = [], Y = (te = r.leading) == null ? void 0 : te.call(r, A);
+        if (Y)
+          M.push(Y);
         else
           return;
-        return R;
+        return M;
       } : void 0,
       default: (A) => {
-        var R, L, Z;
+        var M, Y, te;
         return c("div", {
           class: [`${jn}__field`],
           "data-id": A.attrId,
           ref: "field"
-        }, [e.floating ? (L = (R = i.value) == null ? void 0 : R.createLabel) == null ? void 0 : L.call(R) : void 0, (Z = r.default) == null ? void 0 : Z.call(r, A), c("input", {
+        }, [e.floating ? (Y = (M = i.value) == null ? void 0 : M.createLabel) == null ? void 0 : Y.call(M) : void 0, (te = r.default) == null ? void 0 : te.call(r, A), c("input", {
           ref: o,
           value: y.value,
           name: e.name,
@@ -3917,7 +3917,7 @@ const Se = "y-input", An = j({
           onKeyup: _
         }, null)]);
       },
-      trailing: r.trailing || e.enableClear && d.value ? () => c(J, null, [e.enableClear && d.value && c("div", {
+      trailing: r.trailing || e.enableClear && d.value ? () => c(Z, null, [e.enableClear && d.value && c("div", {
         class: ["y-input__trailing", "y-input__trailing--clear"]
       }, [c("button", {
         class: [`${jn}__clear`],
@@ -3933,12 +3933,12 @@ const Se = "y-input", An = j({
       } : void 0,
       "helper-text": r["helper-text"] ? ({
         error: A,
-        errorResult: R
+        errorResult: M
       }) => {
-        var L;
-        return (L = r["helper-text"]) == null ? void 0 : L.call(r, {
+        var Y;
+        return (Y = r["helper-text"]) == null ? void 0 : Y.call(r, {
           error: A,
-          errorResult: R
+          errorResult: M
         });
       } : void 0
     })), {
@@ -3952,7 +3952,7 @@ const Se = "y-input", An = j({
   ...An({
     variation: "filled"
   })
-}, "YTextarea"), Vr = "y-textarea", zu = /* @__PURE__ */ P({
+}, "YTextarea"), Vr = "y-textarea", zu = /* @__PURE__ */ $({
   name: "YTextarea",
   props: no(),
   emits: {
@@ -4041,12 +4041,12 @@ const Se = "y-input", An = j({
         "onMousedown:display": (S) => n("mousedown:display", S)
       }), {
         default: (S) => {
-          var k, B;
+          var k, L;
           return c("div", {
             class: [`${Vr}__field`],
             "data-id": S.attrId,
             ref: "field"
-          }, [e.floating ? (B = (k = o.value) == null ? void 0 : k.createLabel) == null ? void 0 : B.call(k) : void 0, a.default ? () => a.default(S) : void 0, c("textarea", K({
+          }, [e.floating ? (L = (k = o.value) == null ? void 0 : k.createLabel) == null ? void 0 : L.call(k) : void 0, a.default ? () => a.default(S) : void 0, c("textarea", K({
             ref: l,
             value: u.value,
             id: `y-input--${i}`,
@@ -4088,8 +4088,8 @@ function ao(e, t, n) {
     if (!o.startsWith(Yr))
       return Br(o, l);
     const s = o.replace(Yr, ""), u = e.value && n.value[e.value], d = t.value && n.value[t.value];
-    let y = Q(u, s, null);
-    return y || (y = Q(d, s, null)), y || (y = o), typeof y != "string" && (y = o), Br(y, l);
+    let y = J(u, s, null);
+    return y || (y = J(d, s, null)), y || (y = o), typeof y != "string" && (y = o), Br(y, l);
   }
   function r(o, l) {
     return new Intl.NumberFormat(
@@ -4367,7 +4367,7 @@ function ic(e) {
 const ia = (e, { slots: t }) => {
   const { is: n, transitionProps: a, ...r } = e, { component: i = Cn, ...o } = typeof n == "object" ? { component: n, ...a } : { name: n };
   return he(i, { ...o, ...a, ...r }, t);
-}, oc = "y-form", lc = /* @__PURE__ */ P({
+}, oc = "y-form", lc = /* @__PURE__ */ $({
   name: "YForm",
   props: {
     ...Fu()
@@ -4418,7 +4418,7 @@ function sc(e) {
     })
   };
 }
-const lo = /* @__PURE__ */ P({
+const lo = /* @__PURE__ */ $({
   name: "YProgressBar",
   props: {
     value: {
@@ -4530,7 +4530,7 @@ const lo = /* @__PURE__ */ P({
       }
     }, [c("span", null, [t, it(" %")])])])])]);
   }
-}), Mn = P({
+}), Mn = $({
   name: "YCard",
   props: {
     outline: {
@@ -4551,25 +4551,25 @@ const lo = /* @__PURE__ */ P({
       [[e]]
     );
   }
-}), uc = P({
+}), uc = $({
   name: "YCardBody",
   render() {
     var e, t;
     return he("div", { class: "y-card__body" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), cc = P({
+}), cc = $({
   name: "YCardFooter",
   render() {
     var e, t;
     return he("div", { class: "y-card__footer" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), dc = P({
+}), dc = $({
   name: "YCardHeader",
   render() {
     var e, t;
     return he("div", { class: "y-card__header" }, (t = (e = this.$slots).default) == null ? void 0 : t.call(e));
   }
-}), fc = /* @__PURE__ */ P({
+}), fc = /* @__PURE__ */ $({
   name: "YChip",
   props: {
     color: String,
@@ -4633,7 +4633,7 @@ const lo = /* @__PURE__ */ P({
   }
 });
 let Rr = 0;
-const hc = /* @__PURE__ */ P({
+const hc = /* @__PURE__ */ $({
   name: "YSwitch",
   model: {
     prop: "input",
@@ -4909,40 +4909,40 @@ function yc(e, t, n, a) {
     }) : b.getBoundingClientRect(), E = p(v), h = _u(v);
     h.length < 1 && h.push(document.documentElement);
     const S = h.reduce(
-      (T, V) => {
-        const M = V.getBoundingClientRect(), Y = new Qt({
-          x: V === document.documentElement ? 0 : M.x,
-          y: V === document.documentElement ? 0 : M.y,
-          width: V.clientWidth,
-          height: V.clientHeight
+      (T, B) => {
+        const P = B.getBoundingClientRect(), R = new Qt({
+          x: B === document.documentElement ? 0 : P.x,
+          y: B === document.documentElement ? 0 : P.y,
+          width: B.clientWidth,
+          height: B.clientHeight
         });
         return T ? new Qt({
-          x: Math.max(T.left, Y.left),
-          y: Math.max(T.top, Y.top),
-          width: Math.min(T.right, Y.right) - Math.max(T.left, Y.left),
-          height: Math.min(T.bottom, Y.bottom) - Math.max(T.top, Y.top)
-        }) : Y;
+          x: Math.max(T.left, R.left),
+          y: Math.max(T.top, R.top),
+          width: Math.min(T.right, R.right) - Math.max(T.left, R.left),
+          height: Math.min(T.bottom, R.bottom) - Math.max(T.top, R.top)
+        }) : R;
       },
       void 0
     );
     S.x += g.value[0], S.y += g.value[1], S.width -= g.value[0] * 2, S.height -= g.value[1] * 2;
-    const { preferredAnchor: k, preferredOrigin: B } = Su(() => {
-      const T = `${e.position} ${e.align}`, V = Dr(T, !1), M = e.origin === "overlap" ? V : e.origin === "auto" ? Bn(V) : Dr(e.origin, !1);
-      return V.side === M.side && V.align === Rn(M).align ? {
-        preferredAnchor: kr(V),
-        preferredOrigin: kr(M)
+    const { preferredAnchor: k, preferredOrigin: L } = Su(() => {
+      const T = `${e.position} ${e.align}`, B = Dr(T, !1), P = e.origin === "overlap" ? B : e.origin === "auto" ? Bn(B) : Dr(e.origin, !1);
+      return B.side === P.side && B.align === Rn(P).align ? {
+        preferredAnchor: kr(B),
+        preferredOrigin: kr(P)
       } : {
-        preferredAnchor: V,
-        preferredOrigin: M
+        preferredAnchor: B,
+        preferredOrigin: P
       };
     });
     let O = {
       anchor: k.value,
-      origin: B.value
+      origin: L.value
     };
-    function $(T) {
-      const V = new Qt(E), M = Lr(T.anchor, _), Y = Lr(T.origin, V);
-      let { x: q, y: U } = mc(M, Y);
+    function V(T) {
+      const B = new Qt(E), P = Lr(T.anchor, _), R = Lr(T.origin, B);
+      let { x: q, y: U } = mc(P, R);
       switch (T.anchor.side) {
         case "top":
           U -= m.value[0];
@@ -4971,34 +4971,34 @@ function yc(e, t, n, a) {
           q += m.value[1];
           break;
       }
-      return V.x += q, V.y += U, V.width = Math.min(V.width, d.value), V.height = Math.min(V.height, y.value), { overflows: Or(V, S), x: q, y: U };
+      return B.x += q, B.y += U, B.width = Math.min(B.width, d.value), B.height = Math.min(B.height, y.value), { overflows: Or(B, S), x: q, y: U };
     }
     let I = 0, A = 0;
-    const R = { x: 0, y: 0 }, L = { x: !1, y: !1 };
-    let Z = -1;
-    for (; !(Z++ > 10); ) {
-      const { x: T, y: V, overflows: M } = $(O);
-      I += T, A += V, E.x += T, E.y += V;
+    const M = { x: 0, y: 0 }, Y = { x: !1, y: !1 };
+    let te = -1;
+    for (; !(te++ > 10); ) {
+      const { x: T, y: B, overflows: P } = V(O);
+      I += T, A += B, E.x += T, E.y += B;
       {
-        const Y = Ar(O.anchor), q = M.x.before || M.x.after, U = M.y.before || M.y.after;
+        const R = Ar(O.anchor), q = P.x.before || P.x.after, U = P.y.before || P.y.after;
         let fe = !1;
         if (["x", "y"].forEach((oe) => {
-          if (oe === "x" && q && !L.x || oe === "y" && U && !L.y) {
+          if (oe === "x" && q && !Y.x || oe === "y" && U && !Y.y) {
             const Ie = {
               anchor: { ...O.anchor },
               origin: { ...O.origin }
-            }, or = oe === "x" ? Y === "y" ? Rn : Bn : Y === "y" ? Bn : Rn;
+            }, or = oe === "x" ? R === "y" ? Rn : Bn : R === "y" ? Bn : Rn;
             Ie.anchor = or(Ie.anchor), Ie.origin = or(Ie.origin);
-            const { overflows: Wt } = $(Ie);
-            (Wt[oe].before <= M[oe].before && Wt[oe].after <= M[oe].after || Wt[oe].before + Wt[oe].after < (M[oe].before + M[oe].after) / 2) && (O = Ie, fe = L[oe] = !0);
+            const { overflows: Wt } = V(Ie);
+            (Wt[oe].before <= P[oe].before && Wt[oe].after <= P[oe].after || Wt[oe].before + Wt[oe].after < (P[oe].before + P[oe].after) / 2) && (O = Ie, fe = Y[oe] = !0);
           }
         }), fe)
           continue;
       }
-      M.x.before && (I += M.x.before, E.x += M.x.before), M.x.after && (I -= M.x.after, E.x -= M.x.after), M.y.before && (A += M.y.before, E.y += M.y.before), M.y.after && (A -= M.y.after, E.y -= M.y.after);
+      P.x.before && (I += P.x.before, E.x += P.x.before), P.x.after && (I -= P.x.after, E.x -= P.x.after), P.y.before && (A += P.y.before, E.y += P.y.before), P.y.after && (A -= P.y.after, E.y -= P.y.after);
       {
-        const Y = Or(E, S);
-        R.x = S.width - Y.x.before - Y.x.after, R.y = S.height - Y.y.before - Y.y.after, I += Y.x.before, E.x += Y.x.before, A += Y.y.before, E.y += Y.y.before;
+        const R = Or(E, S);
+        M.x = S.width - R.x.before - R.x.after, M.y = S.height - R.y.before - R.y.after, I += R.x.before, E.x += R.x.before, A += R.y.before, E.y += R.y.before;
       }
       break;
     }
@@ -5015,7 +5015,7 @@ function yc(e, t, n, a) {
       maxWidth: z(
         Er(
           xt(
-            R.x,
+            M.x,
             s.value === 1 / 0 ? 0 : s.value,
             d.value
           )
@@ -5024,14 +5024,14 @@ function yc(e, t, n, a) {
       maxHeight: z(
         Er(
           xt(
-            R.y,
+            M.y,
             u.value === 1 / 0 ? 0 : u.value,
             y.value
           )
         )
       )
     }), {
-      available: R,
+      available: M,
       contentRect: E
     };
   }
@@ -5341,7 +5341,7 @@ const Ht = j({
   ...Oc(),
   ...Wa(),
   ..._c()
-}, "YLayer"), Ce = /* @__PURE__ */ P({
+}, "YLayer"), Ce = /* @__PURE__ */ $({
   name: "YLayer",
   inheritAttrs: !1,
   components: {
@@ -5390,9 +5390,9 @@ const Ht = j({
     }), _ = _e(!1), E = N(!1), h = Ee(e, "disabled"), {
       lazyValue: S,
       onAfterUpdate: k
-    } = ac(Ee(e, "eager"), v), B = C(() => !h.value && (S.value || v.value)), {
+    } = ac(Ee(e, "eager"), v), L = C(() => !h.value && (S.value || v.value)), {
       coordinateStyles: O,
-      updateCoordinate: $
+      updateCoordinate: V
     } = pc(e, {
       contentEl: l,
       base: s,
@@ -5404,15 +5404,15 @@ const Ht = j({
     function A() {
       return (!e.openOnHover || e.openOnHover && !E.value) && v.value && _.value;
     }
-    const R = vt({
+    const M = vt({
       handler: I,
       determine: A,
       include: () => [d.value]
     });
-    function L() {
+    function Y() {
       _.value = !0;
     }
-    function Z() {
+    function te() {
       k(), _.value = !1, t("afterLeave");
     }
     function D() {
@@ -5421,12 +5421,12 @@ const Ht = j({
     function T(U) {
       E.value = !0;
     }
-    function V(U) {
+    function B(U) {
       E.value = !1;
     }
-    const M = C(() => ({
+    const P = C(() => ({
       zIndex: (e.zIndex ?? "2000").toString()
-    })), Y = C(() => {
+    })), R = C(() => {
       const {
         classes: U
       } = e;
@@ -5444,7 +5444,7 @@ const Ht = j({
       baseEl: d,
       active: v,
       onAfterUpdate: k,
-      updateCoordinate: $,
+      updateCoordinate: V,
       hovered: E,
       finish: _,
       modal: C(() => e.modal),
@@ -5462,20 +5462,20 @@ const Ht = j({
           }
         })
       });
-      return y.value = U, c(J, null, [U, c(bl, {
+      return y.value = U, c(Z, null, [U, c(bl, {
         disabled: !w.value,
         to: w.value
       }, {
-        default: () => [B.value && c("div", K({
+        default: () => [L.value && c("div", K({
           class: {
             "y-layer": !0,
             "y-layer--finish": _.value,
-            ...Y.value,
+            ...R.value,
             [g.value ?? ""]: !0
           },
           onMouseenter: T,
-          onMouseleave: V,
-          style: M.value
+          onMouseleave: B,
+          style: P.value
         }, a), [c(Cn, {
           name: "fade",
           appear: !0
@@ -5489,8 +5489,8 @@ const Ht = j({
             ref: "scrim$"
           }, null)]
         }), c(ia, K({
-          onAfterEnter: L,
-          onAfterLeave: Z,
+          onAfterEnter: Y,
+          onAfterLeave: te,
           appear: !0
         }, f.value), {
           default: () => {
@@ -5509,17 +5509,17 @@ const Ht = j({
             }, [(oe = r.default) == null ? void 0 : oe.call(r, {
               active: v.value
             })]), [[ni, v.value], [xn("complement-click"), {
-              ...R
+              ...M
             }]])];
           }
         })])]
       })]);
     }), {
-      complementClickOption: R,
+      complementClickOption: M,
       layerGroup: w,
       active: v,
       finish: _,
-      rendered: B,
+      rendered: L,
       lazyValue: S,
       onAfterUpdate: k,
       scrim$: o,
@@ -5586,7 +5586,7 @@ const fo = j({
   ...pt(Ht({
     scrim: !0
   }), ["offset", "classes"])
-}, "YDialog"), kc = /* @__PURE__ */ P({
+}, "YDialog"), kc = /* @__PURE__ */ $({
   name: "YDialog",
   components: {
     YLayer: Ce,
@@ -5627,20 +5627,20 @@ const fo = j({
         } else if (_ == v)
           return;
       }
-      function E(B) {
-        return B.some((O) => {
-          var $;
-          return !(($ = O.content$) != null && $.contains(v));
+      function E(L) {
+        return L.some((O) => {
+          var V;
+          return !((V = O.content$) != null && V.contains(v));
         });
       }
       if (b !== v && ((h = s.value) != null && h.content$) && ![document, (S = s.value) == null ? void 0 : S.content$].includes(v) && !((k = s.value) != null && k.content$.contains(v)) && !E(u.value)) {
         const O = [...s.value.content$.querySelectorAll('button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])')].filter((A) => !A.hasAttribute("disabled") && !A.matches('[tabindex="-1"]'));
         if (!O.length)
           return;
-        const $ = O[0], I = O[O.length - 1];
-        if (v != null && v.isSameNode($) || v != null && v.isSameNode(I))
+        const V = O[0], I = O[O.length - 1];
+        if (v != null && v.isSameNode(V) || v != null && v.isSameNode(I))
           return;
-        $ === I ? I.focus() : $.focus();
+        V === I ? I.focus() : V.focus();
       }
     }
     function y() {
@@ -5682,7 +5682,7 @@ const fo = j({
       immediate: !0
     }), Bt(() => {
       x(!1);
-    }), H(() => c(J, null, [c(Ce, K({
+    }), H(() => c(Z, null, [c(Ce, K({
       modelValue: i.value,
       "onUpdate:modelValue": (f) => i.value = f,
       classes: o.value,
@@ -6000,11 +6000,11 @@ function id(e, t, n, a = {}, r) {
   const _ = ua(t), E = jc(f.values, _), h = Vt.get(_);
   return So(E.animation, !(oa(m) && E.generator) && a.record !== !1), () => {
     const S = () => {
-      var O, $;
-      return ($ = (O = nn.get(e, _)) !== null && O !== void 0 ? O : h == null ? void 0 : h.initialValue) !== null && $ !== void 0 ? $ : 0;
+      var O, V;
+      return (V = (O = nn.get(e, _)) !== null && O !== void 0 ? O : h == null ? void 0 : h.initialValue) !== null && V !== void 0 ? V : 0;
     };
     let k = td(nd(n), S);
-    const B = ad(k, h);
+    const L = ad(k, h);
     if (oa(m)) {
       const O = m.createAnimation(k, t !== "opacity", S, _, E);
       m = O.easing, k = O.keyframes || k, s = O.duration || s;
@@ -6027,13 +6027,13 @@ function id(e, t, n, a = {}, r) {
       }, O), l.finished || (l.finished = new Promise((I, A) => {
         l.onfinish = I, l.oncancel = A;
       }));
-      const $ = k[k.length - 1];
+      const V = k[k.length - 1];
       l.finished.then(() => {
-        g || (nn.set(e, _, $), l.cancel());
+        g || (nn.set(e, _, V), l.cancel());
       }).catch(mo), p || (l.playbackRate = 1.000001);
     } else if (r && b)
       k = k.map((O) => typeof O == "string" ? parseFloat(O) : O), k.length === 1 && k.unshift(parseFloat(S())), l = new r((O) => {
-        nn.set(e, _, B ? B(O) : O);
+        nn.set(e, _, L ? L(O) : O);
       }, k, Object.assign(Object.assign({}, a), {
         duration: s,
         easing: m
@@ -6151,7 +6151,7 @@ function md(e, t = {}) {
 function yd(e, t, n) {
   return (ft(e) ? md : vd)(e, t, n);
 }
-const ht = /* @__PURE__ */ P({
+const ht = /* @__PURE__ */ $({
   name: "YPlate",
   props: {
     variation: Object
@@ -6182,7 +6182,7 @@ const ht = /* @__PURE__ */ P({
       e.removeAttribute("data-transform"), e.removeAttribute("data-motion"), t();
     }));
   }
-}, gd = /* @__PURE__ */ P({
+}, gd = /* @__PURE__ */ $({
   name: "YSnackbar",
   components: {
     YPlate: ht,
@@ -6285,7 +6285,7 @@ const ht = /* @__PURE__ */ P({
     }, {
       default: () => {
         var p;
-        return c(J, null, [c(ht, null, null), c("div", {
+        return c(Z, null, [c(ht, null, null), c("div", {
           class: "y-snackbar__content",
           onClick: ba(w, ["exact"]),
           onMouseenter: () => r.value = !0,
@@ -6335,7 +6335,7 @@ const pd = "YTooltip", bd = {
     type: Boolean,
     default: !0
   }
-}, _d = /* @__PURE__ */ P({
+}, _d = /* @__PURE__ */ $({
   name: pd,
   props: {
     ...bd,
@@ -6409,7 +6409,7 @@ const pd = "YTooltip", bd = {
     }), a({
       layer$: r,
       baseEl: o
-    }), H(() => c(J, null, [c(Ce, K({
+    }), H(() => c(Z, null, [c(Ce, K({
       ref: r
     }, pt(ie(e, Ce.props), ["scrim"]), {
       classes: l.value,
@@ -6420,7 +6420,7 @@ const pd = "YTooltip", bd = {
     }), {
       default: (...f) => {
         var b;
-        return c(J, null, [c(ht, null, null), c("div", {
+        return c(Z, null, [c(ht, null, null), c("div", {
           class: "y-tooltip__content"
         }, [((b = t.default) == null ? void 0 : b.call(t, ...f)) ?? ""])]);
       },
@@ -6486,7 +6486,7 @@ function Eo(e = !1) {
       }
     };
   }
-  return P({
+  return $({
     name: n,
     props: {
       disabled: {
@@ -6503,7 +6503,7 @@ function Eo(e = !1) {
     }
   });
 }
-const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
+const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ $({
   setup(e, {
     slots: t
   }) {
@@ -6541,13 +6541,13 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
     }
     return H(() => {
       var w, x;
-      return c(J, null, [c("div", {
+      return c(Z, null, [c("div", {
         class: s.value,
         ref: o
       }, [c("div", {
         class: "y-divide-panel__top-container",
         style: l.value
-      }, [(w = t.default) == null ? void 0 : w.call(t)]), r.value = t.secondary && c(J, null, [c("div", {
+      }, [(w = t.default) == null ? void 0 : w.call(t)]), r.value = t.secondary && c(Z, null, [c("div", {
         class: "y-divide-panel__divider",
         style: {
           position: "absolute",
@@ -6587,7 +6587,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
     }
   },
   "abstract.items"
-), Ne = /* @__PURE__ */ P({
+), Ne = /* @__PURE__ */ $({
   name: "YIconCheckbox",
   props: {
     checked: Boolean,
@@ -6614,7 +6614,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
       d: this.indeterminate ? "M5.73,11.91 11.1,11.91 17.79,11.91" : "M5.73,11.91 11.1,16.28 17.79,7.59"
     }, null)]);
   }
-}), Yt = /* @__PURE__ */ P({
+}), Yt = /* @__PURE__ */ $({
   name: "YIconExpand",
   setup() {
     return () => c("svg", {
@@ -6635,7 +6635,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
   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"
-}, Ae = /* @__PURE__ */ P({
+}, Ae = /* @__PURE__ */ $({
   name: "YIconPageControl",
   props: {
     type: {
@@ -6657,7 +6657,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
       "stroke-width": "3"
     }, null)]);
   }
-}), Ga = /* @__PURE__ */ P({
+}), Ga = /* @__PURE__ */ $({
   name: "YIconSort",
   props: {
     direction: {
@@ -6697,7 +6697,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
       class: "y-icon-sort__desc"
     }, null)]);
   }
-}), xd = /* @__PURE__ */ P({
+}), xd = /* @__PURE__ */ $({
   name: "YIconDropdown",
   setup() {
     return () => c("svg", {
@@ -6728,7 +6728,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
     }
   },
   sort: Ga
-}, Cd = P({
+}, Cd = $({
   name: "YTextHighlighter",
   props: {
     text: {
@@ -6812,7 +6812,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
   ...Ua({
     itemKey: "id"
   })
-}, "YTreeViewNode"), To = /* @__PURE__ */ P({
+}, "YTreeViewNode"), To = /* @__PURE__ */ $({
   name: "YTreeNode",
   components: {
     YButton: re,
@@ -6850,17 +6850,17 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
       const S = !s.value;
       s.value = S, i.updateSelected(E.value, S), i.emitSelected();
     }
-    const g = C(() => (Q(e.item, e.itemChildren) ?? []).slice()), w = C(() => g.value.length < 1), x = C(() => ({
+    const g = C(() => (J(e.item, e.itemChildren) ?? []).slice()), w = C(() => g.value.length < 1), x = C(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": w.value,
       "y-tree-view-node--expanded": o.value,
       "y-tree-view-node--active": l.value
     })), p = C(() => ({
       "--tree-view-node--level": e.level
-    })), f = C(() => Q(e.item, e.itemText) ?? ""), b = C(() => ({
+    })), f = C(() => J(e.item, e.itemText) ?? ""), b = C(() => ({
       level: e.level,
       imLeaf: w.value
-    })), v = C(() => i.searchLoading.value), _ = C(() => g.value.filter((h) => !i.isExcluded(Q(h, e.itemKey))));
+    })), v = C(() => i.searchLoading.value), _ = C(() => g.value.filter((h) => !i.isExcluded(J(h, e.itemKey))));
     H(() => {
       var S;
       const h = [];
@@ -6913,30 +6913,30 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
           class: ["y-tree-view-node__leaves"],
           role: "tree"
         }, [_.value.map((k) => c(a, K(K(e), {
-          key: Q(k, e.itemKey),
+          key: J(k, e.itemKey),
           level: (e.level ?? 0) + 1,
           item: k
         }), {
-          default: t.default && ((...B) => {
+          default: t.default && ((...L) => {
             var O;
-            return (O = t.default) == null ? void 0 : O.call(t, ...B);
+            return (O = t.default) == null ? void 0 : O.call(t, ...L);
           }),
-          "expand-icon": t["expand-icon"] && ((...B) => {
+          "expand-icon": t["expand-icon"] && ((...L) => {
             var O;
-            return (O = t["expand-icon"]) == null ? void 0 : O.call(t, ...B);
+            return (O = t["expand-icon"]) == null ? void 0 : O.call(t, ...L);
           }),
-          leading: t.leading && ((...B) => {
+          leading: t.leading && ((...L) => {
             var O;
-            return (O = t.leading) == null ? void 0 : O.call(t, ...B);
+            return (O = t.leading) == null ? void 0 : O.call(t, ...L);
           }),
-          trailing: t.trailing && ((...B) => {
+          trailing: t.trailing && ((...L) => {
             var O;
-            return (O = t.trailing) == null ? void 0 : O.call(t, ...B);
+            return (O = t.trailing) == null ? void 0 : O.call(t, ...L);
           })
         }))])]
       })]);
     });
-    const E = C(() => Q(e.item, e.itemKey));
+    const E = C(() => J(e.item, e.itemKey));
     return n({
       myKey: E,
       expanded: o,
@@ -6959,19 +6959,19 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
 function Ed(e, t, n) {
   const a = [], r = e.slice();
   for (; r.length > 0; ) {
-    const i = r.splice(0, 1), o = Q(i, t);
+    const i = r.splice(0, 1), o = J(i, t);
     a.push(o);
-    const l = Q(i, n);
+    const l = J(i, n);
     Array.isArray(l) && r.push(...l);
   }
   return a;
 }
 function Od(e, t, n) {
-  const a = Q(e, n);
+  const a = J(e, n);
   return (a == null ? void 0 : a.toLocaleLowerCase().indexOf(t.toLocaleLowerCase())) > -1;
 }
 function ko(e, t, n, a, r, i, o) {
-  const l = Q(t, i);
+  const l = J(t, i);
   if (l) {
     let s = !1;
     for (let u = 0; u < l.length; u++)
@@ -6990,9 +6990,9 @@ function ko(e, t, n, a, r, i, o) {
       return !0;
   } else if (e(t, n, r))
     return !0;
-  return o.add(Q(t, a)), !1;
+  return o.add(J(t, a)), !1;
 }
-const Zr = qa(), Dd = /* @__PURE__ */ P({
+const Zr = qa(), Dd = /* @__PURE__ */ $({
   name: "YTreeView",
   props: {
     expanded: {
@@ -7034,41 +7034,41 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
     expose: a
   }) {
     const r = N({}), i = X(e, "expanded"), o = X(e, "active"), l = X(e, "selected"), s = N(/* @__PURE__ */ new Set()), u = N(/* @__PURE__ */ new Set()), d = N(/* @__PURE__ */ new Set()), y = N(/* @__PURE__ */ new Set()), m = _e(yu(x, e.searchDebounceWait)), g = N([]), w = _e(!1);
-    function x(D, T = "", V = Od) {
-      const M = /* @__PURE__ */ new Set();
+    function x(D, T = "", B = Od) {
+      const P = /* @__PURE__ */ new Set();
       if (!T) {
-        w.value = !1, y.value = M, lr(g.value, [...s.value]).forEach((q) => {
+        w.value = !1, y.value = P, lr(g.value, [...s.value]).forEach((q) => {
           v(q, !1);
         }), g.value.forEach((q) => {
           v(q, !0);
         });
         return;
       }
-      for (const Y of D)
-        ko(V, Y, T ?? "", e.itemKey, e.itemText, e.itemChildren, M);
-      y.value = M, w.value = !1, _();
+      for (const R of D)
+        ko(B, R, T ?? "", e.itemKey, e.itemText, e.itemChildren, P);
+      y.value = P, w.value = !1, _();
     }
     yt(() => {
       w.value = !0, m.value(e.items, e.search, e.filter);
     });
     function p(D) {
       const T = [], {
-        childKeys: V
+        childKeys: B
       } = r.value[D];
-      T.push(...V);
-      const M = V.slice();
-      for (; M.length > 0; ) {
-        const Y = M.splice(0, 1)[0], q = r.value[Y];
-        q && (T.push(...q.childKeys), M.push(...q.childKeys));
+      T.push(...B);
+      const P = B.slice();
+      for (; P.length > 0; ) {
+        const R = P.splice(0, 1)[0], q = r.value[R];
+        q && (T.push(...q.childKeys), P.push(...q.childKeys));
       }
       return T;
     }
     function f(D) {
-      return e.returnItem ? Q(D, e.itemKey) : D;
+      return e.returnItem ? J(D, e.itemKey) : D;
     }
-    function b(D, T = null, V = 0) {
-      for (const M of D) {
-        const Y = Q(M, e.itemKey), q = Q(M, e.itemChildren) ?? [], fe = et(r.value, Y) ? r.value[Y] : {
+    function b(D, T = null, B = 0) {
+      for (const P of D) {
+        const R = J(P, e.itemKey), q = J(P, e.itemChildren) ?? [], fe = et(r.value, R) ? r.value[R] : {
           vnode: null,
           selected: !1,
           indeterminate: !1,
@@ -7076,23 +7076,23 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
           expanded: !1
         }, oe = {
           vnode: fe.vnode,
-          item: M,
-          level: V,
+          item: P,
+          level: B,
           parentKey: T,
-          childKeys: q.map((Ie) => Q(Ie, e.itemKey)),
+          childKeys: q.map((Ie) => J(Ie, e.itemKey)),
           expanded: q.length > 0 && fe.expanded,
           active: fe.active,
           indeterminate: fe.indeterminate,
           selected: fe.selected
         };
-        b(q, Y, V + 1), r.value[Y] = oe, r.value[Y].expanded && s.value.add(Y), r.value[Y].selected && s.value.add(Y), r.value[Y].active && d.value.add(Y), I(Y);
+        b(q, R, B + 1), r.value[R] = oe, r.value[R].expanded && s.value.add(R), r.value[R].selected && s.value.add(R), r.value[R].active && d.value.add(R), I(R);
       }
     }
     function v(D, T) {
       if (!(D in r.value))
         return;
-      const V = r.value[D], M = Q(V.item, e.itemChildren);
-      Array.isArray(M) && M.length > 0 && (T ? s.value.add(D) : s.value.delete(D), V.expanded = T, I(D));
+      const B = r.value[D], P = J(B.item, e.itemChildren);
+      Array.isArray(P) && P.length > 0 && (T ? s.value.add(D) : s.value.delete(D), B.expanded = T, I(D));
     }
     F(s, (D) => {
       e.search || (g.value = [...D]);
@@ -7100,32 +7100,32 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
       deep: !0
     });
     function _(D = !0) {
-      return Object.entries(r.value).forEach(([T, V]) => {
-        (D === !0 || D >= V.level) && v(T, !0);
+      return Object.entries(r.value).forEach(([T, B]) => {
+        (D === !0 || D >= B.level) && v(T, !0);
       }), S(), s.value;
     }
-    function E(D, T, V) {
+    function E(D, T, B) {
       if (!(D in r.value))
         return;
-      const M = r.value[D];
-      let Y = T ? "" : D;
-      if (e.multipleActive || ([Y] = [...d.value]), T)
-        d.value.add(D), M.active = !0, I(D);
-      else if (e.requiredActive && d.value.size === 1 && D === Y) {
+      const P = r.value[D];
+      let R = T ? "" : D;
+      if (e.multipleActive || ([R] = [...d.value]), T)
+        d.value.add(D), P.active = !0, I(D);
+      else if (e.requiredActive && d.value.size === 1 && D === R) {
         I(D);
         return;
       }
-      if (Y && Y in r.value && (d.value.delete(Y), r.value[Y].active = !1, I(Y)), !(e.activeSingleModifier && (V != null && V.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
+      if (R && R in r.value && (d.value.delete(R), r.value[R].active = !1, I(R)), !(e.activeSingleModifier && (B != null && B.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
         for (const q of p(D))
           q in r.value && (T ? d.value.add(q) : d.value.delete(q), r.value[q].active = T, I(q));
     }
     function h(D, T) {
       if (!(D in r.value))
         return;
-      const V = r.value[D];
-      if (T && (u.value.add(D), V.selected = !0), !T && D in r.value && (u.value.delete(D), r.value[D].selected = !1, I(D)), e.selectStrategy === "cascade")
-        for (const M of p(D))
-          M in r.value && (T ? u.value.add(M) : u.value.delete(M), r.value[M].selected = T, I(M));
+      const B = r.value[D];
+      if (T && (u.value.add(D), B.selected = !0), !T && D in r.value && (u.value.delete(D), r.value[D].selected = !1, I(D)), e.selectStrategy === "cascade")
+        for (const P of p(D))
+          P in r.value && (T ? u.value.add(P) : u.value.delete(P), r.value[P].selected = T, I(P));
     }
     function S() {
       const D = [...s.value];
@@ -7135,32 +7135,32 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
       const D = [...d.value];
       o.value = e.returnItem ? D.map((T) => r.value[T].item) : D;
     }
-    function B() {
+    function L() {
       const D = [...u.value];
       l.value = e.returnItem ? D.map((T) => r.value[T].item) : D;
     }
-    function O(D, T, V, M) {
-      const Y = e.returnItem ? D.map((U) => Q(U, e.itemKey)) : D, q = [...T.value];
-      xe(q, Y) || (q.forEach((U) => V(U, !1)), Y.forEach((U) => V(U, !0)), M());
+    function O(D, T, B, P) {
+      const R = e.returnItem ? D.map((U) => J(U, e.itemKey)) : D, q = [...T.value];
+      xe(q, R) || (q.forEach((U) => B(U, !1)), R.forEach((U) => B(U, !0)), P());
     }
     F(i, (D) => {
       O(D, s, v, S);
     }), F(o, (D) => {
       O(D, d, E, k);
     }), F(l, (D) => {
-      O(D, u, h, B);
+      O(D, u, h, L);
     }), F(() => e.items, (D) => {
-      const T = Object.keys(r.value).map((U) => Q(r.value[U].item, e.itemKey)), V = Ed(D, e.itemKey, e.itemChildren), M = lr(T, V);
-      if (M.length < 1 && V.length < T.length)
+      const T = Object.keys(r.value).map((U) => J(r.value[U].item, e.itemKey)), B = Ed(D, e.itemKey, e.itemChildren), P = lr(T, B);
+      if (P.length < 1 && B.length < T.length)
         return;
-      M.forEach((U) => delete r.value[U]);
-      const Y = [...u.value], q = [...d.value];
-      u.value.clear(), s.value.clear(), d.value.clear(), b(D), xe(Y, [...u.value]) || B(), xe(q, [...d.value]) || k();
+      P.forEach((U) => delete r.value[U]);
+      const R = [...u.value], q = [...d.value];
+      u.value.clear(), s.value.clear(), d.value.clear(), b(D), xe(R, [...u.value]) || L(), xe(q, [...d.value]) || k();
     }, {
       deep: !0,
       flush: "sync"
     });
-    function $(D) {
+    function V(D) {
       return !!e.search && y.value.has(D);
     }
     function I(D) {
@@ -7177,13 +7177,13 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
       updateSelected: h,
       emitExpanded: S,
       emitActive: k,
-      emitSelected: B,
-      isExcluded: $,
+      emitSelected: L,
+      isExcluded: V,
       searchLoading: w
     });
-    const R = C(() => e.items.slice().filter((D) => !$(Q(D, e.itemKey)))), L = C(() => ({
+    const M = C(() => e.items.slice().filter((D) => !V(J(D, e.itemKey)))), Y = C(() => ({
       "y-tree-view": !0
-    })), Z = C(() => {
+    })), te = C(() => {
       let D = e.activeColor;
       return e.activeColor && !Ya(e.activeColor) && (D = `var(--y-theme-${e.activeColor})`), {
         "--y-tree-view__active-color": D
@@ -7197,14 +7197,14 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
         h(D, !0);
     }), a({
       expand: _
-    }), H(() => c(J, null, [c("div", {
-      class: L.value,
-      style: Z.value,
+    }), H(() => c(Z, null, [c("div", {
+      class: Y.value,
+      style: te.value,
       role: "tree"
     }, [w.value && c(lo, {
       indeterminate: !0
-    }, null), R.value.length > 0 ? R.value.slice().map((D) => c(To, K({
-      key: Q(D, e.itemKey)
+    }, null), M.value.length > 0 ? M.value.slice().map((D) => c(To, K({
+      key: J(D, e.itemKey)
     }, {
       ...ie(e, Zr),
       item: D,
@@ -7229,7 +7229,7 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
   onClick: Function,
   disabled: Boolean,
   ...Ft()
-}, "YListItem"), Xa = /* @__PURE__ */ P({
+}, "YListItem"), Xa = /* @__PURE__ */ $({
   name: "YListItem",
   props: {
     ...Ao()
@@ -7272,7 +7272,7 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
 }), No = j({
   disabled: Boolean,
   ...Ft()
-}, "YList"), Za = /* @__PURE__ */ P({
+}, "YList"), Za = /* @__PURE__ */ $({
   name: "YList",
   props: {
     ...No()
@@ -7325,7 +7325,7 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
     type: Boolean
   },
   onScroll: Function
-}, "YTable"), ut = /* @__PURE__ */ P({
+}, "YTable"), ut = /* @__PURE__ */ $({
   name: "YTable",
   props: {
     ...Ja()
@@ -7384,7 +7384,7 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
       });
     });
   }
-}), ca = /* @__PURE__ */ P({
+}), ca = /* @__PURE__ */ $({
   name: "YDataTableCell",
   functional: !0,
   props: {
@@ -7645,7 +7645,7 @@ const Nd = j({
   onContextmenu: Function,
   onDblclick: Function,
   onHover: Function
-}, "YDataTableRow"), Id = /* @__PURE__ */ P({
+}, "YDataTableRow"), Id = /* @__PURE__ */ $({
   name: "YDataTableRow",
   props: {
     item: Object,
@@ -7726,7 +7726,7 @@ const Nd = j({
   "onClick:row": Function,
   "onDblclick:row": Function,
   "onContextmenu:row": Function
-}, "YDataTableBody"), kt = /* @__PURE__ */ P({
+}, "YDataTableBody"), kt = /* @__PURE__ */ $({
   name: "YDataTableBody",
   props: {
     ...Vo()
@@ -7752,7 +7752,7 @@ const Nd = j({
         class: "y-data-table__no-data"
       }, [c("td", {
         colspan: a.value.length
-      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : c(J, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((s, u) => {
+      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : c(Z, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((s, u) => {
         const d = {
           index: u,
           item: s.raw,
@@ -7790,7 +7790,7 @@ const Nd = j({
             internalItem: d.internalItem
           }) : e.rowProps)
         };
-        return c(J, null, [t.item ? t.item(y) : c(Id, y.props, t)]);
+        return c(Z, null, [t.item ? t.item(y) : c(Id, y.props, t)]);
       })]);
     }), {};
   }
@@ -7836,7 +7836,7 @@ const Yo = j({
   // lastIcon: [String],
   // prevIcon: [String],
   // nextIcon: [String],
-}, "YPagination"), Bo = /* @__PURE__ */ P({
+}, "YPagination"), Bo = /* @__PURE__ */ $({
   name: "YPagination",
   components: {
     YButton: re
@@ -8097,7 +8097,7 @@ const Vd = j({
   setPageSize: Function,
   setPage: Function,
   ...tr()
-}, "YDataTableControl"), ha = /* @__PURE__ */ P({
+}, "YDataTableControl"), ha = /* @__PURE__ */ $({
   name: "YDataTableControl",
   components: {
     YButton: re,
@@ -8113,7 +8113,7 @@ const Vd = j({
       var n, a;
       return c("footer", {
         class: ["y-data-table-control"]
-      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : c(J, null, [c("div", {
+      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : c(Z, null, [c("div", {
         class: "y-data-table-control__start"
       }, null), c("div", {
         class: "y-data-table-control__end"
@@ -8170,7 +8170,7 @@ const Ho = j({
   },
   dualSortIcon: Boolean,
   sticky: Boolean
-}, "YDataTableHead"), At = /* @__PURE__ */ P({
+}, "YDataTableHead"), At = /* @__PURE__ */ $({
   name: "YDataTableHead",
   components: {
     YDataTableCell: ca
@@ -8279,14 +8279,14 @@ const Ho = j({
     });
     H(() => {
       var p;
-      return c(J, null, [t.head ? (p = t.head) == null ? void 0 : p.call(t, e) : y.value.map((f, b) => c("tr", null, [f.map((v, _) => c(x, {
+      return c(Z, null, [t.head ? (p = t.head) == null ? void 0 : p.call(t, e) : y.value.map((f, b) => c("tr", null, [f.map((v, _) => c(x, {
         column: v,
         x: _,
         y: b
       }, null))]))]);
     });
   }
-}), ma = /* @__PURE__ */ P({
+}), ma = /* @__PURE__ */ $({
   name: "YDataTableLayer",
   props: {
     slotProps: Object
@@ -8299,7 +8299,7 @@ const Ho = j({
       var a, r, i;
       return c("div", {
         class: ["y-data-table-layer"]
-      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : c(J, null, [c("div", {
+      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : c(Z, null, [c("div", {
         class: ["y-data-table-layer__head"]
       }, [(r = t["layer-head"]) == null ? void 0 : r.call(t, e.slotProps)]), c("div", {
         class: ["y-data-table-layer__body"]
@@ -8374,7 +8374,7 @@ const nr = j({
   ...kd(),
   ...Ho(),
   ...Ja()
-}, "DataTable"), jd = /* @__PURE__ */ P({
+}, "DataTable"), jd = /* @__PURE__ */ $({
   name: "YDataTable",
   props: {
     ...tr(),
@@ -8441,7 +8441,7 @@ const nr = j({
       pageItems: u
     }), {
       resizeObservedRef: k,
-      contentRect: B
+      contentRect: L
     } = Fe();
     Ko({
       page: a,
@@ -8451,7 +8451,7 @@ const nr = j({
     }, n), ve("y-data-table", {
       toggleSort: d,
       sortBy: i,
-      headRect: B
+      headRect: L
     });
     const O = C(() => ({
       // pagination
@@ -8476,35 +8476,35 @@ const nr = j({
       headers: s.value
     }));
     return H(() => {
-      var R;
-      const $ = ie(e, At.props), I = ie(e, kt.props), A = ie(e, ut.props);
+      var M;
+      const V = ie(e, At.props), I = ie(e, kt.props), A = ie(e, ut.props);
       return c(ut, K({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
       }, A, {
         style: {
-          "--y-table-head-height": z((R = B.value) == null ? void 0 : R.height)
+          "--y-table-head-height": z((M = L.value) == null ? void 0 : M.height)
         }
       }), {
         top: () => {
-          var L;
-          return (L = t.top) == null ? void 0 : L.call(t, O.value);
+          var Y;
+          return (Y = t.top) == null ? void 0 : Y.call(t, O.value);
         },
-        leading: () => t.leading ? t.leading(O.value) : c(J, null, [c(ma, {
+        leading: () => t.leading ? t.leading(O.value) : c(Z, null, [c(ma, {
           "slot-props": O.value
         }, t)]),
         default: () => {
-          var L, Z, D;
-          return t.default ? t.default(O.value) : c(J, null, [c("thead", {
+          var Y, te, D;
+          return t.default ? t.default(O.value) : c(Z, null, [c("thead", {
             ref: k
-          }, [c(At, $, t)]), (L = t.thead) == null ? void 0 : L.call(t, O.value), c("tbody", null, [c(kt, K(I, {
+          }, [c(At, V, t)]), (Y = t.thead) == null ? void 0 : Y.call(t, O.value), c("tbody", null, [c(kt, K(I, {
             items: f.value
-          }), t)]), (Z = t.tbody) == null ? void 0 : Z.call(t, O.value), (D = t.tfoot) == null ? void 0 : D.call(t, O.value)]);
+          }), t)]), (te = t.tbody) == null ? void 0 : te.call(t, O.value), (D = t.tfoot) == null ? void 0 : D.call(t, O.value)]);
         },
         trailing: () => {
-          var L;
-          return (L = t.trailing) == null ? void 0 : L.call(t, O.value);
+          var Y;
+          return (Y = t.trailing) == null ? void 0 : Y.call(t, O.value);
         },
         bottom: () => t.bottom ? t.bottom(O.value) : c(ha, null, {
           prepend: t["control.prepend"],
@@ -8522,7 +8522,7 @@ const nr = j({
   },
   ...tr(),
   ...nr()
-}, "YDataTableServer"), Hd = /* @__PURE__ */ P({
+}, "YDataTableServer"), Hd = /* @__PURE__ */ $({
   name: "YDataTableServer",
   components: {
     YTable: ut,
@@ -8620,29 +8620,29 @@ const nr = j({
       headers: u.value
     }));
     H(() => {
-      var $;
-      const k = ie(e, At.props), B = ie(e, kt.props), O = ie(e, ut.props);
+      var V;
+      const k = ie(e, At.props), L = ie(e, kt.props), O = ie(e, ut.props);
       return c(ut, K({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
       }, O, {
         style: {
-          "--y-table-head-height": z(($ = h.value) == null ? void 0 : $.height)
+          "--y-table-head-height": z((V = h.value) == null ? void 0 : V.height)
         }
       }), {
         top: () => {
           var I;
           return (I = t.top) == null ? void 0 : I.call(t, S.value);
         },
-        leading: () => t.leading ? t.leading(S.value) : c(J, null, [c(ma, null, t)]),
+        leading: () => t.leading ? t.leading(S.value) : c(Z, null, [c(ma, null, t)]),
         default: () => {
-          var I, A, R;
-          return t.default ? t.default(S.value) : c(J, null, [c("thead", {
+          var I, A, M;
+          return t.default ? t.default(S.value) : c(Z, null, [c("thead", {
             ref: E
-          }, [c(At, k, t)]), (I = t.thead) == null ? void 0 : I.call(t, S.value), c("tbody", null, [c(kt, K(B, {
+          }, [c(At, k, t)]), (I = t.thead) == null ? void 0 : I.call(t, S.value), c("tbody", null, [c(kt, K(L, {
             items: d.value
-          }), t)]), (A = t.tbody) == null ? void 0 : A.call(t, S.value), (R = t.tfoot) == null ? void 0 : R.call(t, S.value)]);
+          }), t)]), (A = t.tbody) == null ? void 0 : A.call(t, S.value), (M = t.tfoot) == null ? void 0 : M.call(t, S.value)]);
         },
         trailing: () => {
           var I;
@@ -8676,7 +8676,7 @@ const Go = {
     coordinateStrategy: "levitation"
   }),
   preventCloseBubble: Boolean
-}, Nt = /* @__PURE__ */ P({
+}, Nt = /* @__PURE__ */ $({
   name: Uo,
   props: {
     ...Go,
@@ -8743,8 +8743,8 @@ const Go = {
         }
         if (l.value) {
           (!y && d.value.length === 0 || y) && (l.value = !1);
-          const B = (S = y == null ? void 0 : y.$el.value) == null ? void 0 : S.content$, O = (k = y == null ? void 0 : y.$el.value) == null ? void 0 : k.modal;
-          !(B && !gu(h, B)) && !O && !e.preventCloseBubble && (y == null || y.clear());
+          const L = (S = y == null ? void 0 : y.$el.value) == null ? void 0 : S.content$, O = (k = y == null ? void 0 : y.$el.value) == null ? void 0 : k.modal;
+          !(L && !gu(h, L)) && !O && !e.preventCloseBubble && (y == null || y.clear());
         }
       }
     }
@@ -8771,7 +8771,7 @@ const Go = {
     return a({
       layer$: r,
       baseEl: E
-    }), H(() => c(J, null, [c(Ce, K({
+    }), H(() => c(Z, null, [c(Ce, K({
       ref: r,
       transition: e.transition,
       "onClick:complement": f,
@@ -8790,7 +8790,7 @@ const Go = {
     }), {
       default: (...h) => {
         var S;
-        return c(J, null, [((S = t.default) == null ? void 0 : S.call(t, ...h)) ?? ""]);
+        return c(Z, null, [((S = t.default) == null ? void 0 : S.call(t, ...h)) ?? ""]);
       },
       base: (...h) => {
         var S;
@@ -8806,7 +8806,7 @@ const Go = {
       hovered: s
     };
   }
-}), ya = /* @__PURE__ */ P({
+}), ya = /* @__PURE__ */ $({
   name: "YInputCheckbox",
   components: {
     YIconCheckbox: Ne
@@ -8883,7 +8883,7 @@ const Go = {
       readonly: l,
       iconComponent: s
     } = this;
-    return c(J, null, [c("div", {
+    return c(Z, null, [c("div", {
       onClick: e,
       class: t
     }, [c("input", {
@@ -8900,7 +8900,7 @@ const Go = {
       checked: a
     }) : s ? he(s) : c(Ne, null, null)])]);
   }
-}), Wd = /* @__PURE__ */ P({
+}), Wd = /* @__PURE__ */ $({
   name: "YCheckbox",
   components: {
     YInputCheckbox: ya
@@ -9018,7 +9018,7 @@ const Go = {
     type: String,
     required: !0
   }
-}, "icon"), Un = /* @__PURE__ */ P({
+}, "icon"), Un = /* @__PURE__ */ $({
   name: "YComponentIcon",
   props: qo(),
   setup(e, {
@@ -9026,7 +9026,7 @@ const Go = {
   }) {
     return () => {
       const n = e.icon;
-      let a = () => c(J, null, null), r = {};
+      let a = () => c(Z, null, null), r = {};
       return n instanceof Object && (a = n, "component" in n && (a = n.component, r = n == null ? void 0 : n.props)), c(e.tag, null, {
         default: () => {
           var i;
@@ -9035,7 +9035,7 @@ const Go = {
       });
     };
   }
-}), Xo = /* @__PURE__ */ P({
+}), Xo = /* @__PURE__ */ $({
   name: "YSvgIcon",
   inheritAttrs: !1,
   props: qo(),
@@ -9153,7 +9153,7 @@ const Jo = j({
   },
   class: [String, Array],
   ...Ft()
-}, "YIcon"), We = /* @__PURE__ */ P({
+}, "YIcon"), We = /* @__PURE__ */ $({
   name: "YIcon",
   props: Jo(),
   setup(e, {
@@ -9202,7 +9202,7 @@ const Qo = j({
     default: "$dropdown"
   },
   ...Ua()
-}, "YDropdown"), qd = /* @__PURE__ */ P({
+}, "YDropdown"), qd = /* @__PURE__ */ $({
   name: "YDropdown",
   inheritAttrs: !1,
   components: {
@@ -9224,7 +9224,7 @@ const Qo = j({
     }
     H(() => {
       const o = ie(e, Nt.props), l = ie(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, We.props);
-      return c(J, null, [c(Nt, K(o, {
+      return c(Z, null, [c(Nt, K(o, {
         modelValue: r.value,
         "onUpdate:modelValue": (s) => r.value = s,
         "content-classes": ["y-dropdown__content"]
@@ -9253,7 +9253,7 @@ const Qo = j({
           let s;
           return t.menu ? t.menu() : c(Mn, null, {
             default: () => [Array.isArray(e.items) && e.items.length > 0 ? c(Za, null, Gd(s = e.items.map((u) => {
-              const d = Q(u, e.itemText);
+              const d = J(u, e.itemText);
               return c(Xa, {
                 onClick: (y) => i(u)
               }, {
@@ -9321,7 +9321,7 @@ function Qd(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !_a(e);
 }
 function ef(e, t, n = "value") {
-  const a = typeof t, r = a === "string" || a === "number" ? Q(e, n) : e;
+  const a = typeof t, r = a === "string" || a === "number" ? J(e, n) : e;
   return xe(r, t);
 }
 const nl = j({
@@ -9359,7 +9359,7 @@ const nl = j({
   ...pt(Wa({
     position: "bottom"
   }), ["coordinateStrategy"])
-}, "YSelect"), tf = /* @__PURE__ */ P({
+}, "YSelect"), tf = /* @__PURE__ */ $({
   name: "YSelect",
   inheritAttrs: !1,
   props: {
@@ -9383,31 +9383,31 @@ const nl = j({
     } = Jd(e), {
       t: m
     } = Nn(), g = X(e, "modelValue", [], (O) => d(O === null ? [null] : ze(O)), (O) => {
-      const $ = y(ze(O));
-      return e.multiple ? $ : $[0] ?? null;
+      const V = y(ze(O));
+      return e.multiple ? V : V[0] ?? null;
     }), w = C(() => {
       const O = [];
-      for (const $ of g.value) {
-        const I = u.value.find((A) => e.valueEquals(A.value, $.value));
+      for (const V of g.value) {
+        const I = u.value.find((A) => e.valueEquals(A.value, V.value));
         I !== void 0 && O.push(I);
       }
       return O;
     }), x = C(() => w.value.map((O) => {
-      var $;
-      return ($ = O == null ? void 0 : O.props) == null ? void 0 : $.value;
+      var V;
+      return (V = O == null ? void 0 : O.props) == null ? void 0 : V.value;
     })), p = C(() => ({
       ...e.menuProps,
       preventCloseBubble: !0
     }));
     function f(O) {
-      return !!w.value.find(($) => ($ == null ? void 0 : $.value) === O.value);
+      return !!w.value.find((V) => (V == null ? void 0 : V.value) === O.value);
     }
     function b(O) {
       e.disabled || (l.value = !l.value);
     }
     function v(O) {
     }
-    function _(O, $) {
+    function _(O, V) {
       S(O), e.multiple || setTimeout(() => {
         l.value = !1;
       }, 40);
@@ -9417,31 +9417,31 @@ const nl = j({
       s.value || (O = r.value) == null || O.focus();
     }
     function h(O) {
-      var $, I, A, R, L;
-      if (O.target && ((I = ($ = i.value) == null ? void 0 : $.layer$) != null && I.content$))
-        return (L = O.target) == null ? void 0 : L.contains((R = (A = i.value) == null ? void 0 : A.layer$) == null ? void 0 : R.content$);
+      var V, I, A, M, Y;
+      if (O.target && ((I = (V = i.value) == null ? void 0 : V.layer$) != null && I.content$))
+        return (Y = O.target) == null ? void 0 : Y.contains((M = (A = i.value) == null ? void 0 : A.layer$) == null ? void 0 : M.content$);
     }
     function S(O) {
       if (e.multiple) {
-        const $ = w.value.findIndex((I) => I.value === O.value);
-        if ($ === -1)
+        const V = w.value.findIndex((I) => I.value === O.value);
+        if (V === -1)
           g.value = [...g.value, O];
         else {
           const I = g.value.slice();
-          I.splice($, 1), g.value = I;
+          I.splice(V, 1), g.value = I;
         }
       } else
         g.value = [O];
     }
     const k = C(() => {
-      var O, $;
-      return e.multiple ? w.value.map((I) => I.text).join(", ") : (($ = (O = w.value) == null ? void 0 : O[0]) == null ? void 0 : $.text) ?? "";
-    }), B = C(() => {
+      var O, V;
+      return e.multiple ? w.value.map((I) => I.text).join(", ") : ((V = (O = w.value) == null ? void 0 : O[0]) == null ? void 0 : V.text) ?? "";
+    }), L = C(() => {
       var O;
       return (O = i.value) == null ? void 0 : O.baseEl;
     });
     return H(() => {
-      const O = ie(e, bn.props), $ = ie(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, We.props);
+      const O = ie(e, bn.props), V = ie(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, We.props);
       return c(Nt, K({
         modelValue: l.value,
         "onUpdate:modelValue": (I) => l.value = I,
@@ -9459,7 +9459,7 @@ const nl = j({
         closeCondition: h
       }, p.value), {
         base: (...I) => {
-          var A, R;
+          var A;
           return t.base ? (A = t.base) == null ? void 0 : A.call(t, ...I) : c(bn, K({
             ...O,
             ...K({
@@ -9468,7 +9468,7 @@ const nl = j({
               ref: r
             })
           }, {
-            modelValue: g.value.map((L) => L.props.value).join(", "),
+            modelValue: g.value.map((M) => M.props.value).join(", "),
             validationValue: g.rxValue,
             "onMousedown:display": b,
             onBlur: v,
@@ -9481,67 +9481,74 @@ const nl = j({
             focused: s.value
           }), {
             default: () => {
-              var Z;
-              const L = {
-                items: w.value.map((D) => D.raw),
+              var Y;
+              const M = {
+                items: w.value.map((te) => te.raw),
                 displayText: k.value,
                 placeholder: e.placeholder,
                 internalItems: w.value
               };
               return c("div", {
                 class: ["y-select__selection"]
-              }, [t.selection ? (Z = t.selection) == null ? void 0 : Z.call(t, L) : x.value.length > 0 ? k.value : e.placeholder]);
+              }, [t.selection ? (Y = t.selection) == null ? void 0 : Y.call(t, M) : x.value.length > 0 ? k.value : e.placeholder]);
             },
-            leading: t.leading ? (...L) => {
-              var Z;
-              return (Z = t.leading) == null ? void 0 : Z.call(t, ...L);
+            leading: t.leading ? (...M) => {
+              var Y;
+              return (Y = t.leading) == null ? void 0 : Y.call(t, ...M);
             } : void 0,
-            trailing: (...L) => t["dropdown-icon"] ? t["dropdown-icon"]() : c(We, K(K($), {
+            trailing: (...M) => t["dropdown-icon"] ? t["dropdown-icon"]() : c(We, K(K(V), {
               icon: e.dropdownIcon,
               class: ["y-select__icon"]
             }), null),
-            "helper-text": t["helper-text"] ? (R = t["helper-text"]) == null ? void 0 : R.call(t) : void 0
+            label: t.label ? (...M) => {
+              var Y;
+              return (Y = t.label) == null ? void 0 : Y.call(t, ...M);
+            } : void 0,
+            "helper-text": t["helper-text"] ? (...M) => {
+              var Y;
+              return (Y = t["helper-text"]) == null ? void 0 : Y.call(t, ...M);
+            } : void 0
           });
         },
         default: t.menu ? () => t.menu() : () => {
           let I;
           return c(Mn, null, {
             default: () => {
-              var A, R;
+              var A, M;
               return [(A = t["menu-prepend"]) == null ? void 0 : A.call(t), u.value.length > 0 ? c(Za, {
                 ref: o
-              }, Qd(I = u.value.map((L) => {
-                const Z = {
-                  item: L,
-                  selected: f(L),
+              }, Qd(I = u.value.map((Y) => {
+                const te = {
+                  item: Y,
+                  selected: f(Y),
                   select: () => {
-                    S(L);
+                    S(Y);
                   }
                 };
                 return c(Xa, {
-                  onClick: (D) => _(L),
+                  onClick: (D) => _(Y),
                   class: {
-                    "y-list-item--active": f(L)
+                    "y-list-item--active": f(Y)
                   }
                 }, {
                   default: () => {
                     var D;
-                    return t.item ? (D = t.item) == null ? void 0 : D.call(t, Z) : L.text;
+                    return t.item ? (D = t.item) == null ? void 0 : D.call(t, te) : Y.text;
                   },
                   leading: t["item-leading"] && (() => {
                     var D;
-                    return (D = t["item-leading"]) == null ? void 0 : D.call(t, Z);
+                    return (D = t["item-leading"]) == null ? void 0 : D.call(t, te);
                   }),
                   trailing: t["item-trailing"] && (() => {
                     var D;
-                    return (D = t["item-trailing"]) == null ? void 0 : D.call(t, Z);
+                    return (D = t["item-trailing"]) == null ? void 0 : D.call(t, te);
                   })
                 });
               })) ? I : {
                 default: () => [I]
               }) : c("div", {
                 class: "y-select__no-options"
-              }, [m("$yuyeon.noItems")]), (R = t["menu-append"]) == null ? void 0 : R.call(t)];
+              }, [m("$yuyeon.noItems")]), (M = t["menu-append"]) == null ? void 0 : M.call(t)];
             }
           });
         }
@@ -9551,14 +9558,14 @@ const nl = j({
       e.defaultSelect && (e.modelValue === void 0 || Array.isArray(e.modelValue) && e.modelValue.length === 0) && ((O = u.value) != null && O.length) && S(u.value[0]);
     }), a({
       fieldInputRef: r,
-      baseEl: B
+      baseEl: L
     }), {
       fieldInputRef: r,
       model: g,
       selections: w,
       selected: x,
       menuRef: i,
-      baseEl: B
+      baseEl: L
     };
   }
 }), rr = Symbol.for("yuyeon.y-tabs"), rl = j({
@@ -9569,7 +9576,7 @@ const nl = j({
     selectedClass: "y-tab--selected",
     noWave: !0
   })
-}, "YTab"), il = /* @__PURE__ */ P({
+}, "YTab"), il = /* @__PURE__ */ $({
   name: "YTab",
   props: rl(),
   slots: Object,
@@ -9616,7 +9623,7 @@ const nl = j({
     selectedClass: "y-tab--active",
     mandatory: "force"
   })
-}, "YTabs"), nf = /* @__PURE__ */ P({
+}, "YTabs"), nf = /* @__PURE__ */ $({
   name: "YTabs",
   props: {
     tag: {
@@ -9674,7 +9681,7 @@ const nl = j({
   color: String,
   textColor: String,
   outlineColor: String
-}, of = /* @__PURE__ */ P({
+}, of = /* @__PURE__ */ $({
   name: ll,
   props: {
     ...rf
@@ -9715,7 +9722,7 @@ const nl = j({
   }
 }), sl = j({
   vertical: Boolean
-}, "YDivider"), lf = /* @__PURE__ */ P({
+}, "YDivider"), lf = /* @__PURE__ */ $({
   props: sl(),
   setup(e) {
     H(() => gt(c("hr", {
@@ -9741,7 +9748,7 @@ const nl = j({
     default: !0
   },
   hideHeader: Boolean
-}, "YDateCalendar"), ga = /* @__PURE__ */ P({
+}, "YDateCalendar"), ga = /* @__PURE__ */ $({
   name: "YDateCalendar",
   props: ir(),
   emits: {
@@ -9771,10 +9778,10 @@ const nl = j({
       const v = d.value, _ = n.date();
       return v.map((E, h) => E.map((S, k) => {
         var I;
-        const B = n.toISO(S), O = !n.isSameMonth(S, u.value), $ = !!((I = o.value) != null && I.find((A) => A != null && n.isSameDay(S, A)));
+        const L = n.toISO(S), O = !n.isSameMonth(S, u.value), V = !!((I = o.value) != null && I.find((A) => A != null && n.isSameDay(S, A)));
         return {
           date: S,
-          isoDate: B,
+          isoDate: L,
           formatted: n.format(S, "keyboardDate"),
           year: n.getYear(S),
           month: n.getMonth(S),
@@ -9782,10 +9789,10 @@ const nl = j({
           disabled: p(S),
           weekStart: k % 7 === 0,
           weekEnd: k % 7 === 6,
-          rangeStart: $ && o.value.length > 1 && e.range && n.isSameDay(w.value, S),
-          rangeEnd: $ && o.value.length === 2 && e.range && n.isSameDay(x.value, S),
+          rangeStart: V && o.value.length > 1 && e.range && n.isSameDay(w.value, S),
+          rangeEnd: V && o.value.length === 2 && e.range && n.isSameDay(x.value, S),
           weekIndex: h,
-          selected: $,
+          selected: V,
           interval: f(S),
           today: n.isSameDay(S, _),
           adjacent: O,
@@ -9878,7 +9885,7 @@ const nl = j({
           "y-date-calendar__day--range-end": E.rangeEnd
         }],
         "data-date": E.disabled ? void 0 : E.isoDate
-      }, [(e.showAdjacentMonthDates || !E.adjacent) && c(J, null, [((k = t.day) == null ? void 0 : k.call(t, S)) ?? c(re, K({
+      }, [(e.showAdjacentMonthDates || !E.adjacent) && c(Z, null, [((k = t.day) == null ? void 0 : k.call(t, S)) ?? c(re, K({
         color: (E.selected || E.today) && !E.disabled ? e.color : void 0,
         disabled: E.disabled,
         variation: ["rounded", E.selected ? "filled" : E.today ? "outlined" : "text"].join(",")
@@ -9901,7 +9908,7 @@ const nl = j({
   modelValue: Number,
   color: String,
   height: [String, Number]
-}, "YMonthPicker"), cl = /* @__PURE__ */ P({
+}, "YMonthPicker"), cl = /* @__PURE__ */ $({
   name: "YMonthPicker",
   props: ul(),
   setup(e) {
@@ -9958,7 +9965,7 @@ const nl = j({
   },
   yearText: String,
   monthText: String
-}, "YDataPickerControl"), Jr = /* @__PURE__ */ P({
+}, "YDataPickerControl"), Jr = /* @__PURE__ */ $({
   name: "YDatePickerControl",
   props: sf(),
   emits: {
@@ -10027,7 +10034,7 @@ const nl = j({
   height: [String, Number],
   min: null,
   max: null
-}, "YYearPicker"), an = 20, cf = /* @__PURE__ */ P({
+}, "YYearPicker"), an = 20, cf = /* @__PURE__ */ $({
   name: "YYearPicker",
   props: uf(),
   setup(e, {
@@ -10067,7 +10074,7 @@ const nl = j({
 }), dl = j({
   ...pt(ir(), ["modelValue"]),
   modelValue: null
-}, "YDatePicker"), df = /* @__PURE__ */ P({
+}, "YDatePicker"), df = /* @__PURE__ */ $({
   name: "YDatePicker",
   props: dl(),
   emits: ["update:month", "update:year", "update:modelValue", "update:mode"],
@@ -10166,7 +10173,7 @@ const nl = j({
     type: String,
     default: "fade"
   }
-}, "YBadge"), ff = /* @__PURE__ */ P({
+}, "YBadge"), ff = /* @__PURE__ */ $({
   name: "YBadge",
   props: fl(),
   slots: Object,