yuyeon 0.1.0-rc.1 → 0.1.0-rc.2

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var hl = Object.defineProperty;
 var vl = (e, t, n) => t in e ? hl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ke = (e, t, n) => (vl(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { defineComponent as P, h as fe, getCurrentInstance as le, watch as F, onScopeDispose as cn, effectScope as ei, ref as k, computed as E, toRaw as ml, provide as he, inject as ge, toRef as Ee, onBeforeUnmount as Bt, reactive as mt, onMounted as pa, nextTick as yt, watchEffect as Qe, toRefs as yl, resolveDynamicComponent as gl, createVNode as c, withDirectives as gt, mergeProps as W, resolveDirective as xn, unref as dt, readonly as Gn, shallowRef as _e, onBeforeMount as ti, Fragment as Z, createTextVNode as ot, Transition as Cn, withKeys as pl, withModifiers as ba, Teleport as bl, vShow as ni, watchPostEffect as _l, resolveComponent as wl, onBeforeUpdate as Sl, isVNode as _a } from "vue";
+import { defineComponent as P, h as fe, getCurrentInstance as le, watch as F, onScopeDispose as cn, effectScope as ei, ref as k, computed as E, toRaw as ml, provide as he, inject as ge, toRef as Ee, onBeforeUnmount as Bt, reactive as mt, onMounted as pa, nextTick as yt, watchEffect as Qe, toRefs as yl, resolveDynamicComponent as gl, createVNode as c, withDirectives as gt, mergeProps as z, resolveDirective as xn, unref as dt, readonly as Gn, shallowRef as _e, onBeforeMount as ti, Fragment as Z, createTextVNode as ot, Transition as Cn, withKeys as pl, withModifiers as ba, Teleport as bl, vShow as ni, watchPostEffect as _l, resolveComponent as wl, onBeforeUpdate as Sl, isVNode as _a } from "vue";
 const xl = P({
   name: "YApp",
   setup(e, { slots: t }) {
@@ -2058,7 +2058,7 @@ function mu(e, t) {
     { immediate: !0 }
   );
 }
-function K(e) {
+function W(e) {
   const t = le();
   t && (t.render = e);
 }
@@ -2433,7 +2433,7 @@ const Ln = {
   ZA: 0,
   ZW: 0
 }, Eu = 1e3 * 60 * 60 * 24, Ou = /^([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))$/, en = new Date(1970, 0, 4);
-class z {
+class K {
   static date(t) {
     if (t == null)
       return /* @__PURE__ */ new Date();
@@ -2442,14 +2442,14 @@ class z {
     let n;
     if (typeof t == "string") {
       if (Ou.test(t))
-        return z.parseLocalDate(t);
+        return K.parseLocalDate(t);
       if (n = Date.parse(t), !isNaN(n))
         return new Date(n);
     }
     return null;
   }
   static format(t, n, a, r) {
-    const i = z.date(t) ?? /* @__PURE__ */ new Date(), o = r == null ? void 0 : r[n];
+    const i = K.date(t) ?? /* @__PURE__ */ new Date(), o = r == null ? void 0 : r[n];
     if (typeof o == "function")
       return o(i, n, a);
     let l = {};
@@ -2509,7 +2509,7 @@ class z {
   static getWeekArray(t, n) {
     const a = [];
     let r = [];
-    const i = z.startOfMonth(t), o = z.endOfMonth(t), l = (i.getDay() - Ln[n.slice(-2).toUpperCase()] + 7) % 7, s = (o.getDay() - Ln[n.slice(-2).toUpperCase()] + 7) % 7;
+    const i = K.startOfMonth(t), o = K.endOfMonth(t), l = (i.getDay() - Ln[n.slice(-2).toUpperCase()] + 7) % 7, s = (o.getDay() - Ln[n.slice(-2).toUpperCase()] + 7) % 7;
     for (let u = 0; u < l; u++) {
       const d = new Date(i);
       d.setDate(d.getDate() - (l - u)), r.push(d);
@@ -2600,7 +2600,7 @@ class z {
     return n instanceof Date && !isNaN(n.getTime());
   }
   static isWithinRange(t, n) {
-    return z.isAfter(t, n[0]) && z.isBefore(t, n[1]);
+    return K.isAfter(t, n[0]) && K.isBefore(t, n[1]);
   }
   static addDays(t, n) {
     const a = new Date(t);
@@ -2644,103 +2644,103 @@ class Du {
     this.locale = t.locale, this.formats = t.formats;
   }
   getWeekArray(t) {
-    return z.getWeekArray(t, this.locale);
+    return K.getWeekArray(t, this.locale);
   }
   startOfMonth(t) {
-    return z.startOfMonth(t);
+    return K.startOfMonth(t);
   }
   endOfMonth(t) {
-    return z.endOfMonth(t);
+    return K.endOfMonth(t);
   }
   addDays(t, n) {
-    return z.addDays(t, n);
+    return K.addDays(t, n);
   }
   addMonths(t, n) {
-    return z.addMonths(t, n);
+    return K.addMonths(t, n);
   }
   date(t) {
-    return z.date(t);
+    return K.date(t);
   }
   endOfDay(t) {
-    return z.endOfDay(t);
+    return K.endOfDay(t);
   }
   endOfYear(t) {
-    return z.endOfYear(t);
+    return K.endOfYear(t);
   }
   format(t, n) {
-    return z.format(t, n, this.locale, this.formats);
+    return K.format(t, n, this.locale, this.formats);
   }
   getDiff(t, n, a) {
-    return z.getDiff(t, n, a);
+    return K.getDiff(t, n, a);
   }
   getYear(t) {
-    return z.getYear(t);
+    return K.getYear(t);
   }
   getMonth(t) {
-    return z.getMonth(t);
+    return K.getMonth(t);
   }
   getDay(t) {
-    return z.getDay(t);
+    return K.getDay(t);
   }
   getNextMonth(t) {
-    return z.getNextMonth(t);
+    return K.getNextMonth(t);
   }
   getWeekdays() {
-    return z.getWeekdays(this.locale);
+    return K.getWeekdays(this.locale);
   }
   isAfter(t, n) {
-    return z.isAfter(t, n);
+    return K.isAfter(t, n);
   }
   isBefore(t, n) {
-    return z.isBefore(t, n);
+    return K.isBefore(t, n);
   }
   isEqual(t, n) {
-    return z.isEqual(t, n);
+    return K.isEqual(t, n);
   }
   isSameDay(t, n) {
-    return z.isSameDay(t, n);
+    return K.isSameDay(t, n);
   }
   isSameMonth(t, n) {
-    return z.isSameMonth(t, n);
+    return K.isSameMonth(t, n);
   }
   isValid(t) {
-    return z.isValid(t);
+    return K.isValid(t);
   }
   isWithinRange(t, n) {
-    return z.isWithinRange(t, n);
+    return K.isWithinRange(t, n);
   }
   parseISO(t) {
-    return z.parseISO(t);
+    return K.parseISO(t);
   }
   setMonth(t, n) {
-    return z.setMonth(t, n);
+    return K.setMonth(t, n);
   }
   setYear(t, n) {
-    return z.setYear(t, n);
+    return K.setYear(t, n);
   }
   startOfDay(t) {
-    return z.startOfDay(t);
+    return K.startOfDay(t);
   }
   startOfYear(t) {
-    return z.startOfYear(t);
+    return K.startOfYear(t);
   }
   toISO(t) {
-    return z.toISO(this, t);
+    return K.toISO(this, t);
   }
   toJsDate(t) {
     return t;
   }
   getHour(t) {
-    return z.getHour(t);
+    return K.getHour(t);
   }
   getMinute(t) {
-    return z.getMinute(t);
+    return K.getMinute(t);
   }
   setHour(t, n) {
-    return z.setHour(t, n);
+    return K.setHour(t, n);
   }
   setMinute(t, n) {
-    return z.setMinute(t, n);
+    return K.setMinute(t, n);
   }
 }
 const Tu = j(
@@ -2951,7 +2951,7 @@ const Ji = {
       var y;
       d.value || e.loading || i.isLink.value && (v.metaKey || v.altKey || v.ctrlKey || v.shiftKey || v.button !== 0 || t.target === "_blank") || (a("click", v), (y = i.navigate) == null || y.call(i, v), r == null || r.toggle());
     }
-    return K(() => {
+    return W(() => {
       const v = i.isLink.value ? "a" : "button";
       return gt(c(v, {
         type: v === "a" ? void 0 : "button",
@@ -2967,7 +2967,7 @@ const Ji = {
           var y, w;
           return [c("span", {
             class: ["y-button__content"]
-          }, [e.loading && c(Qi, W({
+          }, [e.loading && c(Qi, z({
             width: "24",
             height: "24"
           }), null), (y = n.default) == null ? void 0 : y.call(n)]), (w = n.append) == null ? void 0 : w.call(n)];
@@ -3685,7 +3685,7 @@ const Se = "y-input", An = j({
       createLabel: D,
       invokeValidators: w,
       validate: w
-    }), K(() => {
+    }), W(() => {
       var T, V;
       return c("div", {
         class: [`${Se}`, {
@@ -3866,7 +3866,7 @@ const Se = "y-input", An = j({
     function I(A) {
       a("update:modelValue", A);
     }
-    return K(() => c($t, W({
+    return W(() => c($t, z({
       class: y.value,
       ref: i
     }, ie(e, $t.props), {
@@ -4029,9 +4029,9 @@ const Se = "y-input", An = j({
         var f;
         return (f = o.value) == null ? void 0 : f.invokeValidators();
       }
-    }), K(() => {
+    }), W(() => {
       const f = ie(e, $t.props);
-      return c($t, W({
+      return c($t, z({
         class: [Vr]
       }, f, {
         modelValue: s.value,
@@ -4046,7 +4046,7 @@ const Se = "y-input", An = j({
             class: [`${Vr}__field`],
             "data-id": S.attrId,
             ref: "field"
-          }, [e.floating ? (B = (N = o.value) == null ? void 0 : N.createLabel) == null ? void 0 : B.call(N) : void 0, a.default ? () => a.default(S) : void 0, c("textarea", W({
+          }, [e.floating ? (B = (N = o.value) == null ? void 0 : N.createLabel) == null ? void 0 : B.call(N) : void 0, a.default ? () => a.default(S) : void 0, c("textarea", z({
             ref: l,
             value: u.value,
             id: `y-input--${i}`,
@@ -4398,7 +4398,7 @@ const ia = (e, { slots: t }) => {
     }
     a({
       ...r
-    }), K(() => {
+    }), W(() => {
       var s;
       return c("form", {
         ref: i,
@@ -5448,11 +5448,11 @@ const Ht = j({
       modal: E(() => e.modal),
       getActiveLayers: C,
       isMe: (H) => H === i
-    }), K(() => {
+    }), W(() => {
       var ee;
       const H = (ee = r.base) == null ? void 0 : ee.call(r, {
         active: _.value,
-        props: W({
+        props: z({
           ref: u,
           class: {
             "y-layer-base": !0,
@@ -5464,7 +5464,7 @@ const Ht = j({
         disabled: !y.value,
         to: y.value
       }, {
-        default: () => [N.value && c("div", W({
+        default: () => [N.value && c("div", z({
           class: {
             "y-layer": !0,
             "y-layer--finish": p.value,
@@ -5486,7 +5486,7 @@ const Ht = j({
             onClick: X,
             ref: "scrim$"
           }, null)]
-        }), c(ia, W({
+        }), c(ia, z({
           onAfterEnter: R,
           onAfterLeave: L,
           appear: !0
@@ -5679,7 +5679,7 @@ const fo = j({
       immediate: !0
     }), Bt(() => {
       C(!1);
-    }), K(() => c(Z, null, [c(Ce, W({
+    }), W(() => c(Z, null, [c(Ce, z({
       modelValue: i.value,
       "onUpdate:modelValue": (b) => i.value = b,
       classes: o.value,
@@ -6157,7 +6157,7 @@ const vt = /* @__PURE__ */ P({
     const e = E(() => ({
       "y-plate": !0
     }));
-    K(() => c("div", {
+    W(() => c("div", {
       class: e.value
     }, null));
   }
@@ -6270,7 +6270,7 @@ const vt = /* @__PURE__ */ P({
         ...g
       }) : e.transition;
     });
-    return K(() => c(Ce, {
+    return W(() => c(Ce, {
       modelValue: a.value,
       "onUpdate:modelValue": (g) => a.value = g,
       classes: o.value,
@@ -6409,7 +6409,7 @@ const pd = "YTooltip", bd = {
       return (h = r.value) == null ? void 0 : h.baseEl;
     }, (h, x) => {
       h ? _(h) : x && p(x);
-    }), K(() => c(Z, null, [c(Ce, W({
+    }), W(() => c(Z, null, [c(Ce, z({
       ref: r
     }, pt(ie(e, Ce.props), ["scrim"]), {
       classes: u.value,
@@ -6540,7 +6540,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
     function y(w) {
       w.preventDefault(), a.value = !0, o.value.addEventListener("mousemove", u), o.value.addEventListener("mouseup", m), o.value.addEventListener("mouseleave", v);
     }
-    return K(() => {
+    return W(() => {
       var w, C;
       return c(Z, null, [c("div", {
         class: s.value,
@@ -6862,7 +6862,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
       level: e.level,
       imLeaf: w.value
     })), p = E(() => i.searchLoading.value), h = E(() => y.value.filter((f) => !i.isExcluded(J(f, e.itemKey))));
-    K(() => {
+    W(() => {
       var S;
       const f = [];
       for (let N = 0; N < e.level; N += 1)
@@ -6913,7 +6913,7 @@ const Oo = Eo(!1), wd = Eo(!0), Sd = /* @__PURE__ */ P({
         default: () => [o.value && c("div", {
           class: ["y-tree-view-node__leaves"],
           role: "tree"
-        }, [h.value.map((N) => c(a, W(W(e), {
+        }, [h.value.map((N) => c(a, z(z(e), {
           key: J(N, e.itemKey),
           level: (e.level ?? 0) + 1,
           item: N
@@ -7198,13 +7198,13 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
         f(D, !0);
     }), a({
       expand: h
-    }), K(() => c(Z, null, [c("div", {
+    }), W(() => c(Z, null, [c("div", {
       class: L.value,
       style: X.value,
       role: "tree"
     }, [w.value && c(lo, {
       indeterminate: !0
-    }, null), R.value.length > 0 ? R.value.slice().map((D) => c(To, W({
+    }, null), R.value.length > 0 ? R.value.slice().map((D) => c(To, z({
       key: J(D, e.itemKey)
     }, {
       ...ie(e, Zr),
@@ -7249,7 +7249,7 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
       n("click", o);
     }
     const i = E(() => !e.disabled && !!e.onClick);
-    K(() => {
+    W(() => {
       const o = e.tag;
       return c(o, {
         class: ["y-list-item", {
@@ -7297,9 +7297,9 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
     }
     function u(d) {
     }
-    K(() => {
+    W(() => {
       var d;
-      return c("div", W({
+      return c("div", z({
         ref: a,
         class: ["y-list", r.value],
         role: "listbox",
@@ -7352,7 +7352,7 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
     function u(d) {
       n("scroll", d);
     }
-    K(() => {
+    W(() => {
       var v, y, w;
       const d = e.tag ?? "div", m = e.flexHeight ? ((v = r.value) == null ? void 0 : v.height) ?? e.height : e.height;
       return c(d, {
@@ -7423,9 +7423,9 @@ const Zr = qa(), Dd = /* @__PURE__ */ P({
       const i = {};
       return e.fixed && e.fixedOffset !== void 0 && (e.fixed === "lead" || e.fixed === "last") && (i.left = U(e.fixedOffset)), i;
     });
-    K(() => {
+    W(() => {
       const i = e.type === "head" ? "th" : "td";
-      return c(i, W({
+      return c(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,
@@ -7663,7 +7663,7 @@ const Nd = j({
     } = er(), {
       columns: i
     } = Qa();
-    K(() => c("tr", {
+    W(() => c("tr", {
       class: ["y-data-table__row"],
       onClick: e.onClick,
       onContextmenu: e.onContextmenu,
@@ -7685,7 +7685,7 @@ const Nd = j({
         value: u.value,
         selected: u.selected
       }) : e.cellProps;
-      return c(ca, W({
+      return c(ca, z({
         align: o.align,
         fixed: o.fixed ? o.lastFixed ? "last" : "lead" : void 0,
         fixedOffset: o.fixedOffset,
@@ -7698,7 +7698,7 @@ const Nd = j({
         default: () => {
           var v, y;
           const m = `item.${o.key}`;
-          return n[m] ? (v = n[m]) == null ? void 0 : v.call(n, u) : o.key === "data-table-select" ? ((y = n["item.data-table-select"]) == null ? void 0 : y.call(n, u)) ?? c(Ne, W({
+          return n[m] ? (v = n[m]) == null ? void 0 : v.call(n, u) : o.key === "data-table-select" ? ((y = n["item.data-table-select"]) == null ? void 0 : y.call(n, u)) ?? c(Ne, z({
             checked: a(s),
             disabled: !s.selectable
           }, {
@@ -7743,7 +7743,7 @@ const Nd = j({
       isSelected: r,
       toggleSelect: i
     } = er();
-    return K(() => {
+    return W(() => {
       var o, l;
       return e.loading ? c("tr", null, [c("td", {
         colspan: a.value.length,
@@ -7763,7 +7763,7 @@ const Nd = j({
           toggleSelect: i
         }, m = {
           ...d,
-          props: W({
+          props: z({
             key: `item__${s.value ?? s.index}`,
             item: s,
             onClick: e["onClick:row"] ? (v) => {
@@ -7981,7 +7981,7 @@ const Yo = j({
         "--y-pagination__gap": b
       };
     });
-    return K(() => c("div", {
+    return W(() => c("div", {
       class: ["y-pagination", {
         [`y-pagination--align-${e.align}`]: e.align !== "start"
       }],
@@ -8110,7 +8110,7 @@ const Vd = j({
   setup(e, {
     slots: t
   }) {
-    K(() => {
+    W(() => {
       var n, a;
       return c("footer", {
         class: ["y-data-table-control"]
@@ -8219,7 +8219,7 @@ const Ho = j({
       column: g,
       x: b,
       y: _
-    }) => c(ca, W({
+    }) => c(ca, z({
       type: "head",
       align: g.align,
       fixed: g.fixed ? g.lastFixed ? "last" : "lead" : void 0,
@@ -8253,7 +8253,7 @@ const Ho = j({
           selectables: u.value,
           getSortDirection: w
         };
-        return t[p] ? (x = t[p]) == null ? void 0 : x.call(t, h) : g.key === "data-table-select" ? ((f = t["header.data-table-select"]) == null ? void 0 : f.call(t, h)) ?? (s && c(Ne, W({
+        return t[p] ? (x = t[p]) == null ? void 0 : x.call(t, h) : g.key === "data-table-select" ? ((f = t["header.data-table-select"]) == null ? void 0 : f.call(t, h)) ?? (s && c(Ne, z({
           checked: o.value,
           indeterminate: !o.value && i.value,
           disabled: u.value.length < 1
@@ -8278,7 +8278,7 @@ const Ho = j({
         }, null)])]);
       }
     });
-    K(() => {
+    W(() => {
       var g;
       return c(Z, null, [t.head ? (g = t.head) == null ? void 0 : g.call(t, e) : m.value.map((b, _) => c("tr", null, [b.map((p, h) => c(C, {
         column: p,
@@ -8296,7 +8296,7 @@ const Ho = j({
     slots: t
   }) {
     const n = ge("YTable");
-    return K(() => {
+    return W(() => {
       var a, r, i;
       return c("div", {
         class: ["y-data-table-layer"]
@@ -8476,10 +8476,10 @@ const nr = j({
       columns: l.value,
       headers: s.value
     }));
-    return K(() => {
+    return W(() => {
       var R;
       const $ = ie(e, At.props), I = ie(e, kt.props), A = ie(e, ct.props);
-      return c(ct, W({
+      return c(ct, z({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
@@ -8499,7 +8499,7 @@ const nr = j({
           var L, X, D;
           return t.default ? t.default(O.value) : c(Z, null, [c("thead", {
             ref: N
-          }, [c(At, $, t)]), (L = t.thead) == null ? void 0 : L.call(t, O.value), c("tbody", null, [c(kt, W(I, {
+          }, [c(At, $, t)]), (L = t.thead) == null ? void 0 : L.call(t, O.value), c("tbody", null, [c(kt, z(I, {
             items: b.value
           }), t)]), (X = t.tbody) == null ? void 0 : X.call(t, O.value), (D = t.tfoot) == null ? void 0 : D.call(t, O.value)]);
         },
@@ -8620,10 +8620,10 @@ const nr = j({
       columns: s.value,
       headers: u.value
     }));
-    K(() => {
+    W(() => {
       var $;
       const N = ie(e, At.props), B = ie(e, kt.props), O = ie(e, ct.props);
-      return c(ct, W({
+      return c(ct, z({
         class: ["y-data-table", {
           "y-data-table--no-data": !e.loading && e.items.length < 1 && !e.hideNoData
         }]
@@ -8641,7 +8641,7 @@ const nr = j({
           var I, A, R;
           return t.default ? t.default(S.value) : c(Z, null, [c("thead", {
             ref: x
-          }, [c(At, N, t)]), (I = t.thead) == null ? void 0 : I.call(t, S.value), c("tbody", null, [c(kt, W(B, {
+          }, [c(At, N, t)]), (I = t.thead) == null ? void 0 : I.call(t, S.value), c("tbody", null, [c(kt, z(B, {
             items: d.value
           }), t)]), (A = t.tbody) == null ? void 0 : A.call(t, S.value), (R = t.tfoot) == null ? void 0 : R.call(t, S.value)]);
         },
@@ -8772,7 +8772,7 @@ const Go = {
     return a({
       layer$: r,
       baseEl: x
-    }), K(() => c(Z, null, [c(Ce, W({
+    }), W(() => c(Z, null, [c(Ce, z({
       ref: r,
       transition: e.transition,
       "onClick:complement": b,
@@ -8974,7 +8974,7 @@ const Go = {
     }, {
       immediate: !0,
       deep: !0
-    }), K(() => {
+    }), W(() => {
       var C, g, b;
       return c("div", {
         class: [{
@@ -9031,7 +9031,7 @@ const Go = {
       return n instanceof Object && (a = n, "component" in n && (a = n.component, r = n == null ? void 0 : n.props)), c(e.tag, null, {
         default: () => {
           var i;
-          return [e.icon ? c(a, W(r), null) : (i = t.default) == null ? void 0 : i.call(t)];
+          return [e.icon ? c(a, z(r), null) : (i = t.default) == null ? void 0 : i.call(t)];
         }
       });
     };
@@ -9166,7 +9166,7 @@ const Jo = j({
     } = jt(e), {
       iconData: i
     } = zd(E(() => a.value || e.icon));
-    K(() => {
+    W(() => {
       var l, s;
       const o = (l = n.default) == null ? void 0 : l.call(n);
       return o && (a.value = (s = o.filter((u) => u.type === Text && u.children && typeof u.children == "string")[0]) == null ? void 0 : s.children), c(i.value.component, {
@@ -9223,16 +9223,16 @@ const Qo = j({
     function i(o) {
       r.value = !1, a("click", o);
     }
-    K(() => {
+    W(() => {
       const o = ie(e, Nt.props), l = ie(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, We.props);
-      return c(Z, null, [c(Nt, W(o, {
+      return c(Z, null, [c(Nt, z(o, {
         modelValue: r.value,
         "onUpdate:modelValue": (s) => r.value = s,
         "content-classes": ["y-dropdown__content"]
       }), {
         base: (...s) => {
           var u;
-          return t.base ? (u = t.base) == null ? void 0 : u.call(t, ...s) : c(re, W({
+          return t.base ? (u = t.base) == null ? void 0 : u.call(t, ...s) : c(re, z({
             variation: e.variation,
             color: e.color,
             class: ["y-dropdown", {
@@ -9243,7 +9243,7 @@ const Qo = j({
               var d;
               return [c("span", {
                 class: "y-dropdown__default"
-              }, [(d = t.default) == null ? void 0 : d.call(t)]), t["dropdown-icon"] ? t["dropdown-icon"]() : c(We, W(W(l), {
+              }, [(d = t.default) == null ? void 0 : d.call(t)]), t["dropdown-icon"] ? t["dropdown-icon"]() : c(We, z(z(l), {
                 icon: e.dropdownIcon,
                 class: ["y-dropdown__icon"]
               }), null)];
@@ -9441,9 +9441,9 @@ const nl = j({
       var O;
       return (O = i.value) == null ? void 0 : O.baseEl;
     });
-    return K(() => {
+    return W(() => {
       const O = ie(e, bn.props), $ = ie(typeof e.dropdownIcon == "object" ? e.dropdownIcon : {}, We.props);
-      return c(Nt, W({
+      return c(Nt, z({
         modelValue: l.value,
         "onUpdate:modelValue": (I) => l.value = I,
         ref: i,
@@ -9461,9 +9461,9 @@ const nl = j({
       }, g.value), {
         base: (...I) => {
           var A, R;
-          return t.base ? (A = t.base) == null ? void 0 : A.call(t, ...I) : c(bn, W({
+          return t.base ? (A = t.base) == null ? void 0 : A.call(t, ...I) : c(bn, z({
             ...O,
-            ...W({
+            ...z({
               ...I[0].props
             }, {
               ref: r
@@ -9497,7 +9497,7 @@ const nl = j({
               var X;
               return (X = t.leading) == null ? void 0 : X.call(t, ...L);
             } : void 0,
-            trailing: (...L) => t["dropdown-icon"] ? t["dropdown-icon"]() : c(We, W(W($), {
+            trailing: (...L) => t["dropdown-icon"] ? t["dropdown-icon"]() : c(We, z(z($), {
               icon: e.dropdownIcon,
               class: ["y-select__icon"]
             }), null),
@@ -9509,11 +9509,9 @@ const nl = j({
           return c(Mn, null, {
             default: () => {
               var A, R;
-              return [(A = t["menu-prepend"]) == null ? void 0 : A.call(t), u.value.length > 0 ? c(Za, W({
+              return [(A = t["menu-prepend"]) == null ? void 0 : A.call(t), u.value.length > 0 ? c(Za, {
                 ref: o
-              }, {
-                tabindex: "-1"
-              }), Qd(I = u.value.map((L) => {
+              }, Qd(I = u.value.map((L) => {
                 const X = {
                   item: L,
                   selected: b(L),
@@ -9527,13 +9525,18 @@ const nl = j({
                     "y-list-item--active": b(L)
                   }
                 }, {
-                  default: () => [t.item ? t.item(X) : {
-                    default: L.text,
-                    leading: t["item-leading"] && (() => {
-                      var D;
-                      return (D = t["item-leading"]) == null ? void 0 : D.call(t, X);
-                    })
-                  }]
+                  default: () => {
+                    var D;
+                    return t.item ? (D = t.item) == null ? void 0 : D.call(t, X) : L.text;
+                  },
+                  leading: t["item-leading"] && (() => {
+                    var D;
+                    return (D = t["item-leading"]) == null ? void 0 : D.call(t, X);
+                  }),
+                  trailing: t["item-trailing"] && (() => {
+                    var D;
+                    return (D = t["item-trailing"]) == null ? void 0 : D.call(t, X);
+                  })
                 });
               })) ? I : {
                 default: () => [I]
@@ -9585,9 +9588,9 @@ const nl = j({
     }) {
       a.value = s;
     }
-    return K(() => {
+    return W(() => {
       const s = ie(e, re.props);
-      return c(re, W({
+      return c(re, z({
         class: ["y-tab"],
         active: !1
       }, o.value, n, s, {
@@ -9647,7 +9650,7 @@ const nl = j({
         value: d
       } : d)) ?? [];
     });
-    return K(() => c(e.tag, {
+    return W(() => c(e.tag, {
       class: ["y-tabs"],
       role: "tablist"
     }, {
@@ -9659,7 +9662,7 @@ const nl = j({
         key: "content",
         ref: r,
         class: ["y-tabs__content"]
-      }, [t.default ? t.default(l.value) : s.value.map((u) => c(il, W(u, {
+      }, [t.default ? t.default(l.value) : s.value.map((u) => c(il, z(u, {
         key: u.text
       }), null))])])]
     })), {
@@ -9690,7 +9693,7 @@ const nl = j({
       const i = {};
       return e.color && (i["--y-alert-surface-color"] = e.color, a.value.includes("filled") ? i["--y-alert-surface-opacity"] = 1 : i["--y-alert-text-color"] = e.color, e.textColor && (i["--y-alert-text-color"] = e.textColor), !e.outlineColor && !e.semantic && (i["--y-alert-outline-color"] = e.color)), e.outlineColor && (i["--y-alert-outline-color"] = e.outlineColor), i;
     });
-    K(() => {
+    W(() => {
       var i;
       return gt(c("div", {
         ref: n,
@@ -9716,7 +9719,7 @@ const nl = j({
 }, "YDivider"), lf = /* @__PURE__ */ P({
   props: sl(),
   setup(e) {
-    K(() => gt(c("hr", {
+    W(() => gt(c("hr", {
       class: ["y-divider", {
         "y-divider--vertical": e.vertical
       }]
@@ -9836,7 +9839,7 @@ const nl = j({
       } else
         o.value = [h];
     }
-    return K(() => c("div", {
+    return W(() => c("div", {
       class: ["y-date-calendar", {
         "y-date-calendar--range": e.range && o.value.length === 2
       }]
@@ -9876,7 +9879,7 @@ const nl = j({
           "y-date-calendar__day--range-end": x.rangeEnd
         }],
         "data-date": x.disabled ? void 0 : x.isoDate
-      }, [(e.showAdjacentMonthDates || !x.adjacent) && c(Z, null, [((N = t.day) == null ? void 0 : N.call(t, S)) ?? c(re, W({
+      }, [(e.showAdjacentMonthDates || !x.adjacent) && c(Z, null, [((N = t.day) == null ? void 0 : N.call(t, S)) ?? c(re, z({
         color: (x.selected || x.today) && !x.disabled ? e.color : void 0,
         disabled: x.disabled,
         variation: ["rounded", x.selected ? "filled" : x.today ? "outlined" : "text"].join(",")
@@ -9916,7 +9919,7 @@ const nl = j({
     function r(i) {
       n.value = i;
     }
-    return K(() => c("div", {
+    return W(() => c("div", {
       class: ["y-month-picker"]
     }, [a.value.map((i, o) => {
       const l = {
@@ -9981,7 +9984,7 @@ const nl = j({
     function u() {
       t("click:month");
     }
-    K(() => c("div", {
+    W(() => c("div", {
       class: ["y-date-picker-control"]
     }, [c(re, {
       variation: "text",
@@ -10049,7 +10052,7 @@ const nl = j({
     }
     return n({
       changePage: u
-    }), K(() => c("div", {
+    }), W(() => c("div", {
       class: ["y-year-picker"]
     }, [l.value.map((d) => c("div", {
       class: ["y-year-picker__cell"]
@@ -10110,9 +10113,9 @@ const nl = j({
       i.value === "month" && m(), t("update:month", o.value);
     }), F(l, () => {
       i.value === "year" && (i.value = "month"), t("update:year", l.value);
-    }), K(() => c("div", {
+    }), W(() => c("div", {
       class: ["y-date-picker"]
-    }, [c(Jr, W(ie(e, Jr.props), {
+    }, [c(Jr, z(ie(e, Jr.props), {
       yearText: d.value,
       monthText: u.value,
       "onClick:year": y,
@@ -10130,7 +10133,7 @@ const nl = j({
         modelValue: l.value,
         "onUpdate:modelValue": (_) => l.value = _,
         ref: n
-      }, null) : c(ga, W(ie(e, ga.props), {
+      }, null) : c(ga, z(ie(e, ga.props), {
         hideHeader: !0,
         modelValue: r.value,
         "onUpdate:modelValue": (_) => r.value = _,
@@ -10173,7 +10176,7 @@ const nl = j({
     const {
       t: n
     } = Nn();
-    K(() => {
+    W(() => {
       const a = e.tag, r = Number(e.content), i = !e.max || isNaN(r) ? e.content : r <= +e.max ? r : `${e.max}+`;
       return c(a, {
         class: ["y-badge", {