@romainbx/wpic-components 0.0.3 → 0.0.5

package/dist/wpic-components.js

@@ -1,4 +1,4 @@
-import { inject as zl, computed as ee, toValue as fe, getCurrentInstance as Hn, defineComponent as gr, toRef as Dr, resolveDynamicComponent as Ts, h as It, unref as z, onMounted as yr, provide as jl, isRef as uo, watch as Wt, onBeforeUnmount as Kr, ref as Ae, reactive as ls, nextTick as Et, warn as Bm, readonly as Fm, watchEffect as sf, onUnmounted as of, shallowRef as af, openBlock as T, createElementBlock as P, createElementVNode as $, createVNode as Oe, normalizeClass as re, createBlock as $e, withCtx as Fe, createCommentVNode as Se, renderSlot as Ne, createTextVNode as ut, toDisplayString as _e, Fragment as ct, Teleport as lf, resolveComponent as zm, withModifiers as jm, withDirectives as Ju, vShow as Gu, renderList as Nt, normalizeStyle as Wl, useSlots as Wm, markRaw as Hm, customRef as Ym } from "vue";
+import { inject as zl, computed as ee, toValue as fe, getCurrentInstance as Hn, defineComponent as gr, toRef as Dr, resolveDynamicComponent as Ts, h as It, unref as F, onMounted as yr, provide as jl, isRef as uo, watch as Wt, onBeforeUnmount as Kr, ref as Ae, reactive as ls, nextTick as Et, warn as Bm, readonly as Fm, watchEffect as sf, onUnmounted as of, shallowRef as af, openBlock as T, createElementBlock as P, createElementVNode as $, createVNode as Oe, normalizeClass as re, createBlock as Ve, withCtx as Fe, createCommentVNode as Se, renderSlot as Pe, createTextVNode as ut, toDisplayString as _e, Fragment as ct, Teleport as lf, resolveComponent as zm, withModifiers as jm, withDirectives as Ju, vShow as Gu, renderList as Nt, normalizeStyle as Wl, useSlots as Wm, markRaw as Hm, customRef as Ym } from "vue";
 function Um() {
   return uf().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -665,7 +665,7 @@ function Dg(t, e) {
   }), o = ee(() => s.errors);
   function a(l) {
     var u, c, d;
-    "value" in l && (n.value = l.value), "errors" in l && ((u = e.form) === null || u === void 0 || u.setFieldError(z(t), l.errors)), "touched" in l && ((c = e.form) === null || c === void 0 || c.setFieldTouched(z(t), (d = l.touched) !== null && d !== void 0 ? d : !1)), "initialValue" in l && i(l.initialValue);
+    "value" in l && (n.value = l.value), "errors" in l && ((u = e.form) === null || u === void 0 || u.setFieldError(F(t), l.errors)), "touched" in l && ((c = e.form) === null || c === void 0 || c.setFieldTouched(F(t), (d = l.touched) !== null && d !== void 0 ? d : !1)), "initialValue" in l && i(l.initialValue);
   }
   return {
     id: Array.isArray(s.id) ? s.id[s.id.length - 1] : s.id,
@@ -679,16 +679,16 @@ function Dg(t, e) {
   };
 }
 function Eg(t, e, n) {
-  const r = Ae(z(e));
+  const r = Ae(F(e));
   function i() {
-    return n ? xt(n.initialValues.value, z(t), z(r)) : z(r);
+    return n ? xt(n.initialValues.value, F(t), F(r)) : F(r);
   }
   function s(u) {
     if (!n) {
       r.value = u;
       return;
     }
-    n.setFieldInitialValue(z(t), u, !0);
+    n.setFieldInitialValue(F(t), u, !0);
   }
   const o = ee(i);
   if (!n)
@@ -698,13 +698,13 @@ function Eg(t, e, n) {
       setInitialValue: s
     };
   const a = _g(e, n, o, t);
-  return n.stageInitialValue(z(t), a, !0), {
+  return n.stageInitialValue(F(t), a, !0), {
     value: ee({
       get() {
-        return xt(n.values, z(t));
+        return xt(n.values, F(t));
       },
       set(u) {
-        n.setFieldValue(z(t), u, !1);
+        n.setFieldValue(F(t), u, !1);
       }
     }),
     initialValue: o,
@@ -712,7 +712,7 @@ function Eg(t, e, n) {
   };
 }
 function _g(t, e, n, r) {
-  return uo(t) ? z(t) : t !== void 0 ? t : xt(e.values, z(r), z(n));
+  return uo(t) ? F(t) : t !== void 0 ? t : xt(e.values, F(r), F(n));
 }
 function Ag(t, e, n, r) {
   const i = ee(() => {
@@ -723,9 +723,9 @@ function Ag(t, e, n, r) {
     pending: !1,
     valid: !0,
     required: i,
-    validated: !!z(n).length,
-    initialValue: ee(() => z(e)),
-    dirty: ee(() => !ft(z(t), z(e)))
+    validated: !!F(n).length,
+    initialValue: ee(() => F(e)),
+    dirty: ee(() => !ft(F(t), F(e)))
   });
   return Wt(n, (o) => {
     s.valid = !o.length;
@@ -875,7 +875,7 @@ function Rg(t) {
 function $g(t) {
   const { textColor: e, bgColor: n } = xf(t.meta.value.valid), r = {};
   Object.values(t.getAllPathStates()).forEach((o) => {
-    Pn(r, z(o.path), Vg(o, t));
+    Pn(r, F(o.path), Vg(o, t));
   });
   function i(o, a = []) {
     const l = [...a].pop();
@@ -911,14 +911,14 @@ function $g(t) {
 function Vg(t, e) {
   return {
     id: Jl(e, t),
-    label: z(t.path),
+    label: F(t.path),
     tags: kf(t.multiple, t.fieldsCount, t.type, t.valid, e)
   };
 }
 function Lg(t, e) {
   return {
     id: Jl(e, t),
-    label: z(t.name),
+    label: F(t.name),
     tags: kf(!1, 1, t.type, t.meta.valid, e)
   };
 }
@@ -953,7 +953,7 @@ function kf(t, e, n, r, i) {
   ].filter(Boolean);
 }
 function Jl(t, e) {
-  const n = e ? "path" in e ? "pathState" : "field" : "form", r = e ? "path" in e ? e == null ? void 0 : e.path : z(e == null ? void 0 : e.name) : "", i = { f: t == null ? void 0 : t.formId, ff: r, type: n };
+  const n = e ? "path" in e ? "pathState" : "field" : "form", r = e ? "path" in e ? e == null ? void 0 : e.path : F(e == null ? void 0 : e.name) : "", i = { f: t == null ? void 0 : t.formId, ff: r, type: n };
   return btoa(encodeURIComponent(JSON.stringify(i)));
 }
 function Bg(t) {
@@ -1065,7 +1065,7 @@ function Sf(t, e, n) {
   const { initialValue: r, validateOnMount: i, bails: s, type: o, checkedValue: a, label: l, validateOnValueUpdate: u, uncheckedValue: c, controlled: d, keepValueOnUnmount: f, syncVModel: h, form: p } = jg(n), g = d ? ql(Ds) : void 0, m = p || g, b = ee(() => qi(fe(t))), k = ee(() => {
     if (fe(m == null ? void 0 : m.schema))
       return;
-    const Z = z(e);
+    const Z = F(e);
     return fo(Z) || Qt(Z) || Ke(Z) || Array.isArray(Z) ? Z : gf(Z);
   }), O = !Ke(k.value) && Qt(fe(e)), { id: y, value: M, initialValue: v, meta: C, setState: R, errors: I, flags: W } = Dg(b, {
     modelValue: r,
@@ -1161,7 +1161,7 @@ function Sf(t, e, n) {
     setErrors: Ct,
     setValue: yt
   };
-  if (jl(ff, Ce), uo(e) && typeof z(e) != "function" && Wt(e, (V, Z) => {
+  if (jl(ff, Ce), uo(e) && typeof F(e) != "function" && Wt(e, (V, Z) => {
     ft(V, Z) || (C.validated ? ce() : le());
   }, {
     deep: !0
@@ -1437,7 +1437,7 @@ const Ws = Yg;
 let Kg = 0;
 const Hs = ["bails", "fieldsCount", "id", "multiple", "type", "validate"];
 function Of(t) {
-  const e = (t == null ? void 0 : t.initialValues) || {}, n = Object.assign({}, fe(e)), r = z(t == null ? void 0 : t.validationSchema);
+  const e = (t == null ? void 0 : t.initialValues) || {}, n = Object.assign({}, fe(e)), r = F(t == null ? void 0 : t.validationSchema);
   return r && Qt(r) && Ke(r.cast) ? we(r.cast(n) || {}) : we(n);
 }
 function Jg(t) {
@@ -1486,7 +1486,7 @@ function Jg(t) {
       const lt = r++;
       return Array.isArray(w.id) ? w.id.push(lt) : w.id = [w.id, lt], w.fieldsCount++, w.__flags.pendingUnmount[lt] = !1, w;
     }
-    const F = ee(() => xt(l, fe(S))), K = fe(S), G = ye.findIndex((lt) => lt === K);
+    const z = ee(() => xt(l, fe(S))), K = fe(S), G = ye.findIndex((lt) => lt === K);
     G !== -1 && ye.splice(G, 1);
     const te = ee(() => {
       var lt, Dt, Mr, Xn;
@@ -1495,7 +1495,7 @@ function Jg(t) {
         return (Dt = (lt = fn.describe) === null || lt === void 0 ? void 0 : lt.call(fn, fe(S)).required) !== null && Dt !== void 0 ? Dt : !1;
       const zi = fe(x == null ? void 0 : x.schema);
       return Qt(zi) && (Xn = (Mr = zi.describe) === null || Mr === void 0 ? void 0 : Mr.call(zi).required) !== null && Xn !== void 0 ? Xn : !1;
-    }), be = r++, Ie = ls({
+    }), be = r++, Re = ls({
       id: be,
       path: S,
       touched: !1,
@@ -1508,7 +1508,7 @@ function Jg(t) {
       bails: (B = x == null ? void 0 : x.bails) !== null && B !== void 0 ? B : !1,
       label: x == null ? void 0 : x.label,
       type: (x == null ? void 0 : x.type) || "default",
-      value: F,
+      value: z,
       multiple: !1,
       __flags: {
         pendingUnmount: { [be]: !1 },
@@ -1516,30 +1516,30 @@ function Jg(t) {
       },
       fieldsCount: 1,
       validate: x == null ? void 0 : x.validate,
-      dirty: ee(() => !ft(z(F), z(J)))
+      dirty: ee(() => !ft(F(z), F(J)))
     });
-    return u.value.push(Ie), d.value[K] = Ie, f(), m.value[K] && !O[K] && Et(() => {
+    return u.value.push(Re), d.value[K] = Re, f(), m.value[K] && !O[K] && Et(() => {
       Bt(K, { mode: "silent" });
     }), uo(S) && Wt(S, (lt) => {
       f();
-      const Dt = we(F.value);
-      d.value[lt] = Ie, Et(() => {
+      const Dt = we(z.value);
+      d.value[lt] = Re, Et(() => {
         Pn(l, lt, Dt);
       });
-    }), Ie;
+    }), Re;
   }
   const X = rc(dn, 5), ae = rc(dn, 5), ce = tl(async (S) => await (S === "silent" ? X() : ae()), (S, [x]) => {
     const D = wt(V.errorBag.value), J = [
       .../* @__PURE__ */ new Set([...wt(S.results), ...u.value.map((w) => w.path), ...D])
     ].sort().reduce((w, A) => {
-      var F;
-      const K = A, G = Y(K) || ue(K), te = ((F = S.results[K]) === null || F === void 0 ? void 0 : F.errors) || [], be = fe(G == null ? void 0 : G.path) || K, Ie = Xg({ errors: te, valid: !te.length }, w.results[be]);
-      return w.results[be] = Ie, Ie.valid || (w.errors[be] = Ie.errors[0]), G && c.value[be] && delete c.value[be], G ? (G.valid = Ie.valid, x === "silent" || x === "validated-only" && !G.validated || h(G, Ie.errors), w) : (h(be, te), w);
+      var z;
+      const K = A, G = Y(K) || ue(K), te = ((z = S.results[K]) === null || z === void 0 ? void 0 : z.errors) || [], be = fe(G == null ? void 0 : G.path) || K, Re = Xg({ errors: te, valid: !te.length }, w.results[be]);
+      return w.results[be] = Re, Re.valid || (w.errors[be] = Re.errors[0]), G && c.value[be] && delete c.value[be], G ? (G.valid = Re.valid, x === "silent" || x === "validated-only" && !G.validated || h(G, Re.errors), w) : (h(be, te), w);
     }, { valid: S.valid, results: {}, errors: {} });
     return S.values && (J.values = S.values), wt(J.results).forEach((w) => {
       var A;
-      const F = Y(w);
-      F && x !== "silent" && (x === "validated-only" && !F.validated || h(F, (A = J.results[w]) === null || A === void 0 ? void 0 : A.errors));
+      const z = Y(w);
+      z && x !== "silent" && (x === "validated-only" && !z.validated || h(z, (A = J.results[w]) === null || A === void 0 ? void 0 : A.errors));
     }), J;
   });
   function le(S) {
@@ -1564,10 +1564,10 @@ function Jg(t) {
     return function(D, B) {
       return function(w) {
         return w instanceof Event && (w.preventDefault(), w.stopPropagation()), le((A) => A.touched = !0), i.value = !0, o.value++, Gt().then((A) => {
-          const F = we(l);
+          const z = we(l);
           if (A.valid && typeof D == "function") {
             const K = we(I.value);
-            let G = S ? K : F;
+            let G = S ? K : z;
             return A.values && (G = A.values), D(G, {
               evt: w,
               controlledValues: K,
@@ -1582,7 +1582,7 @@ function Jg(t) {
             });
           }
           !A.valid && typeof B == "function" && B({
-            values: F,
+            values: z,
             evt: w,
             errors: A.errors,
             results: A.results
@@ -1627,7 +1627,7 @@ function Jg(t) {
     isValidating: s,
     fieldArrays: a,
     keepValuesOnUnmount: y,
-    validateSchema: z(W) ? ce : void 0,
+    validateSchema: F(W) ? ce : void 0,
     validate: Gt,
     setFieldError: h,
     validateField: Bt,
@@ -1775,7 +1775,7 @@ function Jg(t) {
     Pn(M.value, S, we(x)), D && Pn(v.value, S, we(x));
   }
   async function dn() {
-    const S = z(W);
+    const S = F(W);
     if (!S)
       return { valid: !0, results: {}, errors: {} };
     s.value = !0;
@@ -1812,7 +1812,7 @@ function Jg(t) {
         Bt(B.path);
       });
     }
-    function F() {
+    function z() {
       var te;
       ((te = J().validateOnChange) !== null && te !== void 0 ? te : Ar().validateOnChange) && Et(() => {
         Bt(B.path);
@@ -1820,15 +1820,15 @@ function Jg(t) {
     }
     const K = ee(() => {
       const te = {
-        onChange: F,
+        onChange: z,
         onInput: A,
         onBlur: w
       };
       return Ke(x) ? Object.assign(Object.assign({}, te), x(js(B, Hs)).props || {}) : x != null && x.props ? Object.assign(Object.assign({}, te), x.props(js(B, Hs))) : te;
     });
     return [Ye(S, () => {
-      var te, be, Ie;
-      return (Ie = (te = J().validateOnModelUpdate) !== null && te !== void 0 ? te : (be = Ar()) === null || be === void 0 ? void 0 : be.validateOnModelUpdate) !== null && Ie !== void 0 ? Ie : !0;
+      var te, be, Re;
+      return (Re = (te = J().validateOnModelUpdate) !== null && te !== void 0 ? te : (be = Ar()) === null || be === void 0 ? void 0 : be.validateOnModelUpdate) !== null && Re !== void 0 ? Re : !0;
     }), K];
   }
   function Zr(S) {
@@ -1839,12 +1839,12 @@ function Jg(t) {
     function J() {
       B.value.onBlur();
     }
-    function w(F) {
-      const K = ho(F);
+    function w(z) {
+      const K = ho(z);
       Z(fe(S), K, !1), B.value.onInput();
     }
-    function A(F) {
-      const K = ho(F);
+    function A(z) {
+      const K = ho(z);
       Z(fe(S), K, !1), B.value.onChange();
     }
     return ee(() => Object.assign(Object.assign({}, B.value), {
@@ -1871,7 +1871,7 @@ function Gg(t, e, n, r) {
     touched: "some",
     pending: "some",
     valid: "every"
-  }, s = ee(() => !ft(e, z(n)));
+  }, s = ee(() => !ft(e, F(n)));
   function o() {
     const l = t.value;
     return wt(i).reduce((u, c) => {
@@ -1883,7 +1883,7 @@ function Gg(t, e, n, r) {
   return sf(() => {
     const l = o();
     a.touched = l.touched, a.valid = l.valid, a.pending = l.pending;
-  }), ee(() => Object.assign(Object.assign({ initialValues: z(n) }, a), { valid: a.valid && !wt(r.value).length, dirty: s.value }));
+  }), ee(() => Object.assign(Object.assign({ initialValues: F(n) }, a), { valid: a.valid && !wt(r.value).length, dirty: s.value }));
 }
 function Zg(t, e, n) {
   const r = Of(n), i = Ae(r), s = Ae(we(r));
@@ -2118,7 +2118,7 @@ const m0 = /* @__PURE__ */ Me(c0, [["render", p0]]), g0 = { class: "relative" },
     ]));
   }
 });
-let Ve = {
+let Ne = {
   theme: "pmi"
 };
 const v0 = {
@@ -2168,7 +2168,7 @@ const v0 = {
       pmi: "hover:text-violet-800",
       "wpic-tools": "hover:text-lime-800"
     };
-    return (l, u) => (T(), $e(Ts(n.value), {
+    return (l, u) => (T(), Ve(Ts(n.value), {
       to: t.to,
       type: t.type,
       disabled: t.disabled,
@@ -2177,11 +2177,11 @@ const v0 = {
         "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,
-        [`${r[z(Ve).theme]}`]: t.primary && !t.plain && !t.inverse,
-        [`${i[z(Ve).theme]}`]: t.secondary,
-        [`${s[z(Ve).theme]}`]: !t.primary && !t.secondary && !t.plain,
-        [`${o[z(Ve).theme]}`]: t.primary && t.plain,
-        [`${a[z(Ve).theme]}`]: !t.primary && t.plain,
+        [`${r[F(Ne).theme]}`]: t.primary && !t.plain && !t.inverse,
+        [`${i[F(Ne).theme]}`]: t.secondary,
+        [`${s[F(Ne).theme]}`]: !t.primary && !t.secondary && !t.plain,
+        [`${o[F(Ne).theme]}`]: t.primary && t.plain,
+        [`${a[F(Ne).theme]}`]: !t.primary && t.plain,
         "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,
@@ -2200,7 +2200,7 @@ const v0 = {
         $("span", {
           class: re(["flex items-center select-none whitespace-nowrap", { "opacity-0": t.loading }])
         }, [
-          Ne(l.$slots, "default", {}, () => [
+          Pe(l.$slots, "default", {}, () => [
             ut(_e(t.label), 1)
           ])
         ], 2)
@@ -2213,7 +2213,7 @@ const v0 = {
 }, x0 = { class: "wpic-button-group flex flex-wrap" };
 function S0(t, e, n, r, i, s) {
   return T(), P("div", x0, [
-    Ne(t.$slots, "default")
+    Pe(t.$slots, "default")
   ]);
 }
 const O0 = /* @__PURE__ */ Me(k0, [["render", S0]]), M0 = {
@@ -2221,16 +2221,16 @@ const O0 = /* @__PURE__ */ Me(k0, [["render", S0]]), M0 = {
 }, C0 = { class: "wpic-input-group flex w-full" };
 function T0(t, e, n, r, i, s) {
   return T(), P("div", C0, [
-    Ne(t.$slots, "default")
+    Pe(t.$slots, "default")
   ]);
 }
 const D0 = /* @__PURE__ */ Me(M0, [["render", T0]]), E0 = {
   name: "WpicForm"
 }, _0 = /* @__PURE__ */ Object.assign(E0, {
   setup(t) {
-    return (e, n) => (T(), $e(z(e0), null, {
+    return (e, n) => (T(), Ve(F(e0), null, {
       default: Fe(({ values: r, meta: i, errors: s }) => [
-        Ne(e.$slots, "default")
+        Pe(e.$slots, "default")
       ]),
       _: 3
     }));
@@ -3165,27 +3165,27 @@ const ky = { class: "bg-white rounded-t-lg w-full" }, xy = { class: "flex justif
     return e({ hide: c }), (p, g) => (T(), P(ct, null, [
       (T(), P("div", {
         class: "w-full",
-        key: `reference_${z(n)}`,
+        key: `reference_${F(n)}`,
         ref_key: "reference",
         ref: o,
         onMouseenter: f,
         onMouseleave: h,
         onClick: g[0] || (g[0] = (m) => l.value ? u() : c())
       }, [
-        Ne(p.$slots, "default", { isHidden: l.value })
+        Pe(p.$slots, "default", { isHidden: l.value })
       ], 32)),
-      (T(), $e(lf, { to: "body" }, [
+      (T(), Ve(lf, { to: "body" }, [
         (T(), P("div", {
-          key: `floating_${z(n)}`,
+          key: `floating_${F(n)}`,
           ref_key: "floating",
           ref: a,
-          class: re(["z-10 bg-white rounded-md overflow-hidden", { [`${t.customWidth}`]: !0, hidden: l.value, [`${i[z(Ve).theme]}`]: !l.value, "bg-white px-3 py-2 rounded-md": !t.custom }])
+          class: re(["z-10 bg-white rounded-md overflow-hidden", { [`${t.customWidth}`]: !0, hidden: l.value, [`${i[F(Ne).theme]}`]: !l.value, "bg-white px-3 py-2 rounded-md": !t.custom }])
         }, [
-          Ne(p.$slots, "content")
+          Pe(p.$slots, "content")
         ], 2)),
         $("div", {
           onClick: g[1] || (g[1] = (m) => c()),
-          class: re(["fixed z-20 flex items-end w-screen h-screen top-0 bg-black/20", { hidden: l.value, [`${s[z(Ve).theme]}`]: !0 }])
+          class: re(["fixed z-20 flex items-end w-screen h-screen top-0 bg-black/20", { hidden: l.value, [`${s[F(Ne).theme]}`]: !0 }])
         }, [
           $("div", ky, [
             $("div", xy, [
@@ -3195,7 +3195,7 @@ const ky = { class: "bg-white rounded-t-lg w-full" }, xy = { class: "flex justif
                 class: "w-4 h-4"
               })
             ]),
-            Ne(p.$slots, "content")
+            Pe(p.$slots, "content")
           ])
         ], 2)
       ]))
@@ -3556,7 +3556,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
         a.value && !t.checkbox && !t.radio ? (T(), P("div", Gv, [
           ut(_e(a.value) + " ", 1),
           $("div", Zv, [
-            t.info ? (T(), $e(As, {
+            t.info ? (T(), Ve(As, {
               key: 0,
               hover: ""
             }, {
@@ -3570,7 +3570,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
             })) : Se("", !0)
           ])
         ])) : Se("", !0),
-        t.checkbox ? (T(), $e(z(Ws), {
+        t.checkbox ? (T(), Ve(F(Ws), {
           key: 1,
           ref_key: "myInput",
           ref: k,
@@ -3593,19 +3593,19 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
                   "bg-opacity-50 border-opacity-50 text-opacity-75": t.disabled
                 }])
               }, [
-                t.modelValue === !0 ? (T(), $e(Lf, { key: 0 })) : Se("", !0)
+                t.modelValue === !0 ? (T(), Ve(Lf, { key: 0 })) : Se("", !0)
               ], 2),
               $("span", {
                 class: re(["text-base cursor-pointer select-none", { "opacity-50": t.disabled }])
               }, [
-                Ne(v.$slots, "default", {}, () => [
+                Pe(v.$slots, "default", {}, () => [
                   ut(_e(a.value), 1)
                 ])
               ], 2)
             ])
           ]),
           _: 3
-        }, 8, ["name", "rules", "value", "unchecked-value", "modelValue"])) : t.radio ? (T(), $e(z(Ws), {
+        }, 8, ["name", "rules", "value", "unchecked-value", "modelValue"])) : t.radio ? (T(), Ve(F(Ws), {
           key: 2,
           ref_key: "myInput",
           ref: k,
@@ -3643,7 +3643,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
             ], 2)
           ]),
           _: 1
-        }, 8, ["name", "value", "modelValue"])) : t.select ? (T(), $e(z(Ws), {
+        }, 8, ["name", "value", "modelValue"])) : t.select ? (T(), Ve(F(Ws), {
           key: 3,
           ref_key: "myInput",
           ref: k,
@@ -3661,7 +3661,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
                 options: t.options,
                 hideSelect: t.hideSelect,
                 multiple: t.multiple,
-                isInvalid: !!(t.error && z(o)),
+                isInvalid: !!(t.error && F(o)),
                 required: t.required || ((W = d.value) == null ? void 0 : W.indexOf("required")) >= 0,
                 label: a.value,
                 placeholder: "Select..."
@@ -3672,19 +3672,19 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
         }, 8, ["modelValue", "rules", "name"])) : (T(), P("div", {
           key: 4,
           class: re(["wpic-input rounded flex relative border", {
-            [`${r[z(Ve).theme]}`]: !0,
+            [`${r[F(Ne).theme]}`]: !0,
             "h-10": !t.textarea && !t.large,
             "h-12": !t.textarea && t.large,
             "border-opacity-50 border-zinc-300 text-zinc-400": t.disabled,
-            "!border-red-600 focus-within:outline-red-600": z(o)
+            "!border-red-600 focus-within:outline-red-600": F(o)
           }])
         }, [
           v.$slots.prepend ? (T(), P("div", Qv, [
             $("div", eb, [
-              Ne(v.$slots, "prepend")
+              Pe(v.$slots, "prepend")
             ])
           ])) : Se("", !0),
-          Oe(z(Ws), {
+          Oe(F(Ws), {
             ref_key: "myInput",
             ref: k,
             as: t.textarea ? "textarea" : void 0,
@@ -3700,7 +3700,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
             modelValue: t.modelValue,
             onInput: f,
             placeholder: t.placeholder,
-            validateOnInput: !!z(o),
+            validateOnInput: !!F(o),
             rules: d.value
           }, null, 8, ["as", "class", "type", "min", "max", "rows", "name", "disabled", "modelValue", "placeholder", "validateOnInput", "rules"]),
           t.loading ? (T(), P("div", {
@@ -3719,7 +3719,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
           ])) : Se("", !0),
           v.$slots.append || t.password || t.type == "password" ? (T(), P("div", tb, [
             $("div", nb, [
-              Ne(v.$slots, "append", {}, () => [
+              Pe(v.$slots, "append", {}, () => [
                 Ju(Oe(_y, {
                   class: "text-zinc-600 select-none",
                   onClick: c
@@ -3736,8 +3736,8 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
             ])
           ])) : Se("", !0)
         ], 2)),
-        t.error && z(o) ? (T(), P("div", rb, [
-          Oe(z(n0), { name: s.value }, {
+        t.error && F(o) ? (T(), P("div", rb, [
+          Oe(F(n0), { name: s.value }, {
             default: Fe((I) => [
               ut(_e(I.message), 1)
             ]),
@@ -3748,7 +3748,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
           key: 6,
           class: re(["text-base mt-1", { "ml-7": t.type == "checkbox", "opacity-50": t.disabled }])
         }, [
-          Ne(v.$slots, "help", {}, () => [
+          Pe(v.$slots, "help", {}, () => [
             ut(_e(t.help), 1)
           ])
         ], 2)) : Se("", !0)
@@ -3782,7 +3782,7 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
       t.label ? (T(), P("div", ob, [
         ut(_e(t.label) + " ", 1),
         $("div", ab, [
-          t.info ? (T(), $e(As, {
+          t.info ? (T(), Ve(As, {
             key: 0,
             hover: ""
           }, {
@@ -3800,19 +3800,19 @@ const Jv = /* @__PURE__ */ Jy(Kv), Gv = {
         class: re(["wpic-input rounded flex relative border pr-4 items-center", {
           "pl-4": !r.$slots.prepend,
           "pl-10": r.$slots.prepend,
-          [`${e[z(Ve).theme]}`]: !0,
+          [`${e[F(Ne).theme]}`]: !0,
           "h-10": !t.large,
           "h-12": t.large,
-          [`${n[z(Ve).theme]}`]: t.disabled,
+          [`${n[F(Ne).theme]}`]: t.disabled,
           "cursor-pointer": !t.disabled
         }])
       }, [
         r.$slots.prepend ? (T(), P("div", lb, [
           $("div", ub, [
-            Ne(r.$slots, "prepend")
+            Pe(r.$slots, "prepend")
           ])
         ])) : Se("", !0),
-        Ne(r.$slots, "default")
+        Pe(r.$slots, "default")
       ], 2)
     ], 64));
   }
@@ -3905,7 +3905,7 @@ const gb = /* @__PURE__ */ Me(db, [["render", mb]]), yb = ["disabled"], vb = {
       pmi: "group-[.is-selected]:bg-violet-50 group-[.is-selected]:hover:bg-violet-100",
       "wpic-tools": "hover:bg-slate-50 group-[.is-selected]:text-lime-500 group-[.is-selected]:font-semibold"
     };
-    return (d, f) => (T(), $e(As, {
+    return (d, f) => (T(), Ve(As, {
       custom: "",
       ref_key: "myPopover",
       ref: i,
@@ -3921,14 +3921,14 @@ const gb = /* @__PURE__ */ Me(db, [["render", mb]]), yb = ["disabled"], vb = {
               "h-8": t.small,
               "cursor-pointer": !t.disabled,
               "!border-red-600 focus-within:outline-red-600": t.isInvalid,
-              [`${u[z(Ve).theme]}`]: !0
+              [`${u[F(Ne).theme]}`]: !0
             }]),
             disabled: t.disabled
           }, [
             $("span", {
               class: re(["select-none w-full text-left flex-1", { "whitespace-pre": !t.multiple }])
             }, [
-              t.modelValue && ((p = t.modelValue) == null ? void 0 : p.length) > 0 && !t.hideSelect ? (T(), P("span", vb, _e(o.value), 1)) : Ne(d.$slots, "default", { key: 1 }, () => [
+              t.modelValue && ((p = t.modelValue) == null ? void 0 : p.length) > 0 && !t.hideSelect ? (T(), P("span", vb, _e(o.value), 1)) : Pe(d.$slots, "default", { key: 1 }, () => [
                 ut(_e(t.placeholder), 1)
               ])
             ], 2),
@@ -3948,13 +3948,13 @@ const gb = /* @__PURE__ */ Me(db, [["render", mb]]), yb = ["disabled"], vb = {
               $("div", {
                 class: re(["flex items-center py-2 px-4 min-w-64 text-base", {
                   "cursor-pointer": !t.multiple || p.value,
-                  [`${c[z(Ve).theme]}`]: !0
+                  [`${c[F(Ne).theme]}`]: !0
                 }]),
                 onClick: (g) => s(p.value)
               }, [
                 $("div", xb, [
                   $("span", null, _e(p.label || p.value), 1),
-                  l(p.value) ? (T(), $e(Lf, {
+                  l(p.value) ? (T(), Ve(Lf, {
                     key: 0,
                     class: "w-4 h-4"
                   })) : Se("", !0)
@@ -3967,51 +3967,57 @@ const gb = /* @__PURE__ */ Me(db, [["render", mb]]), yb = ["disabled"], vb = {
       _: 3
     }, 8, ["label", "disabled"]));
   }
-}), Mb = { class: "bg-white dark:bg-zinc-800/50 rounded-lg wpic-card shadow-[0_4px_16px_0px_rgba(0,0,0,0.1)]" }, Cb = {
+}), Mb = {
   key: 0,
   class: "flex justify-between items-baseline pt-6 px-6"
-}, Tb = {
+}, Cb = {
   key: 0,
   class: "text-xl font-bold"
-}, Db = { class: "" }, Eb = {
+}, Tb = { class: "" }, Db = {
   key: 1,
   class: "flex items-center justify-end py-4 px-6"
-}, _b = {
+}, Eb = {
   name: "WpicCard"
-}, Ab = /* @__PURE__ */ Object.assign(_b, {
+}, _b = /* @__PURE__ */ Object.assign(Eb, {
   props: {
     title: String
   },
   setup(t) {
-    return (e, n) => (T(), P("div", Mb, [
-      t.title || e.$slots.actions ? (T(), P("div", Cb, [
-        t.title ? (T(), P("div", Tb, _e(t.title), 1)) : Se("", !0),
-        $("div", Db, [
-          Ne(e.$slots, "actions")
+    const e = {
+      pmi: "shadow-[0_4px_16px_0px_rgba(0,0,0,0.1)]",
+      "wpic-tools": "border border-slate-300"
+    };
+    return (n, r) => (T(), P("div", {
+      class: re(["bg-white dark:bg-zinc-800/50 rounded-lg wpic-card", [e[F(Ne).theme]]])
+    }, [
+      t.title || n.$slots.actions ? (T(), P("div", Mb, [
+        t.title ? (T(), P("div", Cb, _e(t.title), 1)) : Se("", !0),
+        $("div", Tb, [
+          Pe(n.$slots, "actions")
         ])
       ])) : Se("", !0),
-      Ne(e.$slots, "default"),
-      e.$slots.buttons ? (T(), P("div", Eb, [
-        Ne(e.$slots, "buttons")
+      Pe(n.$slots, "default"),
+      n.$slots.buttons ? (T(), P("div", Db, [
+        Pe(n.$slots, "buttons")
       ])) : Se("", !0)
-    ]));
+    ], 2));
   }
-}), Nb = {
+}), Ab = {
   name: "WpicCardSection"
-}, Pb = { class: "py-6 border-b last:border-0 mx-6" };
-function Ib(t, e, n, r, i, s) {
-  return T(), P("div", Pb, [
-    Ne(t.$slots, "default")
+}, Nb = { class: "py-6 border-b last:border-0 mx-6" };
+function Pb(t, e, n, r, i, s) {
+  return T(), P("div", Nb, [
+    Pe(t.$slots, "default")
   ]);
 }
-const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rounded-full w-full ring-1 ring-zinc-400" }, Vb = {
+const Ib = /* @__PURE__ */ Me(Ab, [["render", Pb]]), Rb = { class: "flex h-2 rounded-full w-full ring-1 ring-zinc-400" }, $b = {
   name: "WpicProgressBar"
-}, Lb = /* @__PURE__ */ Object.assign(Vb, {
+}, Vb = /* @__PURE__ */ Object.assign($b, {
   props: {
     value: Number
   },
   setup(t) {
-    return (e, n) => (T(), P("div", $b, [
+    return (e, n) => (T(), P("div", Rb, [
       t.value > 0 ? (T(), P("div", {
         key: 0,
         style: Wl({ width: `${t.value}%` }),
@@ -4019,9 +4025,9 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
       }, null, 4)) : Se("", !0)
     ]));
   }
-}), Bb = { class: "text-base leading-none" }, Fb = {
+}), Lb = { class: "text-base leading-none" }, Bb = {
   name: "WpicTag"
-}, zb = /* @__PURE__ */ Object.assign(Fb, {
+}, Fb = /* @__PURE__ */ Object.assign(Bb, {
   props: {
     clearable: Boolean
   },
@@ -4034,8 +4040,8 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
     return (i, s) => (T(), P("div", {
       class: re(["wpic-tag select-none border border-cyan-500 bg-cyan-50 inline-flex rounded text-cyan-600 h-8 items-center justify-center pl-3 py-1", { "pr-3": !t.clearable, "pr-2": t.clearable }])
     }, [
-      $("span", Bb, [
-        Ne(i.$slots, "default")
+      $("span", Lb, [
+        Pe(i.$slots, "default")
       ]),
       t.clearable ? (T(), P("span", {
         key: 0,
@@ -4046,9 +4052,9 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
       ])) : Se("", !0)
     ], 2));
   }
-}), jb = {
+}), zb = {
   name: "WpicTagGroup"
-}, Wb = /* @__PURE__ */ Object.assign(jb, {
+}, jb = /* @__PURE__ */ Object.assign(zb, {
   props: {
     full: Boolean
   },
@@ -4059,13 +4065,13 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
       $("div", {
         class: re(["ui-tag-group flex flex-wrap gap-2", { "w-full": t.full }])
       }, [
-        Ne(e.$slots, "default")
+        Pe(e.$slots, "default")
       ], 2)
     ], 2));
   }
-}), Hb = { class: "w-full h-full flex items-center justify-center" }, Yb = {
+}), Wb = { class: "w-full h-full flex items-center justify-center" }, Hb = {
   name: "WpicLoadingPanel"
-}, Ub = /* @__PURE__ */ Object.assign(Yb, {
+}, Yb = /* @__PURE__ */ Object.assign(Hb, {
   props: {
     color: {
       type: String,
@@ -4073,16 +4079,16 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
     }
   },
   setup(t) {
-    return (e, n) => (T(), P("div", Hb, [
+    return (e, n) => (T(), P("div", Wb, [
       Oe(Fo, {
         color: t.color,
         class: "w-10 h-10"
       }, null, 8, ["color"])
     ]));
   }
-}), qb = { class: "text-base font-medium" }, Kb = {
+}), Ub = { class: "text-base font-medium" }, qb = {
   name: "WpicPaginationItem"
-}, wc = /* @__PURE__ */ Object.assign(Kb, {
+}, wc = /* @__PURE__ */ Object.assign(qb, {
   props: {
     active: Boolean
   },
@@ -4093,14 +4099,14 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
         "bg-violet-800 border-violet-800 hover:bg-violet-900 hover:border-violet-900 text-white": t.active
       }])
     }, [
-      $("span", qb, [
-        Ne(e.$slots, "default")
+      $("span", Ub, [
+        Pe(e.$slots, "default")
       ])
     ], 2));
   }
-}), Jb = { class: "wpic-pagination flex justify-between" }, Gb = { class: "flex flex-wrap gap-2" }, Zb = { class: "hidden lg:flex gap-2 items-center" }, Xb = /* @__PURE__ */ $("span", { class: "text-base text-zinc-500" }, "Results per page", -1), Qb = { class: "flex gap-2" }, e1 = {
+}), Kb = { class: "wpic-pagination flex justify-between" }, Jb = { class: "flex flex-wrap gap-2" }, Gb = { class: "hidden lg:flex gap-2 items-center" }, Zb = /* @__PURE__ */ $("span", { class: "text-base text-zinc-500" }, "Results per page", -1), Xb = { class: "flex gap-2" }, Qb = {
   name: "WpicPagination"
-}, t1 = /* @__PURE__ */ Object.assign(e1, {
+}, e1 = /* @__PURE__ */ Object.assign(Qb, {
   props: {
     total: Number,
     perPage: {
@@ -4127,9 +4133,9 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
     return e({
       getStart: u,
       getEnd: c
-    }), (d, f) => (T(), P("div", Jb, [
-      $("div", Gb, [
-        (T(!0), P(ct, null, Nt(s.value, (h) => (T(), $e(wc, {
+    }), (d, f) => (T(), P("div", Kb, [
+      $("div", Jb, [
+        (T(!0), P(ct, null, Nt(s.value, (h) => (T(), Ve(wc, {
           onClick: (p) => a(h),
           active: h === t.currentPage
         }, {
@@ -4139,9 +4145,9 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
           _: 2
         }, 1032, ["onClick", "active"]))), 256))
       ]),
-      $("div", Zb, [
-        Xb,
-        $("div", Qb, [
+      $("div", Gb, [
+        Zb,
+        $("div", Xb, [
           (T(), P(ct, null, Nt(o, (h) => Oe(wc, {
             onClick: (p) => l(h),
             active: h == t.perPage
@@ -4155,23 +4161,28 @@ const Rb = /* @__PURE__ */ Me(Nb, [["render", Ib]]), $b = { class: "flex h-2 rou
       ])
     ]));
   }
-}), Yf = (t, e) => t.column.children && t.column.children.default && typeof t.column.children.default == "function" ? It("td", e.attrs, t.column.children.default({ item: t.item })) : It("td", e.attrs, t.column.children);
+}), Yf = (t, e) => {
+  const n = t.column.children && t.column.children.default && typeof t.column.children.default == "function" ? t.column.children.default({ item: t.item }) : t.column.children;
+  return It("td", e.attrs, [
+    It("div", { class: "" }, n)
+  ]);
+};
 Yf.props = ["column", "item", "rowIndex"];
-const Uf = Yf, n1 = {}, r1 = {
+const Uf = Yf, t1 = {}, n1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "currentColor"
-}, i1 = /* @__PURE__ */ $("path", {
+}, r1 = /* @__PURE__ */ $("path", {
   "fill-rule": "evenodd",
   d: "M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z",
   "clip-rule": "evenodd"
-}, null, -1), s1 = [
-  i1
+}, null, -1), i1 = [
+  r1
 ];
-function o1(t, e) {
-  return T(), P("svg", r1, s1);
+function s1(t, e) {
+  return T(), P("svg", n1, i1);
 }
-const a1 = /* @__PURE__ */ Me(n1, [["render", o1]]), l1 = { class: "font-semibold" }, kc = {
+const o1 = /* @__PURE__ */ Me(t1, [["render", s1]]), a1 = { class: "font-semibold" }, kc = {
   __name: "TotalRow",
   props: {
     columns: Array,
@@ -4180,25 +4191,31 @@ const a1 = /* @__PURE__ */ Me(n1, [["render", o1]]), l1 = { class: "font-semibol
     position: String
   },
   setup(t) {
-    return (e, n) => (T(), P("tr", l1, [
-      (T(!0), P(ct, null, Nt(t.columns, (r, i) => (T(), $e(Uf, {
-        class: re(["py-3 px-6 lg:text-base border-t", {
+    const e = {
+      pmi: "bg-white dark:text-zinc-300 dark:border-zinc-900 dark:bg-zinc-800",
+      "wpic-tools": "bg-slate-50 border-slate-200 dark:border-slate-900 dark:bg-slate-800"
+    };
+    return (n, r) => (T(), P("tr", a1, [
+      (T(!0), P(ct, null, Nt(t.columns, (i, s) => (T(), Ve(Uf, {
+        class: re(["py-3 first:pl-6 pr-6 border-t", {
+          [`${e[F(Ne).theme]}`]: !0,
+          "sticky left-0": s === 0,
           "border-b": t.position === "header",
           "border-t": t.position === "footer",
           "first:pl-0 last:pr-0": t.noXPadding,
           "last:rounded-br-lg": !0,
           "first:rounded-bl-lg": !0,
-          "text-center": r.align == "center",
-          "text-right": r.align == "right"
+          "text-center": i.align == "center",
+          "text-right": i.align == "right"
         }]),
-        id: `total_${i}`,
-        column: r,
+        id: `total_${s}`,
+        column: i,
         item: t.totalItem,
-        key: `tr_total_${i}`
+        key: `tr_total_${s}`
       }, null, 8, ["class", "id", "column", "item"]))), 128))
     ]));
   }
-}, u1 = { class: "w-full rounded-lg" }, c1 = ["width", "max-width"], d1 = {
+}, l1 = { class: "overflow-auto" }, u1 = { class: "w-full rounded-lg" }, c1 = ["width", "max-width"], d1 = {
   key: 0,
   class: "rounded-t-lg"
 }, f1 = ["onClick"], h1 = { class: "rounded-b-lg" }, p1 = { key: 1 }, m1 = {
@@ -4293,92 +4310,99 @@ const a1 = /* @__PURE__ */ Me(n1, [["render", o1]]), l1 = { class: "font-semibol
     }), e({
       buildColumns: d
     }), (h, p) => (T(), P("div", {
-      class: re(["relative w-full rounded-lg", {
+      class: re(["relative w-full rounded-lg overflow-hidden", {
         border: t.border,
-        [`${i[z(Ve).theme]}`]: !0
+        [`${i[F(Ne).theme]}`]: !0
       }])
     }, [
-      $("table", u1, [
-        $("colgroup", null, [
-          (T(!0), P(ct, null, Nt(c.value, (g, m) => (T(), P("col", {
-            style: Wl({ minWidth: `${g.minWidth}px` }),
-            width: g.width,
-            "max-width": g.maxWidth,
-            key: m
-          }, null, 12, c1))), 128))
-        ]),
-        t.hideHeaders ? Se("", !0) : (T(), P("thead", d1, [
-          $("tr", null, [
-            (T(!0), P(ct, null, Nt(c.value, (g, m) => {
-              var b, k;
-              return T(), P("th", {
-                class: re(["first:rounded-tl-lg last:rounded-tr-lg p-0 border-b", [`${s[z(Ve).theme]}`]])
-              }, [
-                $("div", {
-                  onClick: () => {
-                    g.sortable && f(g.field);
-                  },
-                  class: re(["flex items-center py-3 px-6 lg:text-base rounded-lg", {
-                    "cursor-pointer": g.sortable && g.field,
-                    "justify-center": g.align == "center",
-                    "justify-end": g.align == "right"
+      $("div", l1, [
+        $("table", u1, [
+          $("colgroup", null, [
+            (T(!0), P(ct, null, Nt(c.value, (g, m) => (T(), P("col", {
+              style: Wl({ minWidth: `${g.minWidth}px` }),
+              width: g.width,
+              "max-width": g.maxWidth,
+              key: m
+            }, null, 12, c1))), 128))
+          ]),
+          t.hideHeaders ? Se("", !0) : (T(), P("thead", d1, [
+            $("tr", null, [
+              (T(!0), P(ct, null, Nt(c.value, (g, m) => {
+                var b, k;
+                return T(), P("th", {
+                  class: re(["first:rounded-tl-lg last:rounded-tr-lg py-0border-b first:pl-6 pr-6", {
+                    [`${s[F(Ne).theme]}`]: !0,
+                    "sticky left-0": m === 0
                   }])
                 }, [
-                  $("span", {
-                    class: re(["select-none font-medium", { "text-right": g.align == "right" }])
-                  }, _e(g.label), 3),
-                  g.sortable && g.field ? (T(), P("span", {
-                    key: 0,
-                    class: re(["ml-1", { "opacity-25": g.field != ((b = t.sortOptions) == null ? void 0 : b.sortBy) }])
+                  $("div", {
+                    onClick: () => {
+                      g.sortable && f(g.field);
+                    },
+                    class: re(["flex items-center py-3 lg:text-base rounded-lg", {
+                      "cursor-pointer": g.sortable && g.field,
+                      "justify-center": g.align == "center",
+                      "justify-end": g.align == "right"
+                    }])
                   }, [
-                    Oe(a1, {
-                      class: re(["w-4 h-4", { "rotate-180": ((k = t.sortOptions) == null ? void 0 : k.sortDirection) === "asc" }])
-                    }, null, 8, ["class"])
-                  ], 2)) : Se("", !0)
-                ], 10, f1)
-              ], 2);
-            }), 256))
-          ])
-        ])),
-        $("tbody", h1, [
-          t.totalItem && t.totalOnTop ? (T(), $e(kc, {
-            key: 0,
-            position: "header",
-            columns: c.value,
-            noXPadding: t.noXPadding,
-            totalItem: t.totalItem
-          }, null, 8, ["columns", "noXPadding", "totalItem"])) : Se("", !0),
-          (T(!0), P(ct, null, Nt(t.data, (g, m) => (T(), P("tr", {
-            class: re(["tr border-b last:border-b-0 overflow-hidden", [`${o[z(Ve).theme]}`]]),
-            key: `tr_${m}`
-          }, [
-            (T(!0), P(ct, null, Nt(c.value, (b, k) => {
-              var O, y;
-              return T(), $e(Uf, {
-                class: re(["py-3 px-6 lg:text-base", {
-                  "first:pl-0 last:pr-0": t.noXPadding,
-                  "last:rounded-br-lg": m === ((O = t.data) == null ? void 0 : O.length) - 1 && !t.totalItem,
-                  "first:rounded-bl-lg": m === ((y = t.data) == null ? void 0 : y.length) - 1 && !t.totalItem,
-                  "text-center": b.align == "center",
-                  "text-right": b.align == "right"
-                }]),
-                id: `${m}_${k}`,
-                column: b,
-                item: g,
-                rowIndex: m,
-                key: k
-              }, null, 8, ["class", "id", "column", "item", "rowIndex"]);
-            }), 128))
-          ], 2))), 128))
-        ]),
-        t.totalItem && t.totalOnBottom ? (T(), P("tfoot", p1, [
-          Oe(kc, {
-            position: "footer",
-            columns: c.value,
-            noXPadding: t.noXPadding,
-            totalItem: t.totalItem
-          }, null, 8, ["columns", "noXPadding", "totalItem"])
-        ])) : Se("", !0)
+                    $("span", {
+                      class: re(["select-none font-medium", { "text-right": g.align == "right" }])
+                    }, _e(g.label), 3),
+                    g.sortable && g.field ? (T(), P("span", {
+                      key: 0,
+                      class: re(["ml-1", { "opacity-25": g.field != ((b = t.sortOptions) == null ? void 0 : b.sortBy) }])
+                    }, [
+                      Oe(o1, {
+                        class: re(["w-4 h-4", { "rotate-180": ((k = t.sortOptions) == null ? void 0 : k.sortDirection) === "asc" }])
+                      }, null, 8, ["class"])
+                    ], 2)) : Se("", !0)
+                  ], 10, f1)
+                ], 2);
+              }), 256))
+            ])
+          ])),
+          $("tbody", h1, [
+            t.totalItem && t.totalOnTop ? (T(), Ve(kc, {
+              key: 0,
+              position: "header",
+              columns: c.value,
+              noXPadding: t.noXPadding,
+              totalItem: t.totalItem
+            }, null, 8, ["columns", "noXPadding", "totalItem"])) : Se("", !0),
+            (T(!0), P(ct, null, Nt(t.data, (g, m) => (T(), P("tr", {
+              class: "tr border-b last:border-b-0 overflow-hidden",
+              key: `tr_${m}`
+            }, [
+              (T(!0), P(ct, null, Nt(c.value, (b, k) => {
+                var O, y;
+                return T(), Ve(Uf, {
+                  class: re(["py-3 first:pl-6 pr-6 lg:text-base", {
+                    "sticky left-0 shadow": k === 0,
+                    [`${o[F(Ne).theme]}`]: !0,
+                    "first:pl-0 last:pr-0": t.noXPadding,
+                    "last:rounded-br-lg": m === ((O = t.data) == null ? void 0 : O.length) - 1 && !t.totalItem,
+                    "first:rounded-bl-lg": m === ((y = t.data) == null ? void 0 : y.length) - 1 && !t.totalItem,
+                    "text-center": b.align == "center",
+                    "text-right": b.align == "right"
+                  }]),
+                  id: `${m}_${k}`,
+                  column: b,
+                  item: g,
+                  rowIndex: m,
+                  key: k
+                }, null, 8, ["class", "id", "column", "item", "rowIndex"]);
+              }), 128))
+            ]))), 128))
+          ]),
+          t.totalItem && t.totalOnBottom ? (T(), P("tfoot", p1, [
+            Oe(kc, {
+              position: "footer",
+              columns: c.value,
+              noXPadding: t.noXPadding,
+              totalItem: t.totalItem
+            }, null, 8, ["columns", "noXPadding", "totalItem"])
+          ])) : Se("", !0)
+        ])
       ])
     ], 2));
   }
@@ -17474,10 +17498,10 @@ function KM(t, e) {
   function ue(w) {
     w === void 0 && (w = !1), v.style.pointerEvents = y.props.interactive && !w ? "" : "none", v.style.zIndex = "" + y.props.zIndex;
   }
-  function ye(w, A, F) {
-    if (F === void 0 && (F = !0), R.forEach(function(G) {
+  function ye(w, A, z) {
+    if (z === void 0 && (z = !0), R.forEach(function(G) {
       G[w] && G[w].apply(G, A);
-    }), F) {
+    }), z) {
       var K;
       (K = y.props)[w].apply(K, A);
     }
@@ -17485,13 +17509,13 @@ function KM(t, e) {
   function je() {
     var w = y.props.aria;
     if (w.content) {
-      var A = "aria-" + w.content, F = v.id, K = ai(y.props.triggerTarget || t);
+      var A = "aria-" + w.content, z = v.id, K = ai(y.props.triggerTarget || t);
       K.forEach(function(G) {
         var te = G.getAttribute(A);
         if (y.state.isVisible)
-          G.setAttribute(A, te ? te + " " + F : F);
+          G.setAttribute(A, te ? te + " " + z : z);
         else {
-          var be = te && te.replace(F, "").trim();
+          var be = te && te.replace(z, "").trim();
           be ? G.setAttribute(A, be) : G.removeAttribute(A);
         }
       });
@@ -17514,8 +17538,8 @@ function KM(t, e) {
     if (!(pn.isTouch && (l || w.type === "mousedown"))) {
       var A = w.composedPath && w.composedPath()[0] || w.target;
       if (!(y.props.interactive && Ld(v, A))) {
-        if (ai(y.props.triggerTarget || t).some(function(F) {
-          return Ld(F, A);
+        if (ai(y.props.triggerTarget || t).some(function(z) {
+          return Ld(z, A);
         })) {
           if (pn.isTouch || y.state.isVisible && y.props.trigger.indexOf("click") >= 0)
             return;
@@ -17550,23 +17574,23 @@ function KM(t, e) {
     de(w, A);
   }
   function de(w, A) {
-    var F = le().box;
+    var z = le().box;
     function K(G) {
-      G.target === F && (Ha(F, "remove", K), A());
+      G.target === z && (Ha(z, "remove", K), A());
     }
     if (w === 0)
       return A();
-    Ha(F, "remove", d), Ha(F, "add", K), d = K;
+    Ha(z, "remove", d), Ha(z, "add", K), d = K;
   }
-  function Ye(w, A, F) {
-    F === void 0 && (F = !1);
+  function Ye(w, A, z) {
+    z === void 0 && (z = !1);
     var K = ai(y.props.triggerTarget || t);
     K.forEach(function(G) {
-      G.addEventListener(w, A, F), h.push({
+      G.addEventListener(w, A, z), h.push({
         node: G,
         eventType: w,
         handler: A,
-        options: F
+        options: z
       });
     });
   }
@@ -17592,27 +17616,27 @@ function KM(t, e) {
   }
   function vt() {
     h.forEach(function(w) {
-      var A = w.node, F = w.eventType, K = w.handler, G = w.options;
-      A.removeEventListener(F, K, G);
+      var A = w.node, z = w.eventType, K = w.handler, G = w.options;
+      A.removeEventListener(z, K, G);
     }), h = [];
   }
   function Sr(w) {
-    var A, F = !1;
+    var A, z = !1;
     if (!(!y.state.isEnabled || En(w) || a)) {
       var K = ((A = c) == null ? void 0 : A.type) === "focus";
       c = w, g = w.currentTarget, ot(), !y.state.isVisible && EM(w) && Xs.forEach(function(G) {
         return G(w);
-      }), w.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || o) && y.props.hideOnClick !== !1 && y.state.isVisible ? F = !0 : _n(w), w.type === "click" && (o = !F), F && !K && dn(w);
+      }), w.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || o) && y.props.hideOnClick !== !1 && y.state.isVisible ? z = !0 : _n(w), w.type === "click" && (o = !z), z && !K && dn(w);
     }
   }
   function Gr(w) {
-    var A = w.target, F = ae().contains(A) || v.contains(A);
-    if (!(w.type === "mousemove" && F)) {
+    var A = w.target, z = ae().contains(A) || v.contains(A);
+    if (!(w.type === "mousemove" && z)) {
       var K = cn().concat(v).map(function(G) {
-        var te, be = G._tippy, Ie = (te = be.popperInstance) == null ? void 0 : te.state;
-        return Ie ? {
+        var te, be = G._tippy, Re = (te = be.popperInstance) == null ? void 0 : te.state;
+        return Re ? {
           popperRect: G.getBoundingClientRect(),
-          popperState: Ie,
+          popperState: Re,
           props: n
         } : null;
       }).filter(Boolean);
@@ -17637,7 +17661,7 @@ function KM(t, e) {
   }
   function Gt() {
     Bt();
-    var w = y.props, A = w.popperOptions, F = w.placement, K = w.offset, G = w.getReferenceClientRect, te = w.moveTransition, be = X() ? Pl(v).arrow : null, Ie = G ? {
+    var w = y.props, A = w.popperOptions, z = w.placement, K = w.offset, G = w.getReferenceClientRect, te = w.moveTransition, be = X() ? Pl(v).arrow : null, Re = G ? {
       getBoundingClientRect: G,
       contextElement: G.contextElement || ae()
     } : t, lt = {
@@ -17686,8 +17710,8 @@ function KM(t, e) {
         element: be,
         padding: 3
       }
-    }), Dt.push.apply(Dt, (A == null ? void 0 : A.modifiers) || []), y.popperInstance = wM(Ie, v, Object.assign({}, A, {
-      placement: F,
+    }), Dt.push.apply(Dt, (A == null ? void 0 : A.modifiers) || []), y.popperInstance = wM(Re, v, Object.assign({}, A, {
+      placement: z,
       onFirstUpdate: f,
       modifiers: Dt
     }));
@@ -17696,8 +17720,8 @@ function KM(t, e) {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function Ft() {
-    var w = y.props.appendTo, A, F = ae();
-    y.props.interactive && w === Np || w === "parent" ? A = F.parentNode : A = Pp(w, [F]), A.contains(v) || A.appendChild(v), y.state.isMounted = !0, Gt(), process.env.NODE_ENV !== "production" && Rn(y.props.interactive && w === At.appendTo && F.nextElementSibling !== v, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
+    var w = y.props.appendTo, A, z = ae();
+    y.props.interactive && w === Np || w === "parent" ? A = z.parentNode : A = Pp(w, [z]), A.contains(v) || A.appendChild(v), y.state.isMounted = !0, Gt(), process.env.NODE_ENV !== "production" && Rn(y.props.interactive && w === At.appendTo && z.nextElementSibling !== v, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
 
 `, "Using a wrapper <div> or <span> tag around the reference element", "solves this by creating a new parentNode context.", `
 
@@ -17710,7 +17734,7 @@ function KM(t, e) {
   }
   function _n(w) {
     y.clearDelayTimeouts(), w && ye("onTrigger", [y, w]), at();
-    var A = Y(!0), F = W(), K = F[0], G = F[1];
+    var A = Y(!0), z = W(), K = z[0], G = z[1];
     pn.isTouch && K === "hold" && G && (A = G), A ? r = setTimeout(function() {
       y.show();
     }, A) : y.show();
@@ -17741,12 +17765,12 @@ function KM(t, e) {
   function Xr(w) {
     if (process.env.NODE_ENV !== "production" && Rn(y.state.isDestroyed, ri("setProps")), !y.state.isDestroyed) {
       ye("onBeforeUpdate", [y, w]), vt();
-      var A = y.props, F = zd(t, Object.assign({}, A, $d(w), {
+      var A = y.props, z = zd(t, Object.assign({}, A, $d(w), {
         ignoreAttributes: !0
       }));
-      y.props = F, Ue(), A.interactiveDebounce !== F.interactiveDebounce && (yt(), p = Id(Gr, F.interactiveDebounce)), A.triggerTarget && !F.triggerTarget ? ai(A.triggerTarget).forEach(function(K) {
+      y.props = z, Ue(), A.interactiveDebounce !== z.interactiveDebounce && (yt(), p = Id(Gr, z.interactiveDebounce)), A.triggerTarget && !z.triggerTarget ? ai(A.triggerTarget).forEach(function(K) {
         K.removeAttribute("aria-expanded");
-      }) : F.triggerTarget && t.removeAttribute("aria-expanded"), ot(), ue(), C && C(A, F), y.popperInstance && (Gt(), cn().forEach(function(K) {
+      }) : z.triggerTarget && t.removeAttribute("aria-expanded"), ot(), ue(), C && C(A, z), y.popperInstance && (Gt(), cn().forEach(function(K) {
         requestAnimationFrame(K._tippy.popperInstance.forceUpdate);
       })), ye("onAfterUpdate", [y, w]);
     }
@@ -17758,11 +17782,11 @@ function KM(t, e) {
   }
   function S() {
     process.env.NODE_ENV !== "production" && Rn(y.state.isDestroyed, ri("show"));
-    var w = y.state.isVisible, A = y.state.isDestroyed, F = !y.state.isEnabled, K = pn.isTouch && !y.props.touch, G = ja(y.props.duration, 0, At.duration);
-    if (!(w || A || F || K) && !ae().hasAttribute("disabled") && (ye("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+    var w = y.state.isVisible, A = y.state.isDestroyed, z = !y.state.isEnabled, K = pn.isTouch && !y.props.touch, G = ja(y.props.duration, 0, At.duration);
+    if (!(w || A || z || K) && !ae().hasAttribute("disabled") && (ye("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, X() && (v.style.visibility = "visible"), ue(), at(), y.state.isMounted || (v.style.transition = "none"), X()) {
-        var te = le(), be = te.box, Ie = te.content;
-        Wa([be, Ie], 0);
+        var te = le(), be = te.box, Re = te.content;
+        Wa([be, Re], 0);
       }
       f = function() {
         var Dt;
@@ -17780,8 +17804,8 @@ function KM(t, e) {
   }
   function x() {
     process.env.NODE_ENV !== "production" && Rn(y.state.isDestroyed, ri("hide"));
-    var w = !y.state.isVisible, A = y.state.isDestroyed, F = !y.state.isEnabled, K = ja(y.props.duration, 1, At.duration);
-    if (!(w || A || F) && (ye("onHide", [y], !1), y.props.onHide(y) !== !1)) {
+    var w = !y.state.isVisible, A = y.state.isDestroyed, z = !y.state.isEnabled, K = ja(y.props.duration, 1, At.duration);
+    if (!(w || A || z) && (ye("onHide", [y], !1), y.props.onHide(y) !== !1)) {
       if (y.state.isVisible = !1, y.state.isShown = !1, u = !1, o = !1, X() && (v.style.visibility = "hidden"), yt(), V(), ue(!0), X()) {
         var G = le(), te = G.box, be = G.content;
         y.props.animation && (Wa([te, be], K), Vd([te, be], "hidden"));
@@ -18156,7 +18180,7 @@ const XM = gr({
       r && r.options.element && e.value && Et(() => {
         if (!e.value || !r.options.element.firstChild)
           return;
-        const i = z(e.value);
+        const i = F(e.value);
         e.value.append(...r.options.element.childNodes), r.contentComponent = n.ctx._, r.setOptions({
           element: i
         }), r.createNodeViews();
@@ -18754,7 +18778,7 @@ const vC = it.create({
     ];
   }
 });
-class Pe extends oe {
+class Ie extends oe {
   /**
   Create a gap cursor.
   */
@@ -18763,13 +18787,13 @@ class Pe extends oe {
   }
   map(e, n) {
     let r = e.resolve(n.map(this.head));
-    return Pe.valid(r) ? new Pe(r) : oe.near(r);
+    return Ie.valid(r) ? new Ie(r) : oe.near(r);
   }
   content() {
     return L.empty;
   }
   eq(e) {
-    return e instanceof Pe && e.head == this.head;
+    return e instanceof Ie && e.head == this.head;
   }
   toJSON() {
     return { type: "gapcursor", pos: this.head };
@@ -18780,7 +18804,7 @@ class Pe extends oe {
   static fromJSON(e, n) {
     if (typeof n.pos != "number")
       throw new RangeError("Invalid input for GapCursor.fromJSON");
-    return new Pe(e.resolve(n.pos));
+    return new Ie(e.resolve(n.pos));
   }
   /**
   @internal
@@ -18807,7 +18831,7 @@ class Pe extends oe {
   static findGapCursorFrom(e, n, r = !1) {
     e:
       for (; ; ) {
-        if (!r && Pe.valid(e))
+        if (!r && Ie.valid(e))
           return e;
         let i = e.pos, s = null;
         for (let o = e.depth; ; o--) {
@@ -18819,7 +18843,7 @@ class Pe extends oe {
             return null;
           i += n;
           let l = e.doc.resolve(i);
-          if (Pe.valid(l))
+          if (Ie.valid(l))
             return l;
         }
         for (; ; ) {
@@ -18833,16 +18857,16 @@ class Pe extends oe {
           }
           s = o, i += n;
           let a = e.doc.resolve(i);
-          if (Pe.valid(a))
+          if (Ie.valid(a))
             return a;
         }
         return null;
       }
   }
 }
-Pe.prototype.visible = !1;
-Pe.findFrom = Pe.findGapCursorFrom;
-oe.jsonID("gapcursor", Pe);
+Ie.prototype.visible = !1;
+Ie.findFrom = Ie.findGapCursorFrom;
+oe.jsonID("gapcursor", Ie);
 class Cu {
   constructor(e) {
     this.pos = e;
@@ -18852,7 +18876,7 @@ class Cu {
   }
   resolve(e) {
     let n = e.resolve(this.pos);
-    return Pe.valid(n) ? new Pe(n) : oe.near(n);
+    return Ie.valid(n) ? new Ie(n) : oe.near(n);
   }
 }
 function bC(t) {
@@ -18894,7 +18918,7 @@ function kC() {
     props: {
       decorations: MC,
       createSelectionBetween(t, e, n) {
-        return e.pos == n.pos && Pe.valid(n) ? new Pe(n) : null;
+        return e.pos == n.pos && Ie.valid(n) ? new Ie(n) : null;
       },
       handleClick: SC,
       handleKeyDown: xC,
@@ -18917,21 +18941,21 @@ function Qs(t, e) {
         return !1;
       l = !1, a = r.doc.resolve(e > 0 ? a.after() : a.before());
     }
-    let u = Pe.findGapCursorFrom(a, e, l);
-    return u ? (i && i(r.tr.setSelection(new Pe(u))), !0) : !1;
+    let u = Ie.findGapCursorFrom(a, e, l);
+    return u ? (i && i(r.tr.setSelection(new Ie(u))), !0) : !1;
   };
 }
 function SC(t, e, n) {
   if (!t || !t.editable)
     return !1;
   let r = t.state.doc.resolve(e);
-  if (!Pe.valid(r))
+  if (!Ie.valid(r))
     return !1;
   let i = t.posAtCoords({ left: n.clientX, top: n.clientY });
-  return i && i.inside > -1 && q.isSelectable(t.state.doc.nodeAt(i.inside)) ? !1 : (t.dispatch(t.state.tr.setSelection(new Pe(r))), !0);
+  return i && i.inside > -1 && q.isSelectable(t.state.doc.nodeAt(i.inside)) ? !1 : (t.dispatch(t.state.tr.setSelection(new Ie(r))), !0);
 }
 function OC(t, e) {
-  if (e.inputType != "insertCompositionText" || !(t.state.selection instanceof Pe))
+  if (e.inputType != "insertCompositionText" || !(t.state.selection instanceof Ie))
     return !1;
   let { $from: n } = t.state.selection, r = n.parent.contentMatchAt(n.index()).findWrapping(t.state.schema.nodes.text);
   if (!r)
@@ -18943,7 +18967,7 @@ function OC(t, e) {
   return s.setSelection(Q.near(s.doc.resolve(n.pos + 1))), t.dispatch(s), !1;
 }
 function MC(t) {
-  if (!(t.selection instanceof Pe))
+  if (!(t.selection instanceof Ie))
     return null;
   let e = document.createElement("div");
   return e.className = "ProseMirror-gapcursor", Be.create(t.doc, [Pt.widget(t.selection.head, e, { key: "gapcursor" })]);
@@ -19988,26 +20012,26 @@ const KT = /* @__PURE__ */ Me(WT, [["render", qT]]), JT = {
     function a(l, u, c, d) {
       return d ? u === "chain" ? c ? !s.value.can().chain().focus()[l](c).run() : !s.value.can().chain().focus()[l]().run() : !s.value.can()[l]().run() : !1;
     }
-    return (l, u) => z(s) ? (T(), P("div", JT, [
+    return (l, u) => F(s) ? (T(), P("div", JT, [
       $("div", GT, [
         $("div", ZT, [
           (T(), P(ct, null, Nt(r, (c) => $("div", {
             key: c.method,
             class: re(["w-8 h-8 flex items-center justify-center text-xs rounded", {
               "cursor-pointer": !a(c.method, c.type, c.params, c.disableCheck),
-              "is-active text-white !bg-zinc-200": z(s).isActive(c.label)
+              "is-active text-white !bg-zinc-200": F(s).isActive(c.label)
             }]),
             onClick: (d) => o(c.method, c.type, c.params)
           }, [
-            c.icon ? (T(), $e(Ts(c.icon), {
+            c.icon ? (T(), Ve(Ts(c.icon), {
               key: 0,
               class: re(["", { "w-3 h-3": c.smallIcon, "w-4 h-4": !c.smallIcon }])
-            }, null, 8, ["class"])) : (T(), P("span", QT, _e(z(al).capitalize(c.label)), 1))
+            }, null, 8, ["class"])) : (T(), P("span", QT, _e(F(al).capitalize(c.label)), 1))
           ], 10, XT)), 64))
         ])
       ]),
       $("div", e2, [
-        Oe(z(XM), { editor: z(s) }, null, 8, ["editor"])
+        Oe(F(XM), { editor: F(s) }, null, 8, ["editor"])
       ])
     ])) : Se("", !0);
   }
@@ -20028,7 +20052,7 @@ const KT = /* @__PURE__ */ Me(WT, [["render", qT]]), JT = {
         "bg-zinc-50 border-zinc-200 text-zinc-700 dark:border-zinc-600/30 dark:bg-zinc-800 dark:bg-opacity-5 dark:text-opacity-85 dark:text-zinc-400": !t.success && !t.warning && !t.error
       }])
     }, [
-      Ne(e.$slots, "default")
+      Pe(e.$slots, "default")
     ], 2));
   }
 });
@@ -20552,8 +20576,8 @@ function P2(t, e) {
 function I2(t, e) {
   return (t % e + e) % e;
 }
-var Re;
-Array.prototype.indexOf ? Re = Array.prototype.indexOf : Re = function(t) {
+var $e;
+Array.prototype.indexOf ? $e = Array.prototype.indexOf : $e = function(t) {
   var e;
   for (e = 0; e < this.length; ++e)
     if (this[e] === t)
@@ -20607,7 +20631,7 @@ function F2(t, e, n) {
         s,
         ""
       ).toLocaleLowerCase(), this._longMonthsParse[r] = this.months(s, "").toLocaleLowerCase();
-  return n ? e === "MMM" ? (i = Re.call(this._shortMonthsParse, o), i !== -1 ? i : null) : (i = Re.call(this._longMonthsParse, o), i !== -1 ? i : null) : e === "MMM" ? (i = Re.call(this._shortMonthsParse, o), i !== -1 ? i : (i = Re.call(this._longMonthsParse, o), i !== -1 ? i : null)) : (i = Re.call(this._longMonthsParse, o), i !== -1 ? i : (i = Re.call(this._shortMonthsParse, o), i !== -1 ? i : null));
+  return n ? e === "MMM" ? (i = $e.call(this._shortMonthsParse, o), i !== -1 ? i : null) : (i = $e.call(this._longMonthsParse, o), i !== -1 ? i : null) : e === "MMM" ? (i = $e.call(this._shortMonthsParse, o), i !== -1 ? i : (i = $e.call(this._longMonthsParse, o), i !== -1 ? i : null)) : (i = $e.call(this._longMonthsParse, o), i !== -1 ? i : (i = $e.call(this._shortMonthsParse, o), i !== -1 ? i : null));
 }
 function z2(t, e, n) {
   var r, i, s;
@@ -20794,7 +20818,7 @@ function lD(t, e, n) {
         s,
         ""
       ).toLocaleLowerCase(), this._weekdaysParse[r] = this.weekdays(s, "").toLocaleLowerCase();
-  return n ? e === "dddd" ? (i = Re.call(this._weekdaysParse, o), i !== -1 ? i : null) : e === "ddd" ? (i = Re.call(this._shortWeekdaysParse, o), i !== -1 ? i : null) : (i = Re.call(this._minWeekdaysParse, o), i !== -1 ? i : null) : e === "dddd" ? (i = Re.call(this._weekdaysParse, o), i !== -1 || (i = Re.call(this._shortWeekdaysParse, o), i !== -1) ? i : (i = Re.call(this._minWeekdaysParse, o), i !== -1 ? i : null)) : e === "ddd" ? (i = Re.call(this._shortWeekdaysParse, o), i !== -1 || (i = Re.call(this._weekdaysParse, o), i !== -1) ? i : (i = Re.call(this._minWeekdaysParse, o), i !== -1 ? i : null)) : (i = Re.call(this._minWeekdaysParse, o), i !== -1 || (i = Re.call(this._weekdaysParse, o), i !== -1) ? i : (i = Re.call(this._shortWeekdaysParse, o), i !== -1 ? i : null));
+  return n ? e === "dddd" ? (i = $e.call(this._weekdaysParse, o), i !== -1 ? i : null) : e === "ddd" ? (i = $e.call(this._shortWeekdaysParse, o), i !== -1 ? i : null) : (i = $e.call(this._minWeekdaysParse, o), i !== -1 ? i : null) : e === "dddd" ? (i = $e.call(this._weekdaysParse, o), i !== -1 || (i = $e.call(this._shortWeekdaysParse, o), i !== -1) ? i : (i = $e.call(this._minWeekdaysParse, o), i !== -1 ? i : null)) : e === "ddd" ? (i = $e.call(this._shortWeekdaysParse, o), i !== -1 || (i = $e.call(this._weekdaysParse, o), i !== -1) ? i : (i = $e.call(this._minWeekdaysParse, o), i !== -1 ? i : null)) : (i = $e.call(this._minWeekdaysParse, o), i !== -1 || (i = $e.call(this._weekdaysParse, o), i !== -1) ? i : (i = $e.call(this._shortWeekdaysParse, o), i !== -1 ? i : null));
 }
 function uD(t, e, n) {
   var r, i, s;
@@ -21353,7 +21377,7 @@ var JD = function() {
 function GD(t) {
   var e, n = !1, r, i = Ui.length;
   for (e in t)
-    if (me(t, e) && !(Re.call(Ui, e) !== -1 && (t[e] == null || !isNaN(t[e]))))
+    if (me(t, e) && !($e.call(Ui, e) !== -1 && (t[e] == null || !isNaN(t[e]))))
       return !1;
   for (r = 0; r < i; ++r)
     if (t[Ui[r]]) {
@@ -22638,17 +22662,17 @@ const rf = {
     }, [
       $("div", {
         class: re(["h-8 w-full flex justify-center items-center", {
-          [`${n[z(Ve).theme]}`]: t.between,
-          [`${r[z(Ve).theme]}`]: t.firstDay,
-          [`${i[z(Ve).theme]}`]: t.lastDay
+          [`${n[F(Ne).theme]}`]: t.between,
+          [`${r[F(Ne).theme]}`]: t.firstDay,
+          [`${i[F(Ne).theme]}`]: t.lastDay
         }]),
         style: Wl({ marginLeft: t.firstDay ? "50%" : void 0, marginRight: t.lastDay ? "50%" : void 0 })
       }, [
         $("span", {
-          class: re(["absolute w-8 h-8 flex items-center justify-center", [`${e[z(Ve).theme]}`]]),
+          class: re(["absolute w-8 h-8 flex items-center justify-center", [`${e[F(Ne).theme]}`]]),
           style: { left: "50%", transform: "translateX(-50%)" }
         }, [
-          Ne(s.$slots, "default", {}, () => [
+          Pe(s.$slots, "default", {}, () => [
             ut(_e(t.day), 1)
           ])
         ], 2)
@@ -22831,13 +22855,13 @@ const DA = /* @__PURE__ */ Me(SA, [["render", TA]]), EA = { class: "w-full" }, _
           }), 64))
         ]),
         $("div", $A, [
-          l(r.value[v]) > 0 ? (T(!0), P(ct, { key: 0 }, Nt(l(r.value[v]), (C) => (T(), $e(rf, { off: "" }, {
+          l(r.value[v]) > 0 ? (T(!0), P(ct, { key: 0 }, Nt(l(r.value[v]), (C) => (T(), Ve(rf, { off: "" }, {
             default: Fe(() => [
               ut(_e(u(r.value[v]).clone().endOf("month").subtract(l(r.value[v]) - C, "days").format("D")), 1)
             ]),
             _: 2
           }, 1024))), 256)) : Se("", !0),
-          (T(!0), P(ct, null, Nt(a(r.value[v].clone()), (C) => (T(), $e(rf, {
+          (T(!0), P(ct, null, Nt(a(r.value[v].clone()), (C) => (T(), Ve(rf, {
             onClick: (R) => o(C),
             today: c(C),
             selected: d(C, r.value[v]),
@@ -22846,7 +22870,7 @@ const DA = /* @__PURE__ */ Me(SA, [["render", TA]]), EA = { class: "w-full" }, _
             between: f(C, r.value[v])
           }, {
             default: Fe(() => [
-              ut(_e(z(E)(C).format("D")), 1)
+              ut(_e(F(E)(C).format("D")), 1)
             ]),
             _: 2
           }, 1032, ["onClick", "today", "selected", "firstDay", "lastDay", "between"]))), 256))
@@ -22915,7 +22939,7 @@ const JA = /* @__PURE__ */ Me(HA, [["render", KA]]), GA = {
       if (n.modelValue)
         return E(n.modelValue).format("YYYY-MM-DD");
     });
-    return (o, a) => (T(), $e(As, { disabled: t.disabled }, {
+    return (o, a) => (T(), Ve(As, { disabled: t.disabled }, {
       content: Fe(() => [
         Oe(Vm, {
           doubleMonths: t.doubleMonths,
@@ -22932,7 +22956,7 @@ const JA = /* @__PURE__ */ Me(HA, [["render", KA]]), GA = {
           info: t.info
         }, {
           prepend: Fe(() => [
-            t.range ? (T(), $e(WA, { key: 0 })) : (T(), $e(JA, { key: 1 }))
+            t.range ? (T(), Ve(WA, { key: 0 })) : (T(), Ve(JA, { key: 1 }))
           ]),
           default: Fe(() => [
             ut(" " + _e(s.value || t.placeholder), 1)
@@ -22943,13 +22967,13 @@ const JA = /* @__PURE__ */ Me(HA, [["render", KA]]), GA = {
       _: 1
     }, 8, ["disabled"]));
   }
-}), Xa = { WpicCalendar: Vm, WpicDateField: ZA, WpicFormInput: Hf, WpicButton: w0, WpicBadge: i2, WpicTextEditor: n2, WpicInputGroup: D0, WpicButtonGroup: O0, WpicForm: _0, WpicFormField: sb, WpicSpinner: Fo, WpicPopover: As, WpicChoiceList: Ob, WpicCard: Ab, WpicCardSection: Rb, WpicProgressBar: Lb, WpicTag: zb, WpicTagGroup: Wb, WpicPagination: t1, WpicLoadingPanel: Ub, WpicTable: g1, WpicTableColumn: y1 };
+}), Xa = { WpicCalendar: Vm, WpicDateField: ZA, WpicFormInput: Hf, WpicButton: w0, WpicBadge: i2, WpicTextEditor: n2, WpicInputGroup: D0, WpicButtonGroup: O0, WpicForm: _0, WpicFormField: sb, WpicSpinner: Fo, WpicPopover: As, WpicChoiceList: Ob, WpicCard: _b, WpicCardSection: Ib, WpicProgressBar: Vb, WpicTag: Fb, WpicTagGroup: jb, WpicPagination: e1, WpicLoadingPanel: Yb, WpicTable: g1, WpicTableColumn: y1 };
 function Lm(t, e) {
   for (const n in e)
     Object.prototype.hasOwnProperty.call(e, n) && (typeof e[n] == "object" && t[n] ? Lm(t[n], e[n]) : t[n] = e[n]);
 }
 function XA(t, e) {
-  Lm(Ve, e);
+  Lm(Ne, e);
   for (const n in Xa)
     if (Xa.hasOwnProperty(n)) {
       const r = Xa[n];
@@ -22958,7 +22982,7 @@ function XA(t, e) {
 }
 const tN = {
   install: XA,
-  options: Ve
+  options: Ne
 };
 export {
   tN as default