@romainbx/wpic-components 0.0.26 → 0.0.28

package/dist/wpic-components.js

@@ -1,4 +1,4 @@
-import { inject as Ms, computed as oe, toValue as ve, getCurrentInstance as Un, defineComponent as wr, toRef as Nr, resolveDynamicComponent as Us, h as Wt, unref as $, onMounted as Kn, provide as Cs, isRef as No, watch as pt, onBeforeUnmount as Qr, ref as de, reactive as qr, nextTick as St, warn as w0, readonly as k0, watchEffect as xh, onUnmounted as Tc, shallowRef as Sh, openBlock as x, createElementBlock as _, createElementVNode as E, createVNode as ce, normalizeClass as G, createCommentVNode as Z, createBlock as be, withCtx as Se, renderSlot as Te, createTextVNode as Le, toDisplayString as ge, Fragment as $e, withModifiers as Di, Teleport as Oh, normalizeStyle as or, renderList as ft, withDirectives as Nl, vShow as $l, resolveComponent as x0, createStaticVNode as S0, pushScopeId as O0, popScopeId as M0, useSlots as C0, markRaw as T0, customRef as D0 } from "vue";
+import { inject as Ms, computed as oe, toValue as ve, getCurrentInstance as Un, defineComponent as wr, toRef as Nr, resolveDynamicComponent as Us, h as Wt, unref as $, onMounted as Kn, provide as Cs, isRef as No, watch as pt, onBeforeUnmount as Qr, ref as de, reactive as qr, nextTick as St, warn as w0, readonly as k0, watchEffect as xh, onUnmounted as Tc, shallowRef as Sh, openBlock as x, createElementBlock as _, createElementVNode as E, createVNode as ce, normalizeClass as q, createCommentVNode as Z, createBlock as be, withCtx as Se, renderSlot as Te, createTextVNode as Le, toDisplayString as ge, Fragment as $e, withModifiers as Di, Teleport as Oh, normalizeStyle as or, renderList as ft, withDirectives as Nl, vShow as $l, resolveComponent as x0, createStaticVNode as S0, pushScopeId as O0, popScopeId as M0, useSlots as C0, markRaw as T0, customRef as D0 } from "vue";
 function _0() {
   return Mh().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -1486,7 +1486,7 @@ function Ny(t) {
       const dt = r++;
       return Array.isArray(w.id) ? w.id.push(dt) : w.id = [w.id, dt], w.fieldsCount++, w.__flags.pendingUnmount[dt] = !1, w;
     }
-    const q = oe(() => Ct(l, ve(C))), re = ve(C), se = ee.findIndex((dt) => dt === re);
+    const G = oe(() => Ct(l, ve(C))), re = ve(C), se = ee.findIndex((dt) => dt === re);
     se !== -1 && ee.splice(se, 1);
     const fe = oe(() => {
       var dt, Nt, Dr, tr;
@@ -1508,7 +1508,7 @@ function Ny(t) {
       bails: (U = M == null ? void 0 : M.bails) !== null && U !== void 0 ? U : !1,
       label: M == null ? void 0 : M.label,
       type: (M == null ? void 0 : M.type) || "default",
-      value: q,
+      value: G,
       multiple: !1,
       __flags: {
         pendingUnmount: { [_e]: !1 },
@@ -1516,13 +1516,13 @@ function Ny(t) {
       },
       fieldsCount: 1,
       validate: M == null ? void 0 : M.validate,
-      dirty: oe(() => !mt($(q), $(ie)))
+      dirty: oe(() => !mt($(G), $(ie)))
     });
     return c.value.push(ze), d.value[re] = ze, f(), g.value[re] && !T[re] && St(() => {
       Ft(re, { mode: "silent" });
     }), No(C) && pt(C, (dt) => {
       f();
-      const Nt = Ee(q.value);
+      const Nt = Ee(G.value);
       d.value[dt] = ze, St(() => {
         In(l, dt, Nt);
       });
@@ -1532,14 +1532,14 @@ function Ny(t) {
     const R = Ot(H.errorBag.value), ie = [
       .../* @__PURE__ */ new Set([...Ot(C.results), ...c.value.map((w) => w.path), ...R])
     ].sort().reduce((w, B) => {
-      var q;
-      const re = B, se = j(re) || P(re), fe = ((q = C.results[re]) === null || q === void 0 ? void 0 : q.errors) || [], _e = ve(se == null ? void 0 : se.path) || re, ze = Iy({ errors: fe, valid: !fe.length }, w.results[_e]);
+      var G;
+      const re = B, se = j(re) || P(re), fe = ((G = C.results[re]) === null || G === void 0 ? void 0 : G.errors) || [], _e = ve(se == null ? void 0 : se.path) || re, ze = Iy({ errors: fe, valid: !fe.length }, w.results[_e]);
       return w.results[_e] = ze, ze.valid || (w.errors[_e] = ze.errors[0]), se && u.value[_e] && delete u.value[_e], se ? (se.valid = ze.valid, M === "silent" || M === "validated-only" && !se.validated || h(se, ze.errors), w) : (h(_e, fe), w);
     }, { valid: C.valid, results: {}, errors: {} });
     return C.values && (ie.values = C.values), Ot(ie.results).forEach((w) => {
       var B;
-      const q = j(w);
-      q && M !== "silent" && (M === "validated-only" && !q.validated || h(q, (B = ie.results[w]) === null || B === void 0 ? void 0 : B.errors));
+      const G = j(w);
+      G && M !== "silent" && (M === "validated-only" && !G.validated || h(G, (B = ie.results[w]) === null || B === void 0 ? void 0 : B.errors));
     }), ie;
   });
   function W(C) {
@@ -1564,10 +1564,10 @@ function Ny(t) {
     return function(R, U) {
       return function(w) {
         return w instanceof Event && (w.preventDefault(), w.stopPropagation()), W((B) => B.touched = !0), i.value = !0, o.value++, Zt().then((B) => {
-          const q = Ee(l);
+          const G = Ee(l);
           if (B.valid && typeof R == "function") {
             const re = Ee(N.value);
-            let se = C ? re : q;
+            let se = C ? re : G;
             return B.values && (se = B.values), R(se, {
               evt: w,
               controlledValues: re,
@@ -1582,7 +1582,7 @@ function Ny(t) {
             });
           }
           !B.valid && typeof U == "function" && U({
-            values: q,
+            values: G,
             evt: w,
             errors: B.errors,
             results: B.results
@@ -1812,7 +1812,7 @@ function Ny(t) {
         Ft(U.path);
       });
     }
-    function q() {
+    function G() {
       var fe;
       ((fe = ie().validateOnChange) !== null && fe !== void 0 ? fe : Ir().validateOnChange) && St(() => {
         Ft(U.path);
@@ -1820,7 +1820,7 @@ function Ny(t) {
     }
     const re = oe(() => {
       const fe = {
-        onChange: q,
+        onChange: G,
         onInput: B,
         onBlur: w
       };
@@ -1839,12 +1839,12 @@ function Ny(t) {
     function ie() {
       U.value.onBlur();
     }
-    function w(q) {
-      const re = Io(q);
+    function w(G) {
+      const re = Io(G);
       ae(ve(C), re, !1), U.value.onInput();
     }
-    function B(q) {
-      const re = Io(q);
+    function B(G) {
+      const re = Io(G);
       ae(ve(C), re, !1), U.value.onChange();
     }
     return oe(() => Object.assign(Object.assign({}, U.value), {
@@ -2113,7 +2113,7 @@ const Xy = /* @__PURE__ */ ke(qy, [["render", Zy]]), Qy = { class: "relative" },
     return (e, n) => (x(), _("div", Qy, [
       ce(Uy, { class: "absolute opacity-25" }),
       ce(Xy, {
-        class: G(["animate-spin", { [`${t.color}`]: !0 }])
+        class: q(["animate-spin", { [`${t.color}`]: !0 }])
       }, null, 8, ["class"])
     ]));
   }
@@ -2181,7 +2181,7 @@ const tv = ["is", "type", "disabled"], nv = {
       is: n.value,
       type: t.type,
       disabled: t.disabled,
-      class: G([{
+      class: q([{
         "cursor-pointer": !t.disabled && !t.loading,
         "active:outline active:outline-2 active:outline-offset-4": !t.disabled && !t.loading && t.outlining,
         "cursor-not-allowed": t.disabled,
@@ -2209,7 +2209,7 @@ const tv = ["is", "type", "disabled"], nv = {
       ])) : Z("", !0),
       (x(), be(Us(n.value), {
         to: t.to,
-        class: G(["flex items-center justify-center select-none whitespace-nowrap py-1 h-full", {
+        class: q(["flex items-center justify-center select-none whitespace-nowrap py-1 h-full", {
           "opacity-0": t.loading,
           "px-3": !!(t.small && !t.plain),
           "px-5": !t.small && !t.plain,
@@ -2234,7 +2234,7 @@ const tv = ["is", "type", "disabled"], nv = {
       "wpic-tools": "border-gray-300"
     };
     return (n, r) => (x(), _("div", {
-      class: G(["wpic-button-group flex flex-wrap h-10", [e[$(le).theme]]])
+      class: q(["wpic-button-group flex flex-wrap h-10", [e[$(le).theme]]])
     }, [
       Te(n.$slots, "default")
     ], 2));
@@ -3280,13 +3280,13 @@ const tb = { class: "bg-white dark:bg-gray-700 rounded-t-lg w-full" }, nb = { cl
           ref_key: "floating",
           ref: a,
           style: or({ maxWidth: t.maxWidth }),
-          class: G(["z-30 rounded-md overflow-hidden", { [`${t.customWidth}`]: !0, hidden: l.value, [`${i[$(le).theme]}`]: !l.value, "rounded-md": !t.custom, "px-3 py-2": !t.custom && !t.expand }])
+          class: q(["z-30 rounded-md overflow-hidden", { [`${t.customWidth}`]: !0, hidden: l.value, [`${i[$(le).theme]}`]: !l.value, "rounded-md": !t.custom, "px-3 py-2": !t.custom && !t.expand }])
         }, [
           Te(m.$slots, "content")
         ], 6)),
         E("div", {
           onClick: g[1] || (g[1] = (b) => u()),
-          class: G(["fixed z-30 flex items-end w-screen h-screen top-0 bg-black/20", { hidden: l.value, [`${s[$(le).theme]}`]: !0 }])
+          class: q(["fixed z-30 flex items-end w-screen h-screen top-0 bg-black/20", { hidden: l.value, [`${s[$(le).theme]}`]: !0 }])
         }, [
           E("div", tb, [
             E("div", nb, [
@@ -3402,7 +3402,7 @@ const zc = /* @__PURE__ */ ke(mb, [["render", bb]]), wb = {
         ])
       ])) : Z("", !0),
       E("div", {
-        class: G(["wpic-input overflow-auto leading-none rounded flex relative border pr-4 items-center", {
+        class: q(["wpic-input overflow-auto leading-none rounded flex relative border pr-4 items-center", {
           "pl-4": !o.$slots.prepend,
           "pl-10": o.$slots.prepend,
           [`${n[$(le).theme]}`]: !0,
@@ -4228,7 +4228,7 @@ const Nd = /* @__PURE__ */ rp(TM), DM = {
             var O, v, S;
             return [
               E("span", {
-                class: G(["select-none w-full text-left flex-1", { "whitespace-pre": !t.multiple }])
+                class: q(["select-none w-full text-left flex-1", { "whitespace-pre": !t.multiple }])
               }, [
                 t.modelValue && (!t.multiple || t.multiple && ((O = t.modelValue) == null ? void 0 : O.length) > 0) && !t.hideSelect ? (x(), _("span", DM, [
                   m.value && ((v = t.allSelectedText) != null && v.length) ? (x(), _($e, { key: 0 }, [
@@ -4249,7 +4249,7 @@ const Nd = /* @__PURE__ */ rp(TM), DM = {
                 ce(Hi, { class: "w-4 h-4" })
               ])) : Z("", !0),
               ce(pb, {
-                class: G(["h-4 w-4 transition-all transform", { "rotate-180": !y }])
+                class: q(["h-4 w-4 transition-all transform", { "rotate-180": !y }])
               }, null, 8, ["class"])
             ];
           }),
@@ -4286,10 +4286,10 @@ const Nd = /* @__PURE__ */ rp(TM), DM = {
                 }, "Select none")
               ])) : Z("", !0),
               (x(!0), _($e, null, ft(g.value, (O) => (x(), _("div", {
-                class: G(["group", { "is-selected": !!h(O.value) }])
+                class: q(["group", { "is-selected": !!h(O.value) }])
               }, [
                 E("div", {
-                  class: G(["flex items-center py-2 px-4 min-w-64 text-base", {
+                  class: q(["flex items-center py-2 px-4 min-w-64 text-base", {
                     "cursor-pointer": !t.multiple || O.value,
                     [`${p[$(le).theme]}`]: !0
                   }]),
@@ -4297,7 +4297,7 @@ const Nd = /* @__PURE__ */ rp(TM), DM = {
                 }, [
                   E("div", PM, [
                     E("span", {
-                      class: G(["", { "opacity-25": O.disabled }])
+                      class: q(["", { "opacity-25": O.disabled }])
                     }, ge(O.label || O.value), 3),
                     t.multiple && h(O.value) ? (x(), be(np, {
                       key: 0,
@@ -4383,7 +4383,7 @@ const Nd = /* @__PURE__ */ rp(TM), DM = {
       E("textarea", {
         ref_key: "myTextarea",
         ref: i,
-        class: G(["relative appearance-none outline-none flex w-full h-full rounded px-4 py-2 bg-transparent opacity-100 active:border-lime-400 focus:border-lime-400 focus-visible:border-none placeholder:opacity-30 dark:text-gray-400", {
+        class: q(["relative appearance-none outline-none flex w-full h-full rounded px-4 py-2 bg-transparent opacity-100 active:border-lime-400 focus:border-lime-400 focus-visible:border-none placeholder:opacity-30 dark:text-gray-400", {
           "cursor-not-allowed": t.disabled,
           "resize-none": t.noResize,
           "overflow-hidden": t.autoResize && !s.value,
@@ -4627,7 +4627,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       focus: O,
       isValid: v
     }), (S, A) => (x(), _("div", {
-      class: G(["wpic-form-field", {
+      class: q(["wpic-form-field", {
         "mb-6": !t.slim
       }])
     }, [
@@ -4660,7 +4660,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       }, {
         default: Se(({ field: N }) => [
           E("div", {
-            class: G(["inline-flex group items-center gap-2", {
+            class: q(["inline-flex group items-center gap-2", {
               "is-disabled": t.disabled,
               "is-active": !t.disabled && !t.modelValue,
               "is-selected": t.modelValue === !0
@@ -4668,14 +4668,14 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
             onClick: A[0] || (A[0] = (L) => t.disabled ? void 0 : m(t.modelValue))
           }, [
             E("div", {
-              class: G(["w-4 h-4 border cursor-pointer", {
+              class: q(["w-4 h-4 border cursor-pointer", {
                 [`${i[$(le).theme]}`]: !0
               }])
             }, [
               t.modelValue === !0 ? (x(), be(np, { key: 0 })) : Z("", !0)
             ], 2),
             E("span", {
-              class: G(["text-base cursor-pointer select-none text-zinc-600 dark:text-gray-500", { "opacity-50": t.disabled }])
+              class: q(["text-base cursor-pointer select-none text-zinc-600 dark:text-gray-500", { "opacity-50": t.disabled }])
             }, [
               Te(S.$slots, "default", {}, () => [
                 Le(ge(l.value), 1)
@@ -4697,14 +4697,14 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
             onClick: A[2] || (A[2] = () => {
               t.disabled || g(t.radioValue);
             }),
-            class: G([{ "cursor-pointer": !t.disabled }, "inline-flex items-center gap-2 select-none"])
+            class: q([{ "cursor-pointer": !t.disabled }, "inline-flex items-center gap-2 select-none"])
           }, [
             E("span", {
-              class: G(["h-4 w-4 border border-zinc-400 rounded-full p-[2px]", { "border-opacity-50": t.disabled }])
+              class: q(["h-4 w-4 border border-zinc-400 rounded-full p-[2px]", { "border-opacity-50": t.disabled }])
             }, [
               t.radioValue == t.modelValue ? (x(), _("span", {
                 key: 0,
-                class: G(["flex rounded-full h-full w-full bg-violet-800", { "bg-opacity-50": t.disabled }])
+                class: q(["flex rounded-full h-full w-full bg-violet-800", { "bg-opacity-50": t.disabled }])
               }, null, 2)) : Z("", !0)
             ], 2),
             E("input", {
@@ -4717,7 +4717,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
             }, null, 40, cC),
             l.value ? (x(), _("span", {
               key: 0,
-              class: G(["text-base", { "opacity-50": t.disabled }])
+              class: q(["text-base", { "opacity-50": t.disabled }])
             }, ge(l.value), 3)) : Z("", !0)
           ], 2)
         ]),
@@ -4758,7 +4758,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
         _: 1
       }, 8, ["modelValue", "rules", "name"])) : (x(), _("div", {
         key: 4,
-        class: G(["wpic-input rounded flex relative border", {
+        class: q(["wpic-input rounded flex relative border", {
           [`${r[$(le).theme]}`]: !0,
           "!bg-transparent": t.transparent,
           "h-10": !t.textarea && !t.large,
@@ -4807,7 +4807,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
           ref: T,
           autocomplete: "off",
           style: { "z-index": "1" },
-          class: G(["flex w-full h-full rounded pr-4 bg-transparent outline-none appearance-none dark:text-gray-400 dark:placeholder:text-gray-700", { "pl-4": !S.$slots.prepend, "pl-12": S.$slots.prepend, "py-2": t.textarea, "cursor-not-allowed": t.disabled }]),
+          class: q(["flex w-full h-full rounded pr-4 bg-transparent outline-none appearance-none dark:text-gray-400 dark:placeholder:text-gray-700", { "pl-4": !S.$slots.prepend, "pl-12": S.$slots.prepend, "py-2": t.textarea, "cursor-not-allowed": t.disabled }]),
           type: u.value,
           min: t.min,
           max: t.max,
@@ -4864,7 +4864,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       ])) : Z("", !0),
       S.$slots.help || t.help ? (x(), _("div", {
         key: 6,
-        class: G(["text-base mt-1", { "ml-7": t.type == "checkbox", "opacity-50": t.disabled }])
+        class: q(["text-base mt-1", { "ml-7": t.type == "checkbox", "opacity-50": t.disabled }])
       }, [
         Te(S.$slots, "help", {}, () => [
           Le(ge(t.help), 1)
@@ -4931,7 +4931,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       E("span", {
         ref_key: "button",
         ref: e,
-        class: G({ "w-full h-full": t.full }),
+        class: q({ "w-full h-full": t.full }),
         "aria-describedby": "tooltip",
         onMouseenter: s,
         onMouseleave: o
@@ -4978,7 +4978,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
     return (r, i) => {
       const s = x0("wpic-loading-panel");
       return x(), _("div", {
-        class: G(["rounded-lg wpic-card relative", { [e[$(le).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions }])
+        class: q(["rounded-lg wpic-card relative", { [e[$(le).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions }])
       }, [
         t.loading ? (x(), be(s, {
           key: 0,
@@ -4988,7 +4988,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
         t.title || r.$slots.actions ? (x(), _("div", vC, [
           t.title || r.$slots.actions ? (x(), _("div", {
             key: 0,
-            class: G(["text-lg 2xl:text-xl", [n[$(le).theme]]])
+            class: q(["text-lg 2xl:text-xl", [n[$(le).theme]]])
           }, ge(t.title), 3)) : Z("", !0),
           E("div", bC, [
             Te(r.$slots, "actions")
@@ -5016,7 +5016,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       "wpic-tools": "px-6"
     };
     return (n, r) => (x(), _("div", {
-      class: G(["border-b relative dark:border-gray-900 last:border-0 pb-6", {
+      class: q(["border-b relative dark:border-gray-900 last:border-0 pb-6", {
         [`${e[$(le).theme]}`]: !0,
         "pt-6": !(t.title && n.$slots.actions)
       }])
@@ -5054,16 +5054,16 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       "wpic-tools": "bg-lime-500 rounded-sm dark:bg-lime-700"
     };
     return (s, o) => (x(), _("div", {
-      class: G(["relative flex", { "mb-4": t.indicators }])
+      class: q(["relative flex", { "mb-4": t.indicators }])
     }, [
       E("div", {
-        class: G(["flex w-full relative", r[$(le).theme]]),
+        class: q(["flex w-full relative", r[$(le).theme]]),
         style: { "z-index": "1" }
       }, [
         n.value > 0 ? (x(), _("div", {
           key: 0,
           style: or({ width: `${n.value}%` }),
-          class: G(["flex h-full", {
+          class: q(["flex h-full", {
             [`${t.background}`]: !0,
             [`${i[$(le).theme]}`]: !0
           }])
@@ -5100,7 +5100,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       r("clear");
     }
     return (s, o) => (x(), _("div", {
-      class: G(["wpic-tag select-none border inline-flex rounded h-8 items-center justify-center pl-3 py-1", { "pr-3": !t.clearable, "pr-2": t.clearable, [n[$(le).theme]]: !0 }])
+      class: q(["wpic-tag select-none border inline-flex rounded h-8 items-center justify-center pl-3 py-1", { "pr-3": !t.clearable, "pr-2": t.clearable, [n[$(le).theme]]: !0 }])
     }, [
       E("span", AC, [
         Te(s.$slots, "default")
@@ -5122,10 +5122,10 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
   },
   setup(t) {
     return (e, n) => (x(), _("div", {
-      class: G({ "w-full": t.full })
+      class: q({ "w-full": t.full })
     }, [
       E("div", {
-        class: G(["ui-tag-group flex flex-wrap gap-2", { "w-full": t.full }])
+        class: q(["ui-tag-group flex flex-wrap gap-2", { "w-full": t.full }])
       }, [
         Te(e.$slots, "default")
       ], 2)
@@ -5151,7 +5151,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
   },
   setup(t) {
     return (e, n) => (x(), _("div", {
-      class: G(["w-full h-full flex items-center justify-center", { "py-3": !t.wave }])
+      class: q(["w-full h-full flex items-center justify-center", { "py-3": !t.wave }])
     }, [
       t.wave ? (x(), _("div", VC, LC)) : (x(), be(ji, {
         key: 0,
@@ -5175,7 +5175,7 @@ const oC = /* @__PURE__ */ ke(tC, [["render", sC]]), aC = {
       "wpic-tools": "bg-lime-500 border-lime-500 text-white dark:bg-lime-700 dark:border-lime-700"
     };
     return (r, i) => (x(), _("div", {
-      class: G(["border rounded flex items-center justify-center w-10 h-10 cursor-pointer", {
+      class: q(["border rounded flex items-center justify-center w-10 h-10 cursor-pointer", {
         [e[$(le).theme]]: !t.active,
         [n[$(le).theme]]: t.active
       }])
@@ -5386,7 +5386,7 @@ const xT = /* @__PURE__ */ ke(yT, [["render", kT]]), ST = { class: "font-semibol
     };
     return (n, r) => (x(), _("tr", ST, [
       (x(!0), _($e, null, ft(t.columns, (i, s) => (x(), be(ql, {
-        class: G(["py-3 first:pl-6 pr-6 border-t", {
+        class: q(["py-3 first:pl-6 pr-6 border-t", {
           [`${e[$(le).theme]}`]: !0,
           "sticky left-0": s === 0,
           "border-b": t.position === "header",
@@ -5545,7 +5545,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
       b[T] ? b[T] = null : (b[T] = !0, d("expandRow", { index: T, item: y }));
     }
     return (T, y) => (x(), _("div", {
-      class: G(["wpic-table relative w-full rounded-lg overflow-hidden", {
+      class: q(["wpic-table relative w-full rounded-lg overflow-hidden", {
         border: t.border,
         [`${i[$(le).theme]}`]: !0
       }])
@@ -5568,12 +5568,12 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
             E("tr", null, [
               p.value.find((O) => O.type == "expand") ? (x(), _("th", {
                 key: 0,
-                class: G(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${s[$(le).theme]}`]])
+                class: q(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${s[$(le).theme]}`]])
               }, null, 2)) : Z("", !0),
               (x(!0), _($e, null, ft(p.value.filter((O) => O.type != "expand"), (O, v) => {
                 var S, A;
                 return x(), _("th", {
-                  class: G(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", {
+                  class: q(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", {
                     [`${s[$(le).theme]}`]: !0,
                     "sticky left-0": v === 0
                   }]),
@@ -5583,21 +5583,21 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                     onClick: () => {
                       O.sortable && g(O.field);
                     },
-                    class: G(["flex items-center py-3 lg:text-base rounded-lg", {
+                    class: q(["flex items-center py-3 lg:text-base rounded-lg", {
                       "cursor-pointer": O.sortable && O.field,
                       "justify-center": O.align == "center",
                       "justify-end": O.align == "right"
                     }])
                   }, [
                     E("span", {
-                      class: G(["select-none font-medium", { "text-right": O.align == "right" }])
+                      class: q(["select-none font-medium", { "text-right": O.align == "right" }])
                     }, ge(O.label), 3),
                     O.sortable && O.field ? (x(), _("span", {
                       key: 0,
-                      class: G(["ml-1", { "opacity-25": O.field != ((S = t.sortOptions) == null ? void 0 : S.sortBy) }])
+                      class: q(["ml-1", { "opacity-25": O.field != ((S = t.sortOptions) == null ? void 0 : S.sortBy) }])
                     }, [
                       ce(xT, {
-                        class: G(["w-4 h-4", { "rotate-180": ((A = t.sortOptions) == null ? void 0 : A.sortDirection) === "asc" }])
+                        class: q(["w-4 h-4", { "rotate-180": ((A = t.sortOptions) == null ? void 0 : A.sortDirection) === "asc" }])
                       }, null, 8, ["class"])
                     ], 2)) : Z("", !0)
                   ], 10, IT)
@@ -5608,7 +5608,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
           E("tbody", RT, [
             t.loading ? (x(), _($e, { key: 0 }, [
               E("div", {
-                class: G(["inset-0 z-10 absolute flex items-center justify-center", [u[$(le).theme]]])
+                class: q(["inset-0 z-10 absolute flex items-center justify-center", [u[$(le).theme]]])
               }, [
                 ce(ji, { class: "w-6 h-6" })
               ], 2),
@@ -5627,7 +5627,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                 key: `tr_${v}`
               }, [
                 E("tr", {
-                  class: G(["tr group border-b last:border-b-0 overflow-hidden", {
+                  class: q(["tr group border-b last:border-b-0 overflow-hidden", {
                     "is-odd": v % 2 == 0,
                     "is-even": v % 2 != 0,
                     [o[$(le).theme]]: !0
@@ -5636,7 +5636,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                 }, [
                   p.value.find((L) => L.type == "expand") ? (x(), _("td", {
                     key: 0,
-                    class: G([[
+                    class: q([[
                       {
                         "first:pl-6 pr-6 last:pr-6": !t.noXPadding,
                         "first:pl-0 pr-6 last:pr-0": t.noXPadding,
@@ -5664,7 +5664,7 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                   (x(!0), _($e, null, ft(p.value.filter((L) => L.type != "expand"), (L, ne) => {
                     var Q, I;
                     return x(), be(ql, {
-                      class: G(["py-3 first:pl-6 pr-6 lg:text-base h-full table-cell", {
+                      class: q(["py-3 first:pl-6 pr-6 lg:text-base h-full table-cell", {
                         "text-sm lg:text-sm !py-1": t.small,
                         "sticky left-0 shadow": ne === 0,
                         [`${l[$(le).theme]}`]: !0,
@@ -5687,13 +5687,13 @@ const _T = /* @__PURE__ */ ke(OT, [["render", DT]]), ET = { class: "overflow-aut
                 ], 2),
                 p.value.find((L) => L.type == "expand") ? Nl((x(), _("tr", {
                   key: 0,
-                  class: G([{
+                  class: q([{
                     [o[$(le).theme]]: !t.stripe,
                     [a[$(le).theme]]: t.stripe
                   }, "tr border-b last:border-b-0 overflow-hidden"])
                 }, [
                   ce(ql, {
-                    class: G(["py-3 first:pl-6 pr-6 lg:text-base", {
+                    class: q(["py-3 first:pl-6 pr-6 lg:text-base", {
                       [`${l[$(le).theme]}`]: !0,
                       "first:pl-0 last:pr-0": t.noXPadding,
                       "last:rounded-br-lg": v === ((S = t.data) == null ? void 0 : S.length) - 1 && !t.totalItem,
@@ -18817,10 +18817,10 @@ function k$(t, e) {
   function P(w) {
     w === void 0 && (w = !1), v.style.pointerEvents = y.props.interactive && !w ? "" : "none", v.style.zIndex = "" + y.props.zIndex;
   }
-  function ee(w, B, q) {
-    if (q === void 0 && (q = !0), A.forEach(function(se) {
+  function ee(w, B, G) {
+    if (G === void 0 && (G = !0), A.forEach(function(se) {
       se[w] && se[w].apply(se, B);
-    }), q) {
+    }), G) {
       var re;
       (re = y.props)[w].apply(re, B);
     }
@@ -18828,13 +18828,13 @@ function k$(t, e) {
   function Ce() {
     var w = y.props.aria;
     if (w.content) {
-      var B = "aria-" + w.content, q = v.id, re = hi(y.props.triggerTarget || t);
+      var B = "aria-" + w.content, G = v.id, re = hi(y.props.triggerTarget || t);
       re.forEach(function(se) {
         var fe = se.getAttribute(B);
         if (y.state.isVisible)
-          se.setAttribute(B, fe ? fe + " " + q : q);
+          se.setAttribute(B, fe ? fe + " " + G : G);
         else {
-          var _e = fe && fe.replace(q, "").trim();
+          var _e = fe && fe.replace(G, "").trim();
           _e ? se.setAttribute(B, _e) : se.removeAttribute(B);
         }
       });
@@ -18857,8 +18857,8 @@ function k$(t, e) {
     if (!(mn.isTouch && (l || w.type === "mousedown"))) {
       var B = w.composedPath && w.composedPath()[0] || w.target;
       if (!(y.props.interactive && Zf(v, B))) {
-        if (hi(y.props.triggerTarget || t).some(function(q) {
-          return Zf(q, B);
+        if (hi(y.props.triggerTarget || t).some(function(G) {
+          return Zf(G, B);
         })) {
           if (mn.isTouch || y.state.isVisible && y.props.trigger.indexOf("click") >= 0)
             return;
@@ -18893,23 +18893,23 @@ function k$(t, e) {
     ye(w, B);
   }
   function ye(w, B) {
-    var q = W().box;
+    var G = W().box;
     function re(se) {
-      se.target === q && (kl(q, "remove", re), B());
+      se.target === G && (kl(G, "remove", re), B());
     }
     if (w === 0)
       return B();
-    kl(q, "remove", d), kl(q, "add", re), d = re;
+    kl(G, "remove", d), kl(G, "add", re), d = re;
   }
-  function Ge(w, B, q) {
-    q === void 0 && (q = !1);
+  function Ge(w, B, G) {
+    G === void 0 && (G = !1);
     var re = hi(y.props.triggerTarget || t);
     re.forEach(function(se) {
-      se.addEventListener(w, B, q), h.push({
+      se.addEventListener(w, B, G), h.push({
         node: se,
         eventType: w,
         handler: B,
-        options: q
+        options: G
       });
     });
   }
@@ -18935,22 +18935,22 @@ function k$(t, e) {
   }
   function kt() {
     h.forEach(function(w) {
-      var B = w.node, q = w.eventType, re = w.handler, se = w.options;
-      B.removeEventListener(q, re, se);
+      var B = w.node, G = w.eventType, re = w.handler, se = w.options;
+      B.removeEventListener(G, re, se);
     }), h = [];
   }
   function Cr(w) {
-    var B, q = !1;
+    var B, G = !1;
     if (!(!y.state.isEnabled || An(w) || a)) {
       var re = ((B = u) == null ? void 0 : B.type) === "focus";
       u = w, m = w.currentTarget, tt(), !y.state.isVisible && n$(w) && ko.forEach(function(se) {
         return se(w);
-      }), w.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || o) && y.props.hideOnClick !== !1 && y.state.isVisible ? q = !0 : Nn(w), w.type === "click" && (o = !q), q && !re && fn(w);
+      }), w.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || o) && y.props.hideOnClick !== !1 && y.state.isVisible ? G = !0 : Nn(w), w.type === "click" && (o = !G), G && !re && fn(w);
     }
   }
   function ni(w) {
-    var B = w.target, q = I().contains(B) || v.contains(B);
-    if (!(w.type === "mousemove" && q)) {
+    var B = w.target, G = I().contains(B) || v.contains(B);
+    if (!(w.type === "mousemove" && G)) {
       var re = dn().concat(v).map(function(se) {
         var fe, _e = se._tippy, ze = (fe = _e.popperInstance) == null ? void 0 : fe.state;
         return ze ? {
@@ -18980,7 +18980,7 @@ function k$(t, e) {
   }
   function Zt() {
     Ft();
-    var w = y.props, B = w.popperOptions, q = w.placement, re = w.offset, se = w.getReferenceClientRect, fe = w.moveTransition, _e = Q() ? bc(v).arrow : null, ze = se ? {
+    var w = y.props, B = w.popperOptions, G = w.placement, re = w.offset, se = w.getReferenceClientRect, fe = w.moveTransition, _e = Q() ? bc(v).arrow : null, ze = se ? {
       getBoundingClientRect: se,
       contextElement: se.contextElement || I()
     } : t, dt = {
@@ -19030,7 +19030,7 @@ function k$(t, e) {
         padding: 3
       }
     }), Nt.push.apply(Nt, (B == null ? void 0 : B.modifiers) || []), y.popperInstance = qN(ze, v, Object.assign({}, B, {
-      placement: q,
+      placement: G,
       onFirstUpdate: f,
       modifiers: Nt
     }));
@@ -19039,8 +19039,8 @@ function k$(t, e) {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function zt() {
-    var w = y.props.appendTo, B, q = I();
-    y.props.interactive && w === fg || w === "parent" ? B = q.parentNode : B = hg(w, [q]), B.contains(v) || B.appendChild(v), y.state.isMounted = !0, Zt(), process.env.NODE_ENV !== "production" && Vn(y.props.interactive && w === Pt.appendTo && q.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, B, G = I();
+    y.props.interactive && w === fg || w === "parent" ? B = G.parentNode : B = hg(w, [G]), B.contains(v) || B.appendChild(v), y.state.isMounted = !0, Zt(), process.env.NODE_ENV !== "production" && Vn(y.props.interactive && w === Pt.appendTo && G.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.", `
 
@@ -19053,7 +19053,7 @@ function k$(t, e) {
   }
   function Nn(w) {
     y.clearDelayTimeouts(), w && ee("onTrigger", [y, w]), ut();
-    var B = j(!0), q = L(), re = q[0], se = q[1];
+    var B = j(!0), G = L(), re = G[0], se = G[1];
     mn.isTouch && re === "hold" && se && (B = se), B ? r = setTimeout(function() {
       y.show();
     }, B) : y.show();
@@ -19084,12 +19084,12 @@ function k$(t, e) {
   function ii(w) {
     if (process.env.NODE_ENV !== "production" && Vn(y.state.isDestroyed, ci("setProps")), !y.state.isDestroyed) {
       ee("onBeforeUpdate", [y, w]), kt();
-      var B = y.props, q = eh(t, Object.assign({}, B, Kf(w), {
+      var B = y.props, G = eh(t, Object.assign({}, B, Kf(w), {
         ignoreAttributes: !0
       }));
-      y.props = q, Ke(), B.interactiveDebounce !== q.interactiveDebounce && (wt(), p = qf(ni, q.interactiveDebounce)), B.triggerTarget && !q.triggerTarget ? hi(B.triggerTarget).forEach(function(re) {
+      y.props = G, Ke(), B.interactiveDebounce !== G.interactiveDebounce && (wt(), p = qf(ni, G.interactiveDebounce)), B.triggerTarget && !G.triggerTarget ? hi(B.triggerTarget).forEach(function(re) {
         re.removeAttribute("aria-expanded");
-      }) : q.triggerTarget && t.removeAttribute("aria-expanded"), tt(), P(), S && S(B, q), y.popperInstance && (Zt(), dn().forEach(function(re) {
+      }) : G.triggerTarget && t.removeAttribute("aria-expanded"), tt(), P(), S && S(B, G), y.popperInstance && (Zt(), dn().forEach(function(re) {
         requestAnimationFrame(re._tippy.popperInstance.forceUpdate);
       })), ee("onAfterUpdate", [y, w]);
     }
@@ -19101,8 +19101,8 @@ function k$(t, e) {
   }
   function C() {
     process.env.NODE_ENV !== "production" && Vn(y.state.isDestroyed, ci("show"));
-    var w = y.state.isVisible, B = y.state.isDestroyed, q = !y.state.isEnabled, re = mn.isTouch && !y.props.touch, se = bl(y.props.duration, 0, Pt.duration);
-    if (!(w || B || q || re) && !I().hasAttribute("disabled") && (ee("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+    var w = y.state.isVisible, B = y.state.isDestroyed, G = !y.state.isEnabled, re = mn.isTouch && !y.props.touch, se = bl(y.props.duration, 0, Pt.duration);
+    if (!(w || B || G || re) && !I().hasAttribute("disabled") && (ee("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, Q() && (v.style.visibility = "visible"), P(), ut(), y.state.isMounted || (v.style.transition = "none"), Q()) {
         var fe = W(), _e = fe.box, ze = fe.content;
         wl([_e, ze], 0);
@@ -19123,8 +19123,8 @@ function k$(t, e) {
   }
   function M() {
     process.env.NODE_ENV !== "production" && Vn(y.state.isDestroyed, ci("hide"));
-    var w = !y.state.isVisible, B = y.state.isDestroyed, q = !y.state.isEnabled, re = bl(y.props.duration, 1, Pt.duration);
-    if (!(w || B || q) && (ee("onHide", [y], !1), y.props.onHide(y) !== !1)) {
+    var w = !y.state.isVisible, B = y.state.isDestroyed, G = !y.state.isEnabled, re = bl(y.props.duration, 1, Pt.duration);
+    if (!(w || B || G) && (ee("onHide", [y], !1), y.props.onHide(y) !== !1)) {
       if (y.state.isVisible = !1, y.state.isShown = !1, c = !1, o = !1, Q() && (v.style.visibility = "hidden"), wt(), H(), P(!0), Q()) {
         var se = W(), fe = se.box, _e = se.content;
         y.props.animation && (wl([fe, _e], re), Jf([fe, _e], "hidden"));
@@ -21331,13 +21331,13 @@ const kP = /* @__PURE__ */ ke(gP, [["render", wP]]), xP = { class: "py-1 px-1 bo
     }
     return (c, u) => $(o) ? (x(), _("div", {
       key: 0,
-      class: G(["pt-px relative flex flex-col rounded border", r[$(le).theme]])
+      class: q(["pt-px relative flex flex-col rounded border", r[$(le).theme]])
     }, [
       E("div", xP, [
         E("div", SP, [
           (x(), _($e, null, ft(i, (d) => E("div", {
             key: d.method,
-            class: G(["w-8 h-8 flex items-center justify-center text-xs rounded", {
+            class: q(["w-8 h-8 flex items-center justify-center text-xs rounded", {
               "cursor-pointer": !l(d.method, d.type, d.params, d.disableCheck),
               "is-active text-white !bg-zinc-200": $(o).isActive(d.label)
             }]),
@@ -21345,7 +21345,7 @@ const kP = /* @__PURE__ */ ke(gP, [["render", wP]]), xP = { class: "py-1 px-1 bo
           }, [
             d.icon ? (x(), be(Us(d.icon), {
               key: 0,
-              class: G(["", { "w-3 h-3": d.smallIcon, "w-4 h-4": !d.smallIcon }])
+              class: q(["", { "w-3 h-3": d.smallIcon, "w-4 h-4": !d.smallIcon }])
             }, null, 8, ["class"])) : (x(), _("span", MP, ge($(tp).capitalize(d.label)), 1))
           ], 10, OP)), 64))
         ])
@@ -21443,7 +21443,7 @@ const GP = /* @__PURE__ */ ke(zP, [["render", qP]]), KP = {
   },
   setup(t) {
     return (e, n) => (x(), _("span", {
-      class: G(["inline-flex items-center justify-center border-0 font-normal rounded-md min-h-6 gap-1 leading-none text-sm px-2", {
+      class: q(["inline-flex items-center justify-center border-0 font-normal rounded-md min-h-6 gap-1 leading-none text-sm px-2", {
         "bg-green-100 border-green-200 text-green-700 dark:border-green-600/30 dark:bg-green-800 dark:bg-opacity-15 dark:text-opacity-85 dark:text-green-500": t.success,
         "bg-yellow-100 border-yellow-200 text-yellow-700 dark:border-yellow-600/30 dark:bg-yellow-800 dark:bg-opacity-15 dark:text-opacity-85 dark:text-yellow-500": t.warning,
         "bg-red-100 border-red-200 text-red-700 dark:border-red-600/30 dark:bg-red-800 dark:bg-opacity-15 dark:text-opacity-85 dark:text-red-500": t.error,
@@ -24076,10 +24076,10 @@ const _l = {
       "wpic-tools": "bg-gray-200"
     };
     return (a, l) => (x(), _("div", {
-      class: G(["relative flex items-center justify-center text-sm py-2 group", { "is-today": t.today && !t.selected, "is-selected": t.selected, "is-off": t.off, "is-highlight": t.highlight, "cursor-pointer": !t.disabled }])
+      class: q(["relative flex items-center justify-center text-sm py-2 group", { "is-today": t.today && !t.selected, "is-selected": t.selected, "is-off": t.off, "is-highlight": t.highlight, "cursor-pointer": !t.disabled }])
     }, [
       E("div", {
-        class: G(["h-8 w-full flex justify-center items-center", {
+        class: q(["h-8 w-full flex justify-center items-center", {
           [`${r[$(le).theme]}`]: t.between,
           [`${i[$(le).theme]}`]: t.firstDay,
           [`${s[$(le).theme]}`]: t.lastDay,
@@ -24088,7 +24088,7 @@ const _l = {
         style: or({ marginLeft: t.firstDay ? "50%" : void 0, marginRight: t.lastDay ? "50%" : void 0 })
       }, [
         E("span", {
-          class: G(["absolute w-8 h-8 flex items-center justify-center dark:text-gray-400", {
+          class: q(["absolute w-8 h-8 flex items-center justify-center dark:text-gray-400", {
             [`${e[$(le).theme]}`]: !0,
             [`${n[$(le).theme]}`]: t.highlight && (t.firstDay || t.lastDay)
           }]),
@@ -24238,7 +24238,7 @@ const _l = {
       S.value = null;
     }
     return (I, z) => (x(), _("div", {
-      class: G(["flex-shrink-0 flex gap-6", { "min-w-96": s.value.length === 1, "min-w-192": s.value.length === 2 }])
+      class: q(["flex-shrink-0 flex gap-6", { "min-w-96": s.value.length === 1, "min-w-192": s.value.length === 2 }])
     }, [
       (x(!0), _($e, null, ft(s.value, (W) => {
         var j;
@@ -24516,7 +24516,7 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
       o.value.scrollTop = o.value.scrollHeight;
     }
     return (c, u) => (x(), _("div", {
-      class: G(["fixed inset-0 h-full flex justify-end bg-black/50 backdrop-blur-sm transition-opacity", {
+      class: q(["fixed inset-0 h-full flex justify-end bg-black/50 backdrop-blur-sm transition-opacity", {
         "p-4": t.island,
         "opacity-0 pointer-events-none": !t.visible,
         "opacity-100": t.visible,
@@ -24526,7 +24526,7 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
       onClick: Di(s, ["self"])
     }, [
       E("div", {
-        class: G(["h-full bg-white transform-gpu transition-transform", {
+        class: q(["h-full bg-white transform-gpu transition-transform", {
           "rounded-lg": t.island,
           "translate-x-0": t.visible,
           "translate-x-full": !t.visible,
@@ -24537,7 +24537,7 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
         E("div", {
           ref_key: "panel",
           ref: o,
-          class: G(["h-full overflow-y-auto", { "p-6": !t.expand }])
+          class: q(["h-full overflow-y-auto", { "p-6": !t.expand }])
         }, [
           Te(c.$slots, "default")
         ], 2)
@@ -24585,7 +24585,7 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
       goTop: l,
       isScrolledToBottom: a
     }), (d, f) => (x(), _("div", {
-      class: G(["", { flex: t.visible, hidden: !t.visible }])
+      class: q(["", { flex: t.visible, hidden: !t.visible }])
     }, [
       E("div", OL, [
         E("div", {
@@ -24593,10 +24593,10 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
           onClick: s
         }),
         E("div", {
-          class: G(["relative flex flex-col justify-between bg-white dark:border dark:border-gray-900 dark:bg-gray-940 rounded-lg z-20 max-h-full", { "w-4/5": t.large, "w-192": !t.large, "h-full": t.high, "overflow-hidden": !t.overflow }])
+          class: q(["relative flex flex-col justify-between bg-white dark:border dark:border-gray-900 dark:bg-gray-940 rounded-lg z-20 max-h-full", { "w-4/5": t.large, "w-192": !t.large, "h-full": t.high, "overflow-hidden": !t.overflow }])
         }, [
           E("div", {
-            class: G(["px-6 pt-4 flex justify-between", { "border-b pb-3 dark:border-gray-900": t.border }])
+            class: q(["px-6 pt-4 flex justify-between", { "border-b pb-3 dark:border-gray-900": t.border }])
           }, [
             E("span", ML, ge(t.title), 1),
             E("span", {
@@ -24609,7 +24609,7 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
           E("div", {
             ref_key: "panel",
             ref: o,
-            class: G(["flex-1 overflow-y-auto", { "p-6": !t.expand, "scroll-smooth": t.smooth }])
+            class: q(["flex-1 overflow-y-auto", { "p-6": !t.expand, "scroll-smooth": t.smooth }])
           }, [
             Te(d.$slots, "default")
           ], 2),
@@ -24620,14 +24620,15 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
       ])
     ], 2));
   }
-}), _L = { class: "tabs flex border-b-2 dark:border-gray-930 overflow-y-auto" }, EL = ["onClick"], AL = { class: "py-3" }, NL = {
+}), _L = { class: "wpic-tabs flex border-b-2 dark:border-gray-930 overflow-x-auto overflow-y-hidden" }, EL = ["onClick"], AL = {
   name: "WpicTabs"
-}, $L = /* @__PURE__ */ Object.assign(NL, {
+}, NL = /* @__PURE__ */ Object.assign(AL, {
   props: {
     modelValue: {
       type: String,
       required: !0
-    }
+    },
+    noStyle: Boolean
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
@@ -24640,24 +24641,26 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
       E("div", _L, [
         (x(!0), _($e, null, ft(i.value, (u) => (x(), _("div", {
           key: u.name,
-          class: G(["border-b cursor-pointer py-3 px-6 -mb-[2px] font-medium text-gray-500 dark:text-gray-500", {
+          class: q(["border-b items-center flex leading-snug cursor-pointer py-3 px-6 -mb-[2px] font-medium text-gray-500 dark:text-gray-500", {
             "dark:border-gray-930": u.name != t.modelValue,
             "border-b-2 text-lime-500 border-b-lime-500": u.name === t.modelValue
           }]),
           onClick: (d) => s(u.name)
         }, ge(u.label), 11, EL))), 128))
       ]),
-      E("div", AL, [
+      E("div", {
+        class: q({ "py-3": !t.noStyle })
+      }, [
         Te(l.$slots, "default")
-      ])
+      ], 2)
     ], 64));
   }
-}), PL = {
+}), $L = {
   key: 0,
-  class: ""
-}, IL = {
+  class: "wpic-tab-pane"
+}, PL = {
   name: "WpicTabPane"
-}, RL = /* @__PURE__ */ Object.assign(IL, {
+}, IL = /* @__PURE__ */ Object.assign(PL, {
   props: {
     label: {
       type: String,
@@ -24681,80 +24684,80 @@ const gL = /* @__PURE__ */ ke(dL, [["render", mL]]), yL = { class: "flex gap-3"
         n.value = s === e.name;
       },
       { immediate: !0, deep: !0 }
-    ), (s, o) => n.value ? (x(), _("div", PL, [
+    ), (s, o) => n.value ? (x(), _("div", $L, [
       Te(s.$slots, "default")
     ])) : Z("", !0);
   }
-}), VL = {}, BL = {
+}), RL = {}, VL = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, LL = /* @__PURE__ */ E("path", {
+}, BL = /* @__PURE__ */ E("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z"
-}, null, -1), FL = [
-  LL
+}, null, -1), LL = [
+  BL
 ];
-function zL(t, e) {
-  return x(), _("svg", BL, FL);
+function FL(t, e) {
+  return x(), _("svg", VL, LL);
 }
-const jL = /* @__PURE__ */ ke(VL, [["render", zL]]), HL = {}, WL = {
+const zL = /* @__PURE__ */ ke(RL, [["render", FL]]), jL = {}, HL = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, YL = /* @__PURE__ */ E("path", {
+}, WL = /* @__PURE__ */ E("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"
-}, null, -1), UL = [
-  YL
+}, null, -1), YL = [
+  WL
 ];
-function qL(t, e) {
-  return x(), _("svg", WL, UL);
+function UL(t, e) {
+  return x(), _("svg", HL, YL);
 }
-const GL = /* @__PURE__ */ ke(HL, [["render", qL]]), KL = {}, JL = {
+const qL = /* @__PURE__ */ ke(jL, [["render", UL]]), GL = {}, KL = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, ZL = /* @__PURE__ */ E("path", {
+}, JL = /* @__PURE__ */ E("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-}, null, -1), XL = [
-  ZL
+}, null, -1), ZL = [
+  JL
 ];
-function QL(t, e) {
-  return x(), _("svg", JL, XL);
+function XL(t, e) {
+  return x(), _("svg", KL, ZL);
 }
-const e3 = /* @__PURE__ */ ke(KL, [["render", QL]]), t3 = {}, n3 = {
+const QL = /* @__PURE__ */ ke(GL, [["render", XL]]), e3 = {}, t3 = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   "stroke-width": "1.5",
   stroke: "currentColor"
-}, r3 = /* @__PURE__ */ E("path", {
+}, n3 = /* @__PURE__ */ E("path", {
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
-}, null, -1), i3 = [
-  r3
+}, null, -1), r3 = [
+  n3
 ];
-function s3(t, e) {
-  return x(), _("svg", n3, i3);
+function i3(t, e) {
+  return x(), _("svg", t3, r3);
 }
-const o3 = /* @__PURE__ */ ke(t3, [["render", s3]]), a3 = { class: "w-6" }, l3 = { class: "flex-1" }, c3 = {
+const s3 = /* @__PURE__ */ ke(e3, [["render", i3]]), o3 = { class: "w-6" }, a3 = { class: "flex-1" }, l3 = {
   key: 0,
   class: "mb-2"
-}, u3 = {
+}, c3 = {
   name: "WpicAlert"
-}, d3 = /* @__PURE__ */ Object.assign(u3, {
+}, u3 = /* @__PURE__ */ Object.assign(c3, {
   props: {
     title: String,
     text: String,
@@ -24765,7 +24768,7 @@ const o3 = /* @__PURE__ */ ke(t3, [["render", s3]]), a3 = { class: "w-6" }, l3 =
   },
   setup(t) {
     return (e, n) => (x(), _("div", {
-      class: G(["px-4 py-3 rounded text-base flex gap-4", {
+      class: q(["px-4 py-3 rounded text-base flex gap-4", {
         "bg-zinc-50 text-zinc-950 text-opacity-75": !t.warning && !t.info && !t.error && !t.success,
         "bg-amber-50 text-yellow-950 text-opacity-75": t.warning,
         "bg-blue-50 text-blue-950 text-opacity-75": t.info,
@@ -24773,25 +24776,25 @@ const o3 = /* @__PURE__ */ ke(t3, [["render", s3]]), a3 = { class: "w-6" }, l3 =
         "bg-green-50 text-green-950 text-opacity-75": t.success
       }])
     }, [
-      E("div", a3, [
-        t.warning ? (x(), be(jL, {
+      E("div", o3, [
+        t.warning ? (x(), be(zL, {
           key: 0,
           class: "w-full aspect-square"
-        })) : t.info ? (x(), be(GL, {
+        })) : t.info ? (x(), be(qL, {
           key: 1,
           class: "w-full aspect-square"
-        })) : t.success ? (x(), be(e3, {
+        })) : t.success ? (x(), be(QL, {
           key: 2,
           class: "w-full aspect-square"
-        })) : t.error ? (x(), be(o3, {
+        })) : t.error ? (x(), be(s3, {
           key: 3,
           class: "w-full aspect-square"
         })) : Z("", !0)
       ]),
-      E("div", l3, [
-        t.title ? (x(), _("div", c3, ge(t.title), 1)) : Z("", !0),
+      E("div", a3, [
+        t.title ? (x(), _("div", l3, ge(t.title), 1)) : Z("", !0),
         E("span", {
-          class: G(["", {
+          class: q(["", {
             "text-zinc-950 text-opacity-75": !t.warning && !t.info && !t.error && !t.success,
             "text-yellow-950 text-opacity-75": t.warning,
             "text-blue-950 text-opacity-75": t.info,
@@ -24833,19 +24836,19 @@ function v0() {
     }
   };
 }
-const f3 = {
+const d3 = {
   key: 0,
   class: "confirm-modal-overlay z-40"
-}, h3 = { class: "bg-white dark:border dark:border-gray-900 dark:bg-gray-940 p-6 rounded-lg w-128 flex flex-col" }, p3 = { class: "text-lg font-semibold mb-6" }, m3 = { class: "mb-12" }, g3 = { class: "flex justify-end" }, y3 = {
+}, f3 = { class: "bg-white dark:border dark:border-gray-900 dark:bg-gray-940 p-6 rounded-lg w-128 flex flex-col" }, h3 = { class: "text-lg font-semibold mb-6" }, p3 = { class: "mb-12" }, m3 = { class: "flex justify-end" }, g3 = {
   name: "WpicConfirm"
-}, v3 = /* @__PURE__ */ Object.assign(y3, {
+}, y3 = /* @__PURE__ */ Object.assign(g3, {
   setup(t) {
     const { visible: e, title: n, text: r, positive: i, negative: s, onConfirm: o, onCancel: a } = v0();
-    return (l, c) => $(e) ? (x(), _("div", f3, [
-      E("div", h3, [
-        E("div", p3, ge($(n)), 1),
-        E("div", m3, ge($(r)), 1),
-        E("div", g3, [
+    return (l, c) => $(e) ? (x(), _("div", d3, [
+      E("div", f3, [
+        E("div", h3, ge($(n)), 1),
+        E("div", p3, ge($(r)), 1),
+        E("div", m3, [
           ce(Ro, { onClick: $(a) }, {
             default: Se(() => [
               Le("Cancel")
@@ -24866,15 +24869,15 @@ const f3 = {
       ])
     ])) : Z("", !0);
   }
-}), b3 = /* @__PURE__ */ ke(v3, [["__scopeId", "data-v-613542ab"]]), Al = { WpicAlert: d3, WpicCalendar: y0, WpicTextarea: bp, WpicDialog: DL, WpicSlidePanel: SL, WpicDateField: kL, WpicFormInput: jc, WpicButton: Ro, WpicBadge: JP, WpicTextEditor: DP, WpicInputGroup: cv, WpicButtonGroup: sv, WpicForm: dv, WpicFormField: wp, WpicSpinner: ji, WpicTooltip: kp, WpicPopover: Wi, WpicChoiceList: vp, WpicCard: xC, WpicCardSection: CC, WpicProgressBar: EC, WpicTag: $C, WpicTagGroup: IC, WpicPagination: gT, WpicLoadingPanel: jC, WpicTable: HT, WpicTableColumn: WT, WpicTabs: $L, WpicTabPane: RL, WpicConfirm: b3 };
+}), v3 = /* @__PURE__ */ ke(y3, [["__scopeId", "data-v-613542ab"]]), Al = { WpicAlert: u3, WpicCalendar: y0, WpicTextarea: bp, WpicDialog: DL, WpicSlidePanel: SL, WpicDateField: kL, WpicFormInput: jc, WpicButton: Ro, WpicBadge: JP, WpicTextEditor: DP, WpicInputGroup: cv, WpicButtonGroup: sv, WpicForm: dv, WpicFormField: wp, WpicSpinner: ji, WpicTooltip: kp, WpicPopover: Wi, WpicChoiceList: vp, WpicCard: xC, WpicCardSection: CC, WpicProgressBar: EC, WpicTag: $C, WpicTagGroup: IC, WpicPagination: gT, WpicLoadingPanel: jC, WpicTable: HT, WpicTableColumn: WT, WpicTabs: NL, WpicTabPane: IL, WpicConfirm: v3 };
 function b0(t, e) {
   for (const n in e)
     Object.prototype.hasOwnProperty.call(e, n) && (typeof e[n] == "object" && t[n] ? b0(t[n], e[n]) : t[n] = e[n]);
 }
-const w3 = {
+const b3 = {
   useConfirm: v0
 };
-function k3(t, e) {
+function w3(t, e) {
   b0(le, e);
   for (const n in Al)
     if (Al.hasOwnProperty(n)) {
@@ -24882,12 +24885,12 @@ function k3(t, e) {
       t.component(r.name, r);
     }
 }
-const O3 = {
-  install: k3,
-  composables: w3,
+const S3 = {
+  install: w3,
+  composables: b3,
   options: le
 };
 export {
-  O3 as default,
+  S3 as default,
   v0 as useConfirm
 };