yuyeon 0.0.10 → 0.0.12

package/dist/yuyeon.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, h as k, getCurrentInstance as Je, createVNode as l, withDirectives as Qe, resolveDirective as Sn, ref as T, toRef as Fe, computed as E, watch as R, nextTick as et, withKeys as Aa, createTextVNode as Ke, watchEffect as Ae, withModifiers as Vt, Transition as Bt, reactive as ze, Teleport as Va, mergeProps as Z, vShow as Ba, Fragment as L, onScopeDispose as Oa, effectScope as wn, toRaw as xn, inject as tt, provide as ye, onMounted as Ia, onBeforeUnmount as Ya, readonly as Da, onBeforeUpdate as Na, shallowRef as Pa } from "vue";
+import { defineComponent as A, h as k, getCurrentInstance as Je, createVNode as l, withDirectives as Qe, resolveDirective as Sn, ref as T, toRef as Fe, computed as C, watch as R, nextTick as et, withKeys as Aa, createTextVNode as Ke, watchEffect as Ae, withModifiers as Vt, Transition as Bt, reactive as ze, Teleport as Va, mergeProps as Z, vShow as Ba, Fragment as L, onScopeDispose as Oa, effectScope as wn, toRaw as xn, inject as tt, provide as ye, onMounted as Ia, onBeforeUnmount as Ya, readonly as Da, onBeforeUpdate as Na, shallowRef as Pa } from "vue";
 const Ra = A({
   name: "YApp",
   setup(e, { slots: t }) {
@@ -667,7 +667,7 @@ const rt = "y-field-input", vt = A({
     "blur"
   ],
   setup(e, { attrs: t, expose: n, emit: a, slots: i }) {
-    const r = T(), o = T(), s = T(!1), c = T(""), h = T(""), f = Fe(e, "type"), d = E(() => {
+    const r = T(), o = T(), s = T(!1), c = T(""), h = T(""), d = Fe(e, "type"), f = C(() => {
       var u;
       return {
         ...((u = r.value) == null ? void 0 : u.classes) || {},
@@ -679,11 +679,11 @@ const rt = "y-field-input", vt = A({
       var b;
       (b = o.value) == null || b.focus(), a("click", u);
     }
-    function C(u) {
+    function x(u) {
       s.value = !0, h.value = c.value, a("focus", u);
     }
     function m(u) {
-      s.value = !1, a("blur", u), x();
+      s.value = !1, a("blur", u), E();
     }
     function _(u) {
       a("input", u);
@@ -699,10 +699,10 @@ const rt = "y-field-input", vt = A({
     function y(u) {
       a("keyup", u);
     }
-    function w(u) {
+    function S(u) {
       I();
     }
-    function S(u) {
+    function w(u) {
       (u.code === "Space" || u.code === "Enter") && I();
     }
     function $() {
@@ -716,7 +716,7 @@ const rt = "y-field-input", vt = A({
     function I() {
       c.value = "", h.value = "", a("update:modelValue", c.value);
     }
-    function x() {
+    function E() {
       const u = Je(), { displayText: b } = e;
       if (b !== void 0) {
         let O = c.value;
@@ -734,14 +734,14 @@ const rt = "y-field-input", vt = A({
         immediate: !0
       }
     ), R(c, (u) => {
-      s.value ? h.value = u : x();
+      s.value ? h.value = u : E();
     }), n({
       focus: $,
       select: B,
       clear: I,
       inputRef: o
     });
-    const N = () => {
+    const Y = () => {
       const u = {};
       for (const b in We)
         u[b] = e[b];
@@ -753,17 +753,17 @@ const rt = "y-field-input", vt = A({
     return () => k(
       ht,
       {
-        class: d.value,
+        class: f.value,
         ref: r,
-        ...N(),
+        ...Y(),
         modelValue: c.value,
         "onUpdate:modelValue": V,
         onClick: p
       },
       {
         prepend: i.prepend ? (...u) => {
-          var D;
-          const b = [], O = (D = i.prepend) == null ? void 0 : D.call(i, ...u);
+          var N;
+          const b = [], O = (N = i.prepend) == null ? void 0 : N.call(i, ...u);
           if (O)
             b.push(O);
           else
@@ -782,7 +782,7 @@ const rt = "y-field-input", vt = A({
             k("input", {
               ".value": h.value,
               ".id": u.attrId,
-              "^type": f.value,
+              "^type": d.value,
               readonly: e.readonly || e.loading || u.formLoading,
               ".placeholder": e.placeholder,
               ".disabled": e.disabled,
@@ -790,7 +790,7 @@ const rt = "y-field-input", vt = A({
               autocomplete: t.autocomplete,
               maxlength: t.maxlength,
               onInput: _,
-              onFocus: C,
+              onFocus: x,
               onBlur: m,
               onChange: v,
               onKeydown: g,
@@ -810,8 +810,8 @@ const rt = "y-field-input", vt = A({
                 "button",
                 {
                   class: `${rt}__clear`,
-                  onClick: w,
-                  onKeydown: S,
+                  onClick: S,
+                  onKeydown: w,
                   "^tabindex": "2"
                 },
                 [k(Yn)]
@@ -923,7 +923,7 @@ const rt = "y-field-input", vt = A({
 });
 function Xa(e) {
   return {
-    numValue: E(() => {
+    numValue: C(() => {
       const { value: n } = e, a = Number(n);
       return Number.isNaN(a) || a < 0 ? 0 : a > 100 ? 100 : a;
     })
@@ -1034,8 +1034,8 @@ const Za = /* @__PURE__ */ A({
     }), e.classList.add(i);
   }
   Ae(() => {
-    var s, c, h, f, d;
-    const i = ((c = (s = t.instance) == null ? void 0 : s.$yuyeon) == null ? void 0 : c.theme) ?? ((d = (f = (h = n == null ? void 0 : n.ctx) == null ? void 0 : h.root.appContext.config.globalProperties) == null ? void 0 : f.$yuyeon) == null ? void 0 : d.theme), r = t.value ?? i.name ?? "";
+    var s, c, h, d, f;
+    const i = ((c = (s = t.instance) == null ? void 0 : s.$yuyeon) == null ? void 0 : c.theme) ?? ((f = (d = (h = n == null ? void 0 : n.ctx) == null ? void 0 : h.root.appContext.config.globalProperties) == null ? void 0 : d.$yuyeon) == null ? void 0 : f.theme), r = t.value ?? i.name ?? "";
     if (!r)
       return;
     const o = `theme--${r}`;
@@ -1279,10 +1279,10 @@ const ni = /* @__PURE__ */ A({
       innerValue: s,
       disabled: c,
       trackStyles: h,
-      stateLabel: f,
-      labelOn: d,
+      stateLabel: d,
+      labelOn: f,
       labelOff: p,
-      loading: C
+      loading: x
     } = this;
     return l("div", {
       class: {
@@ -1309,19 +1309,19 @@ const ni = /* @__PURE__ */ A({
     }, null), l("div", {
       class: "y-switch__track",
       style: h
-    }, [f && l("div", {
+    }, [d && l("div", {
       class: "y-switch__state"
     }, [l("span", {
       class: "y-switch__state-label y-switch__state-label--on"
     }, {
-      labelOn: d
+      labelOn: f
     }), l("span", {
       class: "y-switch__state-label y-switch__state-label--off"
     }, {
       labelOff: p
     })])]), l("div", {
       class: "y-switch__thumb"
-    }, [C && l("div", {
+    }, [x && l("div", {
       class: "y-switch__spinner"
     }, null)])]), l("label", {
       for: o,
@@ -1339,7 +1339,7 @@ function M(e) {
 }
 const Qt = "y-layer-group";
 function ai(e) {
-  return { layerGroup: E(() => {
+  return { layerGroup: C(() => {
     const n = e == null ? void 0 : e.value;
     let a = document.body;
     if (typeof n == "string") {
@@ -1354,7 +1354,7 @@ function ai(e) {
 function ii(e, t) {
   const n = T(!1), a = T();
   a.value = t.value;
-  const i = E(() => e ? t.value : a.value);
+  const i = C(() => e ? t.value : a.value);
   R(t, () => {
     n.value || (a.value = t.value), e || (n.value = !0);
   });
@@ -1372,26 +1372,26 @@ function ri(e, t = 1e3, n) {
   let i = a ?? 100, r = -1;
   const o = T(0), s = T(t), c = T(!1);
   function h() {
-    const C = Date.now(), m = C - o.value;
+    const x = Date.now(), m = x - o.value;
     if (s.value = s.value - m, s.value < 1)
       e();
     else {
-      const _ = C - o.value + i, v = _ >= 1 ? _ : i;
-      o.value = C, r = window.setTimeout(h, v);
+      const _ = x - o.value + i, v = _ >= 1 ? _ : i;
+      o.value = x, r = window.setTimeout(h, v);
     }
   }
-  function f() {
+  function d() {
     c.value || (c.value = !0, o.value = Date.now(), r = window.setTimeout(h, i));
   }
-  function d() {
+  function f() {
     window.clearTimeout(r), r = -1, c.value = !1;
   }
   function p() {
-    d(), s.value = t;
+    f(), s.value = t;
   }
   return {
-    start: f,
-    stop: d,
+    start: d,
+    stop: f,
     reset: p,
     drift: s,
     isWork: c
@@ -1405,7 +1405,7 @@ const It = {
 };
 function oi(e) {
   return {
-    polyTransitionBindProps: E(() => {
+    polyTransitionBindProps: C(() => {
       const { is: n, ...a } = typeof e.transition == "object" ? e.transition : { is: e.transition, name: e.transition };
       return {
         is: n,
@@ -1536,15 +1536,15 @@ const le = /* @__PURE__ */ A({
       layerGroup: r
     } = ai(), {
       polyTransitionBindProps: o
-    } = oi(e), s = E({
+    } = oi(e), s = C({
       get: () => !!e.modelValue,
       set: (I) => {
         t("update:modelValue", I);
       }
     }), c = Fe(e, "disabled"), {
       lazyValue: h,
-      onAfterUpdate: f
-    } = ii(!!e.eager, s), d = E(() => !c.value && (h.value || s.value)), p = T(), C = T();
+      onAfterUpdate: d
+    } = ii(!!e.eager, s), f = C(() => !c.value && (h.value || s.value)), p = T(), x = T();
     function m(I) {
       t("click:complement", I), e.persistent || p.value !== null && p.value === I.target && e.closeClickScrim && (s.value = !1);
     }
@@ -1560,21 +1560,21 @@ const le = /* @__PURE__ */ A({
     });
     n({
       scrim$: p,
-      content$: C,
+      content$: x,
       active: s,
-      onAfterUpdate: f
+      onAfterUpdate: d
     });
     function g() {
     }
     function y() {
-      f();
+      d();
     }
-    function w() {
+    function S() {
       e.closeClickScrim && (s.value = !1);
     }
-    const S = E(() => ({
+    const w = C(() => ({
       zIndex: "2000"
-    })), $ = E(() => {
+    })), $ = C(() => {
       const {
         classes: I
       } = e;
@@ -1582,26 +1582,26 @@ const le = /* @__PURE__ */ A({
         ...ve(I),
         "y-layer--active": !!s.value
       };
-    }), B = E(() => ({
+    }), B = C(() => ({
       ...ve(e.contentClasses)
     }));
     return M(() => l(Va, {
       disabled: !r.value,
       to: r.value
     }, {
-      default: () => [d.value && l("div", Z({
+      default: () => [f.value && l("div", Z({
         class: {
           "y-layer": !0,
           ...$.value
         },
-        style: S.value
+        style: w.value
       }, a), [l(Bt, {
         name: "fade",
         appear: !0
       }, {
         default: () => [s.value && e.scrim && l("div", {
           class: "y-layer__scrim",
-          onClick: w,
+          onClick: S,
           ref: "scrim$"
         }, null)]
       }), l(en, Z({
@@ -1629,10 +1629,10 @@ const le = /* @__PURE__ */ A({
       complementClickOption: v,
       layerGroup: r,
       active: s,
-      rendered: d,
-      onAfterUpdate: f,
+      rendered: f,
+      onAfterUpdate: d,
       scrim$: p,
-      content$: C,
+      content$: x,
       polyTransitionBindProps: o
     };
   }
@@ -1659,24 +1659,24 @@ const ci = /* @__PURE__ */ A({
     emit: t,
     slots: n
   }) {
-    const a = E({
+    const a = C({
       get: () => !!e.modelValue,
-      set: (f) => {
-        t("update:modelValue", f);
+      set: (d) => {
+        t("update:modelValue", d);
       }
-    }), i = E(() => ({
+    }), i = C(() => ({
       ...ve(e.dialogClasses),
       "y-dialog": !0
     })), r = T();
-    function o(f) {
-      var C, m, _;
-      const d = f.relatedTarget, p = f.target;
-      if (d !== p && ((C = r.value) != null && C.content$) && ![document, (m = r.value) == null ? void 0 : m.content$].includes(p) && !((_ = r.value) != null && _.content$.contains(p))) {
-        const v = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', g = [...r.value.content$.querySelectorAll(v)].filter((S) => !S.hasAttribute("disabled") && !S.matches('[tabindex="-1"]'));
+    function o(d) {
+      var x, m, _;
+      const f = d.relatedTarget, p = d.target;
+      if (f !== p && ((x = r.value) != null && x.content$) && ![document, (m = r.value) == null ? void 0 : m.content$].includes(p) && !((_ = r.value) != null && _.content$.contains(p))) {
+        const v = 'button, [href], input:not([type="hidden"]), select, textarea, [tabindex]:not([tabindex="-1"])', g = [...r.value.content$.querySelectorAll(v)].filter((w) => !w.hasAttribute("disabled") && !w.matches('[tabindex="-1"]'));
         if (!g.length)
           return;
-        const y = g[0], w = g[g.length - 1];
-        y === w ? w.focus() : y.focus();
+        const y = g[0], S = g[g.length - 1];
+        y === S ? S.focus() : y.focus();
       }
     }
     function s() {
@@ -1685,16 +1685,16 @@ const ci = /* @__PURE__ */ A({
     function c() {
       document.removeEventListener("focusin", o);
     }
-    function h(f) {
-      a.value = f;
+    function h(d) {
+      a.value = d;
     }
-    return R(() => a.value, (f) => {
-      f ? s() : c();
+    return R(() => a.value, (d) => {
+      d ? s() : c();
     }, {
       immediate: !0
     }), M(() => {
-      var f;
-      return l(L, null, [(f = n.base) == null ? void 0 : f.call(n), l(le, {
+      var d;
+      return l(L, null, [(d = n.base) == null ? void 0 : d.call(n), l(le, {
         "model-value": a.value,
         "onUpdate:modelValue": h,
         scrim: !0,
@@ -1702,9 +1702,9 @@ const ci = /* @__PURE__ */ A({
         persistent: e.persistent,
         ref: r
       }, {
-        default: (...d) => {
+        default: (...f) => {
           var p;
-          return (p = n.default) == null ? void 0 : p.call(n, ...d);
+          return (p = n.default) == null ? void 0 : p.call(n, ...f);
         }
       })]);
     }), {
@@ -1798,26 +1798,26 @@ function an(e) {
 }
 class Wn {
   constructor(t, n = [0, 1], { easing: a, duration: i = K.duration, delay: r = K.delay, endDelay: o = K.endDelay, repeat: s = K.repeat, offset: c, direction: h = "normal" } = {}) {
-    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = ne, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((d, p) => {
-      this.resolve = d, this.reject = p;
+    if (this.startTime = null, this.rate = 1, this.t = 0, this.cancelTimestamp = null, this.easing = ne, this.duration = 0, this.totalDuration = 0, this.repeat = 0, this.playState = "idle", this.finished = new Promise((f, p) => {
+      this.resolve = f, this.reject = p;
     }), a = a || K.easing, pt(a)) {
-      const d = a.createAnimation(n);
-      a = d.easing, n = d.keyframes || n, i = d.duration || i;
+      const f = a.createAnimation(n);
+      a = f.easing, n = f.keyframes || n, i = f.duration || i;
     }
     this.repeat = s, this.easing = he(a) ? ne : an(a), this.updateDuration(i);
-    const f = pi(n, c, he(a) ? a.map(an) : ne);
-    this.tick = (d) => {
+    const d = pi(n, c, he(a) ? a.map(an) : ne);
+    this.tick = (f) => {
       var p;
       r = r;
-      let C = 0;
-      this.pauseTime !== void 0 ? C = this.pauseTime : C = (d - this.startTime) * this.rate, this.t = C, C /= 1e3, C = Math.max(C - r, 0), this.playState === "finished" && this.pauseTime === void 0 && (C = this.totalDuration);
-      const m = C / this.duration;
+      let x = 0;
+      this.pauseTime !== void 0 ? x = this.pauseTime : x = (f - this.startTime) * this.rate, this.t = x, x /= 1e3, x = Math.max(x - r, 0), this.playState === "finished" && this.pauseTime === void 0 && (x = this.totalDuration);
+      const m = x / this.duration;
       let _ = Math.floor(m), v = m % 1;
       !v && m >= 1 && (v = 1), v === 1 && _--;
       const g = _ % 2;
       (h === "reverse" || h === "alternate" && g || h === "alternate-reverse" && !g) && (v = 1 - v);
-      const y = C >= this.totalDuration ? 1 : Math.min(v, 1), w = f(this.easing(y));
-      t(w), this.pauseTime === void 0 && (this.playState === "finished" || C >= this.totalDuration + o) ? (this.playState = "finished", (p = this.resolve) === null || p === void 0 || p.call(this, w)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
+      const y = x >= this.totalDuration ? 1 : Math.min(v, 1), S = d(this.easing(y));
+      t(S), this.pauseTime === void 0 && (this.playState === "finished" || x >= this.totalDuration + o) ? (this.playState = "finished", (p = this.resolve) === null || p === void 0 || p.call(this, S)) : this.playState !== "idle" && (this.frameRequestId = requestAnimationFrame(this.tick));
     }, this.play();
   }
   play() {
@@ -2005,60 +2005,60 @@ function Mi() {
 }
 function Li(e, t, n, a = {}, i) {
   const r = Mi(), o = a.record !== !1 && r;
-  let s, { duration: c = K.duration, delay: h = K.delay, endDelay: f = K.endDelay, repeat: d = K.repeat, easing: p = K.easing, persist: C = !1, direction: m, offset: _, allowWebkitAcceleration: v = !1 } = a;
+  let s, { duration: c = K.duration, delay: h = K.delay, endDelay: d = K.endDelay, repeat: f = K.repeat, easing: p = K.easing, persist: x = !1, direction: m, offset: _, allowWebkitAcceleration: v = !1 } = a;
   const g = Un(e), y = qn(t);
-  let w = de.waapi();
+  let S = de.waapi();
   y && Ai(e, t);
-  const S = gt(t), $ = xi(g.values, S), B = xe.get(S);
+  const w = gt(t), $ = xi(g.values, w), B = xe.get(w);
   return Gn($.animation, !(pt(p) && $.generator) && a.record !== !1), () => {
     const I = () => {
       var V, u;
-      return (u = (V = Be.get(e, S)) !== null && V !== void 0 ? V : B == null ? void 0 : B.initialValue) !== null && u !== void 0 ? u : 0;
+      return (u = (V = Be.get(e, w)) !== null && V !== void 0 ? V : B == null ? void 0 : B.initialValue) !== null && u !== void 0 ? u : 0;
     };
-    let x = Ni(Pi(n), I);
-    const N = Ri(x, B);
+    let E = Ni(Pi(n), I);
+    const Y = Ri(E, B);
     if (pt(p)) {
-      const V = p.createAnimation(x, t !== "opacity", I, S, $);
-      p = V.easing, x = V.keyframes || x, c = V.duration || c;
+      const V = p.createAnimation(E, t !== "opacity", I, w, $);
+      p = V.easing, E = V.keyframes || E, c = V.duration || c;
     }
-    if (mt(S) && (de.cssRegisterProperty() ? Oi(S) : w = !1), y && !de.linearEasing() && (pe(p) || he(p) && p.some(pe)) && (w = !1), w) {
-      B && (x = x.map((b) => Ue(b) ? B.toDefaultUnit(b) : b)), x.length === 1 && (!de.partialKeyframes() || o) && x.unshift(I());
+    if (mt(w) && (de.cssRegisterProperty() ? Oi(w) : S = !1), y && !de.linearEasing() && (pe(p) || he(p) && p.some(pe)) && (S = !1), S) {
+      B && (E = E.map((b) => Ue(b) ? B.toDefaultUnit(b) : b)), E.length === 1 && (!de.partialKeyframes() || o) && E.unshift(I());
       const V = {
         delay: _e.ms(h),
         duration: _e.ms(c),
-        endDelay: _e.ms(f),
+        endDelay: _e.ms(d),
         easing: he(p) ? void 0 : ln(p, c),
         direction: m,
-        iterations: d + 1,
+        iterations: f + 1,
         fill: "both"
       };
       s = e.animate({
-        [S]: x,
+        [w]: E,
         offset: _,
         easing: he(p) ? p.map((b) => ln(b, c)) : void 0
       }, V), s.finished || (s.finished = new Promise((b, O) => {
         s.onfinish = b, s.oncancel = O;
       }));
-      const u = x[x.length - 1];
+      const u = E[E.length - 1];
       s.finished.then(() => {
-        C || (Be.set(e, S, u), s.cancel());
+        x || (Be.set(e, w, u), s.cancel());
       }).catch(Fn), v || (s.playbackRate = 1.000001);
     } else if (i && y)
-      x = x.map((V) => typeof V == "string" ? parseFloat(V) : V), x.length === 1 && x.unshift(parseFloat(I())), s = new i((V) => {
-        Be.set(e, S, N ? N(V) : V);
-      }, x, Object.assign(Object.assign({}, a), {
+      E = E.map((V) => typeof V == "string" ? parseFloat(V) : V), E.length === 1 && E.unshift(parseFloat(I())), s = new i((V) => {
+        Be.set(e, w, Y ? Y(V) : V);
+      }, E, Object.assign(Object.assign({}, a), {
         duration: c,
         easing: p
       }));
     else {
-      const V = x[x.length - 1];
-      Be.set(e, S, B && Ue(V) ? B.toDefaultUnit(V) : V);
+      const V = E[E.length - 1];
+      Be.set(e, w, B && Ue(V) ? B.toDefaultUnit(V) : V);
     }
-    return o && r(e, t, x, {
+    return o && r(e, t, E, {
       duration: c,
       delay: h,
       easing: p,
-      repeat: d,
+      repeat: f,
       offset: _
     }, "motion-one"), $.setAnimation(s), s;
   };
@@ -2129,10 +2129,10 @@ function qi(e) {
     for (let s = 0; s < r; s++) {
       const c = n[s];
       for (const h in a) {
-        const f = ji(i, h);
-        f.delay = Ui(f.delay, s, r);
-        const d = Li(c, h, a[h], f, e);
-        o.push(d);
+        const d = ji(i, h);
+        d.delay = Ui(d.delay, s, r);
+        const f = Li(c, h, a[h], d, e);
+        o.push(f);
       }
     }
     return Xn(
@@ -2206,13 +2206,13 @@ function W(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
   function h() {
     return e[s];
   }
-  const f = E(() => {
+  const d = C(() => {
     h();
     const p = r.vnode.props;
     return (oe(p, o) || oe(p, s)) && (oe(p, `onUpdate:${o}`) || oe(p, `onUpdate:${s}`));
   });
   Ji(
-    () => !f.value,
+    () => !d.value,
     () => {
       R(
         () => h(),
@@ -2222,18 +2222,18 @@ function W(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
       );
     }
   );
-  const d = E({
+  const f = C({
     get() {
-      return a(f.value ? h() : c.value);
+      return a(d.value ? h() : c.value);
     },
     set(p) {
-      const C = i(p), m = xn(f.value ? h() : c.value);
-      m === C || i(m) === p || (c.value = C, r == null || r.emit(`update:${s}`, C));
+      const x = i(p), m = xn(d.value ? h() : c.value);
+      m === x || i(m) === p || (c.value = x, r == null || r.emit(`update:${s}`, x));
     }
   });
-  return Object.defineProperty(d, "rxValue", {
-    get: () => f.value ? h() : c.value
-  }), d;
+  return Object.defineProperty(f, "rxValue", {
+    get: () => d.value ? h() : c.value
+  }), f;
 }
 const Ce = /* @__PURE__ */ A({
   name: "YPlate",
@@ -2241,7 +2241,7 @@ const Ce = /* @__PURE__ */ A({
     variation: Object
   },
   setup() {
-    const e = E(() => ({
+    const e = C(() => ({
       "y-plate": !0
     }));
     M(() => l("div", {
@@ -2306,44 +2306,44 @@ const un = {
     emit: t,
     slots: n
   }) {
-    const a = W(e), i = T(!1), r = E(() => ({
+    const a = W(e), i = T(!1), r = C(() => ({
       "y-snackbar": !0
-    })), o = E(() => ({
+    })), o = C(() => ({
       ...ve(e.contentClasses),
       "y-snackbar__display": !0
-    })), s = E(() => {
-      var S;
-      const [_, v] = (S = e.position) == null ? void 0 : S.split(" ");
+    })), s = C(() => {
+      var w;
+      const [_, v] = (w = e.position) == null ? void 0 : w.split(" ");
       let g = "top", y = "left";
       v ? (y = v, g = _) : y = _;
-      const w = {
+      const S = {
         [y === "center" ? "left" : y]: y === "center" ? "50%" : 0,
         [g]: 0
       };
-      return y === "center" && (w.transform = "translateX(-50%)"), w;
+      return y === "center" && (S.transform = "translateX(-50%)"), S;
     });
     function c() {
       a.value = !1;
     }
     const {
       start: h,
-      stop: f,
-      reset: d
+      stop: d,
+      reset: f
     } = ri(c, e.duration);
     function p() {
       e.duration > 0 && h();
     }
     R(i, (_) => {
-      _ ? f() : p();
+      _ ? d() : p();
     }), R(a, (_) => {
-      _ ? p() : d();
+      _ ? p() : f();
     }, {
       immediate: !0
     });
-    function C(_) {
+    function x(_) {
       t("click", _), a.value = !1;
     }
-    const m = E(() => {
+    const m = C(() => {
       const {
         transition: _,
         position: v
@@ -2366,7 +2366,7 @@ const un = {
         var _;
         return l(L, null, [l(Ce, null, null), l("div", {
           class: "y-snackbar__content",
-          onClick: Vt(C, ["capture"]),
+          onClick: Vt(x, ["capture"]),
           onMouseenter: () => i.value = !0,
           onMouseleave: () => i.value = !1
         }, [(_ = n.default) == null ? void 0 : _.call(n)])]);
@@ -2378,7 +2378,7 @@ const un = {
       computedContentClasses: o,
       computedInset: s,
       proxyTransition: m,
-      onClickContent: C
+      onClickContent: x
     };
   }
 });
@@ -2427,52 +2427,52 @@ const er = {
     emit: n,
     expose: a
   }) {
-    const i = T(), r = T(), o = T(), s = T(), c = T(), h = E(() => ({
+    const i = T(), r = T(), o = T(), s = T(), c = T(), h = C(() => ({
       ...ve(e.tooltipClasses),
       "y-tooltip": !0
-    })), f = W(e), d = E({
-      get: () => !!f.value,
+    })), d = W(e), f = C({
+      get: () => !!d.value,
       set: (y) => {
-        y && e.disabled || (f.value = y);
+        y && e.disabled || (d.value = y);
       }
-    }), p = E(() => {
+    }), p = C(() => {
       const y = s.value;
       if (y) {
         const {
-          position: w,
-          align: S
+          position: S,
+          align: w
         } = e, $ = c.value, B = y.getBoundingClientRect();
-        let I = B.top, x = B.left + B.width / 2;
-        return $ && (w === "top" || w === "bottom") && (w === "top" && (I -= $.clientHeight, I -= 8), w === "bottom" && (I += B.height, I += 8), S === "center" ? x -= $.clientWidth / 2 : S === "end" && (x = B.right, x -= $.clientWidth)), {
+        let I = B.top, E = B.left + B.width / 2;
+        return $ && (S === "top" || S === "bottom") && (S === "top" && (I -= $.clientHeight, I -= 8), S === "bottom" && (I += B.height, I += 8), w === "center" ? E -= $.clientWidth / 2 : w === "end" && (E = B.right, E -= $.clientWidth)), {
           top: `${I}px`,
-          left: `${x}px`
+          left: `${E}px`
         };
       }
       return {};
-    }), C = E(() => {
-      var y, w;
-      return (w = (y = o.value) == null ? void 0 : y[0]) == null ? void 0 : w.el;
+    }), x = C(() => {
+      var y, S;
+      return (S = (y = o.value) == null ? void 0 : y[0]) == null ? void 0 : S.el;
     });
     Ae(() => {
-      var w, S, $;
+      var S, w, $;
       if (!r.value) {
-        ((w = C.value) == null ? void 0 : w.nodeType) !== 3 && (s.value = C.value);
+        ((S = x.value) == null ? void 0 : S.nodeType) !== 3 && (s.value = x.value);
         return;
       }
       const y = r.value;
-      s.value = (S = r.value) != null && S.$el ? ($ = r.value) == null ? void 0 : $.$el : y;
-    }), R(d, (y) => {
+      s.value = (w = r.value) != null && w.$el ? ($ = r.value) == null ? void 0 : $.$el : y;
+    }), R(f, (y) => {
       y && et(() => {
-        var S;
-        const w = (S = i.value) == null ? void 0 : S.content$;
-        c.value = w;
+        var w;
+        const S = (w = i.value) == null ? void 0 : w.content$;
+        c.value = S;
       });
     });
     function m(y) {
-      e.openOnHover && (d.value = !0);
+      e.openOnHover && (f.value = !0);
     }
     function _(y) {
-      e.openOnHover && (d.value = !1);
+      e.openOnHover && (f.value = !1);
     }
     function v(y) {
       y.addEventListener("mouseenter", m), y.addEventListener("mouseleave", _);
@@ -2480,19 +2480,19 @@ const er = {
     function g(y) {
       y.removeEventListener("mouseenter", m), y.removeEventListener("mouseleave", _);
     }
-    return R(s, (y, w) => {
-      y ? v(y) : w && g(w);
+    return R(s, (y, S) => {
+      y ? v(y) : S && g(S);
     }), M(() => {
-      var w;
-      const y = (w = t.base) == null ? void 0 : w.call(t, {
-        active: d.value,
+      var S;
+      const y = (S = t.base) == null ? void 0 : S.call(t, {
+        active: f.value,
         props: Z({
           ref: r
         })
       });
       return o.value = y, l(L, null, [y, l(le, {
-        modelValue: d.value,
-        "onUpdate:modelValue": (S) => d.value = S,
+        modelValue: f.value,
+        "onUpdate:modelValue": (w) => f.value = w,
         ref: i,
         classes: h.value,
         scrim: !1,
@@ -2502,11 +2502,11 @@ const er = {
         },
         transition: e.transition
       }, {
-        default: (...S) => {
+        default: (...w) => {
           var $;
           return l(L, null, [l(Ce, null, null), l("div", {
             class: "y-tooltip__content"
-          }, [(($ = t.default) == null ? void 0 : $.call(t, ...S)) ?? ""])]);
+          }, [(($ = t.default) == null ? void 0 : $.call(t, ...w)) ?? ""])]);
         }
       })]);
     }), {
@@ -2515,7 +2515,7 @@ const er = {
       baseEl: s,
       coordinatesStyles: p,
       baseSlot: o,
-      active: d
+      active: f
     };
   }
 });
@@ -2595,13 +2595,13 @@ const ar = /* @__PURE__ */ A({
     R(i, (m) => {
       r.value = !!m;
     });
-    const s = E(() => {
+    const s = C(() => {
       let m = "0 0";
       return r.value && (m = `0 0 ${100 - n.value}% 0`), {
         position: "absolute",
         inset: m
       };
-    }), c = E(() => ({
+    }), c = C(() => ({
       "y-divide-panel": !0,
       "y-divide-panel--resizing": a.value
     }));
@@ -2611,17 +2611,17 @@ const ar = /* @__PURE__ */ A({
         n.value = Math.min(Math.max(10, (_.clientY - v.y) / v.height * 100), 90);
       });
     }
-    function f() {
-      a.value = !1, o.value.removeEventListener("mousemove", h), o.value.removeEventListener("mouseup", d), o.value.removeEventListener("mouseleave", p);
+    function d() {
+      a.value = !1, o.value.removeEventListener("mousemove", h), o.value.removeEventListener("mouseup", f), o.value.removeEventListener("mouseleave", p);
     }
-    function d(m) {
-      f();
+    function f(m) {
+      d();
     }
     function p(m) {
-      f();
+      d();
     }
-    function C(m) {
-      m.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", h), o.value.addEventListener("mouseup", d), o.value.addEventListener("mouseleave", p);
+    function x(m) {
+      m.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", h), o.value.addEventListener("mouseup", f), o.value.addEventListener("mouseleave", p);
     }
     return M(() => {
       var m, _;
@@ -2637,7 +2637,7 @@ const ar = /* @__PURE__ */ A({
           position: "absolute",
           inset: `${n.value}% 0 0 0`
         },
-        onMousedown: C
+        onMousedown: x
       }, [l("div", {
         class: "y-divide-panel__divider-line"
       }, null)]), l("div", {
@@ -2740,48 +2740,48 @@ const ae = /* @__PURE__ */ A({
   setup(e, { slots: t, expose: n }) {
     const a = tt("tree-view"), i = T(!1), r = T(!1), o = T(!1), s = T(!1);
     function c(y) {
-      const w = !r.value;
-      r.value = w, a.updateActive(g.value, w), a.emitActive();
+      const S = !r.value;
+      r.value = S, a.updateActive(g.value, S), a.emitActive();
     }
     function h(y) {
       y.stopPropagation();
-      const w = !i.value;
-      i.value = w, a.updateExpanded(g.value, w), a.emitExpanded();
+      const S = !i.value;
+      i.value = S, a.updateExpanded(g.value, S), a.emitExpanded();
     }
-    function f(y) {
+    function d(y) {
       y.stopPropagation();
-      const w = !o.value;
-      o.value = w, a.updateSelected(g.value, w), a.emitSelected();
+      const S = !o.value;
+      o.value = S, a.updateSelected(g.value, S), a.emitSelected();
     }
-    const d = E(() => {
+    const f = C(() => {
       var y;
       return ((y = e.item) == null ? void 0 : y[e.childrenKey]) ?? [];
-    }), p = E(() => d.value.length < 1), C = E(() => ({
+    }), p = C(() => f.value.length < 1), x = C(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": p.value,
       "y-tree-view-node--expanded": i.value,
       "y-tree-view-node--active": r.value
-    })), m = E(() => ({
+    })), m = C(() => ({
       "--tree-view-node--level": e.level
-    })), _ = E(() => F(e.item, e.textKey) ?? ""), v = E(() => ({
+    })), _ = C(() => F(e.item, e.textKey) ?? ""), v = C(() => ({
       level: e.level,
       imLeaf: p.value
     }));
     M(() => {
-      var S;
-      const y = d.value.map(($) => k(
+      var w;
+      const y = f.value.map(($) => k(
         Rt,
         { ...e, level: (e.level ?? 0) + 1, item: $ },
         t
-      )), w = [];
+      )), S = [];
       for (let $ = 0; $ < e.level; $ += 1)
-        w.push(
+        S.push(
           k("div", { class: "y-tree-view-node__indent-spacer" })
         );
       return k(
         "div",
         {
-          class: C.value,
+          class: x.value,
           style: m.value,
           ".role": "treeitem",
           "data-level": e.level
@@ -2795,7 +2795,7 @@ const ae = /* @__PURE__ */ A({
             },
             [
               k(Ce),
-              k("div", { class: "y-tree-view-node__indents" }, w),
+              k("div", { class: "y-tree-view-node__indents" }, S),
               /* EXPAND */
               p.value ? k("i", { class: "y-tree-view-node__no-expand-icon" }) : k(
                 H,
@@ -2812,7 +2812,7 @@ const ae = /* @__PURE__ */ A({
                 "div",
                 {
                   class: ["y-tree-view-node__select"],
-                  onClick: ($) => f($)
+                  onClick: ($) => d($)
                 },
                 [k(ae, { checked: o.value })]
               ),
@@ -2826,7 +2826,7 @@ const ae = /* @__PURE__ */ A({
                 k(
                   "div",
                   { class: "y-tree-view-node__text" },
-                  t.default ? (S = t.default) == null ? void 0 : S.call(t, {
+                  t.default ? (w = t.default) == null ? void 0 : w.call(t, {
                     text: _.value,
                     item: e.item
                   }) : _.value
@@ -2840,7 +2840,7 @@ const ae = /* @__PURE__ */ A({
             ]
           ),
           /* CHILDREN */
-          d.value.length > 0 ? k(
+          f.value.length > 0 ? k(
             ea,
             { disabled: e.disableTransition },
             i.value ? () => k(
@@ -2855,7 +2855,7 @@ const ae = /* @__PURE__ */ A({
         ]
       );
     });
-    const g = E(() => F(e.item, e.itemKey));
+    const g = C(() => F(e.item, e.itemKey));
     return n({
       myKey: g,
       expanded: i,
@@ -2935,23 +2935,23 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
     emit: n,
     expose: a
   }) {
-    const i = T({}), r = W(e, "expanded"), o = W(e, "active"), s = W(e, "selected"), c = T(/* @__PURE__ */ new Set()), h = T(/* @__PURE__ */ new Set()), f = T(/* @__PURE__ */ new Set());
+    const i = T({}), r = W(e, "expanded"), o = W(e, "active"), s = W(e, "selected"), c = T(/* @__PURE__ */ new Set()), h = T(/* @__PURE__ */ new Set()), d = T(/* @__PURE__ */ new Set());
     T([]);
-    function d(u, b = []) {
+    function f(u, b = []) {
       const {
         childKeys: O
       } = i.value[u];
       b.push(...O);
-      for (const D of O)
-        b = d(D, b);
+      for (const N of O)
+        b = f(N, b);
       return b;
     }
     function p(u) {
       return e.returnItem ? F(u, e.itemKey) : u;
     }
-    function C(u, b = null, O = 0) {
-      for (const D of u) {
-        const P = F(D, e.itemKey), U = F(D, e.childrenKey) ?? [], me = oe(i.value, P) ? i.value[P] : {
+    function x(u, b = null, O = 0) {
+      for (const N of u) {
+        const P = F(N, e.itemKey), U = F(N, e.childrenKey) ?? [], me = oe(i.value, P) ? i.value[P] : {
           vnode: null,
           selected: !1,
           indeterminate: !1,
@@ -2959,7 +2959,7 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
           expanded: !1
         }, Ta = {
           vnode: me.vnode,
-          item: D,
+          item: N,
           level: O,
           parentKey: b,
           childKeys: U.map((ka) => F(ka, e.itemKey)),
@@ -2968,14 +2968,14 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
           indeterminate: me.indeterminate,
           selected: me.selected
         };
-        C(U, P, O + 1), i.value[P] = Ta, i.value[P].expanded && c.value.add(P), i.value[P].selected && c.value.add(P), i.value[P].active && f.value.add(P), B(P);
+        x(U, P, O + 1), i.value[P] = Ta, i.value[P].expanded && c.value.add(P), i.value[P].selected && c.value.add(P), i.value[P].active && d.value.add(P), B(P);
       }
     }
     function m(u, b) {
       if (!(u in i.value))
         return;
-      const O = i.value[u], D = F(O.item, e.childrenKey);
-      Array.isArray(D) && D.length > 0 && (b ? c.value.add(u) : c.value.delete(u), O.expanded = b, B(u));
+      const O = i.value[u], N = F(O.item, e.childrenKey);
+      Array.isArray(N) && N.length > 0 && (b ? c.value.add(u) : c.value.delete(u), O.expanded = b, B(u));
     }
     function _(u = !0) {
       Object.entries(i.value).forEach(([b, O]) => {
@@ -2986,48 +2986,48 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
       if (!(u in i.value))
         return;
       const O = i.value[u];
-      let D = b ? "" : u;
-      if (e.multipleActive || ([D] = f.value.keys()), b && (f.value.add(u), O.active = !0), D && D in i.value && (f.value.delete(D), i.value[D].active = !1, B(D)), e.multipleActive && e.activeStrategy === "cascade")
-        for (const P of d(u))
-          P in i.value && (b ? f.value.add(P) : f.value.delete(P), i.value[P].active = b, B(P));
+      let N = b ? "" : u;
+      if (e.multipleActive || ([N] = d.value.keys()), b && (d.value.add(u), O.active = !0), N && N in i.value && (d.value.delete(N), i.value[N].active = !1, B(N)), e.multipleActive && e.activeStrategy === "cascade")
+        for (const P of f(u))
+          P in i.value && (b ? d.value.add(P) : d.value.delete(P), i.value[P].active = b, B(P));
     }
     function g(u, b) {
       if (!(u in i.value))
         return;
       const O = i.value[u];
       if (b && (h.value.add(u), O.selected = !0), !b && u in i.value && (h.value.delete(u), i.value[u].selected = !1, B(u)), e.selectStrategy === "cascade")
-        for (const D of d(u))
-          D in i.value && (b ? h.value.add(D) : h.value.delete(D), i.value[D].selected = b, B(D));
+        for (const N of f(u))
+          N in i.value && (b ? h.value.add(N) : h.value.delete(N), i.value[N].selected = b, B(N));
     }
     function y() {
       const u = [...c.value];
       r.value = e.returnItem ? u.map((b) => i.value[b].item) : u;
     }
-    function w() {
-      const u = [...f.value];
+    function S() {
+      const u = [...d.value];
       o.value = e.returnItem ? u.map((b) => i.value[b].item) : u;
     }
-    function S() {
+    function w() {
       const u = [...h.value];
       s.value = e.returnItem ? u.map((b) => i.value[b].item) : u;
     }
-    function $(u, b, O, D) {
+    function $(u, b, O, N) {
       const P = e.returnItem ? u.map((ue) => F(ue, e.itemKey)) : u, U = [...b.value];
-      He(U, P) || (U.forEach((ue) => O(ue, !1)), P.forEach((ue) => O(ue, !0)), D());
+      He(U, P) || (U.forEach((ue) => O(ue, !1)), P.forEach((ue) => O(ue, !0)), N());
     }
     R(r, (u) => {
       $(u, c, m, y);
     }), R(o, (u) => {
-      $(u, f, v, w);
+      $(u, d, v, S);
     }), R(s, (u) => {
-      $(u, h, g, S);
+      $(u, h, g, w);
     }), R(() => e.items, (u) => {
-      const b = Object.keys(i.value).map((U) => F(i.value[U].item, e.itemKey)), O = ta(u, e.itemKey, e.childrenKey), D = ir(b, O);
-      if (D.length < 1 && O.length < b.length)
+      const b = Object.keys(i.value).map((U) => F(i.value[U].item, e.itemKey)), O = ta(u, e.itemKey, e.childrenKey), N = ir(b, O);
+      if (N.length < 1 && O.length < b.length)
         return;
-      D.forEach((U) => delete i.value[U]);
+      N.forEach((U) => delete i.value[U]);
       const P = [...h.value];
-      h.value.clear(), c.value.clear(), f.value.clear(), C(u), He(P, [...h.value]) || S();
+      h.value.clear(), c.value.clear(), d.value.clear(), x(u), He(P, [...h.value]) || w();
     }, {
       deep: !0
     });
@@ -3038,18 +3038,18 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
     function I(u, b) {
       i.value[u] && (i.value[u].vnode = b), B(u);
     }
-    C(e.items), ye("tree-view", {
+    x(e.items), ye("tree-view", {
       register: I,
       updateExpanded: m,
       updateActive: v,
       updateSelected: g,
       emitExpanded: y,
-      emitActive: w,
-      emitSelected: S
+      emitActive: S,
+      emitSelected: w
     });
-    const x = E(() => e.items), N = E(() => ({
+    const E = C(() => e.items), Y = C(() => ({
       "y-tree-view": !0
-    })), V = E(() => {
+    })), V = C(() => {
       let u = e.activeColor;
       return e.activeColor && !Vn(e.activeColor) && (u = `rgba(var(--y-theme--${e.activeColor}), 1)`), {
         ["--y-tree-view__active-color"]: u
@@ -3060,10 +3060,10 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
     }), a({
       expand: _
     }), M(() => l(L, null, [l("div", {
-      class: N.value,
+      class: Y.value,
       style: V.value,
       role: "tree"
-    }, [x.value.length > 0 ? x.value.map((u) => l(Rt, {
+    }, [E.value.length > 0 ? E.value.map((u) => l(Rt, {
       ...Me(e, dn),
       item: u,
       level: 0
@@ -3073,7 +3073,7 @@ const dn = Pt(), rr = /* @__PURE__ */ A({
       nodes: i,
       expandedSet: c,
       selectedSet: h,
-      activeSet: f
+      activeSet: d
     };
   }
 });
@@ -3180,14 +3180,14 @@ const Mt = j({
         }]
       }, {
         default: () => {
-          var s, c, h, f, d;
+          var s, c, h, d, f;
           return [(s = t.top) == null ? void 0 : s.call(t), t.default ? l("div", {
             class: ["y-table__container"],
             ref: n,
             style: {
               height: X(r)
             }
-          }, [(c = t.leading) == null ? void 0 : c.call(t), l("table", null, [t.default()]), (h = t.trailing) == null ? void 0 : h.call(t)]) : (f = t.container) == null ? void 0 : f.call(t, n, a), (d = t.bottom) == null ? void 0 : d.call(t)];
+          }, [(c = t.leading) == null ? void 0 : c.call(t), l("table", null, [t.default()]), (h = t.trailing) == null ? void 0 : h.call(t)]) : (d = t.container) == null ? void 0 : d.call(t, n, a), (f = t.bottom) == null ? void 0 : f.call(t)];
         }
       });
     });
@@ -3223,7 +3223,7 @@ const Mt = j({
     emit: n,
     attrs: a
   }) {
-    const i = E(() => {
+    const i = C(() => {
       const r = {};
       return e.fixed && e.fixedOffset !== void 0 && (e.fixed === "lead" ? r.left = X(e.fixedOffset) : e.fixed === "trail" && (r.right = X(e.fixedOffset))), r;
     });
@@ -3262,11 +3262,11 @@ const Mt = j({
 function ur(e, t) {
   const n = T([]), a = T([]);
   Ae(() => {
-    var C;
+    var x;
     const r = e.headers.length > 0 ? Array.isArray(e.headers[0]) ? e.headers : [e.headers] : [], o = r.flatMap(
       (m, _) => m.map((v) => ({ column: v, rowIndex: _ }))
     ), s = r.length, h = { ...{ text: "", sortable: !1 }, width: 48 };
-    if ((C = t == null ? void 0 : t.enableSelect) != null && C.value) {
+    if ((x = t == null ? void 0 : t.enableSelect) != null && x.value) {
       const m = o.findIndex(
         ({ column: _ }) => _.key === "data-table-select"
       );
@@ -3285,17 +3285,17 @@ function ur(e, t) {
         rowIndex: o[m].rowIndex
       });
     }
-    const f = ce(s).map(() => []), d = ce(s).fill(0);
+    const d = ce(s).map(() => []), f = ce(s).fill(0);
     o.forEach(({ column: m, rowIndex: _ }) => {
       const { key: v } = m;
       for (let g = _; g <= _ + (m.rowspan ?? 1) - 1; g += 1)
-        f[g].push({
+        d[g].push({
           ...m,
           key: v,
-          fixedOffset: d[g],
+          fixedOffset: f[g],
           sortable: m.sortable ?? !!v
-        }), d[g] += Number(m.width ?? 0);
-    }), f.forEach((m) => {
+        }), f[g] += Number(m.width ?? 0);
+    }), d.forEach((m) => {
       for (let _ = m.length; _ -= 1; _ >= 0)
         if (m[_].fixed) {
           m[_].lastFixed = !0;
@@ -3303,12 +3303,12 @@ function ur(e, t) {
         }
     });
     const p = /* @__PURE__ */ new Set();
-    n.value = f.map((m) => {
+    n.value = d.map((m) => {
       const _ = [];
       for (const v of m)
         p.has(v.key) || (p.add(v.key), _.push(v));
       return _;
-    }), a.value = f.at(-1) ?? [];
+    }), a.value = d.at(-1) ?? [];
   });
   const i = { headers: n, columns: a };
   return ye(_t, i), i;
@@ -3369,11 +3369,11 @@ function fr(e, {
     e.modelValue,
     (v) => new Set(v),
     (v) => [...v.values()]
-  ), i = E(
+  ), i = C(
     () => t.value.filter((v) => v.selectable)
-  ), r = E(
+  ), r = C(
     () => n.value.filter((v) => v.selectable)
-  ), o = E(() => {
+  ), o = C(() => {
     if (typeof e.selectStrategy == "object")
       return e.selectStrategy;
     switch (e.selectStrategy) {
@@ -3399,10 +3399,10 @@ function fr(e, {
       selected: new Set(a.value)
     });
   }
-  function f(v) {
+  function d(v) {
     h([v], !s([v]));
   }
-  function d(v) {
+  function f(v) {
     a.value = o.value.selectAll({
       value: v,
       allItems: i.value,
@@ -3410,16 +3410,16 @@ function fr(e, {
       selected: new Set(a.value)
     });
   }
-  const p = E(() => o.value.allSelected({
+  const p = C(() => o.value.allSelected({
     allItems: i.value,
     pageItems: r.value
-  })), C = E(() => a.value.size > 0), m = E(() => s(p.value)), _ = {
-    toggleSelect: f,
+  })), x = C(() => a.value.size > 0), m = C(() => s(p.value)), _ = {
+    toggleSelect: d,
     select: h,
-    selectAll: d,
+    selectAll: f,
     isSelected: s,
     isSomeSelected: c,
-    someSelected: C,
+    someSelected: x,
     allSelected: m,
     showSelectAll: o.value.showSelectAll,
     selectables: p
@@ -3464,22 +3464,23 @@ const hr = j({
       }]
     }, {
       default: () => {
-        var d, p;
-        const c = e.item, h = `item.${o.key}`, f = {
+        var f, p;
+        const c = e.item, h = `item.${o.key}`, d = {
           index: e.index,
           item: e.item,
           columns: r.value,
+          value: Re(c.columns, o.key),
           isSelected: a,
           toggleSelect: i
         };
-        return n[h] ? (d = n[h]) == null ? void 0 : d.call(n, f) : o.key === "data-table-select" ? ((p = n["item.data-table-select"]) == null ? void 0 : p.call(n, f)) ?? l(ae, Z({
+        return n[h] ? (f = n[h]) == null ? void 0 : f.call(n, d) : o.key === "data-table-select" ? ((p = n["item.data-table-select"]) == null ? void 0 : p.call(n, d)) ?? l(ae, Z({
           checked: a([c]),
           disabled: !c.selectable
         }, {
-          onClick: (C) => {
-            C.stopPropagation(), i(c);
+          onClick: (x) => {
+            x.stopPropagation(), i(c);
           }
-        }), null) : Re(c.columns, o.key);
+        }), null) : d.value;
       }
     }))]));
   }
@@ -3522,7 +3523,7 @@ const hr = j({
       }, [l("td", {
         colspan: a.value.length
       }, [((o = t["no-data"]) == null ? void 0 : o.call(t)) ?? e.noDataText])]) : l(L, null, [t.body ? (s = t.body) == null ? void 0 : s.call(t, e) : e.items.map((c, h) => {
-        const d = {
+        const f = {
           ...{
             index: h,
             item: c,
@@ -3533,8 +3534,8 @@ const hr = j({
           props: {
             key: `item__${c.value}`,
             onClick: e["onClick:row"] ? (p) => {
-              var C;
-              (C = e["onClick:row"]) == null || C.call(e, p, {
+              var x;
+              (x = e["onClick:row"]) == null || x.call(e, p, {
                 item: c
               });
             } : void 0,
@@ -3542,7 +3543,7 @@ const hr = j({
             item: c
           }
         };
-        return l(L, null, [t.item ? t.item(d) : l(vr, d.props, t)]);
+        return l(L, null, [t.item ? t.item(f) : l(vr, f.props, t)]);
       })]);
     }), {};
   }
@@ -3676,8 +3677,8 @@ function re(e, t, n, a, i, r) {
     s = [...o.values()];
   else if (n === "length" && ie(e)) {
     const h = Number(a);
-    o.forEach((f, d) => {
-      (d === "length" || d >= h) && s.push(f);
+    o.forEach((d, f) => {
+      (f === "length" || f >= h) && s.push(d);
     });
   } else
     switch (n !== void 0 && s.push(o.get(n)), t) {
@@ -3696,8 +3697,8 @@ function re(e, t, n, a, i, r) {
     s[0] && (process.env.NODE_ENV !== "production" ? fe(s[0], c) : fe(s[0]));
   else {
     const h = [];
-    for (const f of s)
-      f && h.push(...f);
+    for (const d of s)
+      d && h.push(...d);
     process.env.NODE_ENV !== "production" ? fe($e(h), c) : fe($e(h));
   }
 }
@@ -3722,22 +3723,22 @@ function Or() {
   const e = {};
   return ["includes", "indexOf", "lastIndexOf"].forEach((t) => {
     e[t] = function(...n) {
-      const a = Y(this);
+      const a = D(this);
       for (let r = 0, o = this.length; r < o; r++)
         z(a, "get", r + "");
       const i = a[t](...n);
-      return i === -1 || i === !1 ? a[t](...n.map(Y)) : i;
+      return i === -1 || i === !1 ? a[t](...n.map(D)) : i;
     };
   }), ["push", "pop", "shift", "unshift", "splice"].forEach((t) => {
     e[t] = function(...n) {
       $r();
-      const a = Y(this)[t].apply(this, n);
+      const a = D(this)[t].apply(this, n);
       return Tr(), a;
     };
   }), e;
 }
 function Ir(e) {
-  const t = Y(this);
+  const t = D(this);
   return z(t, "has", e), t.hasOwnProperty(e);
 }
 function da(e = !1, t = !1) {
@@ -3767,10 +3768,10 @@ function Dr(e = !1) {
     let o = n[a];
     if (Ze(o) && te(o) && !te(i))
       return !1;
-    if (!e && (!ba(i) && !Ze(i) && (o = Y(o), i = Y(i)), !ie(n) && te(o) && !te(i)))
+    if (!e && (!ba(i) && !Ze(i) && (o = D(o), i = D(i)), !ie(n) && te(o) && !te(i)))
       return o.value = i, !0;
     const s = ie(n) && Kt(a) ? Number(a) < n.length : nt(n, a), c = Reflect.set(n, a, i, r);
-    return n === Y(r) && (s ? zt(i, o) && re(n, "set", a, i, o) : re(n, "add", a, i)), c;
+    return n === D(r) && (s ? zt(i, o) && re(n, "set", a, i, o) : re(n, "add", a, i)), c;
   };
 }
 function Nr(e, t) {
@@ -3807,7 +3808,7 @@ const Mr = {
 }, Wt = (e) => e, at = (e) => Reflect.getPrototypeOf(e);
 function Oe(e, t, n = !1, a = !1) {
   e = e.__v_raw;
-  const i = Y(e), r = Y(t);
+  const i = D(e), r = D(t);
   n || (t !== r && z(i, "get", t), z(i, "get", r));
   const { has: o } = at(i), s = a ? Wt : n ? Ut : ke;
   if (o.call(i, t))
@@ -3817,45 +3818,45 @@ function Oe(e, t, n = !1, a = !1) {
   e !== i && e.get(t);
 }
 function Ie(e, t = !1) {
-  const n = this.__v_raw, a = Y(n), i = Y(e);
+  const n = this.__v_raw, a = D(n), i = D(e);
   return t || (e !== i && z(a, "has", e), z(a, "has", i)), e === i ? n.has(e) : n.has(e) || n.has(i);
 }
 function Ye(e, t = !1) {
-  return e = e.__v_raw, !t && z(Y(e), "iterate", se), Reflect.get(e, "size", e);
+  return e = e.__v_raw, !t && z(D(e), "iterate", se), Reflect.get(e, "size", e);
 }
 function pn(e) {
-  e = Y(e);
-  const t = Y(this);
+  e = D(e);
+  const t = D(this);
   return at(t).has.call(t, e) || (t.add(e), re(t, "add", e, e)), this;
 }
 function yn(e, t) {
-  t = Y(t);
-  const n = Y(this), { has: a, get: i } = at(n);
+  t = D(t);
+  const n = D(this), { has: a, get: i } = at(n);
   let r = a.call(n, e);
-  r ? process.env.NODE_ENV !== "production" && ha(n, a, e) : (e = Y(e), r = a.call(n, e));
+  r ? process.env.NODE_ENV !== "production" && ha(n, a, e) : (e = D(e), r = a.call(n, e));
   const o = i.call(n, e);
   return n.set(e, t), r ? zt(t, o) && re(n, "set", e, t, o) : re(n, "add", e, t), this;
 }
 function mn(e) {
-  const t = Y(this), { has: n, get: a } = at(t);
+  const t = D(this), { has: n, get: a } = at(t);
   let i = n.call(t, e);
-  i ? process.env.NODE_ENV !== "production" && ha(t, n, e) : (e = Y(e), i = n.call(t, e));
+  i ? process.env.NODE_ENV !== "production" && ha(t, n, e) : (e = D(e), i = n.call(t, e));
   const r = a ? a.call(t, e) : void 0, o = t.delete(e);
   return i && re(t, "delete", e, void 0, r), o;
 }
 function gn() {
-  const e = Y(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? we(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
+  const e = D(this), t = e.size !== 0, n = process.env.NODE_ENV !== "production" ? we(e) ? new Map(e) : new Set(e) : void 0, a = e.clear();
   return t && re(e, "clear", void 0, void 0, n), a;
 }
 function De(e, t) {
   return function(a, i) {
-    const r = this, o = r.__v_raw, s = Y(o), c = t ? Wt : e ? Ut : ke;
-    return !e && z(s, "iterate", se), o.forEach((h, f) => a.call(i, c(h), c(f), r));
+    const r = this, o = r.__v_raw, s = D(o), c = t ? Wt : e ? Ut : ke;
+    return !e && z(s, "iterate", se), o.forEach((h, d) => a.call(i, c(h), c(d), r));
   };
 }
 function Ne(e, t, n) {
   return function(...a) {
-    const i = this.__v_raw, r = Y(i), o = we(r), s = e === "entries" || e === Symbol.iterator && o, c = e === "keys" && o, h = i[e](...a), f = n ? Wt : t ? Ut : ke;
+    const i = this.__v_raw, r = D(i), o = we(r), s = e === "entries" || e === Symbol.iterator && o, c = e === "keys" && o, h = i[e](...a), d = n ? Wt : t ? Ut : ke;
     return !t && z(
       r,
       "iterate",
@@ -3863,9 +3864,9 @@ function Ne(e, t, n) {
     ), {
       // iterator protocol
       next() {
-        const { value: d, done: p } = h.next();
-        return p ? { value: d, done: p } : {
-          value: s ? [f(d[0]), f(d[1])] : f(d),
+        const { value: f, done: p } = h.next();
+        return p ? { value: f, done: p } : {
+          value: s ? [d(f[0]), d(f[1])] : d(f),
           done: p
         };
       },
@@ -3882,7 +3883,7 @@ function ee(e) {
       const n = t[0] ? `on key "${t[0]}" ` : "";
       console.warn(
         `${xr(e)} operation ${n}failed: target is readonly.`,
-        Y(this)
+        D(this)
       );
     }
     return e === "delete" ? !1 : this;
@@ -3991,7 +3992,7 @@ const Wr = {
   get: /* @__PURE__ */ fa(!0, !1)
 };
 function ha(e, t, n) {
-  const a = Y(n);
+  const a = D(n);
   if (a !== n && t.call(e, a)) {
     const i = la(e);
     console.warn(
@@ -4058,20 +4059,20 @@ function Ze(e) {
 function ba(e) {
   return !!(e && e.__v_isShallow);
 }
-function Y(e) {
+function D(e) {
   const t = e && e.__v_raw;
-  return t ? Y(t) : e;
+  return t ? D(t) : e;
 }
 const ke = (e) => Ve(e) ? ya(e) : e, Ut = (e) => Ve(e) ? ma(e) : e;
 function Jr(e) {
-  Te && Q && (e = Y(e), process.env.NODE_ENV !== "production" ? Ct(e.dep || (e.dep = $e()), {
+  Te && Q && (e = D(e), process.env.NODE_ENV !== "production" ? Ct(e.dep || (e.dep = $e()), {
     target: e,
     type: "get",
     key: "value"
   }) : Ct(e.dep || (e.dep = $e())));
 }
 function Qr(e, t) {
-  e = Y(e);
+  e = D(e);
   const n = e.dep;
   n && (process.env.NODE_ENV !== "production" ? fe(n, {
     target: e,
@@ -4091,14 +4092,14 @@ function to(e, t) {
 }
 class no {
   constructor(t, n) {
-    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : Y(t), this._value = n ? t : ke(t);
+    this.__v_isShallow = n, this.dep = void 0, this.__v_isRef = !0, this._rawValue = n ? t : D(t), this._value = n ? t : ke(t);
   }
   get value() {
     return Jr(this), this._value;
   }
   set value(t) {
     const n = this.__v_isShallow || ba(t) || Ze(t);
-    t = n ? t : Y(t), zt(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : ke(t), Qr(this, t));
+    t = n ? t : D(t), zt(t, this._rawValue) && (this._rawValue = t, this._value = n ? t : ke(t), Qr(this, t));
   }
 }
 class ao {
@@ -4113,7 +4114,7 @@ class ao {
     this._object[this._key] = t;
   }
   get dep() {
-    return kr(Y(this._object), this._key);
+    return kr(D(this._object), this._key);
   }
 }
 class io {
@@ -4151,10 +4152,10 @@ function so(e) {
 }
 function lo(e) {
   const { sortBy: t, multiSort: n, page: a } = e, i = (s) => {
-    var d;
-    let c = ((d = t.value) == null ? void 0 : d.map((p) => ({ ...p }))) ?? [];
-    const h = c.find((p) => p.key === s.key), f = { key: s.key, order: "asc" };
-    h ? h.order === "desc" ? s.mustSort ? h.order = "asc" : c = c.filter((p) => p.key !== s.key) : h.order = "desc" : n != null && n.value ? c = [...c, f] : c = [f], t.value = c, a && (a.value = 1);
+    var f;
+    let c = ((f = t.value) == null ? void 0 : f.map((p) => ({ ...p }))) ?? [];
+    const h = c.find((p) => p.key === s.key), d = { key: s.key, order: "asc" };
+    h ? h.order === "desc" ? s.mustSort ? h.order = "asc" : c = c.filter((p) => p.key !== s.key) : h.order = "desc" : n != null && n.value ? c = [...c, d] : c = [d], t.value = c, a && (a.value = 1);
   };
   function r(s) {
     return !!t.value.find((c) => c.key === s.key);
@@ -4202,8 +4203,8 @@ const _a = j({
       showSelectAll: c,
       selectables: h
     } = jt(), {
-      columns: f,
-      headers: d
+      columns: d,
+      headers: f
     } = Lt(), p = (v, g) => {
       if (!(!e.sticky && !v.fixed))
         return {
@@ -4213,7 +4214,7 @@ const _a = j({
           top: e.sticky ? `calc(var(--v-table-header-height) * ${g})` : void 0
         };
     };
-    function C(v) {
+    function x(v) {
     }
     function m(v) {
       const g = a.value.find((y) => y.key === v.key);
@@ -4246,11 +4247,11 @@ const _a = j({
       rowspan: v.rowspan,
       colspan: v.colspan
     }, {
-      onClick: C
+      onClick: x
     }), {
       default: () => {
         var $, B;
-        const w = `header.${v.key}`, S = {
+        const S = `header.${v.key}`, w = {
           column: v,
           selectAll: s,
           isSorted: i,
@@ -4261,7 +4262,7 @@ const _a = j({
           selectables: h.value,
           getSortDirection: m
         };
-        return t[w] ? ($ = t[w]) == null ? void 0 : $.call(t, S) : v.key === "data-table-select" ? ((B = t["header.data-table-select"]) == null ? void 0 : B.call(t, S)) ?? (c && l(ae, Z({
+        return t[S] ? ($ = t[S]) == null ? void 0 : $.call(t, w) : v.key === "data-table-select" ? ((B = t["header.data-table-select"]) == null ? void 0 : B.call(t, w)) ?? (c && l(ae, Z({
           checked: o.value,
           indeterminate: !o.value && r.value,
           disabled: h.value.length < 1
@@ -4288,9 +4289,9 @@ const _a = j({
     });
     M(() => {
       var v;
-      return l(L, null, [t.head ? (v = t.head) == null ? void 0 : v.call(t, e) : d.value.map((g, y) => l("tr", null, [g.map((w, S) => l(_, {
-        column: w,
-        x: S,
+      return l(L, null, [t.head ? (v = t.head) == null ? void 0 : v.call(t, e) : f.value.map((g, y) => l("tr", null, [g.map((S, w) => l(_, {
+        column: S,
+        x: w,
         y
       }, null))]))]);
     });
@@ -4330,7 +4331,7 @@ function wa(e) {
   return { page: t, pageSize: n };
 }
 function fo(e) {
-  const { page: t, pageSize: n, total: a } = e, i = E(() => n.value === -1 ? 0 : n.value * (t.value - 1)), r = E(() => n.value === -1 ? a.value : Math.min(a.value, i.value + n.value)), o = E(() => n.value === -1 || a.value === 0 ? 1 : Math.ceil(a.value / n.value));
+  const { page: t, pageSize: n, total: a } = e, i = C(() => n.value === -1 ? 0 : n.value * (t.value - 1)), r = C(() => n.value === -1 ? a.value : Math.min(a.value, i.value + n.value)), o = C(() => n.value === -1 || a.value === 0 ? 1 : Math.ceil(a.value / n.value));
   Ae(() => {
     t.value > o.value && (t.value = o.value);
   });
@@ -4343,10 +4344,10 @@ function fo(e) {
   function h() {
     t.value = it(t.value - 1, 1, o.value);
   }
-  function f(p) {
+  function d(p) {
     t.value = it(p, 1, o.value);
   }
-  const d = {
+  const f = {
     page: t,
     pageSize: n,
     startIndex: i,
@@ -4355,10 +4356,10 @@ function fo(e) {
     total: a,
     nextPage: c,
     prevPage: h,
-    setPage: f,
+    setPage: d,
     setPageSize: s
   };
-  return ye(co, d), d;
+  return ye(co, f), f;
 }
 const ho = j(
   {
@@ -4392,7 +4393,7 @@ function po(e, t, n) {
   return t.map((a, i) => vo(e, a, i, n));
 }
 function yo(e, t) {
-  return { items: E(() => po(e, e.items, t.value)) };
+  return { items: C(() => po(e, e.items, t.value)) };
 }
 const qt = j({
   width: [String, Number],
@@ -4422,7 +4423,7 @@ const qt = j({
     const {
       page: n,
       pageSize: a
-    } = wa(e), i = E(() => ({
+    } = wa(e), i = C(() => ({
       page: n.value,
       pageSize: a.value
     }));
@@ -4452,7 +4453,7 @@ const qt = j({
   }
 });
 function go({ page: e, pageSize: t, sortBy: n, search: a }, i) {
-  const r = E(() => ({
+  const r = C(() => ({
     page: e.value,
     pageSize: t.value,
     sortBy: n.value,
@@ -4510,36 +4511,37 @@ const xa = j({
     } = wa(e), {
       sortBy: r,
       multiSort: o
-    } = so(e), s = E(() => parseInt(e.total)), {
+    } = so(e), s = C(() => parseInt(e.total)), {
       columns: c,
       headers: h
     } = ur(e, {
       enableSelect: Et(e, "enableSelect")
     }), {
-      items: f
+      items: d
     } = yo(e, c), {
-      toggleSort: d
+      toggleSort: f
     } = lo({
       sortBy: r,
       multiSort: o,
       page: a
     }), {
       pageLength: p,
-      setPageSize: C
+      setPageSize: x,
+      setPage: m
     } = fo({
       page: a,
       pageSize: i,
       total: s
     }), {
-      isSelected: m,
-      select: _,
-      selectAll: v,
-      toggleSelect: g,
-      someSelected: y,
+      isSelected: _,
+      select: v,
+      selectAll: g,
+      toggleSelect: y,
+      someSelected: S,
       allSelected: w
     } = fr(e, {
-      allItems: f,
-      pageItems: f
+      allItems: d,
+      pageItems: d
     });
     go({
       page: a,
@@ -4547,51 +4549,52 @@ const xa = j({
       search: Et(e, "search"),
       sortBy: r
     }, n), ye("y-data-table", {
-      toggleSort: d,
+      toggleSort: f,
       sortBy: r
     });
-    const S = E(() => ({
+    const $ = C(() => ({
       // pagination
       page: a.value,
       pageSize: i.value,
       pageLength: p.value,
-      setPageSize: C,
+      setPageSize: x,
+      setPage: m,
       // sorting
       sortBy: r.value,
-      toggleSort: d,
+      toggleSort: f,
       // selection
-      someSelected: y.value,
+      someSelected: S.value,
       allSelected: w.value,
-      isSelected: m,
-      select: _,
-      selectAll: v,
-      toggleSelect: g,
+      isSelected: _,
+      select: v,
+      selectAll: g,
+      toggleSelect: y,
       //
-      items: f.value,
+      items: d.value,
       columns: c.value,
       headers: h.value
     }));
     M(() => {
-      const $ = Me(e, je.props), B = Me(e, Le.props), I = Me(e, Se.props);
+      const B = Me(e, je.props), I = Me(e, Le.props), E = Me(e, Se.props);
       return l(Se, Z({
         class: ["y-data-table"]
-      }, I), {
+      }, E), {
         top: () => {
-          var x;
-          return (x = t.top) == null ? void 0 : x.call(t, S.value);
+          var Y;
+          return (Y = t.top) == null ? void 0 : Y.call(t, $.value);
         },
-        leading: () => t.leading ? t.leading(S.value) : l(L, null, [l(Tt, null, t)]),
+        leading: () => t.leading ? t.leading($.value) : l(L, null, [l(Tt, null, t)]),
         default: () => {
-          var x, N, V;
-          return t.default ? t.default(S.value) : l(L, null, [l("thead", null, [l(je, $, t)]), (x = t.thead) == null ? void 0 : x.call(t, S.value), l("tbody", null, [l(Le, Z(B, {
-            items: f.value
-          }), t)]), (N = t.tbody) == null ? void 0 : N.call(t, S.value), (V = t.tfoot) == null ? void 0 : V.call(t, S.value)]);
+          var Y, V, u;
+          return t.default ? t.default($.value) : l(L, null, [l("thead", null, [l(je, B, t)]), (Y = t.thead) == null ? void 0 : Y.call(t, $.value), l("tbody", null, [l(Le, Z(I, {
+            items: d.value
+          }), t)]), (V = t.tbody) == null ? void 0 : V.call(t, $.value), (u = t.tfoot) == null ? void 0 : u.call(t, $.value)]);
         },
         trailing: () => {
-          var x;
-          return (x = t.trailing) == null ? void 0 : x.call(t, S.value);
+          var Y;
+          return (Y = t.trailing) == null ? void 0 : Y.call(t, $.value);
         },
-        bottom: () => t.bottom ? t.bottom(S.value) : l(wt, null, {
+        bottom: () => t.bottom ? t.bottom($.value) : l(wt, null, {
           prepend: t["control.prepend"]
         })
       });
@@ -4649,21 +4652,21 @@ const Ea = {
     emit: n,
     expose: a
   }) {
-    const i = T(), r = T(), o = T(), s = T(), c = T(), h = E(() => ({
+    const i = T(), r = T(), o = T(), s = T(), c = T(), h = C(() => ({
       ...ve(e.menuClasses),
       "y-menu": !0
-    })), f = W(e), d = E({
-      get: () => !!f.value,
-      set: (x) => {
-        x && e.disabled || (f.value = x);
+    })), d = W(e), f = C({
+      get: () => !!d.value,
+      set: (E) => {
+        E && e.disabled || (d.value = E);
       }
-    }), p = Fe(e, "position"), C = Fe(e, "align"), m = T(), _ = E(() => m.value ?? {});
+    }), p = Fe(e, "position"), x = Fe(e, "align"), m = T(), _ = C(() => m.value ?? {});
     function v() {
-      const x = s.value, N = d.value;
-      if (x && N) {
-        const V = c.value, u = x.getBoundingClientRect();
+      const E = s.value, Y = f.value;
+      if (E && Y) {
+        const V = c.value, u = E.getBoundingClientRect();
         let b = u.top, O = u.left + u.width / 2;
-        return V && ((p.value === "top" || p.value === "bottom") && (p.value === "top" && (b -= V.clientHeight, b -= 8), p.value === "bottom" && (b += u.height, b += 8)), C.value === "center" ? O -= V.clientWidth / 2 : C.value === "start" ? O = u.left : C.value === "end" && (O = u.right, O -= V.clientWidth)), e.offsetY && (b += +e.offsetY), {
+        return V && ((p.value === "top" || p.value === "bottom") && (p.value === "top" && (b -= V.clientHeight, b -= 8), p.value === "bottom" && (b += u.height, b += 8)), x.value === "center" ? O -= V.clientWidth / 2 : x.value === "start" ? O = u.left : x.value === "end" && (O = u.right, O -= V.clientWidth)), e.offsetY && (b += +e.offsetY), {
           top: `${b}px`,
           left: `${O}px`,
           minWidth: X(u.width)
@@ -4671,61 +4674,61 @@ const Ea = {
       }
       return {};
     }
-    const g = E(() => {
-      var x, N;
-      return (N = (x = o.value) == null ? void 0 : x[0]) == null ? void 0 : N.el;
+    const g = C(() => {
+      var E, Y;
+      return (Y = (E = o.value) == null ? void 0 : E[0]) == null ? void 0 : Y.el;
     });
     Ae(() => {
-      var N, V;
+      var Y, V;
       if (!r.value) {
         s.value = g.value;
         return;
       }
-      const x = r.value;
-      s.value = (N = r.value) != null && N.$el ? (V = r.value) == null ? void 0 : V.$el : x;
-    }), R(d, (x) => {
-      x && et(() => {
+      const E = r.value;
+      s.value = (Y = r.value) != null && Y.$el ? (V = r.value) == null ? void 0 : V.$el : E;
+    }), R(f, (E) => {
+      E && et(() => {
         var V;
-        const N = (V = i.value) == null ? void 0 : V.content$;
-        c.value = N, m.value = v();
+        const Y = (V = i.value) == null ? void 0 : V.content$;
+        c.value = Y, m.value = v();
       });
     });
-    function y(x) {
-      e.openOnHover && (d.value = !0);
+    function y(E) {
+      e.openOnHover && (f.value = !0);
     }
-    function w(x) {
-      e.openOnHover && (d.value = !1);
+    function S(E) {
+      e.openOnHover && (f.value = !1);
     }
-    function S(x) {
-      const N = d.value;
-      e.disabled || (d.value = !N);
+    function w(E) {
+      const Y = f.value;
+      e.disabled || (f.value = !Y);
     }
-    function $(x) {
-      d.value && (d.value = !1);
+    function $(E) {
+      f.value && (f.value = !1);
     }
-    function B(x) {
-      x.addEventListener("mouseenter", y), x.addEventListener("mouseleave", w);
+    function B(E) {
+      E.addEventListener("mouseenter", y), E.addEventListener("mouseleave", S);
     }
-    function I(x) {
-      x.removeEventListener("mouseenter", y), x.removeEventListener("mouseleave", w);
+    function I(E) {
+      E.removeEventListener("mouseenter", y), E.removeEventListener("mouseleave", S);
     }
-    return R(s, (x, N) => {
-      x ? (B(x), x.addEventListener("click", S)) : N && (I(N), N.removeEventListener("click", S));
+    return R(s, (E, Y) => {
+      E ? (B(E), E.addEventListener("click", w)) : Y && (I(Y), Y.removeEventListener("click", w));
     }), M(() => {
-      var N;
-      const x = (N = t.base) == null ? void 0 : N.call(t, {
-        active: d.value,
+      var Y;
+      const E = (Y = t.base) == null ? void 0 : Y.call(t, {
+        active: f.value,
         props: Z({
           ref: r,
           class: {
             "y-menu-base": !0,
-            "y-menu-base--active": d.value
+            "y-menu-base--active": f.value
           }
         })
       });
-      return o.value = x, l(L, null, [x, l(le, {
-        modelValue: d.value,
-        "onUpdate:modelValue": (V) => d.value = V,
+      return o.value = E, l(L, null, [E, l(le, {
+        modelValue: f.value,
+        "onUpdate:modelValue": (V) => f.value = V,
         ref: i,
         classes: h.value,
         scrim: !1,
@@ -4884,11 +4887,11 @@ const kt = /* @__PURE__ */ A({
     function h(m, ..._) {
       e.disabled || e.readonly || (i.value = !i.value, t("change", i.value, m));
     }
-    function f() {
+    function d() {
       var m;
       Array.isArray(e.inputValue) ? ((m = e.inputValue) == null ? void 0 : m.find((v) => v === e.value)) !== void 0 ? i.value = !0 : i.value = !1 : typeof e.inputValue == "boolean" && (i.value = e.inputValue);
     }
-    const d = E(() => {
+    const f = C(() => {
       const {
         reverse: m,
         disabled: _,
@@ -4901,14 +4904,14 @@ const kt = /* @__PURE__ */ A({
         "y-checkbox--disabled": !!_,
         "y-checkbox--readonly": !!v
       };
-    }), p = E(() => {
+    }), p = C(() => {
       if (typeof e.icon == "string")
         return e.icon;
-    }), C = E(() => Array.isArray(e.inputValue));
-    return E(() => C.value ? e.inputValue.findIndex((m) => m === e.value) : -1), M(() => {
+    }), x = C(() => Array.isArray(e.inputValue));
+    return C(() => x.value ? e.inputValue.findIndex((m) => m === e.value) : -1), M(() => {
       var m, _;
       return l("div", {
-        class: d
+        class: f
       }, [l("slot", {
         name: "prepend"
       }, null), l("div", {
@@ -4940,7 +4943,7 @@ const kt = /* @__PURE__ */ A({
       }, [n.label ? (m = n.label) == null ? void 0 : m.call(n) : e.label])]), (_ = n.append) == null ? void 0 : _.call(n)]);
     }), {
       innerValue: i,
-      inputByValue: f
+      inputByValue: d
     };
   },
   created() {
@@ -5035,73 +5038,73 @@ const $a = j({
     slots: t,
     emit: n
   }) {
-    const a = W(e), i = E(() => parseInt(e.length, 10)), r = E(() => parseInt(e.start, 10)), o = Pa(-1), {
+    const a = W(e), i = C(() => parseInt(e.length, 10)), r = C(() => parseInt(e.start, 10)), o = Pa(-1), {
       resizeObservedRef: s
     } = aa((g) => {
       if (1 > g.length)
         return;
       const {
         target: y,
-        contentRect: w
-      } = g[0], S = y.querySelector(".y-pagination__list > *");
-      if (S) {
-        const $ = w.width, B = S.offsetWidth + parseFloat(getComputedStyle(S).marginRight) * 2;
+        contentRect: S
+      } = g[0], w = y.querySelector(".y-pagination__list > *");
+      if (w) {
+        const $ = S.width, B = w.offsetWidth + parseFloat(getComputedStyle(w).marginRight) * 2;
         o.value = c($, B);
       }
     });
     function c(g, y) {
-      const w = e.showEndButton ? 5 : 3, S = y * w, $ = +(e.gap ?? 4);
-      return Math.max(0, Math.floor(+((g - S - $) / (y + $)).toFixed(2)));
+      const S = e.showEndButton ? 5 : 3, w = y * S, $ = +(e.gap ?? 4);
+      return Math.max(0, Math.floor(+((g - w - $) / (y + $)).toFixed(2)));
     }
-    const h = E(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o.value >= 0 ? o.value : c(innerWidth, 58)), f = E(() => {
+    const h = C(() => e.totalVisible ? parseInt(e.totalVisible, 10) : o.value >= 0 ? o.value : c(innerWidth, 58)), d = C(() => {
       const g = !!e.disabled || a.value <= r.value, y = !!e.disabled || a.value >= r.value + i.value - 1;
       return {
         first: {
           disabled: g,
           variation: e.buttonVariations,
-          onClick: (w) => {
-            w.preventDefault(), a.value = 1, n("change", 1, "first");
+          onClick: (S) => {
+            S.preventDefault(), a.value = 1, n("change", 1, "first");
           }
         },
         prev: {
           disabled: g,
           variation: e.buttonVariations,
-          onClick: (w) => {
-            w.preventDefault();
-            const S = Math.max(1, a.value - 1);
-            a.value = S, n("change", S, "prev");
+          onClick: (S) => {
+            S.preventDefault();
+            const w = Math.max(1, a.value - 1);
+            a.value = w, n("change", w, "prev");
           }
         },
         next: {
           disabled: y,
           variation: e.buttonVariations,
-          onClick: (w) => {
-            w.preventDefault();
-            const S = Math.min(+i.value, a.value + 1);
-            a.value = S, n("change", S, "next");
+          onClick: (S) => {
+            S.preventDefault();
+            const w = Math.min(+i.value, a.value + 1);
+            a.value = w, n("change", w, "next");
           }
         },
         last: {
           disabled: y,
           variation: e.buttonVariations,
-          onClick: (w) => {
-            w.preventDefault();
-            const S = +i.value;
-            a.value = +i.value, n("change", S, "last");
+          onClick: (S) => {
+            S.preventDefault();
+            const w = +i.value;
+            a.value = +i.value, n("change", w, "last");
           }
         }
       };
-    }), d = E(() => {
+    }), f = C(() => {
       if (i.value <= 0 || isNaN(i.value) || i.value > Number.MAX_SAFE_INTEGER)
         return [];
       if (h.value <= 1)
         return [a.value];
       if (i.value <= h.value)
         return ce(i.value, r.value);
-      const g = h.value % 2 === 0, y = g ? h.value / 2 : Math.floor(h.value / 2), w = g ? y : y + 1, S = i.value - y;
-      if (w - a.value >= 0)
+      const g = h.value % 2 === 0, y = g ? h.value / 2 : Math.floor(h.value / 2), S = g ? y : y + 1, w = i.value - y;
+      if (S - a.value >= 0)
         return [...ce(Math.max(1, h.value - 1), r.value), "ellipsis", i.value];
-      if (a.value - S >= (g ? 1 : 0)) {
+      if (a.value - w >= (g ? 1 : 0)) {
         const $ = h.value - 1, B = i.value - $ + r.value;
         return [r.value, "ellipsis", ...ce($, B)];
       } else {
@@ -5110,42 +5113,42 @@ const $a = j({
       }
     }), {
       refs: p,
-      updateRef: C
+      updateRef: x
     } = wo();
     function m(g, y = 1) {
       g.preventDefault(), a.value = y, n("change", y);
     }
-    const _ = E(() => d.value.map((g, y) => {
-      const w = (S) => C(S, y);
+    const _ = C(() => f.value.map((g, y) => {
+      const S = (w) => x(w, y);
       if (g === "ellipsis")
         return {
           active: !1,
           key: `ellipsis-${y}`,
           page: g,
           props: {
-            ref: w,
+            ref: S,
             ellipsis: !0,
             disabled: !0
             // TODO: skipper
           }
         };
       {
-        const S = g === a.value;
+        const w = g === a.value;
         return {
-          active: S,
+          active: w,
           key: `item-${g}`,
           page: g,
           props: {
-            ref: w,
+            ref: S,
             ellipsis: !1,
             disabled: !!e.disabled || +e.length < 2,
-            color: S ? e.activeColor : e.color,
+            color: w ? e.activeColor : e.color,
             variation: e.buttonVariations,
             onClick: ($) => m($, g)
           }
         };
       }
-    })), v = E(() => {
+    })), v = C(() => {
       let g;
       if (e.gap) {
         const y = +e.gap;
@@ -5165,14 +5168,14 @@ const $a = j({
     }, [e.showEndButton && l("li", {
       key: "first",
       class: "y-pagination__first"
-    }, [t.first ? t.first(f.value.first) : l(H, f.value.first, {
+    }, [t.first ? t.first(d.value.first) : l(H, d.value.first, {
       default: () => [t["first-icon"] ? t["first-icon"]() : l(Pe, {
         type: "first"
       }, null)]
     })]), l("li", {
       key: "prev",
       class: "y-pagination__prev"
-    }, [t.prev ? t.prev(f.value.prev) : l(H, f.value.prev, {
+    }, [t.prev ? t.prev(d.value.prev) : l(H, d.value.prev, {
       default: () => [t["prev-icon"] ? t["prev-icon"]() : l(Pe, {
         type: "prev"
       }, null)]
@@ -5186,14 +5189,14 @@ const $a = j({
     })])), l("li", {
       key: "next",
       class: "y-pagination__next"
-    }, [t.next ? t.next(f.value.next) : l(H, f.value.next, {
+    }, [t.next ? t.next(d.value.next) : l(H, d.value.next, {
       default: () => [t["next-icon"] ? t["next-icon"]() : l(Pe, {
         type: "next"
       }, null)]
     })]), e.showEndButton && l("li", {
       key: "last",
       class: "y-pagination__last"
-    }, [t.last ? t.last(f.value.last) : l(H, f.value.last, {
+    }, [t.last ? t.last(d.value.last) : l(H, d.value.last, {
       default: () => [t["last-icon"] ? t["last-icon"]() : l(Pe, {
         type: "last"
       }, null)]
@@ -5291,33 +5294,33 @@ function Eo(e) {
     themes: o,
     mode: i
   });
-  function c(d) {
-    d.directive("theme", Dn);
+  function c(f) {
+    f.directive("theme", Dn);
   }
-  function h(d) {
-    console.log(xn(d.theme)), R(
+  function h(f) {
+    console.log(xn(f.theme)), R(
       r,
       (p) => {
-        const [C, m] = p;
-        d.root.dataset.lightTheme = C, d.root.dataset.darkTheme = m;
+        const [x, m] = p;
+        f.root.dataset.lightTheme = x, f.root.dataset.darkTheme = m;
       },
       { immediate: !0 }
     ), R(
       a,
       (p) => {
-        d.root.setAttribute("data-theme-scheme", p);
+        f.root.setAttribute("data-theme-scheme", p);
       },
       { immediate: !0 }
     );
   }
-  function f(d) {
+  function d(f) {
     t.run(() => {
-      h(d);
+      h(f);
     });
   }
   return {
     install: c,
-    init: f,
+    init: d,
     scope: t,
     instance: s
   };