@romainbx/wpic-components 0.0.69 → 0.0.71

package/dist/wpic-components.js

@@ -1,4 +1,4 @@
-import { defineComponent as Rn, inject as ki, computed as de, toValue as Ce, toRef as Jn, resolveDynamicComponent as ji, h as Et, getCurrentInstance as mn, ref as te, reactive as Ln, unref as B, onMounted as en, isRef as So, watch as Be, provide as Si, readonly as qp, onBeforeUnmount as hr, watchEffect as Sd, nextTick as nt, shallowRef as Cd, warn as Up, onUnmounted as Go, createElementBlock as C, openBlock as x, createElementVNode as T, createVNode as le, normalizeClass as G, createCommentVNode as re, createBlock as ve, withCtx as Se, renderSlot as Te, createTextVNode as Re, toDisplayString as be, Fragment as $e, renderList as We, withModifiers as Pr, Teleport as Od, normalizeStyle as un, withDirectives as Vr, vModelText as oa, vShow as sa, resolveComponent as Kp, createStaticVNode as Zo, pushScopeId as Yp, popScopeId as Jp, useSlots as Gp, markRaw as Zp, customRef as Xp } from "vue";
+import { defineComponent as Rn, inject as ki, computed as de, toValue as Ce, toRef as Jn, resolveDynamicComponent as ji, h as Et, getCurrentInstance as mn, ref as te, reactive as Ln, unref as B, onMounted as en, isRef as So, watch as Pe, provide as Si, readonly as qp, onBeforeUnmount as hr, watchEffect as Sd, nextTick as nt, shallowRef as Cd, warn as Up, onUnmounted as Go, createElementBlock as C, openBlock as x, createElementVNode as T, createVNode as le, normalizeClass as G, createCommentVNode as re, createBlock as ve, withCtx as Se, renderSlot as Me, createTextVNode as Ie, toDisplayString as be, Fragment as $e, renderList as We, withModifiers as Pr, Teleport as Od, normalizeStyle as un, withDirectives as Vr, vModelText as oa, vShow as sa, resolveComponent as Kp, createStaticVNode as Zo, pushScopeId as Yp, popScopeId as Jp, useSlots as Gp, markRaw as Zp, customRef as Xp } from "vue";
 function Qp() {
   return Md().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -726,7 +726,7 @@ function Rm(t, e, n, r) {
     initialValue: de(() => B(e)),
     dirty: de(() => !st(B(t), B(e)))
   });
-  return Be(n, (s) => {
+  return Pe(n, (s) => {
     o.valid = !s.length;
   }, {
     immediate: !0,
@@ -1160,25 +1160,25 @@ function jd(t, e, n) {
     setErrors: W,
     setValue: L
   };
-  if (Si(Ad, ae), So(e) && typeof B(e) != "function" && Be(e, (j, oe) => {
+  if (Si(Ad, ae), So(e) && typeof B(e) != "function" && Pe(e, (j, oe) => {
     st(j, oe) || (E.validated ? U() : P());
   }, {
     deep: !0
-  }), process.env.NODE_ENV !== "production" && (ae._vm = mn(), Be(() => Object.assign(Object.assign({ errors: N.value }, E), { value: w.value }), Rr, {
+  }), process.env.NODE_ENV !== "production" && (ae._vm = mn(), Pe(() => Object.assign(Object.assign({ errors: N.value }, E), { value: w.value }), Rr, {
     deep: !0
   }), m || zm(ae)), !m)
     return ae;
   const J = de(() => {
     const j = S.value;
     return !j || Ue(j) || Oo(j) || Rt(j) || Array.isArray(j) ? {} : Object.keys(j).reduce((oe, Oe) => {
-      const ge = Om(j[Oe]).map((Me) => Me.__locatorRef).reduce((Me, De) => {
+      const ge = Om(j[Oe]).map((Te) => Te.__locatorRef).reduce((Te, De) => {
         const _e = ft(m.values, De) || m.values[De];
-        return _e !== void 0 && (Me[De] = _e), Me;
+        return _e !== void 0 && (Te[De] = _e), Te;
       }, {});
       return Object.assign(oe, ge), oe;
     }, {});
   });
-  return Be(J, (j, oe) => {
+  return Pe(J, (j, oe) => {
     if (!Object.keys(j).length)
       return;
     !st(j, oe) && (E.validated ? U() : P());
@@ -1259,9 +1259,9 @@ function Zm({ prop: t, value: e, handleChange: n, shouldValidate: r }) {
     return;
   }
   const o = typeof t == "string" ? t : "modelValue", s = `update:${o}`;
-  o in i.props && (Be(e, (a) => {
+  o in i.props && (Pe(e, (a) => {
     st(a, da(i, o)) || i.emit(s, a);
-  }), Be(() => da(i, o), (a) => {
+  }), Pe(() => da(i, o), (a) => {
     if (a === Co && e.value === void 0)
       return;
     const l = a === Co ? void 0 : a;
@@ -1494,7 +1494,7 @@ function ng(t) {
         return (yt = (ot = Wt.describe) === null || ot === void 0 ? void 0 : ot.call(Wt, Ce(M)).required) !== null && yt !== void 0 ? yt : !1;
       const oi = Ce(O == null ? void 0 : O.schema);
       return Rt(oi) && (xn = (qn = oi.describe) === null || qn === void 0 ? void 0 : qn.call(oi).required) !== null && xn !== void 0 ? xn : !1;
-    }), Ae = r++, Ve = Ln({
+    }), Ae = r++, Re = Ln({
       id: Ae,
       path: M,
       touched: !1,
@@ -1517,23 +1517,23 @@ function ng(t) {
       validate: O == null ? void 0 : O.validate,
       dirty: de(() => !st(B(Q), B(fe)))
     });
-    return c.value.push(Ve), d.value[ue] = Ve, f(), m.value[ue] && !$[ue] && nt(() => {
+    return c.value.push(Re), d.value[ue] = Re, f(), m.value[ue] && !$[ue] && nt(() => {
       Mt(ue, { mode: "silent" });
-    }), So(M) && Be(M, (ot) => {
+    }), So(M) && Pe(M, (ot) => {
       f();
       const yt = Ee(Q.value);
-      d.value[ot] = Ve, nt(() => {
+      d.value[ot] = Re, nt(() => {
         sn(l, ot, yt);
       });
-    }), Ve;
+    }), Re;
   }
   const Y = Zl(Ht, 5), se = Zl(Ht, 5), U = ca(async (M) => await (M === "silent" ? Y() : se()), (M, [O]) => {
     const R = ut(j.errorBag.value), fe = [
       .../* @__PURE__ */ new Set([...ut(M.results), ...c.value.map((k) => k.path), ...R])
     ].sort().reduce((k, K) => {
       var Q;
-      const ue = K, he = A(ue) || z(ue), xe = ((Q = M.results[ue]) === null || Q === void 0 ? void 0 : Q.errors) || [], Ae = Ce(he == null ? void 0 : he.path) || ue, Ve = og({ errors: xe, valid: !xe.length }, k.results[Ae]);
-      return k.results[Ae] = Ve, Ve.valid || (k.errors[Ae] = Ve.errors[0]), he && u.value[Ae] && delete u.value[Ae], he ? (he.valid = Ve.valid, O === "silent" || O === "validated-only" && !he.validated || h(he, Ve.errors), k) : (h(Ae, xe), k);
+      const ue = K, he = A(ue) || z(ue), xe = ((Q = M.results[ue]) === null || Q === void 0 ? void 0 : Q.errors) || [], Ae = Ce(he == null ? void 0 : he.path) || ue, Re = og({ errors: xe, valid: !xe.length }, k.results[Ae]);
+      return k.results[Ae] = Re, Re.valid || (k.errors[Ae] = Re.errors[0]), he && u.value[Ae] && delete u.value[Ae], he ? (he.valid = Re.valid, O === "silent" || O === "validated-only" && !he.validated || h(he, Re.errors), k) : (h(Ae, xe), k);
     }, { valid: M.valid, results: {}, errors: {} });
     return M.values && (fe.values = M.values), ut(fe.results).forEach((k) => {
       var K;
@@ -1670,7 +1670,7 @@ function ng(t) {
   function ge(M, O = !0) {
     Ci(l, M), a.forEach((R) => R && R.reset()), O && Pt();
   }
-  function Me(M, O) {
+  function Te(M, O) {
     const R = A(Ce(M)) || V(M);
     return de({
       get() {
@@ -1793,10 +1793,10 @@ function ng(t) {
       return;
     }
     j.validateSchema && j.validateSchema("silent");
-  }), So(D) && Be(D, () => {
+  }), So(D) && Pe(D, () => {
     var M;
     (M = j.validateSchema) === null || M === void 0 || M.call(j, "validated-only");
-  }), Si(zi, j), process.env.NODE_ENV !== "production" && (jm(j), Be(() => Object.assign(Object.assign({ errors: g.value }, I.value), { values: l, isSubmitting: i.value, isValidating: o.value, submitCount: s.value }), Rr, {
+  }), Si(zi, j), process.env.NODE_ENV !== "production" && (jm(j), Pe(() => Object.assign(Object.assign({ errors: g.value }, I.value), { values: l, isSubmitting: i.value, isValidating: o.value, submitCount: s.value }), Rr, {
     deep: !0
   }));
   function bn(M, O) {
@@ -1825,13 +1825,13 @@ function ng(t) {
       };
       return Ue(O) ? Object.assign(Object.assign({}, xe), O(ro(X, io)).props || {}) : O != null && O.props ? Object.assign(Object.assign({}, xe), O.props(ro(X, io))) : xe;
     });
-    return [Me(M, () => {
-      var xe, Ae, Ve;
-      return (Ve = (xe = fe().validateOnModelUpdate) !== null && xe !== void 0 ? xe : (Ae = Xn()) === null || Ae === void 0 ? void 0 : Ae.validateOnModelUpdate) !== null && Ve !== void 0 ? Ve : !0;
+    return [Te(M, () => {
+      var xe, Ae, Re;
+      return (Re = (xe = fe().validateOnModelUpdate) !== null && xe !== void 0 ? xe : (Ae = Xn()) === null || Ae === void 0 ? void 0 : Ae.validateOnModelUpdate) !== null && Re !== void 0 ? Re : !0;
     }), ue];
   }
   function vr(M) {
-    return Array.isArray(M) ? M.map((O) => Me(O, !0)) : Me(M);
+    return Array.isArray(M) ? M.map((O) => Te(O, !0)) : Te(M);
   }
   function br(M, O) {
     const [R, X] = bn(M, O);
@@ -2248,8 +2248,8 @@ const Og = ["is", "type", "disabled"], Mg = {
           }])
         }, {
           default: Se(() => [
-            Te(v.$slots, "default", {}, () => [
-              Re(be(t.label), 1)
+            Me(v.$slots, "default", {}, () => [
+              Ie(be(t.label), 1)
             ])
           ]),
           _: 3
@@ -2281,7 +2281,7 @@ const Og = ["is", "type", "disabled"], Mg = {
     return (n, r) => (x(), C("div", {
       class: G(["wpic-button-group flex flex-wrap h-10", [e[B(pe).theme]]])
     }, [
-      Te(n.$slots, "default")
+      Me(n.$slots, "default")
     ], 2));
   }
 }), Ng = {
@@ -2289,7 +2289,7 @@ const Og = ["is", "type", "disabled"], Mg = {
 }, Lg = { class: "wpic-input-group flex w-full" };
 function Ig(t, e, n, r, i, o) {
   return x(), C("div", Lg, [
-    Te(t.$slots, "default")
+    Me(t.$slots, "default")
   ]);
 }
 const Bg = /* @__PURE__ */ ye(Ng, [["render", Ig]]), Pg = {
@@ -2319,7 +2319,7 @@ const Bg = /* @__PURE__ */ ye(Ng, [["render", Ig]]), Pg = {
       ref: n
     }, {
       default: Se(({ values: c, meta: u, errors: d }) => [
-        Te(a.$slots, "default")
+        Me(a.$slots, "default")
       ]),
       _: 3
     }, 512));
@@ -3322,7 +3322,7 @@ const $0 = {
         onMouseleave: m,
         onClick: S[0] || (S[0] = Pr(($) => d($), ["stop"]))
       }, [
-        Te(v.$slots, "default", { isHidden: c.value })
+        Me(v.$slots, "default", { isHidden: c.value })
       ], 32)),
       (x(), ve(Od, {
         to: B(pe).popoverTarget
@@ -3340,7 +3340,7 @@ const $0 = {
             "px-3 py-2": !t.custom && !t.expand
           }])
         }, [
-          Te(v.$slots, "content")
+          Me(v.$slots, "content")
         ], 6))
       ], 8, ["to"]))
     ], 64));
@@ -3441,7 +3441,7 @@ const sl = /* @__PURE__ */ ye(j0, [["render", W0]]), q0 = {
               hover: ""
             }, {
               content: Se(() => [
-                Re(be(t.info), 1)
+                Ie(be(t.info), 1)
               ]),
               default: Se(() => [
                 le(sl, { class: "w-4 h-4 text-zinc-600" })
@@ -3451,7 +3451,7 @@ const sl = /* @__PURE__ */ ye(j0, [["render", W0]]), q0 = {
           ])
         ]),
         T("div", J0, [
-          Te(s.$slots, "more")
+          Me(s.$slots, "more")
         ])
       ])) : re("", !0),
       T("div", {
@@ -3472,10 +3472,10 @@ const sl = /* @__PURE__ */ ye(j0, [["render", W0]]), q0 = {
       }, [
         s.$slots.prepend ? (x(), C("div", G0, [
           T("div", Z0, [
-            Te(s.$slots, "prepend")
+            Me(s.$slots, "prepend")
           ])
         ])) : re("", !0),
-        Te(s.$slots, "default"),
+        Me(s.$slots, "default"),
         t.loading ? (x(), C("div", X0, [
           le(Gr, { class: "w-6 h-6 opacity-50" })
         ])) : t.clearable ? (x(), C("div", {
@@ -4195,7 +4195,7 @@ const Pc = /* @__PURE__ */ Yi(tk), nk = {
   emits: ["blur-sm", "input", "change", "update:modelValue"],
   setup(t, { expose: e, emit: n }) {
     const r = t, i = te(!1), o = te(r.options);
-    Be(() => r.options, () => {
+    Pe(() => r.options, () => {
       var y;
       (y = r.options) != null && y.length && (o.value = [...r.options]);
     }, {
@@ -4299,12 +4299,12 @@ const Pc = /* @__PURE__ */ Yi(tk), nk = {
               }, [
                 t.modelValue && (!t.multiple || t.multiple && ((E = t.modelValue) == null ? void 0 : E.length) > 0) && !t.hideSelect ? (x(), C("span", nk, [
                   v.value && ((I = t.allSelectedText) != null && I.length) ? (x(), C($e, { key: 0 }, [
-                    Re(be(t.allSelectedText) + " (" + be((N = t.options) == null ? void 0 : N.length) + ")", 1)
+                    Ie(be(t.allSelectedText) + " (" + be((N = t.options) == null ? void 0 : N.length) + ")", 1)
                   ], 64)) : (x(), C($e, { key: 1 }, [
-                    Re(be(p.value), 1)
+                    Ie(be(p.value), 1)
                   ], 64))
-                ])) : !t.multiple && ((D = t.options) != null && D.find((se) => se.value === null)) ? (x(), C("span", rk, be((Y = (V = t.options) == null ? void 0 : V.find((se) => se.value === null)) == null ? void 0 : Y.label), 1)) : Te(y.$slots, "default", { key: 2 }, () => [
-                  Re(be(t.placeholder), 1)
+                ])) : !t.multiple && ((D = t.options) != null && D.find((se) => se.value === null)) ? (x(), C("span", rk, be((Y = (V = t.options) == null ? void 0 : V.find((se) => se.value === null)) == null ? void 0 : Y.label), 1)) : Me(y.$slots, "default", { key: 2 }, () => [
+                  Ie(be(t.placeholder), 1)
                 ])
               ], 2),
               t.modelValue && t.clearable ? (x(), C("div", {
@@ -4442,7 +4442,7 @@ const Pc = /* @__PURE__ */ Yi(tk), nk = {
   emits: ["update:modelValue"],
   setup(t, { expose: e, emit: n }) {
     const r = t, i = te(null), o = te(!1);
-    Be(
+    Pe(
       () => r.modelValue,
       (c) => {
         i.value.style.height = "auto", r.autoResize && nt(() => {
@@ -4462,14 +4462,14 @@ const Pc = /* @__PURE__ */ Yi(tk), nk = {
       focus: l
     }), (c, u) => (x(), C($e, null, [
       t.label ? (x(), C("div", fk, [
-        Re(be(t.label) + " ", 1),
+        Ie(be(t.label) + " ", 1),
         T("div", hk, [
           c.info ? (x(), ve(mr, {
             key: 0,
             hover: ""
           }, {
             content: Se(() => [
-              Re(be(c.info), 1)
+              Ie(be(c.info), 1)
             ]),
             default: Se(() => [
               le(sl, { class: "w-4 h-4 text-zinc-600" })
@@ -4520,7 +4520,7 @@ const Pc = /* @__PURE__ */ Yi(tk), nk = {
     const n = t, r = e, i = te(n.modelValue || n.defaultColor), o = () => {
       r("update:modelValue", i.value);
     };
-    return Be(() => n.modelValue, (s) => {
+    return Pe(() => n.modelValue, (s) => {
       s !== i.value && (i.value = s);
     }), (s, a) => (x(), ve(Ki, {
       material: t.material,
@@ -4810,7 +4810,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
           ])
         ]),
         T("div", Fk, [
-          Te(D.$slots, "more")
+          Me(D.$slots, "more")
         ])
       ], 2)) : re("", !0),
       t.checkbox ? (x(), ve(B(Un), {
@@ -4842,8 +4842,8 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
             T("span", {
               class: G(["text-base cursor-pointer select-none text-gray-600 dark:text-gray-500", { "!text-gray-500/50 dark:text-gray-700/50": t.disabled }])
             }, [
-              Te(D.$slots, "default", {}, () => [
-                Re(be(l.value), 1)
+              Me(D.$slots, "default", {}, () => [
+                Ie(be(l.value), 1)
               ])
             ], 2)
           ], 2)
@@ -4977,7 +4977,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
           class: G(["absolute dark:text-gray-400 left-0 ml-0 w-9 h-full flex items-center text-center", { "justify-center": !t.naked }])
         }, [
           T("div", Wk, [
-            Te(D.$slots, "prepend")
+            Me(D.$slots, "prepend")
           ])
         ], 2)) : re("", !0),
         t.textarea ? (x(), ve(B(Un), {
@@ -5052,7 +5052,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
         ])) : re("", !0),
         D.$slots.append || t.password || t.type == "password" ? (x(), C("div", qk, [
           T("div", Uk, [
-            Te(D.$slots, "append", {}, () => [
+            Me(D.$slots, "append", {}, () => [
               Vr(le(Sk, {
                 class: "text-zinc-600 select-none",
                 onClick: d
@@ -5072,7 +5072,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
       t.error && B(a) ? (x(), C("div", Kk, [
         le(B(cg), { name: s.value }, {
           default: Se((Y) => [
-            Re(be(Y.message), 1)
+            Ie(be(Y.message), 1)
           ]),
           _: 1
         }, 8, ["name"])
@@ -5081,8 +5081,8 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
         key: 8,
         class: G(["text-base mt-1", { "ml-7": t.type == "checkbox", "opacity-50": t.disabled }])
       }, [
-        Te(D.$slots, "help", {}, () => [
-          Re(be(t.help), 1)
+        Me(D.$slots, "help", {}, () => [
+          Ie(be(t.help), 1)
         ])
       ], 2)) : re("", !0)
     ], 2));
@@ -5151,7 +5151,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
         onMouseenter: o,
         onMouseleave: s
       }, [
-        Te(l.$slots, "default")
+        Me(l.$slots, "default")
       ], 34),
       T("div", {
         ref_key: "tooltip",
@@ -5193,25 +5193,29 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
     return (r, i) => {
       const o = Kp("wpic-loading-panel");
       return x(), C("div", {
-        class: G(["rounded-lg wpic-card relative", { [e[B(pe).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions }])
+        class: G(["rounded-lg wpic-card relative", { [e[B(pe).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions || r.$slots.title }])
       }, [
         t.loading ? (x(), ve(o, {
           key: 0,
           class: "absolute top-0 left-0 z-10",
           wave: ""
         })) : re("", !0),
-        t.title || r.$slots.actions ? (x(), C("div", Zk, [
-          t.title || r.$slots.actions ? (x(), C("div", {
+        t.title || r.$slots.title || r.$slots.actions ? (x(), C("div", Zk, [
+          t.title || r.$slots.title || r.$slots.actions ? (x(), C("div", {
             key: 0,
-            class: G(["text-lg 2xl:text-xl", [n[B(pe).theme]]])
-          }, be(t.title), 3)) : re("", !0),
+            class: G(["text-lg 2xl:text-xl flex items-center", [n[B(pe).theme]]])
+          }, [
+            Me(r.$slots, "title", {}, () => [
+              Ie(be(t.title), 1)
+            ])
+          ], 2)) : re("", !0),
           T("div", Xk, [
-            Te(r.$slots, "actions")
+            Me(r.$slots, "actions")
           ])
         ])) : re("", !0),
-        Te(r.$slots, "default"),
+        Me(r.$slots, "default"),
         r.$slots.buttons ? (x(), C("div", Qk, [
-          Te(r.$slots, "buttons")
+          Me(r.$slots, "buttons")
         ])) : re("", !0)
       ], 2);
     };
@@ -5219,7 +5223,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
 }), n5 = {
   key: 0,
   class: "pb-3 flex justify-betweeen h-12 items-center"
-}, r5 = { class: "flex-1 text-lg dark:text-gray-300 font-semibold" }, i5 = {
+}, r5 = { class: "flex-1 text-lg dark:text-gray-300 font-semibold flex items-center" }, i5 = {
   name: "WpicCardSection"
 }, o5 = /* @__PURE__ */ Object.assign(i5, {
   props: {
@@ -5234,16 +5238,20 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
     return (n, r) => (x(), C("div", {
       class: G(["border-b relative dark:border-gray-900 dark:text-gray-300 last:border-0 pb-6", {
         [`${e[B(pe).theme]}`]: !0,
-        "pt-3": !(t.title && n.$slots.actions),
-        "pt-6": !t.title && !n.$slots.actions,
+        "pt-3": !(t.title && n.$slots.actions && n.$slots.title),
+        "pt-6": !t.title && !n.$slots.actions && !n.$slots.title,
         "bg-gray-50 dark:bg-gray-930": t.sub
       }])
     }, [
-      t.title || n.$slots.actions ? (x(), C("div", n5, [
-        T("div", r5, be(t.title), 1),
-        Te(n.$slots, "actions")
+      t.title || n.$slots.title || n.$slots.actions ? (x(), C("div", n5, [
+        T("div", r5, [
+          Me(n.$slots, "title", {}, () => [
+            Ie(be(t.title), 1)
+          ])
+        ]),
+        Me(n.$slots, "actions")
       ])) : re("", !0),
-      Te(n.$slots, "default")
+      Me(n.$slots, "default")
     ], 2));
   }
 }), s5 = /* @__PURE__ */ T("div", { class: "" }, null, -1), a5 = /* @__PURE__ */ Zo('<div class="-mt-2"><div class="absolute left-1/4 h-8 border-r border-gray-100 dark:border-gray-900"></div><div class="absolute left-1/2 h-8 border-r border-gray-100 dark:border-gray-900"></div><div class="absolute left-3/4 h-8 border-r border-gray-100 dark:border-gray-900"></div></div><div class="mt-7 text-gray-500 dark:text-gray-600"><div class="absolute left-0 text-xs">0%</div><div class="absolute left-1/4 -translate-x-1/4 text-xs">25%</div><div class="absolute left-1/2 -translate-x-1/2 text-xs">50%</div><div class="absolute right-1/4 translate-x-3/4 text-xs">75%</div><div class="absolute right-0 text-xs">100%</div></div>', 2), l5 = {
@@ -5322,7 +5330,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
       class: G(["wpic-tag select-none border inline-flex rounded-sm h-8 items-center justify-center pl-3 py-1", { "pr-3": !t.clearable, "pr-1": t.clearable, [n[B(pe).theme]]: !0 }])
     }, [
       T("span", u5, [
-        Te(o.$slots, "default")
+        Me(o.$slots, "default")
       ]),
       t.clearable ? (x(), C("span", {
         key: 0,
@@ -5346,7 +5354,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
       T("div", {
         class: G(["ui-tag-group flex flex-wrap gap-2", { "w-full": t.full }])
       }, [
-        Te(e.$slots, "default")
+        Me(e.$slots, "default")
       ], 2)
     ], 2));
   }
@@ -5405,7 +5413,7 @@ const Vk = /* @__PURE__ */ ye(Nk, [["render", Pk]]), Rk = { class: "flex items-c
       }])
     }, [
       T("span", k5, [
-        Te(i.$slots, "default")
+        Me(i.$slots, "default")
       ])
     ], 2));
   }
@@ -5522,7 +5530,7 @@ const Tf = /* @__PURE__ */ ye(_5, [["render", H5]]), W5 = { class: "wpic-paginat
     }), (u, d) => (x(), C("div", W5, [
       t.info ? (x(), C("div", q5, [
         t.total > 0 ? (x(), C($e, { key: 0 }, [
-          Re(be(l()) + " - " + be(c()), 1),
+          Ie(be(l()) + " - " + be(c()), 1),
           t.total ? (x(), C("span", U5, " / " + be(t.total), 1)) : re("", !0)
         ], 64)) : re("", !0)
       ])) : re("", !0),
@@ -5552,7 +5560,7 @@ const Tf = /* @__PURE__ */ ye(_5, [["render", H5]]), W5 = { class: "wpic-paginat
           disabled: o.value == 0 || !o.value
         }, {
           default: Se(() => [
-            Re(be(f), 1)
+            Ie(be(f), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "active", "disabled"]))), 128)),
@@ -5608,7 +5616,7 @@ const tS = /* @__PURE__ */ ye(G5, [["render", eS]]), nS = { class: "font-semibol
   setup(t) {
     const e = {
       pmi: "bg-white dark:text-zinc-300 dark:border-zinc-900 dark:bg-zinc-800",
-      "wpic-tools": "bg-gray-50 border-gray-200 dark:border-gray-900 dark:bg-gray-800"
+      "wpic-tools": "bg-gray-50 border-gray-200 dark:text-gray-300 dark:border-gray-900 dark:bg-gray-810/45"
     };
     return (n, r) => (x(), C("tr", nS, [
       (x(!0), C($e, null, We(t.columns, (i, o) => (x(), ve(xa, {
@@ -5618,8 +5626,8 @@ const tS = /* @__PURE__ */ ye(G5, [["render", eS]]), nS = { class: "font-semibol
           "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,
+          "last:rounded-br-lg": t.position === "footer",
+          "first:rounded-bl-lg": t.position === "footer",
           "text-center": i.align == "center",
           "text-right": i.align == "right"
         }]),
@@ -5761,7 +5769,7 @@ const lS = /* @__PURE__ */ ye(rS, [["render", aS]]), cS = { class: "overflow-aut
       let y = (w = r.sortOptions) == null ? void 0 : w.sortDirection;
       ((b = r.sortOptions) == null ? void 0 : b.sortBy) === $ && (y = y === "asc" ? "desc" : "asc"), d("changeSort", { sortDirection: y, sortBy: $ });
     }
-    Be(() => h.default, ($) => {
+    Pe(() => h.default, ($) => {
       g();
     }, {
       deep: !0
@@ -15628,7 +15636,7 @@ function Je(t, e) {
   }
   return t;
 }
-function Pe(...t) {
+function Ve(...t) {
   return t.filter((e) => !!e).reduce((e, n) => {
     const r = { ...e };
     return Object.entries(n).forEach(([i, o]) => {
@@ -15656,7 +15664,7 @@ function Pe(...t) {
 function Va(t, e) {
   return e.filter((n) => n.type === t.type.name).filter((n) => n.attribute.rendered).map((n) => n.attribute.renderHTML ? n.attribute.renderHTML(t.attrs) || {} : {
     [n.name]: t.attrs[n.name]
-  }).reduce((n, r) => Pe(n, r), {});
+  }).reduce((n, r) => Ve(n, r), {});
 }
 function tp(t) {
   return typeof t == "function";
@@ -18814,7 +18822,7 @@ function l$(t) {
       var se, U = y === "y" ? pt : mt, P = y === "y" ? It : Bt, A = y === "y" ? "height" : "width", z = b[y], _ = z + m[U], ee = z - m[P], ie = h ? -I[A] / 2 : 0, L = S === Ur ? E[A] : I[A], W = S === Ur ? -I[A] : -E[A], q = e.elements.arrow, ae = h && q ? Vl(q) : {
         width: 0,
         height: 0
-      }, J = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : gp(), j = J[U], oe = J[P], Oe = bi(0, E[A], ae[A]), ge = $ ? E[A] / 2 - ie - Oe - j - D.mainAxis : L - Oe - j - D.mainAxis, Me = $ ? -E[A] / 2 + ie + Oe + oe + D.mainAxis : W + Oe + oe + D.mainAxis, De = e.elements.arrow && to(e.elements.arrow), _e = De ? y === "y" ? De.clientTop || 0 : De.clientLeft || 0 : 0, Ot = (se = V == null ? void 0 : V[y]) != null ? se : 0, yr = z + ge - Ot - _e, yn = z + Me - Ot, vn = bi(h ? Ko(_, yr) : _, z, h ? sr(ee, yn) : ee);
+      }, J = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : gp(), j = J[U], oe = J[P], Oe = bi(0, E[A], ae[A]), ge = $ ? E[A] / 2 - ie - Oe - j - D.mainAxis : L - Oe - j - D.mainAxis, Te = $ ? -E[A] / 2 + ie + Oe + oe + D.mainAxis : W + Oe + oe + D.mainAxis, De = e.elements.arrow && to(e.elements.arrow), _e = De ? y === "y" ? De.clientTop || 0 : De.clientLeft || 0 : 0, Ot = (se = V == null ? void 0 : V[y]) != null ? se : 0, yr = z + ge - Ot - _e, yn = z + Te - Ot, vn = bi(h ? Ko(_, yr) : _, z, h ? sr(ee, yn) : ee);
       b[y] = vn, Y[y] = vn - z;
     }
     if (a) {
@@ -19541,7 +19549,7 @@ function Y$(t, e) {
       return K();
     Gs(Q, "remove", d), Gs(Q, "add", ue), d = ue;
   }
-  function Me(k, K, Q) {
+  function Te(k, K, Q) {
     Q === void 0 && (Q = !1);
     var ue = Tr(y.props.triggerTarget || t);
     ue.forEach(function(he) {
@@ -19554,21 +19562,21 @@ function Y$(t, e) {
     });
   }
   function De() {
-    V() && (Me("touchstart", Ot, {
+    V() && (Te("touchstart", Ot, {
       passive: !0
-    }), Me("touchend", yn, {
+    }), Te("touchend", yn, {
       passive: !0
     })), O$(y.props.trigger).forEach(function(k) {
       if (k !== "manual")
-        switch (Me(k, Ot), k) {
+        switch (Te(k, Ot), k) {
           case "mouseenter":
-            Me("mouseleave", yn);
+            Te("mouseleave", yn);
             break;
           case "focus":
-            Me(R$ ? "focusout" : "blur", vn);
+            Te(R$ ? "focusout" : "blur", vn);
             break;
           case "focusin":
-            Me("focusout", vn);
+            Te("focusout", vn);
             break;
         }
     });
@@ -19592,10 +19600,10 @@ function Y$(t, e) {
     var K = k.target, Q = se().contains(K) || b.contains(K);
     if (!(k.type === "mousemove" && Q)) {
       var ue = Ft().concat(b).map(function(he) {
-        var xe, Ae = he._tippy, Ve = (xe = Ae.popperInstance) == null ? void 0 : xe.state;
-        return Ve ? {
+        var xe, Ae = he._tippy, Re = (xe = Ae.popperInstance) == null ? void 0 : xe.state;
+        return Re ? {
           popperRect: he.getBoundingClientRect(),
-          popperState: Ve,
+          popperState: Re,
           props: n
         } : null;
       }).filter(Boolean);
@@ -19620,7 +19628,7 @@ function Y$(t, e) {
   }
   function Pt() {
     Mt();
-    var k = y.props, K = k.popperOptions, Q = k.placement, ue = k.offset, he = k.getReferenceClientRect, xe = k.moveTransition, Ae = Y() ? Ua(b).arrow : null, Ve = he ? {
+    var k = y.props, K = k.popperOptions, Q = k.placement, ue = k.offset, he = k.getReferenceClientRect, xe = k.moveTransition, Ae = Y() ? Ua(b).arrow : null, Re = he ? {
       getBoundingClientRect: he,
       contextElement: he.contextElement || se()
     } : t, ot = {
@@ -19669,7 +19677,7 @@ function Y$(t, e) {
         element: Ae,
         padding: 3
       }
-    }), yt.push.apply(yt, (K == null ? void 0 : K.modifiers) || []), y.popperInstance = x$(Ve, b, Object.assign({}, K, {
+    }), yt.push.apply(yt, (K == null ? void 0 : K.modifiers) || []), y.popperInstance = x$(Re, b, Object.assign({}, K, {
       placement: Q,
       onFirstUpdate: f,
       modifiers: yt
@@ -19744,8 +19752,8 @@ function Y$(t, e) {
     var k = y.state.isVisible, K = y.state.isDestroyed, Q = !y.state.isEnabled, ue = Ut.isTouch && !y.props.touch, he = Ys(y.props.duration, 0, bt.duration);
     if (!(k || K || Q || ue) && !se().hasAttribute("disabled") && (_("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, Y() && (b.style.visibility = "visible"), z(), J(), y.state.isMounted || (b.style.transition = "none"), Y()) {
-        var xe = P(), Ae = xe.box, Ve = xe.content;
-        Js([Ae, Ve], 0);
+        var xe = P(), Ae = xe.box, Re = xe.content;
+        Js([Ae, Re], 0);
       }
       f = function() {
         var yt;
@@ -20280,7 +20288,7 @@ const Q$ = (t = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["blockquote", Pe(this.options.HTMLAttributes, t), 0];
+    return ["blockquote", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -20325,7 +20333,7 @@ const Q$ = (t = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["strong", Pe(this.options.HTMLAttributes, t), 0];
+    return ["strong", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -20383,7 +20391,7 @@ const Q$ = (t = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["li", Pe(this.options.HTMLAttributes, t), 0];
+    return ["li", Ve(this.options.HTMLAttributes, t), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -20408,7 +20416,7 @@ const Q$ = (t = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["span", Pe(this.options.HTMLAttributes, t), 0];
+    return ["span", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -20438,7 +20446,7 @@ const Q$ = (t = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["ul", Pe(this.options.HTMLAttributes, t), 0];
+    return ["ul", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -20482,7 +20490,7 @@ const Q$ = (t = {}) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["code", Pe(this.options.HTMLAttributes, t), 0];
+    return ["code", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -20551,7 +20559,7 @@ const Q$ = (t = {}) => {
   renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "pre",
-      Pe(this.options.HTMLAttributes, e),
+      Ve(this.options.HTMLAttributes, e),
       [
         "code",
         {
@@ -20737,7 +20745,7 @@ const v7 = He.create({
     ];
   }
 });
-class Ie extends we {
+class Be extends we {
   /**
   Create a gap cursor.
   */
@@ -20746,13 +20754,13 @@ class Ie extends we {
   }
   map(e, n) {
     let r = e.resolve(n.map(this.head));
-    return Ie.valid(r) ? new Ie(r) : we.near(r);
+    return Be.valid(r) ? new Be(r) : we.near(r);
   }
   content() {
     return Z.empty;
   }
   eq(e) {
-    return e instanceof Ie && e.head == this.head;
+    return e instanceof Be && e.head == this.head;
   }
   toJSON() {
     return { type: "gapcursor", pos: this.head };
@@ -20763,7 +20771,7 @@ class Ie extends we {
   static fromJSON(e, n) {
     if (typeof n.pos != "number")
       throw new RangeError("Invalid input for GapCursor.fromJSON");
-    return new Ie(e.resolve(n.pos));
+    return new Be(e.resolve(n.pos));
   }
   /**
   @internal
@@ -20789,7 +20797,7 @@ class Ie extends we {
   */
   static findGapCursorFrom(e, n, r = !1) {
     e: for (; ; ) {
-      if (!r && Ie.valid(e))
+      if (!r && Be.valid(e))
         return e;
       let i = e.pos, o = null;
       for (let s = e.depth; ; s--) {
@@ -20801,7 +20809,7 @@ class Ie extends we {
           return null;
         i += n;
         let l = e.doc.resolve(i);
-        if (Ie.valid(l))
+        if (Be.valid(l))
           return l;
       }
       for (; ; ) {
@@ -20815,16 +20823,16 @@ class Ie extends we {
         }
         o = s, i += n;
         let a = e.doc.resolve(i);
-        if (Ie.valid(a))
+        if (Be.valid(a))
           return a;
       }
       return null;
     }
   }
 }
-Ie.prototype.visible = !1;
-Ie.findFrom = Ie.findGapCursorFrom;
-we.jsonID("gapcursor", Ie);
+Be.prototype.visible = !1;
+Be.findFrom = Be.findGapCursorFrom;
+we.jsonID("gapcursor", Be);
 class Hl {
   constructor(e) {
     this.pos = e;
@@ -20834,7 +20842,7 @@ class Hl {
   }
   resolve(e) {
     let n = e.resolve(this.pos);
-    return Ie.valid(n) ? new Ie(n) : we.near(n);
+    return Be.valid(n) ? new Be(n) : we.near(n);
   }
 }
 function b7(t) {
@@ -20876,7 +20884,7 @@ function w7() {
     props: {
       decorations: O7,
       createSelectionBetween(t, e, n) {
-        return e.pos == n.pos && Ie.valid(n) ? new Ie(n) : null;
+        return e.pos == n.pos && Be.valid(n) ? new Be(n) : null;
       },
       handleClick: S7,
       handleKeyDown: k7,
@@ -20899,21 +20907,21 @@ function go(t, e) {
         return !1;
       l = !1, a = r.doc.resolve(e > 0 ? a.after() : a.before());
     }
-    let c = Ie.findGapCursorFrom(a, e, l);
-    return c ? (i && i(r.tr.setSelection(new Ie(c))), !0) : !1;
+    let c = Be.findGapCursorFrom(a, e, l);
+    return c ? (i && i(r.tr.setSelection(new Be(c))), !0) : !1;
   };
 }
 function S7(t, e, n) {
   if (!t || !t.editable)
     return !1;
   let r = t.state.doc.resolve(e);
-  if (!Ie.valid(r))
+  if (!Be.valid(r))
     return !1;
   let i = t.posAtCoords({ left: n.clientX, top: n.clientY });
-  return i && i.inside > -1 && ce.isSelectable(t.state.doc.nodeAt(i.inside)) ? !1 : (t.dispatch(t.state.tr.setSelection(new Ie(r))), !0);
+  return i && i.inside > -1 && ce.isSelectable(t.state.doc.nodeAt(i.inside)) ? !1 : (t.dispatch(t.state.tr.setSelection(new Be(r))), !0);
 }
 function C7(t, e) {
-  if (e.inputType != "insertCompositionText" || !(t.state.selection instanceof Ie))
+  if (e.inputType != "insertCompositionText" || !(t.state.selection instanceof Be))
     return !1;
   let { $from: n } = t.state.selection, r = n.parent.contentMatchAt(n.index()).findWrapping(t.state.schema.nodes.text);
   if (!r)
@@ -20925,7 +20933,7 @@ function C7(t, e) {
   return o.setSelection(me.near(o.doc.resolve(n.pos + 1))), t.dispatch(o), !1;
 }
 function O7(t) {
-  if (!(t.selection instanceof Ie))
+  if (!(t.selection instanceof Be))
     return null;
   let e = document.createElement("div");
   return e.className = "ProseMirror-gapcursor", ze.create(t.doc, [xt.widget(t.selection.head, e, { key: "gapcursor" })]);
@@ -20965,7 +20973,7 @@ const M7 = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["br", Pe(this.options.HTMLAttributes, t)];
+    return ["br", Ve(this.options.HTMLAttributes, t)];
   },
   renderText() {
     return `
@@ -21023,7 +21031,7 @@ const M7 = He.create({
     }));
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
-    return [`h${this.options.levels.includes(t.attrs.level) ? t.attrs.level : this.options.levels[0]}`, Pe(this.options.HTMLAttributes, e), 0];
+    return [`h${this.options.levels.includes(t.attrs.level) ? t.attrs.level : this.options.levels[0]}`, Ve(this.options.HTMLAttributes, e), 0];
   },
   addCommands() {
     return {
@@ -21424,7 +21432,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
     return [{ tag: "hr" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["hr", Pe(this.options.HTMLAttributes, t)];
+    return ["hr", Ve(this.options.HTMLAttributes, t)];
   },
   addCommands() {
     return {
@@ -21477,7 +21485,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["em", Pe(this.options.HTMLAttributes, t), 0];
+    return ["em", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -21535,7 +21543,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["li", Pe(this.options.HTMLAttributes, t), 0];
+    return ["li", Ve(this.options.HTMLAttributes, t), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -21563,7 +21571,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["li", Pe(this.options.HTMLAttributes, t), 0];
+    return ["li", Ve(this.options.HTMLAttributes, t), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -21588,7 +21596,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["span", Pe(this.options.HTMLAttributes, t), 0];
+    return ["span", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -21629,7 +21637,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
   },
   renderHTML({ HTMLAttributes: t }) {
     const { start: e, ...n } = t;
-    return e === 1 ? ["ol", Pe(this.options.HTMLAttributes, n), 0] : ["ol", Pe(this.options.HTMLAttributes, t), 0];
+    return e === 1 ? ["ol", Ve(this.options.HTMLAttributes, n), 0] : ["ol", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -21676,7 +21684,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["p", Pe(this.options.HTMLAttributes, t), 0];
+    return ["p", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -21714,7 +21722,7 @@ const Pp = Bp(!1, !0), Vp = Bp(!0, !0), R7 = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["s", Pe(this.options.HTMLAttributes, t), 0];
+    return ["s", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -21839,7 +21847,7 @@ gt.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["img", Pe(this.options.HTMLAttributes, t)];
+    return ["img", Ve(this.options.HTMLAttributes, t)];
   },
   addCommands() {
     return {
@@ -21922,7 +21930,7 @@ const nA = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["u", Pe(this.options.HTMLAttributes, t), 0];
+    return ["u", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -21964,7 +21972,7 @@ const nA = He.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["span", Pe(this.options.HTMLAttributes, t), 0];
+    return ["span", Ve(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -22265,7 +22273,11 @@ const n4 = /* @__PURE__ */ ye(JE, [["render", t4]]), r4 = { class: "py-1 px-1 bo
     textAlign: Boolean,
     underline: Boolean,
     strike: Boolean,
-    customStyles: {},
+    customStyles: {
+      type: {},
+      default: () => {
+      }
+    },
     color: Boolean
   },
   emits: ["update:modelValue"],
@@ -22311,7 +22323,7 @@ const n4 = /* @__PURE__ */ ye(JE, [["render", t4]]), r4 = { class: "py-1 px-1 bo
     });
     hr(() => {
       c.value.destroy();
-    }), Be(() => n.modelValue, (p) => {
+    }), Pe(() => n.modelValue, (p) => {
       p !== c.value.getHTML() && c.value.commands.setContent(p, !1);
     });
     function u(p, g, m) {
@@ -22489,7 +22501,7 @@ const $4 = /* @__PURE__ */ ye(w4, [["render", T4]]), A4 = {
         key: 2,
         class: "w-2.5 h-2.5 opacity-80"
       })) : re("", !0),
-      Te(e.$slots, "default")
+      Me(e.$slots, "default")
     ], 2));
   }
 }), ea = {
@@ -22557,8 +22569,8 @@ const $4 = /* @__PURE__ */ ye(w4, [["render", T4]]), A4 = {
           }]),
           style: { left: "50%", transform: "translateX(-50%)" }
         }, [
-          Te(a.$slots, "default", {}, () => [
-            Re(be(t.day), 1)
+          Me(a.$slots, "default", {}, () => [
+            Ie(be(t.day), 1)
           ])
         ], 2)
       ], 6)
@@ -22655,11 +22667,11 @@ var Rp = { exports: {} };
       }, P.valueOf = function() {
         return this.$d.getTime();
       }, P.startOf = function(A, z) {
-        var _ = this, ee = !!V.u(z) || z, ie = V.p(A), L = function(ge, Me) {
-          var De = V.w(_.$u ? Date.UTC(_.$y, Me, ge) : new Date(_.$y, Me, ge), _);
+        var _ = this, ee = !!V.u(z) || z, ie = V.p(A), L = function(ge, Te) {
+          var De = V.w(_.$u ? Date.UTC(_.$y, Te, ge) : new Date(_.$y, Te, ge), _);
           return ee ? De : De.endOf(c);
-        }, W = function(ge, Me) {
-          return V.w(_.toDate()[ge].apply(_.toDate("s"), (ee ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Me)), _);
+        }, W = function(ge, Te) {
+          return V.w(_.toDate()[ge].apply(_.toDate("s"), (ee ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Te)), _);
         }, q = this.$W, ae = this.$M, J = this.$D, j = "set" + (this.$u ? "UTC" : "");
         switch (ie) {
           case h:
@@ -22712,15 +22724,15 @@ var Rp = { exports: {} };
       }, P.format = function(A) {
         var z = this, _ = this.$locale();
         if (!this.isValid()) return _.invalidDate || g;
-        var ee = A || "YYYY-MM-DDTHH:mm:ssZ", ie = V.z(this), L = this.$H, W = this.$m, q = this.$M, ae = _.weekdays, J = _.months, j = _.meridiem, oe = function(Me, De, _e, Ot) {
-          return Me && (Me[De] || Me(z, ee)) || _e[De].slice(0, Ot);
-        }, Oe = function(Me) {
-          return V.s(L % 12 || 12, Me, "0");
-        }, ge = j || function(Me, De, _e) {
-          var Ot = Me < 12 ? "AM" : "PM";
+        var ee = A || "YYYY-MM-DDTHH:mm:ssZ", ie = V.z(this), L = this.$H, W = this.$m, q = this.$M, ae = _.weekdays, J = _.months, j = _.meridiem, oe = function(Te, De, _e, Ot) {
+          return Te && (Te[De] || Te(z, ee)) || _e[De].slice(0, Ot);
+        }, Oe = function(Te) {
+          return V.s(L % 12 || 12, Te, "0");
+        }, ge = j || function(Te, De, _e) {
+          var Ot = Te < 12 ? "AM" : "PM";
           return _e ? Ot.toLowerCase() : Ot;
         };
-        return ee.replace(v, function(Me, De) {
+        return ee.replace(v, function(Te, De) {
           return De || function(_e) {
             switch (_e) {
               case "YY":
@@ -22773,7 +22785,7 @@ var Rp = { exports: {} };
                 return ie;
             }
             return null;
-          }(Me) || ie.replace(":", "");
+          }(Te) || ie.replace(":", "");
         });
       }, P.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
@@ -22910,7 +22922,7 @@ const B4 = /* @__PURE__ */ Yi(I4), P4 = { class: "w-full dark:text-gray-400" },
   setup(t, { emit: e }) {
     F.extend(B4), F.extend(L4);
     const n = t, r = te([F(/* @__PURE__ */ new Date()).subtract(1, "month"), F(/* @__PURE__ */ new Date())]);
-    Be(() => n.initDates, () => {
+    Pe(() => n.initDates, () => {
       var L;
       if (!n.range && n.initDates)
         r.value[0] = F(n.initDates);
@@ -22920,13 +22932,13 @@ const B4 = /* @__PURE__ */ Yi(I4), P4 = { class: "w-full dark:text-gray-400" },
         let W = F(n.initDates[0]), q = F(n.initDates[1]);
         q.isBefore(W, "month") && (q = W.add(1, "month")), W.isSame(q, "month") && (q = W.add(1, "month")), r.value = [W, q];
       }
-    }, { immediate: !0, once: !0 }), Be(
+    }, { immediate: !0, once: !0 }), Pe(
       () => [n.displayYearStart, n.displayMonthStart],
       ([L, W]) => {
         L && W && (r.value[0] = F().year(Number(L)).month(Number(W)).startOf("month"), r.value[1] = F().year(Number(L)).month(Number(W)).startOf("month").add(1, "month"));
       },
       { immediate: !0 }
-    ), Be(
+    ), Pe(
       () => [n.displayYearEnd, n.displayMonthEnd],
       ([L, W]) => {
         if (L && W) {
@@ -23151,7 +23163,7 @@ const B4 = /* @__PURE__ */ Yi(I4), P4 = { class: "w-full dark:text-gray-400" },
               off: ""
             }, {
               default: Se(() => [
-                Re(be(B(F)(J).format("D")), 1)
+                Ie(be(B(F)(J).format("D")), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))), 256)) : re("", !0),
@@ -23168,7 +23180,7 @@ const B4 = /* @__PURE__ */ Yi(I4), P4 = { class: "w-full dark:text-gray-400" },
               highlight: se(J)
             }, {
               default: Se(() => [
-                Re(be(B(F)(J).format("D")), 1)
+                Ie(be(B(F)(J).format("D")), 1)
               ]),
               _: 2
             }, 1032, ["onMouseover", "onClick", "today", "selected", "firstDay", "lastDay", "between", "disabled", "off", "highlight"]))), 256)),
@@ -23177,7 +23189,7 @@ const B4 = /* @__PURE__ */ Yi(I4), P4 = { class: "w-full dark:text-gray-400" },
               off: ""
             }, {
               default: Se(() => [
-                Re(be(B(F)(J).format("D")), 1)
+                Ie(be(B(F)(J).format("D")), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))), 256)) : re("", !0)
@@ -23325,7 +23337,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
               }))
             ]),
             default: Se(() => [
-              Re(" " + be(o.value || t.placeholder), 1)
+              Ie(" " + be(o.value || t.placeholder), 1)
             ]),
             _: 1
           }, 8, ["label", "required", "hideRequired", "slim", "disabled", "large", "info", "clearable"])
@@ -23389,7 +23401,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
   ],
   setup(t, { emit: e }) {
     const n = t, r = e, i = te(""), o = te(""), s = te(""), a = te(null), l = te(null), c = te(null);
-    Be(() => n.modelValue, (v) => {
+    Pe(() => n.modelValue, (v) => {
       n.range ? Array.isArray(v) && v.length === 2 ? (yearStart.value = v[0] ? F(v[0]).format("YYYY") : "", monthStart.value = v[0] ? F(v[0]).format("MM") : "", dayStart.value = v[0] ? F(v[0]).format("DD") : "", yearEnd.value = v[1] ? F(v[1]).format("YYYY") : "", monthEnd.value = v[1] ? F(v[1]).format("MM") : "", dayEnd.value = v[1] ? F(v[1]).format("DD") : "") : (yearStart.value = monthStart.value = dayStart.value = "", yearEnd.value = monthEnd.value = dayEnd.value = "") : v ? (i.value = F(v).format("YYYY"), o.value = F(v).format("MM"), s.value = F(v).format("DD")) : i.value = o.value = s.value = "";
     }, { immediate: !0 });
     function u() {
@@ -23493,12 +23505,12 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
     function l() {
       r("update:modelValue", null);
     }
-    Be(() => n.initDates, (f) => {
+    Pe(() => n.initDates, (f) => {
       var h;
       n.range && ((h = n.initDates) == null ? void 0 : h.length) == 2 ? (i.value = F(n.initDates[0]).year(), o.value = F(n.initDates[0]).month(), s.value = F(n.initDates[1]).year(), a.value = F(n.initDates[1]).month()) : n.initDates && (i.value = F(n.initDates).year(), o.value = F(n.initDates).month());
     }, { immediate: !0 });
     const c = te(n.range ? [] : "");
-    Be(() => n.modelValue, (f) => {
+    Pe(() => n.modelValue, (f) => {
       if (n.range) {
         const h = f != null && f[0] ? F(f[0]).format("YYYY-MM-DD") : "", p = f != null && f[1] ? F(f[1]).format("YYYY-MM-DD") : "";
         (c.value[0] !== h || c.value[1] !== p) && (c.value = [h, p]);
@@ -23506,7 +23518,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
         const h = f ? F(f).format("YYYY-MM-DD") : "";
         c.value !== h && (c.value = h);
       }
-    }, { immediate: !0 }), Be(() => c.value, (f) => {
+    }, { immediate: !0 }), Pe(() => c.value, (f) => {
       var h, p;
       if (n.range) {
         const g = f[0] && f[0].length === 10 ? F(f[0]).toDate() : null, m = f[1] && f[1].length === 10 ? F(f[1]).toDate() : null;
@@ -23611,7 +23623,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
                   })
                 }, null, 8, ["modelValue", "disabled"])
               ])) : (x(), C($e, { key: 2 }, [
-                Re(be(t.placeholder), 1)
+                Ie(be(t.placeholder), 1)
               ], 64)) : (x(), ve(na, {
                 key: 0,
                 modelValue: c.value,
@@ -23696,7 +23708,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
           ref: s,
           class: G(["h-full overflow-y-auto", { "p-6": !t.expand }])
         }, [
-          Te(c.$slots, "default")
+          Me(c.$slots, "default")
         ], 2)
       ], 2)
     ], 2));
@@ -23769,10 +23781,10 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
             ref: s,
             class: G(["flex-1 overflow-y-auto", { "p-6": !t.expand, "scroll-smooth": t.smooth }])
           }, [
-            Te(d.$slots, "default")
+            Me(d.$slots, "default")
           ], 2),
           d.$slots.buttons ? (x(), C("div", MD, [
-            Te(d.$slots, "buttons")
+            Me(d.$slots, "buttons")
           ])) : re("", !0)
         ], 2)
       ])
@@ -23807,7 +23819,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
           }]),
           onClick: (d) => u.disabled ? null : o(u.name)
         }, [
-          Te(l.$slots, "label", {}, () => [
+          Me(l.$slots, "label", {}, () => [
             T("span", {
               class: G({ "whitespace-nowrap text-ellipsis overflow-hidden": t.nowrap })
             }, be(u.label), 3)
@@ -23815,7 +23827,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
         ], 10, ED))), 128))
       ]),
       T("div", null, [
-        Te(l.$slots, "default")
+        Me(l.$slots, "default")
       ])
     ], 64));
   }
@@ -23842,7 +23854,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
         name: e.name,
         disabled: e.disabled
       });
-    }), Be(
+    }), Pe(
       () => i.value,
       (o) => {
         n.value = o === e.name;
@@ -23852,7 +23864,7 @@ const Fp = /* @__PURE__ */ ye(Q4, [["render", rD]]), iD = { class: "flex gap-3"
       key: 0,
       class: G(["wpic-tab-pane", { "py-3 px-6": !t.noStyle }])
     }, [
-      Te(o.$slots, "default")
+      Me(o.$slots, "default")
     ], 2)) : re("", !0);
   }
 }), BD = {}, PD = {
@@ -23969,8 +23981,8 @@ const i6 = /* @__PURE__ */ ye(QD, [["render", r6]]), o6 = { class: "w-6" }, s6 =
             "text-green-950 dark:text-green-200 text-opacity-75": t.success
           }])
         }, [
-          Te(e.$slots, "default", {}, () => [
-            Re(be(t.text), 1)
+          Me(e.$slots, "default", {}, () => [
+            Ie(be(t.text), 1)
           ])
         ], 2)
       ])
@@ -24018,7 +24030,7 @@ const u6 = {
         T("div", p6, [
           le(To, { onClick: B(a) }, {
             default: Se(() => [
-              Re("Cancel")
+              Ie("Cancel")
             ]),
             _: 1
           }, 8, ["onClick"]),
@@ -24028,7 +24040,7 @@ const u6 = {
             onClick: B(s)
           }, {
             default: Se(() => [
-              Re("Confirm")
+              Ie("Confirm")
             ]),
             _: 1
           }, 8, ["primary", "destructive", "onClick"])