yuyeon 0.0.47-rc.12 → 0.0.47-rc.13

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var ul = Object.defineProperty;
 var dl = (e, t, n) => t in e ? ul(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ze = (e, t, n) => (dl(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as M, h as q, getCurrentInstance as ce, watch as L, onScopeDispose as cn, effectScope as ti, ref as D, computed as E, toRaw as fl, provide as ve, inject as pe, toRef as ke, onBeforeUnmount as Ft, reactive as gt, onMounted as ma, nextTick as pt, watchEffect as et, toRefs as hl, resolveDynamicComponent as vl, createVNode as u, withDirectives as bt, mergeProps as z, resolveDirective as _n, unref as ht, readonly as Wn, shallowRef as Se, onBeforeMount as ni, Fragment as Z, createTextVNode as lt, Transition as xn, withKeys as ml, withModifiers as ya, Teleport as yl, vShow as ai, watchPostEffect as gl, onBeforeUpdate as pl, isVNode as ga } from "vue";
+import { defineComponent as M, h as q, getCurrentInstance as ce, watch as L, onScopeDispose as cn, effectScope as ti, ref as D, computed as E, toRaw as fl, provide as ve, inject as pe, toRef as ke, onBeforeUnmount as Ft, reactive as gt, onMounted as ma, nextTick as pt, watchEffect as et, toRefs as hl, resolveDynamicComponent as vl, createVNode as d, withDirectives as bt, mergeProps as z, resolveDirective as _n, unref as ht, readonly as Wn, shallowRef as Se, onBeforeMount as ni, Fragment as Z, createTextVNode as lt, Transition as xn, withKeys as ml, withModifiers as ya, Teleport as yl, vShow as ai, watchPostEffect as gl, onBeforeUpdate as pl, isVNode as ga } from "vue";
 const bl = M({
   name: "YApp",
   setup(e, { slots: t }) {
@@ -265,8 +265,8 @@ function We(e, t, n, a, r, i) {
     l = [...o.values()];
   else if (n === "length" && J(e)) {
     const c = Number(a);
-    o.forEach((d, y) => {
-      (y === "length" || y >= c) && l.push(d);
+    o.forEach((u, y) => {
+      (y === "length" || y >= c) && l.push(u);
     });
   } else
     switch (n !== void 0 && l.push(o.get(n)), t) {
@@ -285,8 +285,8 @@ function We(e, t, n, a, r, i) {
     l[0] && (process.env.NODE_ENV !== "production" ? at(l[0], s) : at(l[0]));
   else {
     const c = [];
-    for (const d of l)
-      d && c.push(...d);
+    for (const u of l)
+      u && c.push(...u);
     process.env.NODE_ENV !== "production" ? at($t(c), s) : at($t(c));
   }
 }
@@ -445,12 +445,12 @@ function vr() {
 function Xt(e, t) {
   return function(a, r) {
     const i = this, o = i.__v_raw, l = G(o), s = t ? xa : e ? Oa : Vt;
-    return !e && he(l, "iterate", qe), o.forEach((c, d) => a.call(r, s(c), s(d), i));
+    return !e && he(l, "iterate", qe), o.forEach((c, u) => a.call(r, s(c), s(u), i));
   };
 }
 function Zt(e, t, n) {
   return function(...a) {
-    const r = this.__v_raw, i = G(r), o = st(i), l = e === "entries" || e === Symbol.iterator && o, s = e === "keys" && o, c = r[e](...a), d = n ? xa : t ? Oa : Vt;
+    const r = this.__v_raw, i = G(r), o = st(i), l = e === "entries" || e === Symbol.iterator && o, s = e === "keys" && o, c = r[e](...a), u = n ? xa : t ? Oa : Vt;
     return !t && he(
       i,
       "iterate",
@@ -460,7 +460,7 @@ function Zt(e, t, n) {
       next() {
         const { value: y, done: h } = c.next();
         return h ? { value: y, done: h } : {
-          value: l ? [d(y[0]), d(y[1])] : d(y),
+          value: l ? [u(y[0]), u(y[1])] : u(y),
           done: h
         };
       },
@@ -900,8 +900,8 @@ function Oi(e, t, n, a = !0) {
     for (; i; ) {
       const c = i.ec;
       if (c) {
-        for (let d = 0; d < c.length; d++)
-          if (c[d](e, o, l) === !1)
+        for (let u = 0; u < c.length; u++)
+          if (c[u](e, o, l) === !1)
             return;
       }
       i = i.parent;
@@ -1092,8 +1092,8 @@ function Fs(e, t, { immediate: n, deep: a, flush: r, onTrack: i, onTrigger: o }
       "A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types."
     );
   }, c = Yl() === ((l = Je) == null ? void 0 : l.scope) ? Je : null;
-  let d, y = !1, h = !1;
-  if (le(e) ? (d = () => e.value, y = dn(e)) : ct(e) ? (d = () => e, a = !0) : J(e) ? (h = !0, y = e.some((f) => ct(f) || dn(f)), d = () => e.map((f) => {
+  let u, y = !1, h = !1;
+  if (le(e) ? (u = () => e.value, y = dn(e)) : ct(e) ? (u = () => e, a = !0) : J(e) ? (h = !0, y = e.some((f) => ct(f) || dn(f)), u = () => e.map((f) => {
     if (le(f))
       return f.value;
     if (ct(f))
@@ -1101,7 +1101,7 @@ function Fs(e, t, { immediate: n, deep: a, flush: r, onTrack: i, onTrigger: o }
     if (se(f))
       return Ze(f, c, 2);
     process.env.NODE_ENV !== "production" && s(f);
-  })) : se(e) ? t ? d = () => Ze(e, c, 2) : d = () => {
+  })) : se(e) ? t ? u = () => Ze(e, c, 2) : u = () => {
     if (!(c && c.isUnmounted))
       return p && p(), Xn(
         e,
@@ -1109,9 +1109,9 @@ function Fs(e, t, { immediate: n, deep: a, flush: r, onTrack: i, onTrigger: o }
         3,
         [_]
       );
-  } : (d = ii, process.env.NODE_ENV !== "production" && s(e)), t && a) {
-    const f = d;
-    d = () => rt(f());
+  } : (u = ii, process.env.NODE_ENV !== "production" && s(e)), t && a) {
+    const f = u;
+    u = () => rt(f());
   }
   let p, _ = (f) => {
     p = w.onStop = () => {
@@ -1136,7 +1136,7 @@ function Fs(e, t, { immediate: n, deep: a, flush: r, onTrack: i, onTrigger: o }
   m.allowRecurse = !!t;
   let v;
   r === "sync" ? v = m : r === "post" ? v = () => Sr(m, c && c.suspense) : (m.pre = !0, c && (m.id = c.uid), v = () => ka(m));
-  const w = new Ll(d, v);
+  const w = new Ll(u, v);
   return process.env.NODE_ENV !== "production" && (w.onTrack = i, w.onTrigger = o), t ? n ? m() : C = w.run() : r === "post" ? Sr(
     w.run.bind(w),
     c && c.suspense
@@ -1233,10 +1233,10 @@ const Ws = Symbol.for("v-ndc"), Jn = (e) => e ? cc(e) ? uc(e) || e.proxy : Jn(e.
         o[t] = 0;
       }
     }
-    const d = kt[t];
+    const u = kt[t];
     let y, h;
-    if (d)
-      return t === "$attrs" ? (he(e, "get", t), process.env.NODE_ENV !== "production" && void 0) : process.env.NODE_ENV !== "production" && t === "$slots" && he(e, "get", t), d(e);
+    if (u)
+      return t === "$attrs" ? (he(e, "get", t), process.env.NODE_ENV !== "production" && void 0) : process.env.NODE_ENV !== "production" && t === "$slots" && he(e, "get", t), u(e);
     if (
       // css module (injected by vue-loader)
       (y = l.__cssModules) && (y = y[t])
@@ -1720,13 +1720,13 @@ function X(e, t = "modelValue", n, a = (i) => i, r = (i) => i) {
   function c() {
     return e[l];
   }
-  const d = E(() => {
+  const u = E(() => {
     c();
     const h = i.vnode.props;
     return (nt(h, o) || nt(h, l)) && (nt(h, `onUpdate:${o}`) || nt(h, `onUpdate:${l}`));
   });
   Ia(
-    () => !d.value,
+    () => !u.value,
     () => {
       L(
         () => c(),
@@ -1738,15 +1738,15 @@ function X(e, t = "modelValue", n, a = (i) => i, r = (i) => i) {
   );
   const y = E({
     get() {
-      return a(d.value ? c() : s.value);
+      return a(u.value ? c() : s.value);
     },
     set(h) {
-      const p = r(h), _ = fl(d.value ? c() : s.value);
+      const p = r(h), _ = fl(u.value ? c() : s.value);
       _ === p || a(_) === h || (s.value = p, i == null || i.emit(`update:${l}`, p));
     }
   });
   return Object.defineProperty(y, "rxValue", {
-    get: () => d.value ? c() : s.value
+    get: () => u.value ? c() : s.value
   }), y;
 }
 function In(e, t, n) {
@@ -1810,13 +1810,13 @@ function mc(e, t, n = !0) {
       e.selectedClass
     ]
   );
-  return L(s, (d) => {
-    a.emit("choice:selected", { value: d });
+  return L(s, (u) => {
+    a.emit("choice:selected", { value: u });
   }), {
     id: r,
     isSelected: s,
     toggle: () => i.select(r, !s.value),
-    select: (d) => i.select(r, d),
+    select: (u) => i.select(r, u),
     selectedClass: c,
     value: o,
     disabled: l,
@@ -1870,7 +1870,7 @@ function yc(e, t) {
         r.value = p ?? !C ? [h] : [];
       }
   }
-  function d(h) {
+  function u(h) {
     if (e.multiple, r.value.length) {
       const p = r.value[0], _ = a.findIndex((v) => v.id === p);
       let C = (_ + h) % a.length, m = a[C];
@@ -1890,8 +1890,8 @@ function yc(e, t) {
     selected: r,
     select: c,
     disabled: ke(e, "disabled"),
-    prev: () => d(a.length - 1),
-    next: () => d(1),
+    prev: () => u(a.length - 1),
+    next: () => u(1),
     isSelected: (h) => r.value.includes(h),
     selectedClass: E(() => e.selectedClass),
     items: E(() => a),
@@ -1942,16 +1942,16 @@ function wc(e, t = 0, n = {
   leading: !1,
   trailing: !0
 }) {
-  let a, r, i = 0, o, l, s, c = 0, d = !1, y = !1, h = !0;
+  let a, r, i = 0, o, l, s, c = 0, u = !1, y = !1, h = !0;
   if (typeof e != "function")
     throw new TypeError("NOT Function");
-  t = +t || 0, wl(n) && (d = !!n.leading, y = "maxWait" in n, i = y ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : i, h = "trailing" in n ? !!n.trailing : h);
+  t = +t || 0, wl(n) && (u = !!n.leading, y = "maxWait" in n, i = y ? Math.max(+((n == null ? void 0 : n.maxWait) || 0), t) : i, h = "trailing" in n ? !!n.trailing : h);
   function p(g) {
     const x = a, N = r;
     return a = r = void 0, c = g, o = e.apply(N, x), o;
   }
   function _(g) {
-    return c = g, l = window.setTimeout(v, t), d ? p(g) : o;
+    return c = g, l = window.setTimeout(v, t), u ? p(g) : o;
   }
   function C(g) {
     var x = g - (s ?? 0), N = g - (c ?? 0), j = t - x;
@@ -2013,15 +2013,15 @@ function _c(e) {
       r = +p[0], i = +p[3], o = +p[4], l = +p[5];
     } else
       return t;
-    const s = n.transformOrigin, c = t.x - o - (1 - r) * parseFloat(s), d = t.y - l - (1 - i) * parseFloat(s.slice(s.indexOf(" ") + 1)), y = r ? t.width / r : e.offsetWidth, h = i ? t.height / i : e.offsetHeight;
+    const s = n.transformOrigin, c = t.x - o - (1 - r) * parseFloat(s), u = t.y - l - (1 - i) * parseFloat(s.slice(s.indexOf(" ") + 1)), y = r ? t.width / r : e.offsetWidth, h = i ? t.height / i : e.offsetHeight;
     return {
       x: c,
-      y: d,
+      y: u,
       width: y,
       height: h,
-      top: d,
+      top: u,
       right: c + y,
-      bottom: d + h,
+      bottom: u + h,
       left: c
     };
   } else
@@ -2389,14 +2389,14 @@ class K {
     let r = [];
     const i = K.startOfMonth(t), o = K.endOfMonth(t), l = (i.getDay() - Vn[n.slice(-2).toUpperCase()] + 7) % 7, s = (o.getDay() - Vn[n.slice(-2).toUpperCase()] + 7) % 7;
     for (let c = 0; c < l; c++) {
-      const d = new Date(i);
-      d.setDate(d.getDate() - (l - c)), r.push(d);
+      const u = new Date(i);
+      u.setDate(u.getDate() - (l - c)), r.push(u);
     }
     for (let c = 1; c <= o.getDate(); c++)
       r.push(new Date(t.getFullYear(), t.getMonth(), c)), r.length === 7 && (a.push(r), r = []);
     for (let c = 1; c < 7 - s; c++) {
-      const d = new Date(o);
-      d.setDate(d.getDate() + c), r.push(d);
+      const u = new Date(o);
+      u.setDate(u.getDate() + c), r.push(u);
     }
     return r.length > 0 && a.push(r), a;
   }
@@ -2717,13 +2717,13 @@ const qi = {
 }, $c = "YSpinnerRing", Xi = /* @__PURE__ */ M({
   name: $c,
   render() {
-    return u("svg", {
+    return d("svg", {
       class: "y-spinner-ring",
       width: "48",
       height: "48",
       viewBox: "0 0 48 48",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [u("circle", {
+    }, [d("circle", {
       class: "y-spinner-ring__circle",
       cx: "24",
       cy: "24",
@@ -2824,14 +2824,14 @@ const qi = {
         "--y-button__color": h,
         "--y-button__text-color": p
       };
-    }), d = E(() => (r == null ? void 0 : r.disabled.value) || e.disabled);
+    }), u = E(() => (r == null ? void 0 : r.disabled.value) || e.disabled);
     function y(h) {
       var p;
-      d.value || e.loading || i.isLink.value && (h.metaKey || h.altKey || h.ctrlKey || h.shiftKey || h.button !== 0 || t.target === "_blank") || (a("click", h), (p = i.navigate) == null || p.call(i, h), r == null || r.toggle());
+      u.value || e.loading || i.isLink.value && (h.metaKey || h.altKey || h.ctrlKey || h.shiftKey || h.button !== 0 || t.target === "_blank") || (a("click", h), (p = i.navigate) == null || p.call(i, h), r == null || r.toggle());
     }
     return W(() => {
       const h = i.isLink.value ? "a" : "button";
-      return bt(u(h, {
+      return bt(d(h, {
         class: [`${be}`, r == null ? void 0 : r.selectedClass.value, {
           ...s.value
         }],
@@ -2842,9 +2842,9 @@ const qi = {
       }, {
         default: () => {
           var p, _;
-          return [u("span", {
+          return [d("span", {
             class: ["y-button__content"]
-          }, [e.loading && u(Xi, z({
+          }, [e.loading && d(Xi, z({
             width: "24",
             height: "24"
           }), null), (p = n.default) == null ? void 0 : p.call(n)]), (_ = n.append) == null ? void 0 : _.call(n)];
@@ -2884,8 +2884,8 @@ const Zi = (e, t, n) => {
   }
   et(
     () => {
-      var l, s, c, d, y;
-      const r = ((s = (l = t.instance) == null ? void 0 : l.$yuyeon) == null ? void 0 : s.theme) ?? ((y = (d = (c = n == null ? void 0 : n.ctx) == null ? void 0 : c.root.appContext.config.globalProperties) == null ? void 0 : d.$yuyeon) == null ? void 0 : y.theme), i = t.value ?? ht(r.currentThemeKey) ?? "";
+      var l, s, c, u, y;
+      const r = ((s = (l = t.instance) == null ? void 0 : l.$yuyeon) == null ? void 0 : s.theme) ?? ((y = (u = (c = n == null ? void 0 : n.ctx) == null ? void 0 : c.root.appContext.config.globalProperties) == null ? void 0 : u.$yuyeon) == null ? void 0 : y.theme), i = t.value ?? ht(r.currentThemeKey) ?? "";
       if (!i)
         return;
       const o = `y-theme--${i}`;
@@ -2988,12 +2988,12 @@ function Rc(e) {
       const l = i.colors[o];
       if (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})/i.test(l) && (i.colors[o] = l, i.colors[`${o}-rgb`] = (n = ea(l)) == null ? void 0 : n.join(", ")), /^on-[a-z]/.test(o) || i.colors[`on-${o}`])
         continue;
-      const s = `on-${o}`, c = Yn(ea(l) ?? [0, 0, 0]), d = Math.abs(
+      const s = `on-${o}`, c = Yn(ea(l) ?? [0, 0, 0]), u = Math.abs(
         Mr(Yn([0, 0, 0]), c)
       ), y = Math.abs(
         Mr(Yn([255, 255, 255]), c)
       );
-      i.colors[s] = y > Math.min(d, 50) ? "#ffffff" : "#000000", i.colors[`${s}-rgb`] = y > Math.min(d, 50) ? "255, 255, 255" : "0, 0, 0";
+      i.colors[s] = y > Math.min(u, 50) ? "#ffffff" : "#000000", i.colors[`${s}-rgb`] = y > Math.min(u, 50) ? "255, 255, 255" : "0, 0, 0";
     }
   }
   return t;
@@ -3123,9 +3123,9 @@ function Wc(e) {
   function c(b) {
     s.value = b.matches ? "dark" : "light";
   }
-  const d = E(() => a.value === "auto" ? s.value : a.value === "dark" ? "dark" : "light"), y = E(() => {
+  const u = E(() => a.value === "auto" ? s.value : a.value === "dark" ? "dark" : "light"), y = E(() => {
     var b, f;
-    return typeof r.value == "string" && r.value in p ? r.value : Array.isArray(r.value) ? d.value === "dark" ? ((b = r.value) == null ? void 0 : b[1]) ?? "dark" : ((f = r.value) == null ? void 0 : f[0]) ?? "light" : d.value;
+    return typeof r.value == "string" && r.value in p ? r.value : Array.isArray(r.value) ? u.value === "dark" ? ((b = r.value) == null ? void 0 : b[1]) ?? "dark" : ((f = r.value) == null ? void 0 : f[0]) ?? "light" : u.value;
   }), h = E(() => Lc(o.value)), p = E(() => Rc(i.value)), _ = E(() => {
     const b = [];
     b.push(
@@ -3184,7 +3184,7 @@ function Wc(e) {
       (f) => {
         b.root.setAttribute(
           "data-theme-scheme",
-          f === "auto" ? "auto" : d.value
+          f === "auto" ? "auto" : u.value
         );
       },
       { immediate: !0 }
@@ -3296,7 +3296,7 @@ function zc(e) {
       errors: []
     });
   }
-  function d(p) {
+  function u(p) {
     a.value = a.value.filter((_) => _.id !== p);
   }
   function y(p, _, C) {
@@ -3311,7 +3311,7 @@ function zc(e) {
     isValid: t,
     isValidating: n,
     register: c,
-    unregister: d,
+    unregister: u,
     update: y,
     validateOn: ke(e, "validateOn")
   };
@@ -3365,7 +3365,7 @@ function qc(e, t, n = jt()) {
       lazy: S.has("lazy"),
       submit: S.has("submit")
     };
-  }), d = D(), y = D([]), h = E(() => e.readonly ?? (l == null ? void 0 : l.isReadonly.value)), p = E(() => e.disabled ?? (l == null ? void 0 : l.isDisabled.value)), _ = E(() => e.loading ?? (l == null ? void 0 : l.isLoading.value)), C = E(() => e.status === "error" || y.value.length > 0), m = E(() => !C.value && e.status === "success");
+  }), u = D(), y = D([]), h = E(() => e.readonly ?? (l == null ? void 0 : l.isReadonly.value)), p = E(() => e.disabled ?? (l == null ? void 0 : l.isDisabled.value)), _ = E(() => e.loading ?? (l == null ? void 0 : l.isLoading.value)), C = E(() => e.status === "error" || y.value.length > 0), m = E(() => !C.value && e.status === "success");
   Ia(
     () => c.value.input,
     () => {
@@ -3398,10 +3398,10 @@ function qc(e, t, n = jt()) {
           f.push(x || "");
         }
       }
-    return s.value = !1, y.value = f, d.value = f == null ? void 0 : f[0], f;
+    return s.value = !1, y.value = f, u.value = f == null ? void 0 : f[0], f;
   }
   function w() {
-    y.value = [], d.value = void 0;
+    y.value = [], u.value = void 0;
   }
   async function b() {
     c.value.lazy ? w() : await v();
@@ -3418,7 +3418,7 @@ function qc(e, t, n = jt()) {
     resetError: w,
     validating: s,
     validateOn: c,
-    errorResult: d,
+    errorResult: u,
     errors: y,
     isReadonly: h,
     isDisabled: p,
@@ -3485,7 +3485,7 @@ const Ce = "y-input", On = F({
       focused: l,
       focusedClasses: s,
       whenFocus: c,
-      whenBlur: d
+      whenBlur: u
     } = Ya(e, "y-input"), {
       isDisabled: y,
       isReadonly: h,
@@ -3539,21 +3539,21 @@ const Ce = "y-input", On = F({
       c(), r("focus", T);
     }
     function R(T) {
-      d(), _(), r("blur", T);
+      u(), _(), r("blur", T);
     }
     function ne(T) {
       r("click:leading", T);
     }
     function k() {
       if (e.label || t.label)
-        return u("label", {
+        return d("label", {
           class: [{
             [`${Ce}__label`]: !0,
             "y-input__floating-label": e.floating,
             "y-input__floating-label--floated": e.floating && N.value
           }],
           for: `y-input--${i}`
-        }, [t.label ? t.label() : e.label ? u(Z, null, [e.label, e.required && u("span", {
+        }, [t.label ? t.label() : e.label ? d(Z, null, [e.label, e.required && d("span", {
           class: "y-input__required-mark"
         }, [lt("*")])]) : e.placeholder && !S.value && e.placeholder]);
     }
@@ -3564,16 +3564,16 @@ const Ce = "y-input", On = F({
       validate: _
     }), W(() => {
       var T, V;
-      return u("div", {
+      return d("div", {
         class: [`${Ce}`, {
           ...j.value
         }]
-      }, [t.prepend ? () => u("div", {
+      }, [t.prepend ? () => d("div", {
         class: `${Ce}__prepend`
-      }, [lt("slots.prepend()")]) : void 0, u("div", {
+      }, [lt("slots.prepend()")]) : void 0, d("div", {
         ref: b,
         class: [`${Ce}__stack`]
-      }, [!e.floating && k(), u("div", {
+      }, [!e.floating && k(), d("div", {
         ref: f,
         class: `${Ce}__display`,
         style: [{
@@ -3582,9 +3582,9 @@ const Ce = "y-input", On = F({
         onClick: P,
         onMousedown: I,
         onMouseup: A
-      }, [u("div", {
+      }, [d("div", {
         class: `${Ce}__plate`
-      }, null), t.leading && u("div", {
+      }, null), t.leading && d("div", {
         class: "y-input__leading",
         onClick: ne
       }, [t.leading({
@@ -3593,19 +3593,19 @@ const Ce = "y-input", On = F({
         value: e.modelValue,
         loading: p.value,
         attrId: `y-input--${i}`
-      }) : u("div", {
+      }) : d("div", {
         class: `${Ce}__value`,
         "data-id": `y-input--${i}`,
         tabindex: 0,
         onFocus: Y,
         onBlur: R
-      }, [e.floating && k(), (T = e.modelValue) == null ? void 0 : T.toString()]), (V = t.trailing) == null ? void 0 : V.call(t)]), u("div", {
+      }, [e.floating && k(), (T = e.modelValue) == null ? void 0 : T.toString()]), (V = t.trailing) == null ? void 0 : V.call(t)]), d("div", {
         class: `${Ce}__helper-text`
-      }, [t["helper-text"] ? u("span", null, [t["helper-text"]({
+      }, [t["helper-text"] ? d("span", null, [t["helper-text"]({
         error: C.value,
         errors: v.value,
         errorResult: w.value
-      })]) : e.helperText ?? w.value])]), t.append ? () => u("div", {
+      })]) : e.helperText ?? w.value])]), t.append ? () => d("div", {
         class: `${Ce}__append`
       }, [lt("slots.append()")]) : void 0]);
     }), {
@@ -3614,7 +3614,7 @@ const Ce = "y-input", On = F({
       isFocused: l,
       focusedClasses: s,
       whenFocus: c,
-      whenBlur: d,
+      whenBlur: u,
       createLabel: k,
       invokeValidators: _
     };
@@ -3622,10 +3622,10 @@ const Ce = "y-input", On = F({
 }), Ba = /* @__PURE__ */ M({
   name: "YIconClear",
   setup() {
-    return () => u("svg", {
+    return () => d("svg", {
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [u("path", {
+    }, [d("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"
@@ -3664,14 +3664,14 @@ const Ce = "y-input", On = F({
       focused: l,
       whenFocus: s,
       whenBlur: c
-    } = Ya(e, "y-field-input"), d = D(""), y = D(""), h = ke(e, "type"), p = E(() => ({
+    } = Ya(e, "y-field-input"), u = D(""), y = D(""), h = ke(e, "type"), p = E(() => ({
       [Bn]: !0
     }));
     function _(A) {
       a("click", A);
     }
     function C(A) {
-      s(), y.value = d.value, a("focus", A);
+      s(), y.value = u.value, a("focus", A);
     }
     function m(A) {
       c(), a("blur", A), O();
@@ -3679,10 +3679,10 @@ const Ce = "y-input", On = F({
     function v(A) {
       a("input", A);
       const Y = A.target;
-      d.value = Y == null ? void 0 : Y.value, y.value = Y == null ? void 0 : Y.value;
+      u.value = Y == null ? void 0 : Y.value, y.value = Y == null ? void 0 : Y.value;
     }
     function w(A) {
-      a("change", d.value);
+      a("change", u.value);
     }
     function b(A) {
       a("keydown", A);
@@ -3705,24 +3705,24 @@ const Ce = "y-input", On = F({
       (A = o.value) == null || A.select();
     }
     function j() {
-      d.value = "", y.value = "", a("update:modelValue", d.value);
+      u.value = "", y.value = "", a("update:modelValue", u.value);
     }
     function O() {
       const A = ce(), {
         displayText: Y
       } = e;
       if (Y !== void 0) {
-        let R = d.value;
+        let R = u.value;
         typeof Y == "string" && (R = Y), Y && typeof Y == "function" && (R = Y.call(A, R)), pt(() => {
           y.value = R;
         });
       }
     }
     L(() => e.modelValue, (A) => {
-      d.value = A, y.value = A;
+      u.value = A, y.value = A;
     }, {
       immediate: !0
-    }), L(d, (A) => {
+    }), L(u, (A) => {
       l.value ? y.value = A : O();
     }, {
       immediate: !0
@@ -3743,11 +3743,11 @@ const Ce = "y-input", On = F({
     function I(A) {
       a("update:modelValue", A);
     }
-    return W(() => u(Bt, z({
+    return W(() => d(Bt, z({
       class: p.value,
       ref: i
     }, ie(e, Bt.props), {
-      modelValue: d.value,
+      modelValue: u.value,
       focused: l.value,
       extended: P,
       "onUpdate:modelValue": I,
@@ -3765,11 +3765,11 @@ const Ce = "y-input", On = F({
       } : void 0,
       default: (A) => {
         var Y, R, ne;
-        return u("div", {
+        return d("div", {
           class: [`${Bn}__field`],
           "data-id": A.attrId,
           ref: "field"
-        }, [e.floating ? (R = (Y = i.value) == null ? void 0 : Y.createLabel) == null ? void 0 : R.call(Y) : void 0, (ne = r.default) == null ? void 0 : ne.call(r, A), u("input", {
+        }, [e.floating ? (R = (Y = i.value) == null ? void 0 : Y.createLabel) == null ? void 0 : R.call(Y) : void 0, (ne = r.default) == null ? void 0 : ne.call(r, A), d("input", {
           ref: o,
           value: y.value,
           name: e.name,
@@ -3794,14 +3794,14 @@ const Ce = "y-input", On = F({
           onKeyup: f
         }, null)]);
       },
-      trailing: r.trailing || e.enableClear && d.value ? () => u(Z, null, [e.enableClear && d.value && u("div", {
+      trailing: r.trailing || e.enableClear && u.value ? () => d(Z, null, [e.enableClear && u.value && d("div", {
         class: ["y-input__trailing", "y-input__trailing--clear"]
-      }, [u("button", {
+      }, [d("button", {
         class: [`${Bn}__clear`],
         onClick: S,
         onKeydown: g,
         tabindex: 2
-      }, [u(Ba, null, null)])]), r.trailing && u("div", {
+      }, [d(Ba, null, null)])]), r.trailing && d("div", {
         class: ["y-input__trailing"]
       }, [r.trailing()])]) : void 0,
       label: r.label ? () => {
@@ -3820,7 +3820,7 @@ const Ce = "y-input", On = F({
       } : void 0
     })), {
       focused: l,
-      inValue: d
+      inValue: u
     };
   }
 }), Qi = F({
@@ -3852,7 +3852,7 @@ const Ce = "y-input", On = F({
     expose: r
   }) {
     const i = jt(), o = D(), l = D(), s = D(""), c = D(""), {
-      focused: d,
+      focused: u,
       whenFocus: y,
       whenBlur: h
     } = Ya(e, "y-field-input");
@@ -3898,7 +3898,7 @@ const Ce = "y-input", On = F({
     }, {
       immediate: !0
     }), L(s, (g) => {
-      d.value ? c.value = g : _();
+      u.value ? c.value = g : _();
     }), r({
       el$: o,
       input$: l,
@@ -3908,22 +3908,22 @@ const Ce = "y-input", On = F({
       }
     }), W(() => {
       const g = ie(e, Bt.props);
-      return u(Bt, z({
+      return d(Bt, z({
         class: [Yr]
       }, g, {
         modelValue: s.value,
         "onUpdate:modelValue": p,
-        focused: d.value,
+        focused: u.value,
         onClick: S,
         "onMousedown:display": (x) => n("mousedown:display", x)
       }), {
         default: (x) => {
           var N, j;
-          return u("div", {
+          return d("div", {
             class: [`${Yr}__field`],
             "data-id": x.attrId,
             ref: "field"
-          }, [e.floating ? (j = (N = o.value) == null ? void 0 : N.createLabel) == null ? void 0 : j.call(N) : void 0, a.default ? () => a.default(x) : void 0, u("textarea", z({
+          }, [e.floating ? (j = (N = o.value) == null ? void 0 : N.createLabel) == null ? void 0 : j.call(N) : void 0, a.default ? () => a.default(x) : void 0, d("textarea", z({
             ref: l,
             value: c.value,
             id: `y-input--${i}`,
@@ -3964,9 +3964,9 @@ function eo(e, t, n) {
   function a(o, ...l) {
     if (!o.startsWith(Br))
       return Rr(o, l);
-    const s = o.replace(Br, ""), c = e.value && n.value[e.value], d = t.value && n.value[t.value];
+    const s = o.replace(Br, ""), c = e.value && n.value[e.value], u = t.value && n.value[t.value];
     let y = ee(c, s, null);
-    return y || (y = ee(d, s, null)), y || (y = o), typeof y != "string" && (y = o), Rr(y, l);
+    return y || (y = ee(u, s, null)), y || (y = o), typeof y != "string" && (y = o), Rr(y, l);
   }
   function r(o, l) {
     return new Intl.NumberFormat(
@@ -3979,7 +3979,7 @@ function eo(e, t, n) {
       o,
       "fallbackLocale",
       t
-    ), c = In(o, "messages", n), d = eo(
+    ), c = In(o, "messages", n), u = eo(
       l,
       s,
       c
@@ -3989,9 +3989,9 @@ function eo(e, t, n) {
       locale: e,
       fallbackLocale: t,
       messages: n,
-      t: d.translate,
-      n: d.number,
-      getContext: d.getContext
+      t: u.translate,
+      n: u.number,
+      getContext: u.getContext
     };
   }
   return {
@@ -4207,7 +4207,7 @@ function su(e, t, n) {
       o.value = p, i = window.setTimeout(c, m);
     }
   }
-  function d() {
+  function u() {
     s.value || (s.value = !0, o.value = Date.now(), i = window.setTimeout(c, r));
   }
   function y() {
@@ -4217,7 +4217,7 @@ function su(e, t, n) {
     y(), l.value = ht(t);
   }
   return {
-    start: d,
+    start: u,
     stop: y,
     reset: h,
     drift: l,
@@ -4262,8 +4262,8 @@ const na = (e, { slots: t }) => {
     const r = zc(e), i = D();
     D();
     function o(s) {
-      const c = s, d = r.validate();
-      c.then = d.then.bind(d), c.catch = d.catch.bind(d), c.finally = d.finally.bind(d), t("submit", c), c.defaultPrevented || d.then(({
+      const c = s, u = r.validate();
+      c.then = u.then.bind(u), c.catch = u.catch.bind(u), c.finally = u.finally.bind(u), t("submit", c), c.defaultPrevented || u.then(({
         valid: y
       }) => {
         var h;
@@ -4277,7 +4277,7 @@ const na = (e, { slots: t }) => {
       ...r
     }), W(() => {
       var s;
-      return u("form", {
+      return d("form", {
         ref: i,
         class: [uu],
         novalidate: !0,
@@ -4375,7 +4375,7 @@ const ro = /* @__PURE__ */ M({
       styles: i,
       innerText: o
     } = this, l = this.$slots;
-    return u("div", {
+    return d("div", {
       class: {
         "y-progress y-progress-bar": !0,
         ...e
@@ -4390,14 +4390,14 @@ const ro = /* @__PURE__ */ M({
         "--y-progress-bar__color": this.leadColor,
         "--y-progress-bar__value": this.numValue
       }
-    }, [u("div", {
+    }, [d("div", {
       class: "y-progress__track"
-    }, null), u("div", {
+    }, null), d("div", {
       class: "y-progress__tube"
-    }, [u("div", {
+    }, [d("div", {
       class: "y-progress__lead",
       style: i
-    }, [l["lead-inner"] ? l["lead-inner"]() : o && u("div", {
+    }, [l["lead-inner"] ? l["lead-inner"]() : o && d("div", {
       class: {
         "y-progress__lead-inner": !0,
         "y-progress__lead-inner--fixed": t < 3
@@ -4405,7 +4405,7 @@ const ro = /* @__PURE__ */ M({
       style: {
         color: r
       }
-    }, [u("span", null, [t, lt(" %")])])])])]);
+    }, [d("span", null, [t, lt(" %")])])])])]);
   }
 }), Dn = M({
   name: "YCard",
@@ -4501,10 +4501,10 @@ const ro = /* @__PURE__ */ M({
       classes: e,
       styles: t
     } = this;
-    return u("span", {
+    return d("span", {
       class: e,
       style: t
-    }, [u("span", {
+    }, [d("span", {
       class: "y-chip__content"
     }, [(a = (n = this.$slots).default) == null ? void 0 : a.call(n)])]);
   }
@@ -4645,24 +4645,24 @@ const gu = /* @__PURE__ */ M({
       inputId: l,
       innerValue: s,
       disabled: c,
-      trackStyles: d,
+      trackStyles: u,
       stateLabel: y,
       labelOn: h,
       labelOff: p,
       loading: _
     } = this;
-    return u("div", {
+    return d("div", {
       class: {
         "y-switch": !0,
         ...t
       }
-    }, [u("div", {
+    }, [d("div", {
       class: "y-switch__slot"
-    }, [u("div", {
+    }, [d("div", {
       class: "y-switch__input",
       onClick: ya(n, ["capture"]),
       onKeydown: a
-    }, [u("input", {
+    }, [d("input", {
       id: l,
       "aria-checked": s,
       type: "checkbox",
@@ -4673,27 +4673,27 @@ const gu = /* @__PURE__ */ M({
       disabled: c,
       checked: s,
       ref: "checkbox"
-    }, null), u("div", {
+    }, null), d("div", {
       class: "y-switch__track",
-      style: d
-    }, [y && u("div", {
+      style: u
+    }, [y && d("div", {
       class: "y-switch__state"
-    }, [u("span", {
+    }, [d("span", {
       class: "y-switch__state-label y-switch__state-label--on"
     }, {
       labelOn: h
-    }), u("span", {
+    }), d("span", {
       class: "y-switch__state-label y-switch__state-label--off"
     }, {
       labelOff: p
-    })])]), u("div", {
+    })])]), d("div", {
       class: "y-switch__thumb"
-    }, [_ && u("div", {
+    }, [_ && d("div", {
       class: "y-switch__spinner"
-    }, null)])]), u("label", {
+    }, null)])]), d("label", {
       for: l,
       class: "y-switch__label"
-    }, [(C = e.label) == null ? void 0 : C.call(e), u("input", {
+    }, [(C = e.label) == null ? void 0 : C.call(e), d("input", {
       hidden: !0
     }, null)])])]);
   }
@@ -4734,7 +4734,7 @@ function Fr(e, t) {
   );
 }
 function wu(e, t, n, a) {
-  const { contentEl: r, base: i, active: o } = t, l = D(!1), [s, c, d, y] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((v) => E(() => {
+  const { contentEl: r, base: i, active: o } = t, l = D(!1), [s, c, u, y] = ["minWidth", "minHeight", "maxWidth", "maxHeight"].map((v) => E(() => {
     const w = parseFloat(e[v]);
     return isNaN(w) ? 1 / 0 : w;
   })), h = E(() => {
@@ -4840,7 +4840,7 @@ function wu(e, t, n, a) {
           H += h.value[1];
           break;
       }
-      return V.x += H, V.y += Q, V.width = Math.min(V.width, d.value), V.height = Math.min(V.height, y.value), { overflows: Tr(V, x), x: H, y: Q };
+      return V.x += H, V.y += Q, V.width = Math.min(V.width, u.value), V.height = Math.min(V.height, y.value), { overflows: Tr(V, x), x: H, y: Q };
     }
     let I = 0, A = 0;
     const Y = { x: 0, y: 0 }, R = { x: !1, y: !1 };
@@ -4886,7 +4886,7 @@ function wu(e, t, n, a) {
           Ot(
             Y.x,
             s.value === 1 / 0 ? 0 : s.value,
-            d.value
+            u.value
           )
         )
       ),
@@ -5027,8 +5027,8 @@ function Ou(e) {
     let o = document.body;
     const l = (c = t.root.vnode.el) == null ? void 0 : c.parentElement;
     if (l && (o = l), typeof i == "string") {
-      const d = document.querySelector(i);
-      d && (o = d);
+      const u = document.querySelector(i);
+      u && (o = u);
     }
     i && i.nodeType === 1 && (o = i);
     let s = o.querySelector(`.${jr}`);
@@ -5234,7 +5234,7 @@ const Kt = F({
     const i = ce(), o = D(), l = D(), {
       base: s,
       base$: c,
-      baseEl: d,
+      baseEl: u,
       baseSlot: y
     } = Nu(e), {
       themeClasses: h
@@ -5271,7 +5271,7 @@ const Kt = F({
     const A = gt({
       handler: P,
       determine: I,
-      include: () => [d.value]
+      include: () => [u.value]
     });
     function Y() {
       b.value = !0;
@@ -5305,7 +5305,7 @@ const Kt = F({
       scrim$: o,
       base$: c,
       content$: E(() => l.value),
-      baseEl: d,
+      baseEl: u,
       active: w,
       onAfterUpdate: x,
       updateCoordinate: O,
@@ -5326,11 +5326,11 @@ const Kt = F({
           }
         })
       });
-      return y.value = H, u(Z, null, [H, u(yl, {
+      return y.value = H, d(Z, null, [H, d(yl, {
         disabled: !p.value,
         to: p.value
       }, {
-        default: () => [N.value && u("div", z({
+        default: () => [N.value && d("div", z({
           class: {
             "y-layer": !0,
             "y-layer--finish": b.value,
@@ -5340,11 +5340,11 @@ const Kt = F({
           onMouseenter: k,
           onMouseleave: T,
           style: V.value
-        }, a), [u(xn, {
+        }, a), [d(xn, {
           name: "fade",
           appear: !0
         }, {
-          default: () => [w.value && e.scrim && u("div", {
+          default: () => [w.value && e.scrim && d("div", {
             class: "y-layer__scrim",
             style: {
               "--y-layer-scrim-opacity": e.scrimOpacity
@@ -5352,14 +5352,14 @@ const Kt = F({
             onClick: ne,
             ref: "scrim$"
           }, null)]
-        }), u(na, z({
+        }), d(na, z({
           onAfterEnter: Y,
           onAfterLeave: R,
           appear: !0
         }, m.value), {
           default: () => {
             var me;
-            return [bt(u("div", {
+            return [bt(d("div", {
               class: {
                 "y-layer__content": !0,
                 ...B.value
@@ -5389,7 +5389,7 @@ const Kt = F({
       scrim$: o,
       content$: l,
       base$: c,
-      baseEl: d,
+      baseEl: u,
       polyTransitionBindProps: m,
       coordinateStyles: j,
       layerGroupState: _,
@@ -5404,9 +5404,9 @@ function lo(e, t, n) {
   }
   function l(c) {
     if (c) {
-      const d = r.value.findIndex((y) => y === c);
-      if (d > -1) {
-        r.value.splice(d, 1);
+      const u = r.value.findIndex((y) => y === c);
+      if (u > -1) {
+        r.value.splice(u, 1);
         return;
       }
     }
@@ -5471,7 +5471,7 @@ const so = F({
     })), s = D(), {
       children: c
     } = lo(s, i, Se(!0));
-    function d(v) {
+    function u(v) {
       var g, x, N;
       if (e.focusTrap === !1)
         return;
@@ -5507,10 +5507,10 @@ const so = F({
       }
     }
     function y() {
-      document.addEventListener("focusin", d);
+      document.addEventListener("focusin", u);
     }
     function h() {
-      document.removeEventListener("focusin", d);
+      document.removeEventListener("focusin", u);
     }
     const p = D(0), _ = D(0);
     function C(v) {
@@ -5545,7 +5545,7 @@ const so = F({
       immediate: !0
     }), Ft(() => {
       C(!1);
-    }), W(() => u(Z, null, [u(Te, z({
+    }), W(() => d(Z, null, [d(Te, z({
       modelValue: i.value,
       "onUpdate:modelValue": (v) => i.value = v,
       classes: o.value,
@@ -5656,7 +5656,7 @@ class yo {
       a = y.easing, n = y.keyframes || n, r = y.duration || r;
     }
     this.repeat = l, this.easing = dt(a) ? je : zr(a), this.updateDuration(r);
-    const d = Bu(n, s, dt(a) ? a.map(zr) : je);
+    const u = Bu(n, s, dt(a) ? a.map(zr) : je);
     this.tick = (y) => {
       var h;
       i = i;
@@ -5667,7 +5667,7 @@ class yo {
       !m && _ >= 1 && (m = 1), m === 1 && C--;
       const v = C % 2;
       (c === "reverse" || c === "alternate" && v || c === "alternate-reverse" && !v) && (m = 1 - m);
-      const w = p >= this.totalDuration ? 1 : Math.min(m, 1), b = d(this.easing(w));
+      const w = p >= this.totalDuration ? 1 : Math.min(m, 1), b = u(this.easing(w));
       t(b), this.pauseTime === void 0 && (this.playState === "finished" || p >= this.totalDuration + o) ? (this.playState = "finished", (h = this.resolve) === null || h === void 0 || h.call(this, b)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
     }, this.play();
   }
@@ -5856,7 +5856,7 @@ function sd() {
 }
 function cd(e, t, n, a = {}, r) {
   const i = sd(), o = a.record !== !1 && i;
-  let l, { duration: s = ye.duration, delay: c = ye.delay, endDelay: d = ye.endDelay, repeat: y = ye.repeat, easing: h = ye.easing, persist: p = !1, direction: _, offset: C, allowWebkitAcceleration: m = !1 } = a;
+  let l, { duration: s = ye.duration, delay: c = ye.delay, endDelay: u = ye.endDelay, repeat: y = ye.repeat, easing: h = ye.easing, persist: p = !1, direction: _, offset: C, allowWebkitAcceleration: m = !1 } = a;
   const v = go(e), w = po(t);
   let b = ot.waapi();
   w && Ju(e, t);
@@ -5877,7 +5877,7 @@ function cd(e, t, n, a = {}, r) {
       const O = {
         delay: At.ms(c),
         duration: At.ms(s),
-        endDelay: At.ms(d),
+        endDelay: At.ms(u),
         easing: dt(h) ? void 0 : Xr(h, s),
         direction: _,
         iterations: y + 1,
@@ -5980,9 +5980,9 @@ function gd(e) {
     for (let l = 0; l < i; l++) {
       const s = n[l];
       for (const c in a) {
-        const d = ud(r, c);
-        d.delay = yd(d.delay, l, i);
-        const y = cd(s, c, a[c], d, e);
+        const u = ud(r, c);
+        u.delay = yd(u.delay, l, i);
+        const y = cd(s, c, a[c], u, e);
         o.push(y);
       }
     }
@@ -6024,7 +6024,7 @@ const yt = /* @__PURE__ */ M({
     const e = E(() => ({
       "y-plate": !0
     }));
-    W(() => u("div", {
+    W(() => d("div", {
       class: e.value
     }, null));
   }
@@ -6109,12 +6109,12 @@ const yt = /* @__PURE__ */ M({
       a.value = !1;
     }
     const {
-      start: d,
+      start: u,
       stop: y,
       reset: h
     } = su(c, i);
     function p() {
-      e.duration > 0 && d();
+      e.duration > 0 && u();
     }
     L(r, (m) => {
       m ? y() : p();
@@ -6137,7 +6137,7 @@ const yt = /* @__PURE__ */ M({
         ...m
       }) : e.transition;
     });
-    return W(() => u(Te, {
+    return W(() => d(Te, {
       modelValue: a.value,
       "onUpdate:modelValue": (m) => a.value = m,
       classes: o.value,
@@ -6149,7 +6149,7 @@ const yt = /* @__PURE__ */ M({
     }, {
       default: () => {
         var m;
-        return u(Z, null, [u(yt, null, null), u("div", {
+        return d(Z, null, [d(yt, null, null), d("div", {
           class: "y-snackbar__content",
           onClick: ya(_, ["capture"]),
           onMouseenter: () => r.value = !0,
@@ -6223,10 +6223,10 @@ const _d = "YTooltip", xd = {
     const r = D(), i = D(), o = D(), l = D(), s = D(), c = E(() => ({
       ...Qe(e.tooltipClasses),
       "y-tooltip": !0
-    })), d = X(e), y = E({
-      get: () => !!d.value,
+    })), u = X(e), y = E({
+      get: () => !!u.value,
       set: (f) => {
-        f && e.disabled || (d.value = f);
+        f && e.disabled || (u.value = f);
       }
     }), h = E(() => {
       var f;
@@ -6276,7 +6276,7 @@ const _d = "YTooltip", xd = {
       return (f = r.value) == null ? void 0 : f.baseEl;
     }, (f, S) => {
       f ? w(f) : S && b(S);
-    }), W(() => u(Z, null, [u(Te, z({
+    }), W(() => d(Z, null, [d(Te, z({
       ref: r
     }, wt(ie(e, Te.props), ["scrim"]), {
       classes: c.value,
@@ -6287,7 +6287,7 @@ const _d = "YTooltip", xd = {
     }), {
       default: (...f) => {
         var S;
-        return u(Z, null, [u(yt, null, null), u("div", {
+        return d(Z, null, [d(yt, null, null), d("div", {
           class: "y-tooltip__content"
         }, [((S = t.default) == null ? void 0 : S.call(t, ...f)) ?? ""])]);
       },
@@ -6395,36 +6395,36 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
         n.value = Math.min(Math.max(10, (C.clientY - m.y) / m.height * 100), 90);
       });
     }
-    function d() {
+    function u() {
       a.value = !1, o.value.removeEventListener("mousemove", c), o.value.removeEventListener("mouseup", y), o.value.removeEventListener("mouseleave", h);
     }
     function y(_) {
-      d();
+      u();
     }
     function h(_) {
-      d();
+      u();
     }
     function p(_) {
       _.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", c), o.value.addEventListener("mouseup", y), o.value.addEventListener("mouseleave", h);
     }
     return W(() => {
       var _, C;
-      return u(Z, null, [u("div", {
+      return d(Z, null, [d("div", {
         class: s.value,
         ref: o
-      }, [u("div", {
+      }, [d("div", {
         class: "y-divide-panel__top-container",
         style: l.value
-      }, [(_ = t.default) == null ? void 0 : _.call(t)]), r.value = t.secondary && u(Z, null, [u("div", {
+      }, [(_ = t.default) == null ? void 0 : _.call(t)]), r.value = t.secondary && d(Z, null, [d("div", {
         class: "y-divide-panel__divider",
         style: {
           position: "absolute",
           inset: `${n.value}% 0 0 0`
         },
         onMousedown: p
-      }, [u("div", {
+      }, [d("div", {
         class: "y-divide-panel__divider-line"
-      }, null)]), u("div", {
+      }, null)]), d("div", {
         class: "y-divide-panel__secondary-container",
         style: {
           position: "absolute",
@@ -6463,7 +6463,7 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
     disabled: Boolean
   },
   render() {
-    return u("svg", {
+    return d("svg", {
       class: ["y-icon-checkbox", {
         "y-icon-checkbox--checked": this.checked,
         "y-icon-checkbox--indeterminate": this.indeterminate,
@@ -6473,10 +6473,10 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
       width: "24",
       height: "24",
       viewBox: "0 0 24 24"
-    }, [u("path", {
+    }, [d("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), u("path", {
+    }, null), d("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"
@@ -6485,11 +6485,11 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
 }), Lt = /* @__PURE__ */ M({
   name: "YIconExpand",
   setup() {
-    return () => u("svg", {
+    return () => d("svg", {
       version: "1.1",
       viewBox: "0 0 32 32",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [u("path", {
+    }, [d("path", {
       d: "m9.6086 5.7953 13.557 10.269-13.557 10.141",
       fill: "none",
       stroke: "currentColor",
@@ -6512,11 +6512,11 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
     }
   },
   render() {
-    return u("svg", {
+    return d("svg", {
       version: "1.1",
       viewBox: "0 0 32 32",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [u("path", {
+    }, [d("path", {
       d: this.$props.type in sn ? sn[this.$props.type] : sn.next,
       fill: "none",
       stroke: "currentColor",
@@ -6536,7 +6536,7 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
     }
   },
   render() {
-    return u("svg", {
+    return d("svg", {
       version: "1.1",
       width: "16",
       height: "16",
@@ -6547,7 +6547,7 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
         "y-icon-sort--asc": this.direction === "asc",
         "y-icon-sort--desc": this.direction === "desc"
       }]
-    }, [u("path", {
+    }, [d("path", {
       d: "m8.4146 12.52 7.5489-7.6399 7.622 7.4693",
       fill: "none",
       stroke: "currentColor",
@@ -6555,7 +6555,7 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
       "stroke-linejoin": "round",
       "stroke-width": "3",
       class: "y-icon-sort__asc"
-    }, null), u("path", {
+    }, null), d("path", {
       d: "m8.4146 19.48 7.5489 7.6399 7.622-7.4693",
       fill: "none",
       stroke: "currentColor",
@@ -6568,11 +6568,11 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
 }), Td = /* @__PURE__ */ M({
   name: "YIconDropdown",
   setup() {
-    return () => u("svg", {
+    return () => d("svg", {
       version: "1.1",
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg"
-    }, [u("path", {
+    }, [d("path", {
       d: "M7,10L12,15L17,10H7Z",
       fill: "currentColor"
     }, null)]);
@@ -6707,7 +6707,7 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
       const S = !o.value;
       o.value = S, r.updateActive(b.value, S, f), r.emitActive();
     }
-    function d(f) {
+    function u(f) {
       f.stopPropagation();
       const S = !i.value;
       i.value = S, r.updateExpanded(b.value, S), r.emitExpanded();
@@ -6773,7 +6773,7 @@ const xo = _o(!1), Ed = _o(!0), Od = /* @__PURE__ */ M({
                 {
                   class: "y-tree-view-node__expand-icon",
                   variation: "icon",
-                  onClick: (x) => d(x)
+                  onClick: (x) => u(x)
                 },
                 () => [
                   t["expand-icon"] ? t["expand-icon"]() : q(Lt)
@@ -6930,7 +6930,7 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
     emit: n,
     expose: a
   }) {
-    const r = D({}), i = X(e, "expanded"), o = X(e, "active"), l = X(e, "selected"), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Set()), d = D(/* @__PURE__ */ new Set()), y = D(/* @__PURE__ */ new Set()), h = Se(wc(C, e.searchDebounceWait)), p = D([]), _ = Se(!1);
+    const r = D({}), i = X(e, "expanded"), o = X(e, "active"), l = X(e, "selected"), s = D(/* @__PURE__ */ new Set()), c = D(/* @__PURE__ */ new Set()), u = D(/* @__PURE__ */ new Set()), y = D(/* @__PURE__ */ new Set()), h = Se(wc(C, e.searchDebounceWait)), p = D([]), _ = Se(!1);
     function C(k, T = "", V = Dd) {
       const $ = /* @__PURE__ */ new Set();
       if (!T) {
@@ -6979,7 +6979,7 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
           indeterminate: me.indeterminate,
           selected: me.selected
         };
-        w(H, B, V + 1), r.value[B] = fe, r.value[B].expanded && s.value.add(B), r.value[B].selected && s.value.add(B), r.value[B].active && d.value.add(B), I(B);
+        w(H, B, V + 1), r.value[B] = fe, r.value[B].expanded && s.value.add(B), r.value[B].selected && s.value.add(B), r.value[B].active && u.value.add(B), I(B);
       }
     }
     function b(k, T) {
@@ -7003,15 +7003,15 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
         return;
       const $ = r.value[k];
       let B = T ? "" : k;
-      if (e.multipleActive || ([B] = d.value.keys()), T)
-        d.value.add(k), $.active = !0, I(k);
-      else if (e.requiredActive && d.value.size === 1 && k === B) {
+      if (e.multipleActive || ([B] = u.value.keys()), T)
+        u.value.add(k), $.active = !0, I(k);
+      else if (e.requiredActive && u.value.size === 1 && k === B) {
         I(k);
         return;
       }
-      if (B && B in r.value && (d.value.delete(B), r.value[B].active = !1, I(B)), !(e.activeSingleModifier && (V != null && V.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
+      if (B && B in r.value && (u.value.delete(B), r.value[B].active = !1, I(B)), !(e.activeSingleModifier && (V != null && V.getModifierState(e.activeSingleModifier))) && e.multipleActive && e.activeStrategy === "cascade")
         for (const H of m(k))
-          H in r.value && (T ? d.value.add(H) : d.value.delete(H), r.value[H].active = T, I(H));
+          H in r.value && (T ? u.value.add(H) : u.value.delete(H), r.value[H].active = T, I(H));
     }
     function g(k, T) {
       if (!(k in r.value))
@@ -7026,7 +7026,7 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
       i.value = e.returnItem ? k.map((T) => r.value[T].item) : k;
     }
     function N() {
-      const k = [...d.value];
+      const k = [...u.value];
       o.value = e.returnItem ? k.map((T) => r.value[T].item) : k;
     }
     function j() {
@@ -7040,7 +7040,7 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
     L(i, (k) => {
       O(k, s, b, x);
     }), L(o, (k) => {
-      O(k, d, S, N);
+      O(k, u, S, N);
     }), L(l, (k) => {
       O(k, c, g, j);
     }), L(() => e.items, (k) => {
@@ -7048,8 +7048,8 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
       if ($.length < 1 && V.length < T.length)
         return;
       $.forEach((Q) => delete r.value[Q]);
-      const B = [...c.value], H = [...d.value];
-      c.value.clear(), s.value.clear(), d.value.clear(), w(k), Oe(B, [...c.value]) || j(), Oe(H, [...d.value]) || N();
+      const B = [...c.value], H = [...u.value];
+      c.value.clear(), s.value.clear(), u.value.clear(), w(k), Oe(B, [...c.value]) || j(), Oe(H, [...u.value]) || N();
     }, {
       deep: !0
     });
@@ -7091,25 +7091,25 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
       e.defaultExpand != null && e.defaultExpand !== !1 ? p.value = [...f(e.defaultExpand)] : (i.value.forEach((k) => b(v(k), !0)), x());
     }), a({
       expand: f
-    }), W(() => u(Z, null, [u("div", {
+    }), W(() => d(Z, null, [d("div", {
       class: R.value,
       style: ne.value,
       role: "tree"
-    }, [_.value && u(ro, {
+    }, [_.value && d(ro, {
       indeterminate: !0
-    }, null), Y.value.length > 0 ? Y.value.map((k) => u(Ua, z({
+    }, null), Y.value.length > 0 ? Y.value.map((k) => d(Ua, z({
       key: ee(k, e.itemKey)
     }, {
       ...ie(e, Jr),
       item: k,
       level: 0
-    }), t)) : u("div", {
+    }), t)) : d("div", {
       class: "y-tree-view__no-data"
-    }, [t["no-data"] ? t["no-data"]() : u("span", null, [lt("No Data")])])])])), {
+    }, [t["no-data"] ? t["no-data"]() : d("span", null, [lt("No Data")])])])])), {
       nodes: r,
       expandedSet: s,
       selectedSet: c,
-      activeSet: d,
+      activeSet: u,
       excludedSet: y,
       searchLoading: _,
       expandedCache: p
@@ -7144,7 +7144,7 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
     const i = E(() => !e.disabled && !!e.onClick);
     W(() => {
       const o = e.tag;
-      return u(o, {
+      return d(o, {
         class: ["y-list-item", {
           "y-list-item--pointer": i.value
         }, a.value],
@@ -7152,11 +7152,11 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
       }, {
         default: () => {
           var l;
-          return [t.leading && u("div", {
+          return [t.leading && d("div", {
             class: "y-list-item__leading"
-          }, [t.leading()]), u("div", {
+          }, [t.leading()]), d("div", {
             class: "y-list-item__content"
-          }, [(l = t.default) == null ? void 0 : l.call(t)]), t.trailing && u("div", {
+          }, [(l = t.default) == null ? void 0 : l.call(t)]), t.trailing && d("div", {
             class: "y-list-item__trailing"
           }, [t.trailing()])];
         }
@@ -7178,21 +7178,21 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
     const a = D(), {
       themeClasses: r
     } = Wt(e), i = Se(!1);
-    function o(d) {
+    function o(u) {
       var y;
-      !i.value && (d.relatedTarget && ((y = a.value) != null && y.contains(d.relatedTarget)));
+      !i.value && (u.relatedTarget && ((y = a.value) != null && y.contains(u.relatedTarget)));
     }
-    function l(d) {
+    function l(u) {
       i.value = !0;
     }
-    function s(d) {
+    function s(u) {
       i.value = !1;
     }
-    function c(d) {
+    function c(u) {
     }
     W(() => {
-      var d;
-      return u("div", z({
+      var u;
+      return d("div", z({
         ref: a,
         class: ["y-list", r.value],
         role: "listbox",
@@ -7201,7 +7201,7 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
         onFocusin: l,
         onFocusout: s,
         onKeydown: c
-      }, n), [(d = t.default) == null ? void 0 : d.call(t)]);
+      }, n), [(u = t.default) == null ? void 0 : u.call(t)]);
     });
   }
 }), Xa = F({
@@ -7217,55 +7217,63 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
   },
   flexHeight: {
     type: Boolean
-  }
+  },
+  onScroll: Function
 }, "YTable"), ft = /* @__PURE__ */ M({
   name: "YTable",
   props: {
     ...Xa()
   },
+  emits: ["scroll"],
   setup(e, {
-    slots: t
+    slots: t,
+    emit: n
   }) {
     const {
-      resizeObservedRef: n,
-      contentRect: a
+      resizeObservedRef: a,
+      contentRect: r
     } = Fe(), {
-      resizeObservedRef: r,
-      contentRect: i
+      resizeObservedRef: i,
+      contentRect: o
     } = Fe(), {
-      resizeObservedRef: o,
-      contentRect: l
+      resizeObservedRef: l,
+      contentRect: s
     } = Fe();
     ve("YTable", {
-      containerRect: a
-    }), W(() => {
-      var d, y, h;
-      const s = e.tag ?? "div", c = e.flexHeight ? ((d = a.value) == null ? void 0 : d.height) ?? e.height : e.height;
-      return u(s, {
+      containerRect: r
+    });
+    function c(u) {
+      n("scroll", u);
+    }
+    W(() => {
+      var h, p, _;
+      const u = e.tag ?? "div", y = e.flexHeight ? ((h = r.value) == null ? void 0 : h.height) ?? e.height : e.height;
+      return d(u, {
         class: ["y-table", {
           "y-table--fixed-head": e.fixedHead,
           "y-table--fixed-height": e.flexHeight || e.height,
           "y-table--flex-height": e.flexHeight
         }],
         style: {
-          "--y-table-container-width": U((y = a.value) == null ? void 0 : y.width),
-          "--y-table-wrapper-width": U((h = i.value) == null ? void 0 : h.width)
+          "--y-table-container-width": U((p = r.value) == null ? void 0 : p.width),
+          "--y-table-wrapper-width": U((_ = o.value) == null ? void 0 : _.width)
         }
       }, {
         default: () => {
-          var p, _, C, m, v;
-          return [(p = t.top) == null ? void 0 : p.call(t), t.default ? u("div", {
-            ref: n,
+          var C, m, v, w, b;
+          return [(C = t.top) == null ? void 0 : C.call(t), t.default ? d("div", {
+            ref: a,
             class: ["y-table__container"]
-          }, [(_ = t.leading) == null ? void 0 : _.call(t), u("div", {
-            ref: r,
+          }, [(m = t.leading) == null ? void 0 : m.call(t), d("div", {
+            ref: i,
             class: ["y-table__wrapper"],
             style: {
-              height: U(c)
-            }
-          }, [u("table", {
-            ref: o
-          }, [t.default()])]), (C = t.trailing) == null ? void 0 : C.call(t)]) : (m = t.container) == null ? void 0 : m.call(t, n, a), (v = t.bottom) == null ? void 0 : v.call(t)];
+              height: U(y)
+            },
+            onScroll: c
+          }, [d("table", {
+            ref: l
+          }, [t.default()])]), (v = t.trailing) == null ? void 0 : v.call(t)]) : (w = t.container) == null ? void 0 : w.call(t, a, r), (b = t.bottom) == null ? void 0 : b.call(t)];
         }
       });
     });
@@ -7310,7 +7318,7 @@ const Jr = za(), Ad = /* @__PURE__ */ M({
     });
     W(() => {
       const i = e.type === "head" ? "th" : "td";
-      return u(i, z({
+      return d(i, z({
         class: [`y-data-table__${i}`, "y-data-table-cell", {
           "y-data-table-cell--fixed": e.fixed,
           [`y-data-table-cell--fixed-${e.fixed}`]: e.fixed,
@@ -7367,19 +7375,19 @@ function Do(e, t) {
         rowIndex: o[_].rowIndex
       });
     }
-    const d = Re(l).map(
+    const u = Re(l).map(
       () => []
     ), y = Re(l).fill(0);
     o.forEach(({ column: _, rowIndex: C }) => {
       const { key: m } = _;
       for (let v = C; v <= C + (_.rowspan ?? 1) - 1; v += 1)
-        d[v].push({
+        u[v].push({
           ..._,
           key: m,
           fixedOffset: y[v],
           sortable: _.sortable ?? !!m
         }), y[v] += Number(_.width ?? 0);
-    }), d.forEach((_) => {
+    }), u.forEach((_) => {
       for (let C = _.length; C -= 1; C >= 0)
         if (_[C].fixed) {
           _[C].lastFixed = !0;
@@ -7387,12 +7395,12 @@ function Do(e, t) {
         }
     });
     const h = /* @__PURE__ */ new Set();
-    n.value = d.map((_) => {
+    n.value = u.map((_) => {
       const C = [];
       for (const m of _)
         h.has(m.key) || (h.add(m.key), C.push(m));
       return C;
-    }), a.value = d.at(-1) ?? [];
+    }), a.value = u.at(-1) ?? [];
   });
   const r = { headers: n, columns: a };
   return ve(sa, r), r;
@@ -7492,7 +7500,7 @@ function Io(e, {
       selected: new Set(a.value)
     });
   }
-  function d(m) {
+  function u(m) {
     c([m], !l([m]));
   }
   function y(m) {
@@ -7507,7 +7515,7 @@ function Io(e, {
     allItems: r.value,
     pageItems: i.value
   })), p = E(() => s(i.value)), _ = E(() => l(h.value)), C = {
-    toggleSelect: d,
+    toggleSelect: u,
     select: c,
     selectAll: y,
     isSelected: l,
@@ -7548,7 +7556,7 @@ const Pd = F({
     } = Ja(), {
       columns: i
     } = Za();
-    W(() => u("tr", {
+    W(() => d("tr", {
       class: ["y-data-table__row"],
       onClick: e.onClick,
       onContextmenu: e.onContextmenu,
@@ -7562,7 +7570,7 @@ const Pd = F({
         value: Ge(s.columns, o.key),
         selected: E(() => a(s)).value,
         toggleSelect: r
-      }, d = typeof e.cellProps == "function" ? e.cellProps({
+      }, u = typeof e.cellProps == "function" ? e.cellProps({
         index: c.index,
         column: o,
         internalItem: c.internalItem,
@@ -7570,7 +7578,7 @@ const Pd = F({
         value: c.value,
         selected: c.selected
       }) : e.cellProps;
-      return u(la, z({
+      return d(la, z({
         align: o.align,
         fixed: o.fixed ? o.lastFixed ? "last" : "lead" : void 0,
         fixedOffset: o.fixedOffset,
@@ -7579,11 +7587,11 @@ const Pd = F({
         class: ["y-data-table-data", {
           "y-data-table-data--select": o.key === "data-table-select"
         }]
-      }, d), {
+      }, u), {
         default: () => {
           var h, p;
           const y = `item.${o.key}`;
-          return n[y] ? (h = n[y]) == null ? void 0 : h.call(n, c) : o.key === "data-table-select" ? ((p = n["item.data-table-select"]) == null ? void 0 : p.call(n, c)) ?? u(Ie, z({
+          return n[y] ? (h = n[y]) == null ? void 0 : h.call(n, c) : o.key === "data-table-select" ? ((p = n["item.data-table-select"]) == null ? void 0 : p.call(n, c)) ?? d(Ie, z({
             checked: a(s),
             disabled: !s.selectable
           }, {
@@ -7630,16 +7638,16 @@ const Pd = F({
     } = Ja();
     return W(() => {
       var o, l;
-      return e.loading ? u("tr", null, [u("td", {
+      return e.loading ? d("tr", null, [d("td", {
         colspan: a.value.length,
         class: "y-data-table__loading"
-      }, [t.loading ? t.loading() : u("div", null, [e.loadingText])])]) : !e.loading && e.items.length < 1 && !e.hideNoData ? u("tr", {
+      }, [t.loading ? t.loading() : d("div", null, [e.loadingText])])]) : !e.loading && e.items.length < 1 && !e.hideNoData ? d("tr", {
         key: "no-data",
         class: "y-data-table__no-data"
-      }, [u("td", {
+      }, [d("td", {
         colspan: a.value.length
-      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : u(Z, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((s, c) => {
-        const d = {
+      }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : d(Z, null, [t.body ? (l = t.body) == null ? void 0 : l.call(t, e) : e.items.map((s, c) => {
+        const u = {
           index: c,
           item: s.raw,
           internalItem: s,
@@ -7647,36 +7655,36 @@ const Pd = F({
           isSelected: r,
           toggleSelect: i
         }, y = {
-          ...d,
+          ...u,
           props: z({
             key: `item__${s.value ?? s.index}`,
             item: s,
             onClick: e["onClick:row"] ? (h) => {
               var p;
               (p = e["onClick:row"]) == null || p.call(e, h, {
-                ...d
+                ...u
               });
             } : void 0,
             onDblclick: e["onDblclick:row"] ? (h) => {
               var p;
               (p = e["onDblclick:row"]) == null || p.call(e, h, {
-                ...d
+                ...u
               });
             } : void 0,
             onContextmenu: e["onContextmenu:row"] ? (h) => {
               var p;
               (p = e["onContextmenu:row"]) == null || p.call(e, h, {
-                ...d
+                ...u
               });
             } : void 0,
             index: c
           }, typeof e.rowProps == "function" ? e.rowProps({
-            item: d.item,
-            index: d.index,
-            internalItem: d.internalItem
+            item: u.item,
+            index: u.index,
+            internalItem: u.internalItem
           }) : e.rowProps)
         };
-        return u(Z, null, [t.item ? t.item(y) : u($d, y.props, t)]);
+        return d(Z, null, [t.item ? t.item(y) : d($d, y.props, t)]);
       })]);
     }), {};
   }
@@ -7764,7 +7772,7 @@ const Po = F({
       } else if (o.value >= 0)
         return o.value;
       return s(innerWidth, 58);
-    }), d = E(() => {
+    }), u = E(() => {
       const v = !!e.disabled || a.value <= i.value, w = !!e.disabled || a.value >= i.value + r.value - 1;
       return {
         first: {
@@ -7866,48 +7874,48 @@ const Po = F({
         "--y-pagination__gap": v
       };
     });
-    return W(() => u("div", {
+    return W(() => d("div", {
       class: ["y-pagination", {
         [`y-pagination--align-${e.align}`]: e.align !== "start"
       }],
       role: "navigation",
       style: m.value,
       ref: l
-    }, [u("ul", {
+    }, [d("ul", {
       class: ["y-pagination__list"]
-    }, [e.showEndButton && u("li", {
+    }, [e.showEndButton && d("li", {
       key: "first",
       class: "y-pagination__first"
-    }, [t.first ? t.first(d.value.first) : u(re, d.value.first, {
-      default: () => [t["first-icon"] ? t["first-icon"]() : u(Ne, {
+    }, [t.first ? t.first(u.value.first) : d(re, u.value.first, {
+      default: () => [t["first-icon"] ? t["first-icon"]() : d(Ne, {
         type: "first"
       }, null)]
-    })]), u("li", {
+    })]), d("li", {
       key: "prev",
       class: "y-pagination__prev"
-    }, [t.prev ? t.prev(d.value.prev) : u(re, d.value.prev, {
-      default: () => [t["prev-icon"] ? t["prev-icon"]() : u(Ne, {
+    }, [t.prev ? t.prev(u.value.prev) : d(re, u.value.prev, {
+      default: () => [t["prev-icon"] ? t["prev-icon"]() : d(Ne, {
         type: "prev"
       }, null)]
-    })]), C.value.map((v, w) => u("li", {
+    })]), C.value.map((v, w) => d("li", {
       key: v.key,
       class: ["y-pagination__item", {
         "y-pagination__item--active": v.active
       }]
-    }, [u(re, v.props, {
+    }, [d(re, v.props, {
       default: () => [v.props.ellipsis ? t.ellipsis ? t.ellipsis() : "..." : v.page]
-    })])), u("li", {
+    })])), d("li", {
       key: "next",
       class: "y-pagination__next"
-    }, [t.next ? t.next(d.value.next) : u(re, d.value.next, {
-      default: () => [t["next-icon"] ? t["next-icon"]() : u(Ne, {
+    }, [t.next ? t.next(u.value.next) : d(re, u.value.next, {
+      default: () => [t["next-icon"] ? t["next-icon"]() : d(Ne, {
         type: "next"
       }, null)]
-    })]), e.showEndButton && u("li", {
+    })]), e.showEndButton && d("li", {
       key: "last",
       class: "y-pagination__last"
-    }, [t.last ? t.last(d.value.last) : u(re, d.value.last, {
-      default: () => [t["last-icon"] ? t["last-icon"]() : u(Ne, {
+    }, [t.last ? t.last(u.value.last) : d(re, u.value.last, {
+      default: () => [t["last-icon"] ? t["last-icon"]() : d(Ne, {
         type: "last"
       }, null)]
     })])])])), {
@@ -7957,7 +7965,7 @@ function Yo(e) {
   function c() {
     t.value = Ot(t.value - 1, 1, o.value);
   }
-  function d(h) {
+  function u(h) {
     t.value = Ot(h, 1, o.value);
   }
   const y = {
@@ -7969,7 +7977,7 @@ function Yo(e) {
     total: a,
     nextPage: s,
     prevPage: c,
-    setPage: d,
+    setPage: u,
     setPageSize: l
   };
   return ve(Yd, y), y;
@@ -7997,13 +8005,13 @@ const Rd = F({
   }) {
     W(() => {
       var n, a;
-      return u("footer", {
+      return d("footer", {
         class: ["y-data-table-control"]
-      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : u(Z, null, [u("div", {
+      }, [(n = t.prepend) == null ? void 0 : n.call(t, e), t.default ? t.default() : d(Z, null, [d("div", {
         class: "y-data-table-control__start"
-      }, null), u("div", {
+      }, null), d("div", {
         class: "y-data-table-control__end"
-      }, [u($o, {
+      }, [d($o, {
         "model-value": e.page,
         "onUpdate:modelValue": e.setPage,
         length: e.pageLength,
@@ -8029,8 +8037,8 @@ function Ro(e) {
   const { sortBy: t, multiSort: n, page: a } = e, r = (l) => {
     var y;
     let s = ((y = t.value) == null ? void 0 : y.map((h) => ({ ...h }))) ?? [];
-    const c = s.find((h) => h.key === l.key), d = { key: l.key, order: "asc" };
-    c ? c.order === "desc" ? l.mustSort ? c.order = "asc" : s = s.filter((h) => h.key !== l.key) : c.order = "desc" : n != null && n.value ? s = [...s, d] : s = [d], t.value = s, a && (a.value = 1);
+    const c = s.find((h) => h.key === l.key), u = { key: l.key, order: "asc" };
+    c ? c.order === "desc" ? l.mustSort ? c.order = "asc" : s = s.filter((h) => h.key !== l.key) : c.order = "desc" : n != null && n.value ? s = [...s, u] : s = [u], t.value = s, a && (a.value = 1);
   };
   function i(l) {
     return !!t.value.find((s) => s.key === l.key);
@@ -8078,7 +8086,7 @@ const Lo = F({
       showSelectAll: s,
       selectables: c
     } = Ja(), {
-      columns: d,
+      columns: u,
       headers: y
     } = Za(), h = (m, v) => {
       if (!(!e.sticky && !m.fixed))
@@ -8104,7 +8112,7 @@ const Lo = F({
       column: m,
       x: v,
       y: w
-    }) => u(la, z({
+    }) => d(la, z({
       type: "head",
       align: m.align,
       fixed: m.fixed ? m.lastFixed ? "last" : "lead" : void 0,
@@ -8138,7 +8146,7 @@ const Lo = F({
           selectables: c.value,
           getSortDirection: _
         };
-        return t[b] ? (S = t[b]) == null ? void 0 : S.call(t, f) : m.key === "data-table-select" ? ((g = t["header.data-table-select"]) == null ? void 0 : g.call(t, f)) ?? (s && u(Ie, z({
+        return t[b] ? (S = t[b]) == null ? void 0 : S.call(t, f) : m.key === "data-table-select" ? ((g = t["header.data-table-select"]) == null ? void 0 : g.call(t, f)) ?? (s && d(Ie, z({
           checked: o.value,
           indeterminate: !o.value && i.value,
           disabled: c.value.length < 1
@@ -8146,18 +8154,18 @@ const Lo = F({
           onClick: (x) => {
             x.stopPropagation(), l(!o.value);
           }
-        }), null)) : u("div", {
+        }), null)) : d("div", {
           class: "y-data-table-header__content"
-        }, [u("span", {
+        }, [d("span", {
           class: "y-data-table-header__text"
-        }, [m.text]), u("span", {
+        }, [m.text]), d("span", {
           class: ["y-data-table-header__sorting-icon", {
             "y-data-table-header__sorting-icon--disabled": !m.sortable
           }],
           onClick: m.sortable ? (x) => {
             x.stopPropagation(), n(m);
           } : void 0
-        }, [u(Ka, {
+        }, [d(Ka, {
           disabled: !m.sortable,
           direction: _(m)
         }, null)])]);
@@ -8165,7 +8173,7 @@ const Lo = F({
     });
     W(() => {
       var m;
-      return u(Z, null, [t.head ? (m = t.head) == null ? void 0 : m.call(t, e) : y.value.map((v, w) => u("tr", null, [v.map((b, f) => u(C, {
+      return d(Z, null, [t.head ? (m = t.head) == null ? void 0 : m.call(t, e) : y.value.map((v, w) => d("tr", null, [v.map((b, f) => d(C, {
         column: b,
         x: f,
         y: w
@@ -8183,11 +8191,11 @@ const Lo = F({
     const n = pe("YTable");
     return W(() => {
       var a, r, i;
-      return u("div", {
+      return d("div", {
         class: ["y-data-table-layer"]
-      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : u(Z, null, [u("div", {
+      }, [t.layer ? (a = t.layer) == null ? void 0 : a.call(t, e.slotProps) : d(Z, null, [d("div", {
         class: ["y-data-table-layer__head"]
-      }, [(r = t["layer-head"]) == null ? void 0 : r.call(t, e.slotProps)]), u("div", {
+      }, [(r = t["layer-head"]) == null ? void 0 : r.call(t, e.slotProps)]), d("div", {
         class: ["y-data-table-layer__body"]
       }, [(i = t["layer-body"]) == null ? void 0 : i.call(t, e.slotProps)])])]);
     }), {
@@ -8272,7 +8280,8 @@ const er = F({
     "update:pageSize": (e) => !0,
     "update:sortBy": (e) => !0,
     "update:options": (e) => !0,
-    "click:row": (e, t) => !0
+    "click:row": (e, t) => !0,
+    scroll: (e) => !0
   },
   setup(e, {
     slots: t,
@@ -8292,7 +8301,7 @@ const er = F({
     }), {
       items: c
     } = Fo(e, l), {
-      toggleSort: d
+      toggleSort: u
     } = Ro({
       sortBy: i,
       multiSort: o,
@@ -8334,7 +8343,7 @@ const er = F({
       search: ke(e, "search"),
       sortBy: i
     }, n), ve("y-data-table", {
-      toggleSort: d,
+      toggleSort: u,
       sortBy: i,
       headRect: j
     });
@@ -8347,7 +8356,7 @@ const er = F({
       setPage: m,
       // sorting
       sortBy: i.value,
-      toggleSort: d,
+      toggleSort: u,
       // selection
       someSelected: g.value,
       allSelected: x.value,
@@ -8363,7 +8372,7 @@ const er = F({
     return W(() => {
       var Y;
       const P = ie(e, It.props), I = ie(e, Nt.props), A = ie(e, ft.props);
-      return u(ft, z({
+      return d(ft, z({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
@@ -8376,14 +8385,14 @@ const er = F({
           var R;
           return (R = t.top) == null ? void 0 : R.call(t, O.value);
         },
-        leading: () => t.leading ? t.leading(O.value) : u(Z, null, [u(fa, {
+        leading: () => t.leading ? t.leading(O.value) : d(Z, null, [d(fa, {
           "slot-props": O.value
         }, t)]),
         default: () => {
           var R, ne, k;
-          return t.default ? t.default(O.value) : u(Z, null, [u("thead", {
+          return t.default ? t.default(O.value) : d(Z, null, [d("thead", {
             ref: N
-          }, [u(It, P, t)]), (R = t.thead) == null ? void 0 : R.call(t, O.value), u("tbody", null, [u(Nt, z(I, {
+          }, [d(It, P, t)]), (R = t.thead) == null ? void 0 : R.call(t, O.value), d("tbody", null, [d(Nt, z(I, {
             items: v.value
           }), t)]), (ne = t.tbody) == null ? void 0 : ne.call(t, O.value), (k = t.tfoot) == null ? void 0 : k.call(t, O.value)]);
         },
@@ -8391,7 +8400,7 @@ const er = F({
           var R;
           return (R = t.trailing) == null ? void 0 : R.call(t, O.value);
         },
-        bottom: () => t.bottom ? t.bottom(O.value) : u(ua, null, {
+        bottom: () => t.bottom ? t.bottom(O.value) : d(ua, null, {
           prepend: t["control.prepend"],
           append: t["control.append"]
         })
@@ -8443,7 +8452,7 @@ const er = F({
     } = Do(e, {
       enableSelect: fn(e, "enableSelect")
     }), {
-      items: d
+      items: u
     } = Fo(e, s), {
       toggleSort: y
     } = Ro({
@@ -8466,8 +8475,8 @@ const er = F({
       someSelected: b,
       allSelected: f
     } = Io(e, {
-      allItems: d,
-      pageItems: d
+      allItems: u,
+      pageItems: u
     }), {
       resizeObservedRef: S,
       contentRect: g
@@ -8500,14 +8509,14 @@ const er = F({
       selectAll: v,
       toggleSelect: w,
       //
-      items: d.value,
+      items: u.value,
       columns: s.value,
       headers: c.value
     }));
     W(() => {
       var P;
       const N = ie(e, It.props), j = ie(e, Nt.props), O = ie(e, ft.props);
-      return u(ft, z({
+      return d(ft, z({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
@@ -8520,20 +8529,20 @@ const er = F({
           var I;
           return (I = t.top) == null ? void 0 : I.call(t, x.value);
         },
-        leading: () => t.leading ? t.leading(x.value) : u(Z, null, [u(fa, null, t)]),
+        leading: () => t.leading ? t.leading(x.value) : d(Z, null, [d(fa, null, t)]),
         default: () => {
           var I, A, Y;
-          return t.default ? t.default(x.value) : u(Z, null, [u("thead", {
+          return t.default ? t.default(x.value) : d(Z, null, [d("thead", {
             ref: S
-          }, [u(It, N, t)]), (I = t.thead) == null ? void 0 : I.call(t, x.value), u("tbody", null, [u(Nt, z(j, {
-            items: d.value
+          }, [d(It, N, t)]), (I = t.thead) == null ? void 0 : I.call(t, x.value), d("tbody", null, [d(Nt, z(j, {
+            items: u.value
           }), t)]), (A = t.tbody) == null ? void 0 : A.call(t, x.value), (Y = t.tfoot) == null ? void 0 : Y.call(t, x.value)]);
         },
         trailing: () => {
           var I;
           return (I = t.trailing) == null ? void 0 : I.call(t, x.value);
         },
-        bottom: () => t.bottom ? t.bottom(x.value) : u(ua, null, {
+        bottom: () => t.bottom ? t.bottom(x.value) : d(ua, null, {
           prepend: t["control.prepend"]
         })
       });
@@ -8592,13 +8601,13 @@ const Ko = {
       var g;
       return !!((g = r.value) != null && g.finish);
     }), {
-      children: d,
+      children: u,
       parent: y
     } = lo(r, l, ke(e, "preventCloseBubble")), {
       startOpenDelay: h,
       startCloseDelay: p
     } = So(e, (g) => {
-      !g && e.openOnHover && !s.value && d.value.length === 0 ? l.value = !1 : g && (l.value = !0);
+      !g && e.openOnHover && !s.value && u.value.length === 0 ? l.value = !1 : g && (l.value = !0);
     });
     function _(g) {
       e.openOnHover && h();
@@ -8627,7 +8636,7 @@ const Ko = {
           return;
         }
         if (l.value) {
-          (!y && d.value.length === 0 || y) && (l.value = !1);
+          (!y && u.value.length === 0 || y) && (l.value = !1);
           const j = (x = y == null ? void 0 : y.$el.value) == null ? void 0 : x.content$, O = (N = y == null ? void 0 : y.$el.value) == null ? void 0 : N.modal;
           !(j && !Sc(g, j)) && !O && !e.preventCloseBubble && (y == null || y.clear());
         }
@@ -8656,7 +8665,7 @@ const Ko = {
     return a({
       layer$: r,
       baseEl: S
-    }), W(() => u(Z, null, [u(Te, z({
+    }), W(() => d(Z, null, [d(Te, z({
       ref: r,
       transition: e.transition,
       "onClick:complement": v,
@@ -8675,7 +8684,7 @@ const Ko = {
     }), {
       default: (...g) => {
         var x;
-        return u(Z, null, [((x = t.default) == null ? void 0 : x.call(t, ...g)) ?? ""]);
+        return d(Z, null, [((x = t.default) == null ? void 0 : x.call(t, ...g)) ?? ""]);
       },
       base: (...g) => {
         var x;
@@ -8685,7 +8694,7 @@ const Ko = {
       layer$: r,
       baseEl: S,
       classes: i,
-      children: d,
+      children: u,
       parent: y,
       active: l,
       hovered: s
@@ -8768,10 +8777,10 @@ const Ko = {
       readonly: l,
       iconComponent: s
     } = this;
-    return u(Z, null, [u("div", {
+    return d(Z, null, [d("div", {
       onClick: e,
       class: t
-    }, [u("input", {
+    }, [d("input", {
       id: n,
       "aria-checked": a,
       role: "checkbox",
@@ -8783,7 +8792,7 @@ const Ko = {
       readonly: l
     }, null), this.$slots.icon ? this.$slots.icon({
       checked: a
-    }) : s ? q(s) : u(Ie, null, null)])]);
+    }) : s ? q(s) : d(Ie, null, null)])]);
   }
 }), Ud = /* @__PURE__ */ M({
   name: "YCheckbox",
@@ -8823,7 +8832,7 @@ const Ko = {
       const v = !r.value;
       r.value = v, t("change", v);
     }
-    function d() {
+    function u() {
       var C;
       Array.isArray(e.modelValue) ? ((C = e.modelValue) == null ? void 0 : C.find((v) => v === e.value)) !== void 0 ? r.value = !0 : r.value = !1 : typeof e.modelValue == "boolean" && (r.value = e.modelValue);
     }
@@ -8854,19 +8863,19 @@ const Ko = {
       } else
         t("update:modelValue", C);
     }), L(() => e.modelValue, (C) => {
-      Array.isArray(C) ? d() : r.value = !!C;
+      Array.isArray(C) ? u() : r.value = !!C;
     }, {
       immediate: !0,
       deep: !0
     }), W(() => {
       var C, m, v;
-      return u("div", {
+      return d("div", {
         class: [{
           ...y.value
         }]
-      }, [(C = n.leading) == null ? void 0 : C.call(n), u("div", {
+      }, [(C = n.leading) == null ? void 0 : C.call(n), d("div", {
         class: "y-checkbox__slot"
-      }, [u(ha, {
+      }, [d(ha, {
         onClick: (w, ...b) => {
           w.stopPropagation(), c(w, ...b);
         },
@@ -8885,7 +8894,7 @@ const Ko = {
             return (b = n.icon) == null ? void 0 : b.call(n, ...w);
           }
         }]
-      }), u("label", {
+      }), d("label", {
         onClick: ya(() => {
         }, ["stop"]),
         class: "y-checkbox__label",
@@ -8911,11 +8920,11 @@ const Ko = {
   }) {
     return () => {
       const n = e.icon;
-      let a = () => u(Z, null, null), r = {};
-      return n instanceof Object && (a = n, "component" in n && (a = n.component, r = n == null ? void 0 : n.props)), u(e.tag, null, {
+      let a = () => d(Z, null, null), r = {};
+      return n instanceof Object && (a = n, "component" in n && (a = n.component, r = n == null ? void 0 : n.props)), d(e.tag, null, {
         default: () => {
           var i;
-          return [e.icon ? u(a, z(r), null) : (i = t.default) == null ? void 0 : i.call(t)];
+          return [e.icon ? d(a, z(r), null) : (i = t.default) == null ? void 0 : i.call(t)];
         }
       });
     };
@@ -8927,19 +8936,19 @@ const Ko = {
   setup(e, {
     attrs: t
   }) {
-    return () => u(e.tag, t, {
-      default: () => [u("svg", {
+    return () => d(e.tag, t, {
+      default: () => [d("svg", {
         class: "y-icon__svg",
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 24 24",
         role: "img",
         "aria-hidden": "true"
-      }, [Array.isArray(e.icon) ? e.icon.map((n) => Array.isArray(n) ? u("path", {
+      }, [Array.isArray(e.icon) ? e.icon.map((n) => Array.isArray(n) ? d("path", {
         d: n[0],
         "fill-opacity": n[1]
-      }, null) : u("path", {
+      }, null) : d("path", {
         d: n
-      }, null)) : u("path", {
+      }, null)) : d("path", {
         d: e.icon
       }, null)])]
     });
@@ -8990,22 +8999,22 @@ function qd(e) {
       }
       const i = Object.keys(t.sets).find((c) => typeof r == "string" && r.startsWith(`${c}:`)), o = i ? r.slice(i.length + 1) : r, l = t.sets[i ?? t.defaultSet];
       if (!(l != null && l.component) && typeof r == "string") {
-        const d = new DOMParser().parseFromString(r, "text/xml").querySelector("svg");
-        if (d)
+        const u = new DOMParser().parseFromString(r, "text/xml").querySelector("svg");
+        if (u)
           return {
             component: Hn,
             icon: {
               mounted() {
-                d.childNodes.forEach((y) => {
+                u.childNodes.forEach((y) => {
                   var h;
                   (h = this.$el) == null || h.appendChild(y);
                 });
               },
               render: function() {
                 const y = {};
-                if (d.hasAttributes())
-                  for (let p = 0; p < d.attributes.length; p += 1) {
-                    const _ = d.attributes.item(p);
+                if (u.hasAttributes())
+                  for (let p = 0; p < u.attributes.length; p += 1) {
+                    const _ = u.attributes.item(p);
                     _ && (y[`^${_.name}`] = _.value);
                   }
                 return q("svg", {
@@ -9053,7 +9062,7 @@ const qo = F({
     W(() => {
       var l, s;
       const o = (l = n.default) == null ? void 0 : l.call(n);
-      return o && (a.value = (s = o.filter((c) => c.type === Text && c.children && typeof c.children == "string")[0]) == null ? void 0 : s.children), u(i.value.component, {
+      return o && (a.value = (s = o.filter((c) => c.type === Text && c.children && typeof c.children == "string")[0]) == null ? void 0 : s.children), d(i.value.component, {
         tag: e.tag,
         icon: i.value.icon,
         class: ["y-icon", "notranslate", r.value, {
@@ -9109,14 +9118,14 @@ const Xo = F({
     }
     W(() => {
       const o = ie(e, Mt.props), l = ie(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ke.props);
-      return u(Z, null, [u(Mt, z(o, {
+      return d(Z, null, [d(Mt, z(o, {
         modelValue: r.value,
         "onUpdate:modelValue": (s) => r.value = s,
         "content-classes": ["y-dropdown__content"]
       }), {
         base: (...s) => {
           var c;
-          return t.base ? (c = t.base) == null ? void 0 : c.call(t, ...s) : u(re, z({
+          return t.base ? (c = t.base) == null ? void 0 : c.call(t, ...s) : d(re, z({
             variation: e.variation,
             color: e.color,
             class: ["y-dropdown", {
@@ -9124,10 +9133,10 @@ const Xo = F({
             }]
           }, n), {
             default: () => {
-              var d;
-              return [u("span", {
+              var u;
+              return [d("span", {
                 class: "y-dropdown__default"
-              }, [(d = t.default) == null ? void 0 : d.call(t)]), t["dropdown-icon"] ? t["dropdown-icon"]() : u(Ke, z(z(l), {
+              }, [(u = t.default) == null ? void 0 : u.call(t)]), t["dropdown-icon"] ? t["dropdown-icon"]() : d(Ke, z(z(l), {
                 icon: e.dropdownIcon,
                 class: ["y-dropdown__icon"]
               }), null)];
@@ -9136,20 +9145,20 @@ const Xo = F({
         },
         default: () => {
           let s;
-          return t.menu ? t.menu() : u(Dn, null, {
-            default: () => [Array.isArray(e.items) && e.items.length > 0 ? u(qa, null, Zd(s = e.items.map((c) => {
-              const d = ee(c, e.itemText);
-              return u(Ga, {
+          return t.menu ? t.menu() : d(Dn, null, {
+            default: () => [Array.isArray(e.items) && e.items.length > 0 ? d(qa, null, Zd(s = e.items.map((c) => {
+              const u = ee(c, e.itemText);
+              return d(Ga, {
                 onClick: (y) => i(c)
               }, {
                 default: () => [t.item ? t.item({
-                  text: d,
+                  text: u,
                   item: c
-                }) : d]
+                }) : u]
               });
             })) ? s : {
               default: () => [s]
-            }) : u("div", {
+            }) : d("div", {
               class: "y-dropdown__no-options"
             }, [lt("항목이 없습니다.")])]
           });
@@ -9263,11 +9272,11 @@ const Qo = F({
   }) {
     const r = D(), i = D(), o = D(), l = X(e, "opened"), s = _i(!1), {
       items: c,
-      toRefineItems: d,
+      toRefineItems: u,
       toEmitItems: y
     } = tf(e), {
       t: h
-    } = Tn(), p = X(e, "modelValue", [], (O) => d(O === null ? [null] : Ue(O)), (O) => {
+    } = Tn(), p = X(e, "modelValue", [], (O) => u(O === null ? [null] : Ue(O)), (O) => {
       const P = y(Ue(O));
       return e.multiple ? P : P[0] ?? null;
     }), _ = E(() => {
@@ -9327,7 +9336,7 @@ const Qo = F({
     });
     return W(() => {
       const O = ie(e, pn.props), P = ie(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, Ke.props);
-      return u(Mt, z({
+      return d(Mt, z({
         modelValue: l.value,
         "onUpdate:modelValue": (I) => l.value = I,
         ref: i,
@@ -9345,7 +9354,7 @@ const Qo = F({
       }, m.value), {
         base: (...I) => {
           var A, Y;
-          return t.base ? (A = t.base) == null ? void 0 : A.call(t, ...I) : u(pn, z({
+          return t.base ? (A = t.base) == null ? void 0 : A.call(t, ...I) : d(pn, z({
             ...O,
             ...z({
               ...I[0].props
@@ -9367,7 +9376,7 @@ const Qo = F({
           }), {
             default: () => {
               var R;
-              return u("div", {
+              return d("div", {
                 class: ["y-select__selection"]
               }, [t.selection ? (R = t.selection) == null ? void 0 : R.call(t) : C.value.length > 0 ? N.value : e.placeholder]);
             },
@@ -9375,7 +9384,7 @@ const Qo = F({
               var ne;
               return (ne = t.leading) == null ? void 0 : ne.call(t, ...R);
             } : void 0,
-            trailing: (...R) => t["dropdown-icon"] ? t["dropdown-icon"]() : u(Ke, z(z(P), {
+            trailing: (...R) => t["dropdown-icon"] ? t["dropdown-icon"]() : d(Ke, z(z(P), {
               icon: e.dropdownIcon,
               class: ["y-select__icon"]
             }), null),
@@ -9384,12 +9393,12 @@ const Qo = F({
         },
         default: t.menu ? () => t.menu() : () => {
           let I;
-          return u(Dn, null, {
+          return d(Dn, null, {
             default: () => {
               var A, Y;
-              return [(A = t["menu-prepend"]) == null ? void 0 : A.call(t), c.value.length > 0 ? u(qa, {
+              return [(A = t["menu-prepend"]) == null ? void 0 : A.call(t), c.value.length > 0 ? d(qa, {
                 ref: o
-              }, nf(I = c.value.map((R) => u(Ga, {
+              }, nf(I = c.value.map((R) => d(Ga, {
                 onClick: (ne) => f(R),
                 class: {
                   "y-list-item--active": v(R)
@@ -9404,7 +9413,7 @@ const Qo = F({
                 }) : R.text]
               }))) ? I : {
                 default: () => [I]
-              }) : u("div", {
+              }) : d("div", {
                 class: "y-select__no-options"
               }, [h("$yuyeon.noItems")]), (Y = t["menu-append"]) == null ? void 0 : Y.call(t)];
             }
@@ -9454,7 +9463,7 @@ const Qo = F({
     }
     return W(() => {
       const s = ie(e, re.props);
-      return u(re, z({
+      return d(re, z({
         class: ["y-tab"],
         active: !1
       }, o.value, n, s, {
@@ -9465,7 +9474,7 @@ const Qo = F({
           var c;
           return ((c = t.default) == null ? void 0 : c.call(t)) ?? e.text;
         },
-        append: () => !e.hideIndicator && u("div", {
+        append: () => !e.hideIndicator && d("div", {
           ref: r,
           class: ["y-tab__indicator"],
           style: i.value
@@ -9509,24 +9518,24 @@ const Qo = F({
       isSelected: o.isSelected
     })), s = E(() => {
       var c;
-      return ((c = e.items) == null ? void 0 : c.map((d) => typeof d != "object" ? {
-        text: d,
-        value: d
-      } : d)) ?? [];
+      return ((c = e.items) == null ? void 0 : c.map((u) => typeof u != "object" ? {
+        text: u,
+        value: u
+      } : u)) ?? [];
     });
-    return W(() => u(e.tag, {
+    return W(() => d(e.tag, {
       class: ["y-tabs"],
       role: "tablist"
     }, {
-      default: () => [u("div", {
+      default: () => [d("div", {
         key: "container",
         ref: n,
         class: ["y-tabs__container"]
-      }, [u("div", {
+      }, [d("div", {
         key: "content",
         ref: r,
         class: ["y-tabs__content"]
-      }, [t.default ? t.default(l.value) : s.value.map((c) => u(nl, z(c, {
+      }, [t.default ? t.default(l.value) : s.value.map((c) => d(nl, z(c, {
         key: c.text
       }), null))])])]
     })), {
@@ -9559,7 +9568,7 @@ const Qo = F({
     });
     W(() => {
       var i;
-      return bt(u("div", {
+      return bt(d("div", {
         ref: n,
         class: [lf, {
           [`y-alert--${e.semantic}`]: e.semantic,
@@ -9567,13 +9576,13 @@ const Qo = F({
           "y-alert--outlined": a.value.includes("outlined")
         }],
         style: r.value
-      }, [u(yt, null, null), t.leading && u("div", {
+      }, [d(yt, null, null), t.leading && d("div", {
         class: ["y-alert__leading"]
-      }, [t.leading()]), u("div", {
+      }, [t.leading()]), d("div", {
         class: ["y-alert__content"]
-      }, [t.title && u("div", {
+      }, [t.title && d("div", {
         class: ["y-alert__title"]
-      }, [t.title()]), (i = t.default) == null ? void 0 : i.call(t)]), t.trailing && u("div", {
+      }, [t.title()]), (i = t.default) == null ? void 0 : i.call(t)]), t.trailing && d("div", {
         class: ["y-alert__trailing"]
       }, [t.trailing()])]), [[_n("theme")]]);
     });
@@ -9583,7 +9592,7 @@ const Qo = F({
 }, "YDivider"), uf = /* @__PURE__ */ M({
   props: il(),
   setup(e) {
-    W(() => bt(u("hr", {
+    W(() => bt(d("hr", {
       class: ["y-divider", {
         "y-divider--vertical": e.vertical
       }]
@@ -9623,7 +9632,7 @@ const Qo = F({
     }, (b) => n.getYear(b)), c = X(e, "month", void 0, (b) => {
       const f = b != null ? Number(b) : n.getMonth(l.value), S = n.setYear(n.date(), n.getYear(s.value));
       return n.setMonth(S, f);
-    }, (b) => n.getMonth(b)), d = E(() => {
+    }, (b) => n.getMonth(b)), u = E(() => {
       const b = n.getWeekArray(c.value), f = b.flat(), S = 6 * 7;
       if (f.length < S) {
         const g = f[f.length - 1];
@@ -9633,7 +9642,7 @@ const Qo = F({
       }
       return b;
     }), y = E(() => {
-      const b = d.value, f = n.date();
+      const b = u.value, f = n.date();
       return b.map((S, g) => S.map((x, N) => {
         var I;
         const j = n.toISO(x), O = !n.isSameMonth(x, c.value), P = !!((I = o.value) != null && I.find((A) => A != null && n.isSameDay(x, A)));
@@ -9703,20 +9712,20 @@ const Qo = F({
       } else
         o.value = [f];
     }
-    return W(() => u("div", {
+    return W(() => d("div", {
       class: ["y-date-calendar", {
         "y-date-calendar--range": e.range && o.value.length === 2
       }]
-    }, [!e.hideHeader && u("header", {
+    }, [!e.hideHeader && d("header", {
       class: "y-date-calendar__header"
-    }, [t.header ? t.header() : p.value]), u("div", {
+    }, [t.header ? t.header() : p.value]), d("div", {
       ref: r,
       class: ["y-date-calendar__container"]
-    }, [!e.hideWeekdays && u("div", {
+    }, [!e.hideWeekdays && d("div", {
       class: ["y-date-calendar__week"]
-    }, [h.value.map((b) => u("div", {
+    }, [h.value.map((b) => d("div", {
       class: ["y-date-calendar__cell", "y-date-calendar__weekday"]
-    }, [b]))]), y.value.map((b, f) => u("div", {
+    }, [b]))]), y.value.map((b, f) => d("div", {
       class: ["y-date-calendar__week"],
       role: "row",
       "aria-rowindex": f
@@ -9731,7 +9740,7 @@ const Qo = F({
         item: S,
         index: g
       };
-      return u("div", {
+      return d("div", {
         class: ["y-date-calendar__cell", "y-date-calendar__day", {
           "y-date-calendar__day--adjacent": S.adjacent,
           "y-date-calendar__day--hovered": S.hovered,
@@ -9743,7 +9752,7 @@ const Qo = F({
           "y-date-calendar__day--range-end": S.rangeEnd
         }],
         "data-date": S.disabled ? void 0 : S.isoDate
-      }, [(e.showAdjacentMonthDates || !S.adjacent) && u(Z, null, [((N = t.day) == null ? void 0 : N.call(t, x)) ?? u(re, z({
+      }, [(e.showAdjacentMonthDates || !S.adjacent) && d(Z, null, [((N = t.day) == null ? void 0 : N.call(t, x)) ?? d(re, z({
         color: (S.selected || S.today) && !S.disabled ? e.color : void 0,
         disabled: S.disabled,
         variation: ["rounded", S.selected ? "filled" : S.today ? "outlined" : "text"].join(",")
@@ -9783,15 +9792,15 @@ const Qo = F({
     function r(i) {
       n.value = i;
     }
-    return W(() => u("div", {
+    return W(() => d("div", {
       class: ["y-month-picker"]
     }, [a.value.map((i, o) => {
       const l = {
         active: o === n.value
       };
-      return u("div", {
+      return d("div", {
         class: ["y-month-picker__cell", "y-month-picker__month"]
-      }, [u(re, {
+      }, [d(re, {
         variation: ["rounded", "text"].join(","),
         active: l.active,
         color: e.color,
@@ -9848,40 +9857,40 @@ const Qo = F({
     function c() {
       t("click:month");
     }
-    W(() => u("div", {
+    W(() => d("div", {
       class: ["y-date-picker-control"]
-    }, [u(re, {
+    }, [d(re, {
       variation: "text",
       class: "y-date-picker-control__display",
       disabled: n.value,
       onClick: s
     }, {
       default: () => [e.yearText]
-    }), u(re, {
+    }), d(re, {
       variation: "text",
       class: "y-date-picker-control__display",
       disabled: a.value,
       onClick: c
     }, {
       default: () => [e.monthText]
-    }), u("div", {
+    }), d("div", {
       class: "flex-spacer"
-    }, null), u(re, {
+    }, null), d(re, {
       class: "y-date-picker-control__page-button",
       variation: "text",
       disabled: r.value,
       onClick: o
     }, {
-      default: () => [u(Ke, {
+      default: () => [d(Ke, {
         icon: e.prevIcon
       }, null)]
-    }), u(re, {
+    }), d(re, {
       class: "y-date-picker-control__page-button",
       variation: "text",
       disabled: i.value,
       onClick: l
     }, {
-      default: () => [u(Ke, {
+      default: () => [d(Ke, {
         icon: e.nextIcon
       }, null)]
     })]));
@@ -9900,33 +9909,33 @@ const Qo = F({
     expose: n
   }) {
     const a = kn(), r = X(e, "modelValue"), i = r.value, o = D(i - i % rn - (i < 0 ? rn : 0)), l = E(() => {
-      let d = a.startOfYear(a.date());
-      return Re(rn + 1, o.value).map((y) => (d = a.setYear(d, y), {
-        text: a.format(d, "year"),
+      let u = a.startOfYear(a.date());
+      return Re(rn + 1, o.value).map((y) => (u = a.setYear(u, y), {
+        text: a.format(u, "year"),
         value: y,
         active: r.value === y
       }));
     });
-    function s(d) {
-      r.value = d;
+    function s(u) {
+      r.value = u;
     }
-    function c(d = 1) {
-      let y = o.value + rn * d;
+    function c(u = 1) {
+      let y = o.value + rn * u;
       y < 0 && (y = 0), o.value = y;
     }
     return n({
       changePage: c
-    }), W(() => u("div", {
+    }), W(() => d("div", {
       class: ["y-year-picker"]
-    }, [l.value.map((d) => u("div", {
+    }, [l.value.map((u) => d("div", {
       class: ["y-year-picker__cell"]
-    }, [u(re, {
+    }, [d(re, {
       variation: ["rounded", "text"].join(","),
-      active: d.active,
+      active: u.active,
       color: e.color,
-      onClick: () => s(d.value)
+      onClick: () => s(u.value)
     }, {
-      default: () => [d.text]
+      default: () => [u.text]
     })]))])), {};
   }
 }), sl = F({
@@ -9941,7 +9950,7 @@ const Qo = F({
     const n = D(), a = kn(), r = X(e, "modelValue"), i = X(e, "mode"), o = D(a.getMonth(a.date())), l = D(a.getYear(a.date())), s = E(() => {
       const w = a.setYear(a.date(), l.value);
       return a.setMonth(w, o.value);
-    }), c = E(() => a.format(s.value, "month")), d = E(() => a.format(s.value, "year"));
+    }), c = E(() => a.format(s.value, "month")), u = E(() => a.format(s.value, "year"));
     function y() {
       i.value = i.value === "month" ? "date" : "month";
     }
@@ -9977,27 +9986,27 @@ const Qo = F({
       i.value === "month" && y(), t("update:month", o.value);
     }), L(l, () => {
       i.value === "year" && (i.value = "month"), t("update:year", l.value);
-    }), W(() => u("div", {
+    }), W(() => d("div", {
       class: ["y-date-picker"]
-    }, [u(Qr, z(ie(e, Qr.props), {
-      yearText: d.value,
+    }, [d(Qr, z(ie(e, Qr.props), {
+      yearText: u.value,
       monthText: c.value,
       "onClick:year": p,
       "onClick:month": _,
       "onClick:prev": m,
       "onClick:next": v
-    }), null), u(xn, {
+    }), null), d(xn, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: () => [i.value === "month" ? u(ll, {
+      default: () => [i.value === "month" ? d(ll, {
         modelValue: o.value,
         "onUpdate:modelValue": (w) => o.value = w
-      }, null) : i.value === "year" ? u(hf, {
+      }, null) : i.value === "year" ? d(hf, {
         modelValue: l.value,
         "onUpdate:modelValue": (w) => l.value = w,
         ref: n
-      }, null) : u(va, z(ie(e, va.props), {
+      }, null) : d(va, z(ie(e, va.props), {
         hideHeader: !0,
         modelValue: r.value,
         "onUpdate:modelValue": (w) => r.value = w,
@@ -10042,7 +10051,7 @@ const Qo = F({
     } = Tn();
     W(() => {
       const a = e.tag, r = Number(e.content), i = !e.max || isNaN(r) ? e.content : r <= +e.max ? r : `${e.max}+`;
-      return u(a, {
+      return d(a, {
         class: ["y-badge", {
           "y-badge--bordered": e.bordered,
           "y-badge--dot": e.dot,
@@ -10052,9 +10061,9 @@ const Qo = F({
       }, {
         default: () => {
           var o;
-          return [u("div", {
+          return [d("div", {
             class: "y-badge__base"
-          }, [(o = t.default) == null ? void 0 : o.call(t), u(na, {
+          }, [(o = t.default) == null ? void 0 : o.call(t), d(na, {
             is: e.transition,
             transitionProps: {
               name: e.transition
@@ -10062,13 +10071,13 @@ const Qo = F({
           }, {
             default: () => {
               var l;
-              return [bt(u("span", {
+              return [bt(d("span", {
                 class: ["y-badge__badge"],
                 "aria-atomic": "true",
                 "aria-label": n(e.label, r),
                 "aria-live": "polite",
                 role: "status"
-              }, [e.dot ? void 0 : t.badge ? (l = t.badge) == null ? void 0 : l.call(t) : e.icon ? u(Ke, {
+              }, [e.dot ? void 0 : t.badge ? (l = t.badge) == null ? void 0 : l.call(t) : e.icon ? d(Ke, {
                 icon: e.icon
               }, null) : i]), [[ai, !e.hide]])];
             }
@@ -10175,8 +10184,8 @@ function Sf(e = gf) {
         date: a
       });
       Object.keys(ei).forEach((c) => {
-        const d = ei[c];
-        o.component(c, d);
+        const u = ei[c];
+        o.component(c, u);
       }), o.directive("plate-wave", qi), o.provide(gn, t.instance), o.provide(Go, r), o.provide(to, {
         ...n.localeModule,
         ...n.rtlModule