@romainbx/wpic-components 0.0.29 → 0.0.31

package/dist/wpic-components.js

@@ -1065,8 +1065,8 @@ function Lh(t, e, n) {
   const { initialValue: r, validateOnMount: i, bails: s, type: o, checkedValue: a, label: l, validateOnValueUpdate: c, uncheckedValue: u, controlled: d, keepValueOnUnmount: f, syncVModel: h, form: p } = My(n), m = d ? Ac(qs) : void 0, g = p || m, b = oe(() => ds(ve(t))), k = oe(() => {
     if (ve(g == null ? void 0 : g.schema))
       return;
-    const ae = $(e);
-    return Po(ae) || en(ae) || Ze(ae) || Array.isArray(ae) ? ae : Nh(ae);
+    const le = $(e);
+    return Po(le) || en(le) || Ze(le) || Array.isArray(le) ? le : Nh(le);
   }), T = !Ze(k.value) && en(ve(e)), { id: y, value: O, initialValue: v, meta: S, setState: A, errors: N, flags: L } = dy(b, {
     modelValue: r,
     form: g,
@@ -1082,14 +1082,14 @@ function Lh(t, e, n) {
     handleChange: P,
     shouldValidate: () => c && !L.pendingReset
   });
-  const Q = (H, ae = !1) => {
-    S.touched = !0, ae && z();
+  const Q = (H, le = !1) => {
+    S.touched = !0, le && z();
   };
   async function I(H) {
-    var ae, De;
+    var le, De;
     if (g != null && g.validateSchema) {
       const { results: ye } = await g.validateSchema(H);
-      return (ae = ye[ve(b)]) !== null && ae !== void 0 ? ae : { valid: !0, errors: [] };
+      return (le = ye[ve(b)]) !== null && le !== void 0 ? le : { valid: !0, errors: [] };
     }
     return k.value ? $h(O.value, k.value, {
       name: ve(b),
@@ -1102,9 +1102,9 @@ function Lh(t, e, n) {
   function j(H) {
     return (H == null ? void 0 : H.mode) === "silent" ? W() : z();
   }
-  function P(H, ae = !0) {
+  function P(H, le = !0) {
     const De = Io(H);
-    wt(De, ae);
+    wt(De, le);
   }
   Kn(() => {
     if (i)
@@ -1115,18 +1115,18 @@ function Lh(t, e, n) {
     S.touched = H;
   }
   function Te(H) {
-    var ae;
+    var le;
     const De = H && "value" in H ? H.value : v.value;
     A({
       value: Ee(De),
       initialValue: Ee(De),
-      touched: (ae = H == null ? void 0 : H.touched) !== null && ae !== void 0 ? ae : !1,
+      touched: (le = H == null ? void 0 : H.touched) !== null && le !== void 0 ? le : !1,
       errors: (H == null ? void 0 : H.errors) || []
     }), S.pending = !1, S.validated = !1, W();
   }
   const tt = Un();
-  function wt(H, ae = !0) {
-    O.value = tt && h ? K0(H, tt.props.modelModifiers) : H, (ae ? z : W)();
+  function wt(H, le = !0) {
+    O.value = tt && h ? K0(H, tt.props.modelModifiers) : H, (le ? z : W)();
   }
   function Et(H) {
     A({ errors: Array.isArray(H) ? H : [H] });
@@ -1161,8 +1161,8 @@ function Lh(t, e, n) {
     setErrors: Et,
     setValue: wt
   };
-  if (Cs(Dh, Pe), No(e) && typeof $(e) != "function" && pt(e, (H, ae) => {
-    mt(H, ae) || (S.validated ? z() : W());
+  if (Cs(Dh, Pe), No(e) && typeof $(e) != "function" && pt(e, (H, le) => {
+    mt(H, le) || (S.validated ? z() : W());
   }, {
     deep: !0
   }), process.env.NODE_ENV !== "production" && (Pe._vm = Un(), pt(() => Object.assign(Object.assign({ errors: N.value }, S), { value: O.value }), _i, {
@@ -1171,22 +1171,22 @@ function Lh(t, e, n) {
     return Pe;
   const ut = oe(() => {
     const H = k.value;
-    return !H || Ze(H) || Po(H) || en(H) || Array.isArray(H) ? {} : Object.keys(H).reduce((ae, De) => {
+    return !H || Ze(H) || Po(H) || en(H) || Array.isArray(H) ? {} : Object.keys(H).reduce((le, De) => {
       const ye = ty(H[De]).map((Ge) => Ge.__locatorRef).reduce((Ge, Ke) => {
         const kt = Ct(g.values, Ke) || g.values[Ke];
         return kt !== void 0 && (Ge[Ke] = kt), Ge;
       }, {});
-      return Object.assign(ae, ye), ae;
+      return Object.assign(le, ye), le;
     }, {});
   });
-  return pt(ut, (H, ae) => {
+  return pt(ut, (H, le) => {
     if (!Object.keys(H).length)
       return;
-    !mt(H, ae) && (S.validated ? z() : W());
+    !mt(H, le) && (S.validated ? z() : W());
   }), Qr(() => {
     var H;
-    const ae = (H = ve(Pe.keepValueOnUnmount)) !== null && H !== void 0 ? H : ve(g.keepValuesOnUnmount), De = ve(b);
-    if (ae || !g || L.pendingUnmount[Pe.id]) {
+    const le = (H = ve(Pe.keepValueOnUnmount)) !== null && H !== void 0 ? H : ve(g.keepValuesOnUnmount), De = ve(b);
+    if (le || !g || L.pendingUnmount[Pe.id]) {
       g == null || g.removePathState(De, y);
       return;
     }
@@ -1576,7 +1576,7 @@ function Ny(t) {
               setTouched: Xn,
               setFieldTouched: Ke,
               setValues: ye,
-              setFieldValue: ae,
+              setFieldValue: le,
               resetForm: An,
               resetField: Qn
             });
@@ -1631,7 +1631,7 @@ function Ny(t) {
     validate: Zt,
     setFieldError: h,
     validateField: Ft,
-    setFieldValue: ae,
+    setFieldValue: le,
     setValues: ye,
     setErrors: p,
     setFieldTouched: Ke,
@@ -1657,7 +1657,7 @@ function Ny(t) {
     isFieldDirty: Cr,
     isFieldValid: ni
   };
-  function ae(C, M, R = !0) {
+  function le(C, M, R = !0) {
     const U = Ee(M), ie = typeof C == "string" ? C : C.path;
     j(ie) || ne(ie), In(l, ie, U), R && Ft(ie);
   }
@@ -1665,7 +1665,7 @@ function Ny(t) {
     Ot(l).forEach((R) => {
       delete l[R];
     }), Ot(C).forEach((R) => {
-      ae(R, C[R], !1);
+      le(R, C[R], !1);
     }), M && Zt();
   }
   function ye(C, M = !0) {
@@ -1680,7 +1680,7 @@ function Ny(t) {
       set(U) {
         var ie;
         const w = ve(C);
-        ae(w, U, (ie = ve(M)) !== null && ie !== void 0 ? ie : !1);
+        le(w, U, (ie = ve(M)) !== null && ie !== void 0 ? ie : !1);
       }
     });
   }
@@ -1714,7 +1714,7 @@ function Ny(t) {
   function Qn(C, M) {
     var R;
     const U = M && "value" in M ? M.value : Ct(O.value, C), ie = j(C);
-    ie && (ie.__flags.pendingReset = !0), Nn(C, Ee(U), !0), ae(C, U, !1), Ke(C, (R = M == null ? void 0 : M.touched) !== null && R !== void 0 ? R : !1), h(C, (M == null ? void 0 : M.errors) || []), St(() => {
+    ie && (ie.__flags.pendingReset = !0), Nn(C, Ee(U), !0), le(C, U, !1), Ke(C, (R = M == null ? void 0 : M.touched) !== null && R !== void 0 ? R : !1), h(C, (M == null ? void 0 : M.errors) || []), St(() => {
       ie && (ie.__flags.pendingReset = !1);
     });
   }
@@ -1722,7 +1722,7 @@ function Ny(t) {
     let R = Ee(C != null && C.values ? C.values : v.value);
     R = M != null && M.force ? R : Ts(v.value, R), R = en(L) && Ze(L.cast) ? L.cast(R) : R, S(R), W((U) => {
       var ie;
-      U.__flags.pendingReset = !0, U.validated = !1, U.touched = ((ie = C == null ? void 0 : C.touched) === null || ie === void 0 ? void 0 : ie[U.path]) || !1, ae(U.path, Ct(R, U.path), !1), h(U.path, void 0);
+      U.__flags.pendingReset = !0, U.validated = !1, U.touched = ((ie = C == null ? void 0 : C.touched) === null || ie === void 0 ? void 0 : ie[U.path]) || !1, le(U.path, Ct(R, U.path), !1), h(U.path, void 0);
     }), M != null && M.force ? De(R, !1) : ye(R, !1), p((C == null ? void 0 : C.errors) || {}), o.value = (C == null ? void 0 : C.submitCount) || 0, St(() => {
       Zt({ mode: "silent" }), W((U) => {
         U.__flags.pendingReset = !1;
@@ -1841,11 +1841,11 @@ function Ny(t) {
     }
     function w(G) {
       const re = Io(G);
-      ae(ve(C), re, !1), U.value.onInput();
+      le(ve(C), re, !1), U.value.onInput();
     }
     function B(G) {
       const re = Io(G);
-      ae(ve(C), re, !1), U.value.onChange();
+      le(ve(C), re, !1), U.value.onChange();
     }
     return oe(() => Object.assign(Object.assign({}, U.value), {
       onBlur: ie,
@@ -2118,7 +2118,7 @@ const Xy = /* @__PURE__ */ ke(qy, [["render", Zy]]), Qy = { class: "relative" },
     ]));
   }
 });
-let le = {
+let ae = {
   theme: "wpic-tools",
   popoverTarget: "body"
 };
@@ -2159,25 +2159,28 @@ const tv = ["is", "type", "disabled"], nv = {
       pmi: "",
       "wpic-tools": "bg-transparent text-gray-700 enabled:hover:bg-gray-900/5 enabled:active:bg-gray-200 enabled:active:shadow-inner dark:enabled:border-gray-900 dark:text-gray-400 dark:enabled:hover:bg-gray-900 dark:enabled:active:bg-gray-930 dark:disabled:text-gray-700"
     }, i = {
+      pmi: "",
+      "wpic-tools": "bg-transparent text-red-600 enabled:hover:bg-red-500/5 enabled:active:bg-red-100 enabled:active:shadow-inner dark:text-red-400 dark:enabled:hover:bg-red-500/10 dark:enabled:active:bg-red-500/25 dark:disabled:text-red-500/50"
+    }, s = {
       pmi: "bg-violet-800 border border-violet-800 focus:bg-violet-800 text-white disabled:bg-zinc-100 disabled:text-zinc-400 disabled:border-zinc-100 enabled:hover:bg-violet-900 enabled:hover:border-violet-900 active:scale-95 enabled:transform",
       "wpic-tools": "text-white bg-lime-500 border-lime-500 enabled:hover:bg-lime-400 enabled:hover:border-lime-400 enabled:active:bg-lime-500 enabled:active:border-lime-500 enabled:active:shadow-inner disabled:bg-lime-600/25 disabled:text-white disabled:border-0 dark:bg-lime-700 dark:border-lime-700 dark:enabled:hover:bg-lime-600 dark:enabled:hover:border-lime-600 dark:enabled:active:bg-lime-800 dark:enabled:active:border-lime-800 dark:disabled:bg-lime-700/50 dark:disabled:text-white/25"
-    }, s = {
+    }, o = {
       pmi: "bg-white text-violet-800 border-zinc-400 dark:border-zinc-700 dark:text-zinc-200 dark:bg-zinc-700 dark:hover:bg-zinc-600 dark:hover:border-zinc-600 disabled:text-zinc-400 active:scale-95 enabled:transform",
       "wpic-tools": "text-gray-700 bg-gray-100 border-gray-300 enabled:hover:bg-lime-50 enabled:hover:border-lime-300 enabled:hover:text-lime-600 enabled:active:shadow-inner disabled:border-gray-200 disabled:text-zinc-400 disabled:bg-gray-50/50 dark:bg-gray-700 dark:border-gray-700 dark:text-gray-400"
-    }, o = {
+    }, a = {
       pmi: "",
       "wpic-tools": "text-white bg-red-500 border-red-500 enabled:hover:bg-red-600 enabled:hover:border-red-600 enabled:active:bg-red-700 enabled:active:border-red-700 dark:bg-red-400/70 dark:border-red-400/70"
-    }, a = {
+    }, l = {
       pmi: "border-zinc-300 dark:border-zinc-700 dark:text-zinc-300",
       "wpic-tools": "border-gray-200 bg-gray-200 text-gray-700 enabled:hover:bg-gray-300 enabled:hover:border-gray-300 enabled:active:bg-gray-200 enabled:active:border-gray-200 enabled:active:shadow-inner disabled:bg-gray-100 disabled:text-zinc-400 disabled:border-0 dark:bg-gray-930 dark:border-gray-930 dark:text-gray-300 dark:enabled:hover:bg-gray-920 dark:enabled:hover:border-gray-920 dark:enabled:active:bg-gray-930 dark:enabled:active:border-gray-930 dark:disabled:text-gray-700 dark:disabled:bg-gray-940"
-    }, l = {
+    }, c = {
       pmi: "text-violet-800 hover:underline",
       "wpic-tools": "text-lime-800 hover:underline"
-    }, c = {
+    }, u = {
       pmi: "hover:text-violet-800",
       "wpic-tools": "hover:text-lime-800"
     };
-    return (u, d) => (x(), _("button", {
+    return (d, f) => (x(), _("button", {
       is: n.value,
       type: t.type,
       disabled: t.disabled,
@@ -2186,13 +2189,14 @@ const tv = ["is", "type", "disabled"], nv = {
         "active:outline active:outline-2 active:outline-offset-4": !t.disabled && !t.loading && t.outlining,
         "cursor-not-allowed": t.disabled,
         border: t.outline && !t.plain,
-        [`${i[$(le).theme]}`]: t.primary && !t.plain && !t.inverse,
-        [`${s[$(le).theme]}`]: t.secondary,
-        [`${a[$(le).theme]}`]: !t.primary && !t.secondary && !t.plain && !t.colorless && !t.destructive,
-        [`${l[$(le).theme]}`]: t.primary && t.plain,
-        [`${c[$(le).theme]}`]: !t.primary && t.plain,
-        [`${r[$(le).theme]}`]: t.colorless,
-        [`${o[$(le).theme]}`]: t.destructive,
+        [`${s[$(ae).theme]}`]: t.primary && !t.plain && !t.inverse,
+        [`${o[$(ae).theme]}`]: t.secondary,
+        [`${l[$(ae).theme]}`]: !t.primary && !t.secondary && !t.plain && !t.colorless && !t.destructive,
+        [`${c[$(ae).theme]}`]: t.primary && t.plain,
+        [`${u[$(ae).theme]}`]: !t.primary && t.plain,
+        [`${r[$(ae).theme]}`]: t.colorless,
+        [`${a[$(ae).theme]}`]: t.destructive && !t.colorless,
+        [`${i[$(ae).theme]}`]: t.destructive && t.colorless,
         "bg-zinc-50 border-violet-800 text-violet-800": t.primary && t.inverse,
         "hover:bg-white": t.primary && t.inverse && !t.disabled && !t.loading,
         "w-full": t.full,
@@ -2217,7 +2221,7 @@ const tv = ["is", "type", "disabled"], nv = {
         }])
       }, {
         default: Se(() => [
-          Oe(u.$slots, "default", {}, () => [
+          Oe(d.$slots, "default", {}, () => [
             Le(ge(t.label), 1)
           ])
         ]),
@@ -2234,7 +2238,7 @@ const tv = ["is", "type", "disabled"], nv = {
       "wpic-tools": "border-gray-300"
     };
     return (n, r) => (x(), _("div", {
-      class: q(["wpic-button-group flex flex-wrap h-10", [e[$(le).theme]]])
+      class: q(["wpic-button-group flex flex-wrap h-10", [e[$(ae).theme]]])
     }, [
       Oe(n.$slots, "default")
     ], 2));
@@ -3273,20 +3277,20 @@ const tb = { class: "bg-white dark:bg-gray-700 rounded-t-lg w-full" }, nb = { cl
         Oe(m.$slots, "default", { isHidden: l.value })
       ], 32)),
       (x(), be(Oh, {
-        to: $(le).popoverTarget
+        to: $(ae).popoverTarget
       }, [
         (x(), _("div", {
           key: `floating_${$(n)}`,
           ref_key: "floating",
           ref: a,
           style: or({ maxWidth: t.maxWidth }),
-          class: q(["z-30 rounded-md overflow-hidden", { [`${t.customWidth}`]: !0, hidden: l.value, [`${i[$(le).theme]}`]: !l.value, "rounded-md": !t.custom, "px-3 py-2": !t.custom && !t.expand }])
+          class: q(["z-30 rounded-md overflow-hidden", { [`${t.customWidth}`]: !0, hidden: l.value, [`${i[$(ae).theme]}`]: !l.value, "rounded-md": !t.custom, "px-3 py-2": !t.custom && !t.expand }])
         }, [
           Oe(m.$slots, "content")
         ], 6)),
         E("div", {
           onClick: g[1] || (g[1] = (b) => u()),
-          class: q(["fixed z-30 flex items-end w-screen h-screen top-0 bg-black/20", { hidden: l.value, [`${s[$(le).theme]}`]: !0 }])
+          class: q(["fixed z-30 flex items-end w-screen h-screen top-0 bg-black/20", { hidden: l.value, [`${s[$(ae).theme]}`]: !0 }])
         }, [
           E("div", tb, [
             E("div", nb, [
@@ -3405,11 +3409,11 @@ const zc = /* @__PURE__ */ ke(mb, [["render", bb]]), wb = {
         class: q(["wpic-input overflow-auto leading-none rounded flex relative border pr-4 items-center", {
           "pl-4": !o.$slots.prepend,
           "pl-10": o.$slots.prepend,
-          [`${n[$(le).theme]}`]: !0,
+          [`${n[$(ae).theme]}`]: !0,
           "h-8": t.small,
           "h-10": !t.large,
           "h-12": t.large,
-          [`${r[$(le).theme]}`]: t.disabled,
+          [`${r[$(ae).theme]}`]: t.disabled,
           "cursor-pointer": !t.disabled,
           "!border-red-600 focus-within:outline-red-600": t.invalid
         }])
@@ -4291,7 +4295,7 @@ const Nd = /* @__PURE__ */ rp(TM), DM = {
                 E("div", {
                   class: q(["flex items-center py-2 px-4 min-w-64 text-base", {
                     "cursor-pointer": !t.multiple || O.value,
-                    [`${p[$(le).theme]}`]: !0
+                    [`${p[$(ae).theme]}`]: !0
                   }]),
                   onClick: (v) => O.disabled ? null : l(O.value)
                 }, [
@@ -4669,7 +4673,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
           }, [
             E("div", {
               class: q(["w-4 h-4 border cursor-pointer", {
-                [`${i[$(le).theme]}`]: !0
+                [`${i[$(ae).theme]}`]: !0
               }])
             }, [
               t.modelValue === !0 ? (x(), be(np, { key: 0 })) : Z("", !0)
@@ -4759,7 +4763,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       }, 8, ["modelValue", "rules", "name"])) : (x(), _("div", {
         key: 4,
         class: q(["wpic-input rounded flex relative border", {
-          [`${r[$(le).theme]}`]: !0,
+          [`${r[$(ae).theme]}`]: !0,
           "!bg-transparent": t.transparent,
           "h-10": !t.textarea && !t.large,
           "h-12": !t.textarea && t.large,
@@ -4978,7 +4982,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
     return (r, i) => {
       const s = x0("wpic-loading-panel");
       return x(), _("div", {
-        class: q(["rounded-lg wpic-card relative", { [e[$(le).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions }])
+        class: q(["rounded-lg wpic-card relative", { [e[$(ae).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions }])
       }, [
         t.loading ? (x(), be(s, {
           key: 0,
@@ -4988,7 +4992,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
         t.title || r.$slots.actions ? (x(), _("div", vC, [
           t.title || r.$slots.actions ? (x(), _("div", {
             key: 0,
-            class: q(["text-lg 2xl:text-xl", [n[$(le).theme]]])
+            class: q(["text-lg 2xl:text-xl", [n[$(ae).theme]]])
           }, ge(t.title), 3)) : Z("", !0),
           E("div", bC, [
             Oe(r.$slots, "actions")
@@ -5017,7 +5021,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
     };
     return (n, r) => (x(), _("div", {
       class: q(["border-b relative dark:border-gray-900 last:border-0 pb-6", {
-        [`${e[$(le).theme]}`]: !0,
+        [`${e[$(ae).theme]}`]: !0,
         "pt-6": !(t.title && n.$slots.actions)
       }])
     }, [
@@ -5057,7 +5061,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       class: q(["relative flex", { "mb-4": t.indicators }])
     }, [
       E("div", {
-        class: q(["flex w-full relative", r[$(le).theme]]),
+        class: q(["flex w-full relative", r[$(ae).theme]]),
         style: { "z-index": "1" }
       }, [
         n.value > 0 ? (x(), _("div", {
@@ -5065,7 +5069,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
           style: or({ width: `${n.value}%` }),
           class: q(["flex h-full", {
             [`${t.background}`]: !0,
-            [`${i[$(le).theme]}`]: !0
+            [`${i[$(ae).theme]}`]: !0
           }])
         }, [
           ce(kp, {
@@ -5100,7 +5104,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       r("clear");
     }
     return (s, o) => (x(), _("div", {
-      class: q(["wpic-tag select-none border inline-flex rounded h-8 items-center justify-center pl-3 py-1", { "pr-3": !t.clearable, "pr-2": t.clearable, [n[$(le).theme]]: !0 }])
+      class: q(["wpic-tag select-none border inline-flex rounded h-8 items-center justify-center pl-3 py-1", { "pr-3": !t.clearable, "pr-2": t.clearable, [n[$(ae).theme]]: !0 }])
     }, [
       E("span", AC, [
         Oe(s.$slots, "default")
@@ -5176,8 +5180,8 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
     };
     return (r, i) => (x(), _("div", {
       class: q(["border rounded flex items-center justify-center w-10 h-10 cursor-pointer", {
-        [e[$(le).theme]]: !t.active,
-        [n[$(le).theme]]: t.active
+        [e[$(ae).theme]]: !t.active,
+        [n[$(ae).theme]]: t.active
       }])
     }, [
       E("span", HC, [
@@ -5387,7 +5391,7 @@ const xT = /* @__PURE__ */ ke(yT, [["render", kT]]), ST = { class: "font-semibol
     return (n, r) => (x(), _("tr", ST, [
       (x(!0), _($e, null, ft(t.columns, (i, s) => (x(), be(ql, {
         class: q(["py-3 first:pl-6 pr-6 border-t", {
-          [`${e[$(le).theme]}`]: !0,
+          [`${e[$(ae).theme]}`]: !0,
           "sticky left-0": s === 0,
           "border-b": t.position === "header",
           "border-t": t.position === "footer",
@@ -5547,7 +5551,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
     return (T, y) => (x(), _("div", {
       class: q(["wpic-table relative w-full rounded-lg overflow-hidden", {
         border: t.border,
-        [`${i[$(le).theme]}`]: !0
+        [`${i[$(ae).theme]}`]: !0
       }])
     }, [
       E("div", ET, [
@@ -5568,13 +5572,13 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
             E("tr", null, [
               p.value.find((O) => O.type == "expand") ? (x(), _("th", {
                 key: 0,
-                class: q(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${s[$(le).theme]}`]])
+                class: q(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${s[$(ae).theme]}`]])
               }, null, 2)) : Z("", !0),
               (x(!0), _($e, null, ft(p.value.filter((O) => O.type != "expand"), (O, v) => {
                 var S, A;
                 return x(), _("th", {
                   class: q(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", {
-                    [`${s[$(le).theme]}`]: !0,
+                    [`${s[$(ae).theme]}`]: !0,
                     "sticky left-0": v === 0
                   }]),
                   style: or({ maxWidth: `${O.maxWidth}px` })
@@ -5608,7 +5612,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
           E("tbody", RT, [
             t.loading ? (x(), _($e, { key: 0 }, [
               E("div", {
-                class: q(["inset-0 z-10 absolute flex items-center justify-center", [u[$(le).theme]]])
+                class: q(["inset-0 z-10 absolute flex items-center justify-center", [u[$(ae).theme]]])
               }, [
                 ce(ji, { class: "w-6 h-6" })
               ], 2),
@@ -5630,7 +5634,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                   class: q(["tr group border-b last:border-b-0 overflow-hidden", {
                     "is-odd": v % 2 == 0,
                     "is-even": v % 2 != 0,
-                    [o[$(le).theme]]: !0
+                    [o[$(ae).theme]]: !0
                     // [trStripeColors[config.theme]]: stripe
                   }])
                 }, [
@@ -5667,8 +5671,8 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                       class: q(["py-3 first:pl-6 pr-6 lg:text-base h-full table-cell", {
                         "text-sm lg:text-sm !py-1": t.small,
                         "sticky left-0 shadow": ne === 0,
-                        [`${l[$(le).theme]}`]: !0,
-                        [`${c[$(le).theme]}`]: t.stripe,
+                        [`${l[$(ae).theme]}`]: !0,
+                        [`${c[$(ae).theme]}`]: t.stripe,
                         "first:pl-0 last:pr-0": t.noXPadding,
                         "last:rounded-br-lg": v === ((Q = t.data) == null ? void 0 : Q.length) - 1 && !t.totalItem && !p.value.find((z) => z.type == "expand"),
                         "first:rounded-bl-lg": v === ((I = t.data) == null ? void 0 : I.length) - 1 && !t.totalItem && !p.value.find((z) => z.type == "expand"),
@@ -5688,13 +5692,13 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                 p.value.find((L) => L.type == "expand") ? Nl((x(), _("tr", {
                   key: 0,
                   class: q([{
-                    [o[$(le).theme]]: !t.stripe,
-                    [a[$(le).theme]]: t.stripe
+                    [o[$(ae).theme]]: !t.stripe,
+                    [a[$(ae).theme]]: t.stripe
                   }, "tr border-b last:border-b-0 overflow-hidden"])
                 }, [
                   ce(ql, {
                     class: q(["py-3 first:pl-6 pr-6 lg:text-base", {
-                      [`${l[$(le).theme]}`]: !0,
+                      [`${l[$(ae).theme]}`]: !0,
                       "first:pl-0 last:pr-0": t.noXPadding,
                       "last:rounded-br-lg": v === ((S = t.data) == null ? void 0 : S.length) - 1 && !t.totalItem,
                       "first:rounded-bl-lg": v === ((A = t.data) == null ? void 0 : A.length) - 1 && !t.totalItem,
@@ -18041,8 +18045,8 @@ function MN(t) {
     }
     if (A)
       for (var tt = p ? 3 : 1, wt = function(ut) {
-        var H = y.find(function(ae) {
-          var De = S.get(ae);
+        var H = y.find(function(le) {
+          var De = S.get(le);
           if (De)
             return De.slice(0, ut).every(function(ye) {
               return ye;
@@ -18174,7 +18178,7 @@ function IN(t) {
       var I, z = y === "y" ? Dt : _t, W = y === "y" ? qt : Gt, j = y === "y" ? "height" : "width", P = v[y], ee = P + g[z], Te = P - g[W], tt = h ? -A[j] / 2 : 0, wt = k === Bi ? S[j] : A[j], Et = k === Bi ? -A[j] : -S[j], At = e.elements.arrow, Pe = h && At ? fu(At) : {
         width: 0,
         height: 0
-      }, ut = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ig(), H = ut[z], ae = ut[W], De = ks(0, S[j], Pe[j]), ye = T ? S[j] / 2 - tt - De - H - L.mainAxis : wt - De - H - L.mainAxis, Ge = T ? -S[j] / 2 + tt + De + ae + L.mainAxis : Et + De + ae + L.mainAxis, Ke = e.elements.arrow && io(e.elements.arrow), kt = Ke ? y === "y" ? Ke.clientTop || 0 : Ke.clientLeft || 0 : 0, Cr = (I = ne == null ? void 0 : ne[y]) != null ? I : 0, ni = P + ye - Cr - kt, Xn = P + Ge - Cr, Qn = ks(h ? ra(ee, ni) : ee, P, h ? Wr(Te, Xn) : Te);
+      }, ut = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : ig(), H = ut[z], le = ut[W], De = ks(0, S[j], Pe[j]), ye = T ? S[j] / 2 - tt - De - H - L.mainAxis : wt - De - H - L.mainAxis, Ge = T ? -S[j] / 2 + tt + De + le + L.mainAxis : Et + De + le + L.mainAxis, Ke = e.elements.arrow && io(e.elements.arrow), kt = Ke ? y === "y" ? Ke.clientTop || 0 : Ke.clientLeft || 0 : 0, Cr = (I = ne == null ? void 0 : ne[y]) != null ? I : 0, ni = P + ye - Cr - kt, Xn = P + Ge - Cr, Qn = ks(h ? ra(ee, ni) : ee, P, h ? Wr(Te, Xn) : Te);
       v[y] = Qn, Q[y] = Qn - P;
     }
     if (a) {
@@ -18884,7 +18888,7 @@ function k$(t, e) {
     var w = z();
     w.removeEventListener("mousedown", Et, !0), w.removeEventListener("touchend", Et, Ar), w.removeEventListener("touchstart", Pe, Ar), w.removeEventListener("touchmove", At, Ar);
   }
-  function ae(w, B) {
+  function le(w, B) {
     ye(w, function() {
       !y.state.isVisible && v.parentNode && v.parentNode.contains(v) && B();
     });
@@ -19129,7 +19133,7 @@ function k$(t, e) {
         var se = W(), fe = se.box, _e = se.content;
         y.props.animation && (wl([fe, _e], re), Jf([fe, _e], "hidden"));
       }
-      Te(), tt(), y.props.animation ? Q() && ae(re, y.unmount) : y.unmount();
+      Te(), tt(), y.props.animation ? Q() && le(re, y.unmount) : y.unmount();
     }
   }
   function R(w) {
@@ -21331,7 +21335,7 @@ const kP = /* @__PURE__ */ ke(gP, [["render", wP]]), xP = { class: "py-1 px-1 bo
     }
     return (c, u) => $(o) ? (x(), _("div", {
       key: 0,
-      class: q(["pt-px relative flex flex-col rounded border", r[$(le).theme]])
+      class: q(["pt-px relative flex flex-col rounded border", r[$(ae).theme]])
     }, [
       E("div", xP, [
         E("div", SP, [
@@ -24080,17 +24084,17 @@ const _l = {
     }, [
       E("div", {
         class: q(["h-8 w-full flex justify-center items-center", {
-          [`${r[$(le).theme]}`]: t.between,
-          [`${i[$(le).theme]}`]: t.firstDay,
-          [`${s[$(le).theme]}`]: t.lastDay,
-          [`${o[$(le).theme]}`]: t.highlight
+          [`${r[$(ae).theme]}`]: t.between,
+          [`${i[$(ae).theme]}`]: t.firstDay,
+          [`${s[$(ae).theme]}`]: t.lastDay,
+          [`${o[$(ae).theme]}`]: t.highlight
         }]),
         style: or({ marginLeft: t.firstDay ? "50%" : void 0, marginRight: t.lastDay ? "50%" : void 0 })
       }, [
         E("span", {
           class: q(["absolute w-8 h-8 flex items-center justify-center dark:text-gray-400", {
-            [`${e[$(le).theme]}`]: !0,
-            [`${n[$(le).theme]}`]: t.highlight && (t.firstDay || t.lastDay)
+            [`${e[$(ae).theme]}`]: !0,
+            [`${n[$(ae).theme]}`]: t.highlight && (t.firstDay || t.lastDay)
           }]),
           style: { left: "50%", transform: "translateX(-50%)" }
         }, [
@@ -24531,7 +24535,7 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
           "translate-x-0": t.visible,
           "translate-x-full": !t.visible,
           [t.options.width]: !0,
-          [r[$(le).theme]]: !0
+          [r[$(ae).theme]]: !0
         }])
       }, [
         E("div", {
@@ -24641,11 +24645,13 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
       E("div", _L, [
         (x(!0), _($e, null, ft(i.value, (u) => (x(), _("div", {
           key: u.name,
-          class: q(["border-b items-center flex leading-snug cursor-pointer py-3 px-6 -mb-[2px] font-medium text-gray-500 dark:text-gray-500", {
+          class: q(["border-b items-center flex leading-snug cursor-pointer py-3 px-6 -mb-[2px] font-medium", {
             "dark:border-gray-930": u.name != t.modelValue,
-            "border-b-2 text-lime-500 border-b-lime-500": u.name === t.modelValue
+            "border-b-2 text-lime-500 border-b-lime-500": u.name === t.modelValue,
+            "text-gray-500 dark:text-gray-500": !u.disabled,
+            "text-gray-300 dark:text-gray-700": u.disabled
           }]),
-          onClick: (d) => s(u.name)
+          onClick: (d) => u.disabled ? null : s(u.name)
         }, [
           Oe(l.$slots, "label", {}, () => [
             E("span", {
@@ -24671,14 +24677,16 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
       type: String,
       required: !0
     },
-    noStyle: Boolean
+    noStyle: Boolean,
+    disabled: Boolean
   },
   setup(t) {
     const e = t, n = de(!1), r = Ms("addTab"), i = Ms("modelValue");
     return Kn(() => {
       r({
         label: e.label,
-        name: e.name
+        name: e.name,
+        disabled: e.disabled
       });
     }), pt(
       () => i.value,
@@ -24883,7 +24891,7 @@ const v3 = {
   useConfirm: v0
 };
 function b3(t, e) {
-  b0(le, e);
+  b0(ae, e);
   for (const n in Al)
     if (Al.hasOwnProperty(n)) {
       const r = Al[n];
@@ -24893,7 +24901,7 @@ function b3(t, e) {
 const x3 = {
   install: b3,
   composables: v3,
-  options: le
+  options: ae
 };
 export {
   x3 as default,