@romainbx/wpic-components 0.0.115 → 0.0.116

package/dist/wpic-components.js

@@ -1,4 +1,4 @@
-import { defineComponent as xn, inject as Ci, computed as ae, toValue as Ve, toRef as Pr, resolveDynamicComponent as Wi, h as Ut, getCurrentInstance as dn, ref as se, reactive as vr, unref as U, onMounted as Sn, isRef as Ts, watch as Qe, provide as bo, readonly as O0, onBeforeUnmount as ni, watchEffect as kh, nextTick as _t, shallowRef as rl, warn as C0, onUnmounted as Wo, createElementBlock as L, openBlock as S, createElementVNode as F, createVNode as ve, normalizeClass as re, createCommentVNode as ce, createBlock as Te, withCtx as Ae, renderSlot as Fe, createTextVNode as tt, toDisplayString as Ee, Fragment as je, renderList as ut, withModifiers as Ei, Teleport as xh, normalizeStyle as Un, onBeforeMount as E0, Text as T0, withDirectives as Ti, vModelText as va, vShow as ba, resolveComponent as _s, createStaticVNode as il, pushScopeId as _0, popScopeId as M0, useSlots as Sh, markRaw as N0, customRef as A0 } from "vue";
+import { defineComponent as xn, inject as Ci, computed as ae, toValue as Ve, toRef as Pr, resolveDynamicComponent as Wi, h as Ut, getCurrentInstance as dn, ref as se, reactive as vr, unref as U, onMounted as Sn, isRef as Ts, watch as Qe, provide as bo, readonly as O0, onBeforeUnmount as ni, watchEffect as kh, nextTick as _t, shallowRef as rl, warn as C0, onUnmounted as Wo, createElementBlock as L, openBlock as S, createElementVNode as F, createVNode as ve, normalizeClass as ne, createCommentVNode as ce, createBlock as Te, withCtx as Ae, renderSlot as Fe, createTextVNode as tt, toDisplayString as Ee, Fragment as je, renderList as ut, withModifiers as Ei, Teleport as xh, normalizeStyle as Un, onBeforeMount as E0, Text as T0, withDirectives as Ti, vModelText as va, vShow as ba, resolveComponent as _s, createStaticVNode as il, pushScopeId as _0, popScopeId as M0, useSlots as Sh, markRaw as N0, customRef as A0 } from "vue";
 function L0() {
   return Oh().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -1654,7 +1654,7 @@ function $y(t) {
     destroyPath: Z,
     isFieldTouched: Je,
     isFieldDirty: dt,
-    isFieldValid: ne
+    isFieldValid: re
   };
   function Y(_, N, G = !0) {
     const le = Ye(N), we = typeof _ == "string" ? _ : _.path;
@@ -1695,7 +1695,7 @@ function $y(t) {
     const N = O(_);
     return N ? N.dirty : c.value.filter((G) => G.path.startsWith(_)).some((G) => G.dirty);
   }
-  function ne(_) {
+  function re(_) {
     const N = O(_);
     return N ? N.valid : c.value.filter((G) => G.path.startsWith(_)).every((G) => G.valid);
   }
@@ -2112,7 +2112,7 @@ const t1 = /* @__PURE__ */ Me(Jy, [["render", e1]]), n1 = { class: "relative" },
     return (e, n) => (S(), L("div", n1, [
       ve(Gy, { class: "absolute opacity-25" }),
       ve(t1, {
-        class: re(["animate-spin", { [`${t.color}`]: !0 }])
+        class: ne(["animate-spin", { [`${t.color}`]: !0 }])
       }, null, 8, ["class"])
     ]));
   }
@@ -2209,7 +2209,7 @@ const i1 = ["is", "type", "disabled"], o1 = {
           var C;
           return (C = t.actions) != null && C.length ? i.value = !i.value : null;
         }),
-        class: re([{
+        class: ne([{
           "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 && !t.hideDisabled,
@@ -2239,7 +2239,7 @@ const i1 = ["is", "type", "disabled"], o1 = {
         ])) : ce("", !0),
         (S(), Te(Wi(o.value), {
           to: t.to,
-          class: re(["flex items-center justify-center select-none whitespace-nowrap py-1 h-full", {
+          class: ne(["flex items-center justify-center select-none whitespace-nowrap py-1 h-full", {
             medium: t.medium,
             small: t.small,
             "opacity-0": t.loading,
@@ -2281,7 +2281,7 @@ const i1 = ["is", "type", "disabled"], o1 = {
       "wpic-tools": "border-gray-300"
     };
     return (n, r) => (S(), L("div", {
-      class: re(["wpic-button-group flex flex-wrap h-10", [e[U(ke).theme]]])
+      class: ne(["wpic-button-group flex flex-wrap h-10", [e[U(ke).theme]]])
     }, [
       Fe(n.$slots, "default")
     ], 2));
@@ -3350,7 +3350,7 @@ const lv = {
           ref_key: "floating",
           ref: a,
           style: Un({ maxWidth: t.maxWidth }),
-          class: re(["z-30 rounded-md overflow-hidden", {
+          class: ne(["z-30 rounded-md overflow-hidden", {
             [`${t.customWidth}`]: !0,
             hidden: c.value,
             [`${s[U(ke).theme]}`]: !c.value,
@@ -3880,7 +3880,7 @@ function Iv(t, e = {}) {
       K += E;
     return K;
   }
-  function ne(x) {
+  function re(x) {
     const E = (K) => {
       const fe = x.currentChar();
       return fe === "{" || fe === "%" || fe === "@" || fe === "|" || fe === "(" || fe === ")" || !fe || fe === Rn ? K : (K += fe, x.next(), E(K));
@@ -3961,7 +3961,7 @@ function Iv(t, e = {}) {
           /* TokenChars.LinkedDelimiter */
         );
       default:
-        return B(x) ? (fe = f(E, 1, De(x)), E.braceNest = 0, E.inLinked = !1, fe) : w(x, E) || $(x, E) ? (g(x), bt(x, E)) : T(x, E) ? (g(x), f(E, 12, dt(x))) : A(x, E) ? (g(x), We === "{" ? Bt(x, E) || fe : f(E, 11, ne(x))) : (K === 8 && d(Ce.INVALID_LINKED_FORMAT, o(), 0), E.braceNest = 0, E.inLinked = !1, wt(x, E));
+        return B(x) ? (fe = f(E, 1, De(x)), E.braceNest = 0, E.inLinked = !1, fe) : w(x, E) || $(x, E) ? (g(x), bt(x, E)) : T(x, E) ? (g(x), f(E, 12, dt(x))) : A(x, E) ? (g(x), We === "{" ? Bt(x, E) || fe : f(E, 11, re(x))) : (K === 8 && d(Ce.INVALID_LINKED_FORMAT, o(), 0), E.braceNest = 0, E.inLinked = !1, wt(x, E));
     }
   }
   function wt(x, E) {
@@ -5935,7 +5935,7 @@ function t2(t = {}, e) {
   function dt(H) {
     $ = H, A.pluralRules = $;
   }
-  function ne(H, ee) {
+  function re(H, ee) {
     return be(() => {
       if (!H)
         return !1;
@@ -6071,7 +6071,7 @@ function t2(t = {}, e) {
     setMissingHandler: oe,
     [Zb]: dt
   };
-  return Re.datetimeFormats = D, Re.numberFormats = O, Re.rt = q, Re.te = ne, Re.tm = Bt, Re.d = Z, Re.n = J, Re.getDateTimeFormat = x, Re.setDateTimeFormat = E, Re.mergeDateTimeFormat = K, Re.getNumberFormat = fe, Re.setNumberFormat = We, Re.mergeNumberFormat = Pe, Re[Pp] = r, Re[La] = Ne, Re[Da] = Je, Re[Ia] = He, process.env.NODE_ENV !== "production" && (Re[$a] = (H) => {
+  return Re.datetimeFormats = D, Re.numberFormats = O, Re.rt = q, Re.te = re, Re.tm = Bt, Re.d = Z, Re.n = J, Re.getDateTimeFormat = x, Re.setDateTimeFormat = E, Re.mergeDateTimeFormat = K, Re.getNumberFormat = fe, Re.setNumberFormat = We, Re.mergeNumberFormat = Pe, Re[Pp] = r, Re[La] = Ne, Re[Da] = Je, Re[Ia] = He, process.env.NODE_ENV !== "production" && (Re[$a] = (H) => {
     A.__v_emitter = H;
   }, Re[Pa] = () => {
     A.__v_emitter = void 0;
@@ -6257,74 +6257,74 @@ function d2(t, e, n, r = {}) {
   }
   const T = ae({
     get: () => o.value ? o.value.locale.value : l.value,
-    set: (ne) => {
-      o.value && (o.value.locale.value = ne), l.value = ne;
+    set: (re) => {
+      o.value && (o.value.locale.value = re), l.value = re;
     }
   }), $ = ae({
     get: () => o.value ? o.value.fallbackLocale.value : a.value,
-    set: (ne) => {
-      o.value && (o.value.fallbackLocale.value = ne), a.value = ne;
+    set: (re) => {
+      o.value && (o.value.fallbackLocale.value = re), a.value = re;
     }
   }), A = ae(() => o.value ? o.value.messages.value : c.value), B = ae(() => u.value), P = ae(() => d.value);
   function I() {
     return o.value ? o.value.getPostTranslationHandler() : v;
   }
-  function W(ne) {
-    o.value && o.value.setPostTranslationHandler(ne);
+  function W(re) {
+    o.value && o.value.setPostTranslationHandler(re);
   }
   function z() {
     return o.value ? o.value.getMissingHandler() : g;
   }
-  function D(ne) {
-    o.value && o.value.setMissingHandler(ne);
+  function D(re) {
+    o.value && o.value.setMissingHandler(re);
   }
-  function O(ne) {
-    return w(), ne();
+  function O(re) {
+    return w(), re();
   }
-  function R(...ne) {
-    return o.value ? O(() => Reflect.apply(o.value.t, null, [...ne])) : O(() => "");
+  function R(...re) {
+    return o.value ? O(() => Reflect.apply(o.value.t, null, [...re])) : O(() => "");
   }
-  function j(...ne) {
-    return o.value ? Reflect.apply(o.value.rt, null, [...ne]) : "";
+  function j(...re) {
+    return o.value ? Reflect.apply(o.value.rt, null, [...re]) : "";
   }
-  function ie(...ne) {
-    return o.value ? O(() => Reflect.apply(o.value.d, null, [...ne])) : O(() => "");
+  function ie(...re) {
+    return o.value ? O(() => Reflect.apply(o.value.d, null, [...re])) : O(() => "");
   }
-  function oe(...ne) {
-    return o.value ? O(() => Reflect.apply(o.value.n, null, [...ne])) : O(() => "");
+  function oe(...re) {
+    return o.value ? O(() => Reflect.apply(o.value.n, null, [...re])) : O(() => "");
   }
-  function ge(ne) {
-    return o.value ? o.value.tm(ne) : {};
+  function ge(re) {
+    return o.value ? o.value.tm(re) : {};
   }
-  function be(ne, De) {
-    return o.value ? o.value.te(ne, De) : !1;
+  function be(re, De) {
+    return o.value ? o.value.te(re, De) : !1;
   }
-  function V(ne) {
-    return o.value ? o.value.getLocaleMessage(ne) : {};
+  function V(re) {
+    return o.value ? o.value.getLocaleMessage(re) : {};
   }
-  function q(ne, De) {
-    o.value && (o.value.setLocaleMessage(ne, De), c.value[ne] = De);
+  function q(re, De) {
+    o.value && (o.value.setLocaleMessage(re, De), c.value[re] = De);
   }
-  function Z(ne, De) {
-    o.value && o.value.mergeLocaleMessage(ne, De);
+  function Z(re, De) {
+    o.value && o.value.mergeLocaleMessage(re, De);
   }
-  function J(ne) {
-    return o.value ? o.value.getDateTimeFormat(ne) : {};
+  function J(re) {
+    return o.value ? o.value.getDateTimeFormat(re) : {};
   }
-  function Y(ne, De) {
-    o.value && (o.value.setDateTimeFormat(ne, De), u.value[ne] = De);
+  function Y(re, De) {
+    o.value && (o.value.setDateTimeFormat(re, De), u.value[re] = De);
   }
-  function ye(ne, De) {
-    o.value && o.value.mergeDateTimeFormat(ne, De);
+  function ye(re, De) {
+    o.value && o.value.mergeDateTimeFormat(re, De);
   }
-  function me(ne) {
-    return o.value ? o.value.getNumberFormat(ne) : {};
+  function me(re) {
+    return o.value ? o.value.getNumberFormat(re) : {};
   }
-  function Ne(ne, De) {
-    o.value && (o.value.setNumberFormat(ne, De), d.value[ne] = De);
+  function Ne(re, De) {
+    o.value && (o.value.setNumberFormat(re, De), d.value[re] = De);
   }
-  function He(ne, De) {
-    o.value && o.value.mergeNumberFormat(ne, De);
+  function He(re, De) {
+    o.value && o.value.mergeNumberFormat(re, De);
   }
   const Je = {
     get id() {
@@ -6338,8 +6338,8 @@ function d2(t, e, n, r = {}) {
     get inheritLocale() {
       return o.value ? o.value.inheritLocale : s;
     },
-    set inheritLocale(ne) {
-      o.value && (o.value.inheritLocale = ne);
+    set inheritLocale(re) {
+      o.value && (o.value.inheritLocale = re);
     },
     get availableLocales() {
       return o.value ? o.value.availableLocales : Object.keys(c.value);
@@ -6356,38 +6356,38 @@ function d2(t, e, n, r = {}) {
     get missingWarn() {
       return o.value ? o.value.missingWarn : f;
     },
-    set missingWarn(ne) {
-      o.value && (o.value.missingWarn = ne);
+    set missingWarn(re) {
+      o.value && (o.value.missingWarn = re);
     },
     get fallbackWarn() {
       return o.value ? o.value.fallbackWarn : h;
     },
-    set fallbackWarn(ne) {
-      o.value && (o.value.missingWarn = ne);
+    set fallbackWarn(re) {
+      o.value && (o.value.missingWarn = re);
     },
     get fallbackRoot() {
       return o.value ? o.value.fallbackRoot : p;
     },
-    set fallbackRoot(ne) {
-      o.value && (o.value.fallbackRoot = ne);
+    set fallbackRoot(re) {
+      o.value && (o.value.fallbackRoot = re);
     },
     get fallbackFormat() {
       return o.value ? o.value.fallbackFormat : m;
     },
-    set fallbackFormat(ne) {
-      o.value && (o.value.fallbackFormat = ne);
+    set fallbackFormat(re) {
+      o.value && (o.value.fallbackFormat = re);
     },
     get warnHtmlMessage() {
       return o.value ? o.value.warnHtmlMessage : k;
     },
-    set warnHtmlMessage(ne) {
-      o.value && (o.value.warnHtmlMessage = ne);
+    set warnHtmlMessage(re) {
+      o.value && (o.value.warnHtmlMessage = re);
     },
     get escapeParameter() {
       return o.value ? o.value.escapeParameter : b;
     },
-    set escapeParameter(ne) {
-      o.value && (o.value.escapeParameter = ne);
+    set escapeParameter(re) {
+      o.value && (o.value.escapeParameter = re);
     },
     t: R,
     getPostTranslationHandler: I,
@@ -6409,20 +6409,20 @@ function d2(t, e, n, r = {}) {
     setNumberFormat: Ne,
     mergeNumberFormat: He
   };
-  function dt(ne) {
-    ne.locale.value = l.value, ne.fallbackLocale.value = a.value, Object.keys(c.value).forEach((De) => {
-      ne.mergeLocaleMessage(De, c.value[De]);
+  function dt(re) {
+    re.locale.value = l.value, re.fallbackLocale.value = a.value, Object.keys(c.value).forEach((De) => {
+      re.mergeLocaleMessage(De, c.value[De]);
     }), Object.keys(u.value).forEach((De) => {
-      ne.mergeDateTimeFormat(De, u.value[De]);
+      re.mergeDateTimeFormat(De, u.value[De]);
     }), Object.keys(d.value).forEach((De) => {
-      ne.mergeNumberFormat(De, d.value[De]);
-    }), ne.escapeParameter = b, ne.fallbackFormat = m, ne.fallbackRoot = p, ne.fallbackWarn = h, ne.missingWarn = f, ne.warnHtmlMessage = k;
+      re.mergeNumberFormat(De, d.value[De]);
+    }), re.escapeParameter = b, re.fallbackFormat = m, re.fallbackRoot = p, re.fallbackWarn = h, re.missingWarn = f, re.warnHtmlMessage = k;
   }
   return E0(() => {
     if (t.proxy == null || t.proxy.$i18n == null)
       throw dr(et.NOT_AVAILABLE_COMPOSITION_IN_LEGACY);
-    const ne = o.value = t.proxy.$i18n.__composer;
-    e === "global" ? (l.value = ne.locale.value, a.value = ne.fallbackLocale.value, c.value = ne.messages.value, u.value = ne.datetimeFormats.value, d.value = ne.numberFormats.value) : i && dt(ne);
+    const re = o.value = t.proxy.$i18n.__composer;
+    e === "global" ? (l.value = re.locale.value, a.value = re.fallbackLocale.value, c.value = re.messages.value, u.value = re.datetimeFormats.value, d.value = re.numberFormats.value) : i && dt(re);
   }), Je;
 }
 Kb();
@@ -6482,6 +6482,7 @@ const Pc = /* @__PURE__ */ Me(y2, [["render", k2]]), x2 = {
     disabled: Boolean,
     large: Boolean,
     small: Boolean,
+    medium: Boolean,
     clearable: Boolean,
     loading: Boolean,
     invalid: Boolean,
@@ -6528,15 +6529,16 @@ const Pc = /* @__PURE__ */ Me(y2, [["render", k2]]), x2 = {
         ])
       ])) : ce("", !0),
       F("div", {
-        class: re(["wpic-input overflow-auto leading-none flex relative items-center", {
+        class: ne(["wpic-input overflow-auto leading-none flex relative items-center", {
           "border rounded-sm pr-3": !t.naked,
           "!pl-0 pr-1 !bg-transparent": t.naked,
           "border-b": t.material,
           "pl-4": !s.$slots.prepend,
           "pl-8": s.$slots.prepend,
           [`${n[U(ke).theme]}`]: !0,
-          "h-8 text-sm": t.small,
-          "h-10": !t.large && !t.small,
+          "h-6 text-xs": t.small,
+          "h-8 text-sm": t.medium,
+          "h-10": !t.large && !t.small && !t.medium,
           "h-12": t.large,
           [`${r[U(ke).theme]}`]: t.disabled,
           "cursor-pointer": !t.disabled,
@@ -7197,6 +7199,7 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
     value: {},
     name: String,
     small: Boolean,
+    medium: Boolean,
     hideSelect: Boolean,
     label: String,
     placeholder: {
@@ -7379,6 +7382,7 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
           naked: t.naked,
           disabled: t.disabled,
           small: t.small,
+          medium: t.medium,
           invalid: t.isInvalid,
           loading: t.loading
         }, {
@@ -7386,7 +7390,7 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
             var z, D, O, R, j, ie;
             return [
               F("span", {
-                class: re(["select-none w-full text-left flex-1", { "whitespace-pre": !t.multiple }])
+                class: ne(["select-none w-full text-left flex-1", { "whitespace-pre": !t.multiple }])
               }, [
                 t.modelValue && (!t.multiple || t.multiple && ((z = t.modelValue) == null ? void 0 : z.length) > 0) && !t.hideSelect ? (S(), L("span", Rx, [
                   b.value && ((D = t.allSelectedText) != null && D.length) ? (S(), L(je, { key: 0 }, [
@@ -7408,12 +7412,12 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
               ])) : ce("", !0),
               !t.hideChevron && !t.loading ? (S(), Te(Px, {
                 key: 1,
-                class: "h-5 w-5 -mr-[2px]"
-              })) : ce("", !0)
+                class: ne(["h-5 w-5 -mr-[2px]", { "h-4!": t.small || t.medium }])
+              }, null, 8, ["class"])) : ce("", !0)
             ];
           }),
           _: 3
-        }, 8, ["material", "naked", "disabled", "small", "invalid", "loading"])
+        }, 8, ["material", "naked", "disabled", "small", "medium", "invalid", "loading"])
       ]),
       content: Ae(() => {
         var W, z;
@@ -7449,10 +7453,10 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
                 }, Ee(P.$t("wpiccomponents.select_none")), 1)
               ])) : ce("", !0),
               (S(!0), L(je, null, ut(y.value, (D) => (S(), L("div", {
-                class: re(["group", { "is-selected": !!v(D.value) }])
+                class: ne(["group", { "is-selected": !!v(D.value) }])
               }, [
                 F("div", {
-                  class: re(["flex items-center py-2 px-4 min-w-64 text-base", {
+                  class: ne(["flex items-center py-2 px-4 min-w-64 text-base", {
                     "cursor-pointer": !t.multiple || D.value,
                     [`${k[U(ke).theme]}`]: !0
                   }]),
@@ -7461,11 +7465,11 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
                   F("div", zx, [
                     F("div", Wx, [
                       F("div", {
-                        class: re(["", { "opacity-25": D.disabled, "line-clamp-1": t.oneLine }])
+                        class: ne(["", { "opacity-25": D.disabled, "line-clamp-1": t.oneLine }])
                       }, Ee(D.label || D.value), 3),
                       D.description ? (S(), L("div", {
                         key: 0,
-                        class: re(["text-xs opacity-50 font-normal!", { "opacity-10": D.disabled }])
+                        class: ne(["text-xs opacity-50 font-normal!", { "opacity-10": D.disabled }])
                       }, Ee(D.description), 3)) : ce("", !0)
                     ]),
                     t.multiple && v(D.value) ? (S(), Te(Fp, {
@@ -7500,18 +7504,18 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
       n.disabled || r("update:modelValue", !n.modelValue);
     }
     return (o, s) => (S(), L("div", {
-      class: re(["inline-flex items-center gap-3 select-none", { "opacity-50": t.disabled, "cursor-pointer": !t.disabled }]),
+      class: ne(["inline-flex items-center gap-3 select-none", { "opacity-50": t.disabled, "cursor-pointer": !t.disabled }]),
       onClick: i
     }, [
       F("div", {
-        class: re(["w-11 h-6 rounded-full shadow-inner flex items-center transition-all duration-100", { "bg-lime-500 dark:bg-lime-600": t.modelValue, "bg-gray-300 dark:bg-gray-800": !t.modelValue }])
+        class: ne(["w-11 h-6 rounded-full shadow-inner flex items-center transition-all duration-100", { "bg-lime-500 dark:bg-lime-600": t.modelValue, "bg-gray-300 dark:bg-gray-800": !t.modelValue }])
       }, [
         F("div", {
-          class: re(["w-5 h-5 rounded-full bg-white dark:bg-gray-500 shadow-md transition-all duration-100 transform", { "translate-x-[calc(100%+3px)] dark:!bg-gray-200": t.modelValue, "translate-x-px": !t.modelValue }])
+          class: ne(["w-5 h-5 rounded-full bg-white dark:bg-gray-500 shadow-md transition-all duration-100 transform", { "translate-x-[calc(100%+3px)] dark:!bg-gray-200": t.modelValue, "translate-x-px": !t.modelValue }])
         }, null, 2)
       ], 2),
       F("span", {
-        class: re({ "text-gray-500": !t.modelValue, "text-gray-700 dark:text-gray-300": t.modelValue })
+        class: ne({ "text-gray-500": !t.modelValue, "text-gray-700 dark:text-gray-300": t.modelValue })
       }, Ee(t.label), 3)
     ], 2));
   }
@@ -7585,7 +7589,7 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
       F("textarea", {
         ref_key: "myTextarea",
         ref: i,
-        class: re(["relative appearance-none outline-hidden flex w-full h-full rounded-sm 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: ne(["relative appearance-none outline-hidden flex w-full h-full rounded-sm 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 && !o.value,
@@ -7807,6 +7811,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       type: String
     },
     small: Boolean,
+    medium: Boolean,
     maxDisplay: {
       type: Number
     },
@@ -7887,13 +7892,13 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       allSelected: $,
       isAllSelected: A
     }), (B, P) => (S(), L("div", {
-      class: re(["wpic-form-field", {
+      class: ne(["wpic-form-field", {
         "mb-6": !t.slim
       }])
     }, [
       a.value && !t.checkbox && !t.radio && !t.toggleSwitch ? (S(), L("div", {
         key: 0,
-        class: re([{ "text-sm": t.small, "text-base": !t.small }, "mb-2 wpic-form-label text-gray-500 dark:text-gray-500 flex items-center justify-between"])
+        class: ne([{ "text-sm": t.small, "text-base": !t.small }, "mb-2 wpic-form-label text-gray-500 dark:text-gray-500 flex items-center justify-between"])
       }, [
         F("div", kS, [
           F("span", null, Ee(a.value), 1),
@@ -7932,7 +7937,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       }, {
         default: Ae(({ field: I }) => [
           F("div", {
-            class: re(["inline-flex group items-center gap-2", {
+            class: ne(["inline-flex group items-center gap-2", {
               "is-disabled": t.disabled,
               "is-active": !t.disabled && !t.modelValue,
               "is-selected": t.modelValue === !0
@@ -7940,14 +7945,14 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
             onClick: P[0] || (P[0] = (W) => t.disabled ? void 0 : m(t.modelValue))
           }, [
             F("div", {
-              class: re(["w-4 h-4 border dark:border-gray-800 cursor-pointer", {
+              class: ne(["w-4 h-4 border dark:border-gray-800 cursor-pointer", {
                 [`${i[U(ke).theme]}`]: !0
               }])
             }, [
               t.modelValue === !0 ? (S(), Te(Fp, { key: 0 })) : ce("", !0)
             ], 2),
             F("span", {
-              class: re(["text-base cursor-pointer select-none text-gray-600 dark:text-gray-500", { "!text-gray-500/50 dark:text-gray-700/50": t.disabled }])
+              class: ne(["text-base cursor-pointer select-none text-gray-600 dark:text-gray-500", { "!text-gray-500/50 dark:text-gray-700/50": t.disabled }])
             }, [
               Fe(B.$slots, "default", {}, () => [
                 tt(Ee(a.value), 1)
@@ -7969,14 +7974,14 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
             onClick: P[2] || (P[2] = () => {
               t.disabled || g(t.radioValue);
             }),
-            class: re([{ "cursor-pointer": !t.disabled }, "inline-flex items-center gap-2 select-none"])
+            class: ne([{ "cursor-pointer": !t.disabled }, "inline-flex items-center gap-2 select-none"])
           }, [
             F("span", {
-              class: re(["h-4 w-4 border border-zinc-400 rounded-full p-[2px]", { "border-opacity-50": t.disabled }])
+              class: ne(["h-4 w-4 border border-zinc-400 rounded-full p-[2px]", { "border-opacity-50": t.disabled }])
             }, [
               t.radioValue == t.modelValue ? (S(), L("span", {
                 key: 0,
-                class: re(["flex rounded-full h-full w-full bg-violet-800", { "bg-opacity-50": t.disabled }])
+                class: ne(["flex rounded-full h-full w-full bg-violet-800", { "bg-opacity-50": t.disabled }])
               }, null, 2)) : ce("", !0)
             ], 2),
             F("input", {
@@ -7989,7 +7994,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
             }, null, 40, ES),
             a.value ? (S(), L("span", {
               key: 0,
-              class: re(["text-base", { "opacity-50": t.disabled }])
+              class: ne(["text-base", { "opacity-50": t.disabled }])
             }, Ee(a.value), 3)) : ce("", !0)
           ], 2)
         ]),
@@ -8013,6 +8018,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
               disabled: t.disabled,
               options: t.options,
               small: t.small,
+              medium: t.medium,
               oneLine: t.oneLine,
               clearable: t.clearable,
               hideSelect: t.hideSelect,
@@ -8032,7 +8038,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
               loading: t.loading,
               material: t.material,
               naked: t.naked
-            }, null, 8, ["modelValue", "disabled", "options", "small", "oneLine", "clearable", "hideSelect", "remote-method", "multiple", "filterable", "maxDisplay", "batchSelect", "allSelectedText", "summaryText", "debounce", "total", "isInvalid", "required", "label", "placeholder", "loading", "material", "naked"])
+            }, null, 8, ["modelValue", "disabled", "options", "small", "medium", "oneLine", "clearable", "hideSelect", "remote-method", "multiple", "filterable", "maxDisplay", "batchSelect", "allSelectedText", "summaryText", "debounce", "total", "isInvalid", "required", "label", "placeholder", "loading", "material", "naked"])
           ];
         }),
         _: 1
@@ -8071,7 +8077,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
         _: 1
       }, 8, ["modelValue", "rules", "name"])) : (S(), L("div", {
         key: 6,
-        class: re(["wpic-input flex relative", {
+        class: ne(["wpic-input flex relative", {
           "rounded-sm border": !t.naked,
           "border-b": t.material,
           "!bg-transparent": t.naked,
@@ -8085,7 +8091,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       }, [
         B.$slots.prepend ? (S(), L("div", {
           key: 0,
-          class: re(["absolute dark:text-gray-400 left-0 ml-0 w-9 h-full flex items-center text-center", { "justify-center": !t.naked }])
+          class: ne(["absolute dark:text-gray-400 left-0 ml-0 w-9 h-full flex items-center text-center", { "justify-center": !t.naked }])
         }, [
           F("div", TS, [
             Fe(B.$slots, "prepend")
@@ -8126,7 +8132,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
           ref: b,
           autocomplete: "off",
           style: { "z-index": "1" },
-          class: re(["flex w-full h-full rounded-sm pr-4 bg-transparent outline-hidden appearance-none dark:text-gray-400 dark:placeholder:text-gray-700", {
+          class: ne(["flex w-full h-full rounded-sm pr-4 bg-transparent outline-hidden appearance-none dark:text-gray-400 dark:placeholder:text-gray-700", {
             "pl-4": !B.$slots.prepend && !t.naked,
             "pl-8": B.$slots.prepend && !t.naked,
             "pl-6": B.$slots.prepend && t.naked,
@@ -8190,7 +8196,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       ])) : ce("", !0),
       B.$slots.help || t.help ? (S(), L("div", {
         key: 8,
-        class: re(["text-base mt-1", { "ml-7": t.type == "checkbox", "opacity-50": t.disabled }])
+        class: ne(["text-base mt-1", { "ml-7": t.type == "checkbox", "opacity-50": t.disabled }])
       }, [
         Fe(B.$slots, "help", {}, () => [
           tt(Ee(t.help), 1)
@@ -8257,7 +8263,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       F("span", {
         ref_key: "button",
         ref: e,
-        class: re({ "w-full h-full": t.full }),
+        class: ne({ "w-full h-full": t.full }),
         "aria-describedby": "tooltip",
         onMouseenter: o,
         onMouseleave: s
@@ -8304,7 +8310,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
     return (r, i) => {
       const o = _s("wpic-loading-panel");
       return S(), L("div", {
-        class: re(["rounded-lg wpic-card relative", { [e[U(ke).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions || r.$slots.title }])
+        class: ne(["rounded-lg wpic-card relative", { [e[U(ke).theme]]: !0, "wpic-card-inline": t.inline, "has-header": t.title || r.$slots.actions || r.$slots.title }])
       }, [
         t.loading ? (S(), Te(o, {
           key: 0,
@@ -8314,7 +8320,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
         t.title || r.$slots.title || r.$slots.actions ? (S(), L("div", IS, [
           t.title || r.$slots.title || r.$slots.actions ? (S(), L("div", {
             key: 0,
-            class: re(["text-lg 2xl:text-xl flex items-center", [n[U(ke).theme]]])
+            class: ne(["text-lg 2xl:text-xl flex items-center", [n[U(ke).theme]]])
           }, [
             Fe(r.$slots, "title", {}, () => [
               tt(Ee(t.title), 1)
@@ -8348,7 +8354,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       "wpic-tools": "px-6"
     };
     return (n, r) => (S(), L("div", {
-      class: re(["border-b relative dark:border-gray-900 dark:text-gray-300 last:border-0 pb-6", {
+      class: ne(["border-b relative dark:border-gray-900 dark:text-gray-300 last:border-0 pb-6", {
         [`${e[U(ke).theme]}`]: !0,
         "pt-3": !(t.title && n.$slots.actions && n.$slots.title),
         "pt-6": !t.title && !n.$slots.actions && !n.$slots.title,
@@ -8393,16 +8399,16 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       "wpic-tools": "bg-lime-500 rounded-xs dark:bg-lime-700"
     };
     return (o, s) => (S(), L("div", {
-      class: re(["relative flex", { "mb-4": t.indicators }])
+      class: ne(["relative flex", { "mb-4": t.indicators }])
     }, [
       F("div", {
-        class: re(["flex w-full relative", r[U(ke).theme]]),
+        class: ne(["flex w-full relative", r[U(ke).theme]]),
         style: { "z-index": "1" }
       }, [
         n.value > 0 ? (S(), L("div", {
           key: 0,
           style: Un({ width: `${n.value}%` }),
-          class: re(["flex h-full", {
+          class: ne(["flex h-full", {
             [`${t.background}`]: !0,
             [`${i[U(ke).theme]}`]: !0
           }])
@@ -8440,7 +8446,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       r("clear");
     }
     return (o, s) => (S(), L("div", {
-      class: re(["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[U(ke).theme]]: !0 }])
+      class: ne(["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[U(ke).theme]]: !0 }])
     }, [
       F("span", qS, [
         Fe(o.$slots, "default")
@@ -8462,10 +8468,10 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
   },
   setup(t) {
     return (e, n) => (S(), L("div", {
-      class: re({ "w-full": t.full })
+      class: ne({ "w-full": t.full })
     }, [
       F("div", {
-        class: re(["ui-tag-group flex flex-wrap gap-2", { "w-full": t.full }])
+        class: ne(["ui-tag-group flex flex-wrap gap-2", { "w-full": t.full }])
       }, [
         Fe(e.$slots, "default")
       ], 2)
@@ -8491,7 +8497,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
   },
   setup(t) {
     return (e, n) => (S(), L("div", {
-      class: re(["w-full h-full flex items-center justify-center", { "py-3": !t.wave }])
+      class: ne(["w-full h-full flex items-center justify-center", { "py-3": !t.wave }])
     }, [
       t.wave ? (S(), L("div", QS, tO)) : (S(), Te(Ui, {
         key: 0,
@@ -8519,7 +8525,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       "wpic-tools": "text-gray-300 dark:text-gray-700 dark:border-gray-900"
     };
     return (i, o) => (S(), L("div", {
-      class: re(["border rounded-sm flex items-center justify-center w-10 h-10 cursor-pointer", {
+      class: ne(["border rounded-sm flex items-center justify-center w-10 h-10 cursor-pointer", {
         [e[U(ke).theme]]: !t.active && !t.disabled,
         [n[U(ke).theme]]: t.active && !t.disabled,
         [r[U(ke).theme]]: t.disabled
@@ -8752,7 +8758,7 @@ const VO = /* @__PURE__ */ Me(DO, [["render", RO]]), BO = { class: "font-semibol
     };
     return (n, r) => (S(), L("tr", BO, [
       t.checkable ? (S(), Te(Fs, {
-        class: re(["py-3 first:pl-6 pr-6 border-t", {
+        class: ne(["py-3 first:pl-6 pr-6 border-t", {
           [`${e[U(ke).theme]}`]: !0,
           "sticky left-0": !0,
           "border-b": t.position === "header",
@@ -8766,7 +8772,7 @@ const VO = /* @__PURE__ */ Me(DO, [["render", RO]]), BO = { class: "font-semibol
         key: "tr_total_0"
       }, null, 8, ["class"])) : ce("", !0),
       (S(!0), L(je, null, ut(t.columns, (i, o) => (S(), Te(Fs, {
-        class: re(["py-3 first:pl-6 pr-6 border-t", {
+        class: ne(["py-3 first:pl-6 pr-6 border-t", {
           [`${e[U(ke).theme]}`]: !0,
           "sticky left-0": o === 0,
           "border-b": t.position === "header",
@@ -9014,14 +9020,14 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
           ])
         ])) : ce("", !0),
         F("div", {
-          class: re(["wpic-table-content relative w-full rounded-lg overflow-hidden-", {
+          class: ne(["wpic-table-content relative w-full rounded-lg overflow-hidden-", {
             "no-radius rounded-none": t.noRadius || t.columnToggleable,
             border: t.border,
             [`${i[U(ke).theme]}`]: !0
           }])
         }, [
           F("div", {
-            class: re(["", { "overflow-y-auto": !t.stickyHeader }])
+            class: ne(["", { "overflow-y-auto": !t.stickyHeader }])
           }, [
             F("table", nC, [
               F("colgroup", null, [
@@ -9040,12 +9046,12 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
               ]),
               t.hideHeaders ? ce("", !0) : (S(), L("thead", {
                 key: 0,
-                class: re(["rounded-t-lg", { "sticky top-0 z-10": t.stickyHeader }])
+                class: ne(["rounded-t-lg", { "sticky top-0 z-10": t.stickyHeader }])
               }, [
                 F("tr", null, [
                   t.checkable ? (S(), L("th", {
                     key: 0,
-                    class: re(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${o[U(ke).theme]}`]])
+                    class: ne(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${o[U(ke).theme]}`]])
                   }, [
                     F("div", sC, [
                       ve(D, {
@@ -9059,12 +9065,12 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                   ], 2)) : ce("", !0),
                   g.value.find((O) => O.type == "expand") ? (S(), L("th", {
                     key: 1,
-                    class: re(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${o[U(ke).theme]}`]])
+                    class: ne(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", [`${o[U(ke).theme]}`]])
                   }, null, 2)) : ce("", !0),
                   (S(!0), L(je, null, ut(g.value.filter((O) => O.type != "expand"), (O, R) => {
                     var j, ie;
                     return S(), L("th", {
-                      class: re(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", {
+                      class: ne(["first:rounded-tl-lg last:rounded-tr-lg py-0 border-b first:pl-6 pr-6", {
                         [`${o[U(ke).theme]}`]: !0,
                         "sticky top-0 left-0": R === 0
                       }]),
@@ -9074,7 +9080,7 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                         onClick: () => {
                           O.sortable && k(O.field);
                         },
-                        class: re(["flex items-center lg:text-base rounded-lg", {
+                        class: ne(["flex items-center lg:text-base rounded-lg", {
                           "py-3": !t.small,
                           "py-1 text-sm": t.small,
                           "cursor-pointer": O.sortable && O.field,
@@ -9083,14 +9089,14 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                         }])
                       }, [
                         F("span", {
-                          class: re(["select-none font-medium text-sm", { "text-right": O.align == "right" }])
+                          class: ne(["select-none font-medium text-sm", { "text-right": O.align == "right" }])
                         }, Ee(O.label), 3),
                         O.sortable && O.field ? (S(), L("span", {
                           key: 0,
-                          class: re(["ml-1", { "opacity-25": O.field != ((j = t.sortOptions) == null ? void 0 : j.sortBy) }])
+                          class: ne(["ml-1", { "opacity-25": O.field != ((j = t.sortOptions) == null ? void 0 : j.sortBy) }])
                         }, [
                           ve(VO, {
-                            class: re(["w-4 h-4", { "rotate-180": ((ie = t.sortOptions) == null ? void 0 : ie.sortDirection) === "asc" }])
+                            class: ne(["w-4 h-4", { "rotate-180": ((ie = t.sortOptions) == null ? void 0 : ie.sortDirection) === "asc" }])
                           }, null, 8, ["class"])
                         ], 2)) : ce("", !0)
                       ], 10, lC)
@@ -9101,7 +9107,7 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
               F("tbody", aC, [
                 t.loading ? (S(), L(je, { key: 0 }, [
                   F("div", {
-                    class: re(["inset-0 z-10 absolute flex items-center justify-center", [u[U(ke).theme]]])
+                    class: ne(["inset-0 z-10 absolute flex items-center justify-center", [u[U(ke).theme]]])
                   }, [
                     ve(Ui, { class: "w-6 h-6" })
                   ], 2),
@@ -9121,7 +9127,7 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                     key: `tr_${R}`
                   }, [
                     F("tr", {
-                      class: re(["tr group border-b last:border-b-0 overflow-hidden", {
+                      class: ne(["tr group border-b last:border-b-0 overflow-hidden", {
                         "is-odd": R % 2 == 0,
                         "is-even": R % 2 != 0,
                         [s[U(ke).theme]]: !0
@@ -9129,7 +9135,7 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                     }, [
                       t.checkable ? (S(), L("td", {
                         key: 0,
-                        class: re([
+                        class: ne([
                           {
                             [`${a[U(ke).theme]}`]: !0,
                             [`${c[U(ke).theme]}`]: t.stripe
@@ -9149,7 +9155,7 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                       ], 2)) : ce("", !0),
                       g.value.find((V) => V.type == "expand") ? (S(), L("td", {
                         key: 1,
-                        class: re([[
+                        class: ne([[
                           {
                             "first:pl-6 pr-6 last:pr-6": !t.noXPadding,
                             "first:pl-0 pr-6 last:pr-0": t.noXPadding,
@@ -9179,7 +9185,7 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                       (S(!0), L(je, null, ut(g.value.filter((V) => V.type != "expand"), (V, q) => {
                         var Z, J;
                         return S(), Te(Fs, {
-                          class: re(["lg:text-base h-full table-cell", {
+                          class: ne(["lg:text-base h-full table-cell", {
                             "text-sm lg:text-sm py-1!": t.small,
                             "sticky left-0 shadow-sm": q === 0,
                             [`${a[U(ke).theme]}`]: !0,
@@ -9203,13 +9209,13 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
                     ], 2),
                     g.value.find((V) => V.type == "expand") ? Ti((S(), L("tr", {
                       key: 0,
-                      class: re([{
+                      class: ne([{
                         [s[U(ke).theme]]: !t.stripe,
                         [l[U(ke).theme]]: t.stripe
                       }, "tr border-b last:border-b-0 overflow-hidden"])
                     }, [
                       ve(Fs, {
-                        class: re(["lg:text-base bg-gray-50! dark:bg-gray-940!", {
+                        class: ne(["lg:text-base bg-gray-50! dark:bg-gray-940!", {
                           [`${a[U(ke).theme]}`]: !0,
                           "py-3 first:pl-6 pr-6": !((j = g.value.find((V) => V.type == "expand")) != null && j.noPadding),
                           "p-0": (ie = g.value.find((V) => V.type == "expand")) == null ? void 0 : ie.noPadding,
@@ -22100,7 +22106,7 @@ function nN(t) {
       var W, z = y === "y" ? qt : Kt, D = y === "y" ? hn : pn, O = y === "y" ? "height" : "width", R = w[y], j = R + g[z], ie = R - g[D], oe = h ? -$[O] / 2 : 0, ge = k === Fi ? T[O] : $[O], be = k === Fi ? -$[O] : -T[O], V = e.elements.arrow, q = h && V ? uu(V) : {
         width: 0,
         height: 0
-      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Jg(), J = Z[z], Y = Z[D], ye = go(0, T[O], q[O]), me = b ? T[O] / 2 - oe - ye - J - B.mainAxis : ge - ye - J - B.mainAxis, Ne = b ? -T[O] / 2 + oe + ye + Y + B.mainAxis : be + ye + Y + B.mainAxis, He = e.elements.arrow && ns(e.elements.arrow), Je = He ? y === "y" ? He.clientTop || 0 : He.clientLeft || 0 : 0, dt = (W = P == null ? void 0 : P[y]) != null ? W : 0, ne = R + me - dt - Je, De = R + Ne - dt, Bt = go(h ? el(j, ne) : j, R, h ? Yr(ie, De) : ie);
+      }, Z = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : Jg(), J = Z[z], Y = Z[D], ye = go(0, T[O], q[O]), me = b ? T[O] / 2 - oe - ye - J - B.mainAxis : ge - ye - J - B.mainAxis, Ne = b ? -T[O] / 2 + oe + ye + Y + B.mainAxis : be + ye + Y + B.mainAxis, He = e.elements.arrow && ns(e.elements.arrow), Je = He ? y === "y" ? He.clientTop || 0 : He.clientLeft || 0 : 0, dt = (W = P == null ? void 0 : P[y]) != null ? W : 0, re = R + me - dt - Je, De = R + Ne - dt, Bt = go(h ? el(j, re) : j, R, h ? Yr(ie, De) : ie);
       w[y] = Bt, I[y] = Bt - R;
     }
     if (l) {
@@ -22672,7 +22678,7 @@ function d0(t) {
 d0.$$tippy = !0;
 var jN = 1, vs = [], ca = [];
 function HN(t, e) {
-  var n = rh(t, Object.assign({}, Xt, c0(Xf(e)))), r, i, o, s = !1, l = !1, a = !1, c = !1, u, d, f, h = [], p = Jf(ne, n.interactiveDebounce), m, g = jN++, v = null, k = wN(n.plugins), b = {
+  var n = rh(t, Object.assign({}, Xt, c0(Xf(e)))), r, i, o, s = !1, l = !1, a = !1, c = !1, u, d, f, h = [], p = Jf(re, n.interactiveDebounce), m, g = jN++, v = null, k = wN(n.plugins), b = {
     // Is the instance currently enabled?
     isEnabled: !0,
     // Is the tippy currently showing and not transitioning out?
@@ -22874,7 +22880,7 @@ function HN(t, e) {
       }), M.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || s) && y.props.hideOnClick !== !1 && y.state.isVisible ? ue = !0 : K(M), M.type === "click" && (s = !ue), ue && !Se && fe(M);
     }
   }
-  function ne(M) {
+  function re(M) {
     var te = M.target, ue = W().contains(te) || w.contains(te);
     if (!(M.type === "mousemove" && ue)) {
       var Se = E().concat(w).map(function(Oe) {
@@ -23013,7 +23019,7 @@ function HN(t, e) {
       var te = y.props, ue = rh(t, Object.assign({}, te, Xf(M), {
         ignoreAttributes: !0
       }));
-      y.props = ue, He(), te.interactiveDebounce !== ue.interactiveDebounce && (ge(), p = Jf(ne, ue.interactiveDebounce)), te.triggerTarget && !ue.triggerTarget ? mi(te.triggerTarget).forEach(function(Se) {
+      y.props = ue, He(), te.interactiveDebounce !== ue.interactiveDebounce && (ge(), p = Jf(re, ue.interactiveDebounce)), te.triggerTarget && !ue.triggerTarget ? mi(te.triggerTarget).forEach(function(Se) {
         Se.removeAttribute("aria-expanded");
       }) : ue.triggerTarget && t.removeAttribute("aria-expanded"), oe(), R(), T && T(te, ue), y.popperInstance && (wt(), E().forEach(function(Se) {
         requestAnimationFrame(Se._tippy.popperInstance.forceUpdate);
@@ -25623,7 +25629,7 @@ const JL = /* @__PURE__ */ Me(zL, [["render", GL]]), ZL = { class: "py-1 px-1 bo
       var g;
       return U(c) ? (S(), L("div", {
         key: 0,
-        class: re(["pt-px relative flex flex-col rounded-sm border", s[U(ke).theme]])
+        class: ne(["pt-px relative flex flex-col rounded-sm border", s[U(ke).theme]])
       }, [
         F("div", ZL, [
           F("div", XL, [
@@ -25651,7 +25657,7 @@ const JL = /* @__PURE__ */ Me(zL, [["render", GL]]), ZL = { class: "py-1 px-1 bo
             ])) : ce("", !0),
             (S(!0), L(je, null, ut(l.filter((v) => v.active), (v) => (S(), L("div", {
               key: v.method,
-              class: re(["w-8 h-8 flex items-center justify-center text-xs rounded-sm text-gray-800 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-white/10", {
+              class: ne(["w-8 h-8 flex items-center justify-center text-xs rounded-sm text-gray-800 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-white/10", {
                 "cursor-pointer": !d(v.method, v.type, v.params, v.disableCheck),
                 "is-active text-gray-800 bg-gray-200 dark:text-white dark:bg-white/10": v.label.startsWith("h") ? U(c).isActive("heading", { level: v.params.level }) : v.method === "setTextAlign" ? U(c).isActive({ textAlign: v.params }) : U(c).isActive(v.label)
               }]),
@@ -25659,7 +25665,7 @@ const JL = /* @__PURE__ */ Me(zL, [["render", GL]]), ZL = { class: "py-1 px-1 bo
             }, [
               v.icon ? (S(), Te(Wi(v.icon), {
                 key: 0,
-                class: re(["", { "w-3 h-3": v.smallIcon, "w-4 h-4": !v.smallIcon && !v.largeIcon, "w-5 h-5": v.largeIcon }])
+                class: ne(["", { "w-3 h-3": v.smallIcon, "w-4 h-4": !v.smallIcon && !v.largeIcon, "w-5 h-5": v.largeIcon }])
               }, null, 8, ["class"])) : (S(), L("span", eD, Ee(U(sv).capitalize(v.label)), 1))
             ], 10, QL))), 128))
           ])
@@ -25764,7 +25770,7 @@ const xD = /* @__PURE__ */ Me(mD, [["render", kD]]), SD = { class: "flex-1" }, O
   },
   setup(t) {
     return (e, n) => (S(), L("span", {
-      class: re(["inline-flex items-center justify-center border-0 font-normal rounded-md min-h-6 gap-1 leading-none text-sm px-2", {
+      class: ne(["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/15 dark:text-green-500/85": t.success,
         "bg-yellow-100 border-yellow-200 text-yellow-700 dark:border-yellow-600/30 dark:bg-yellow-800/15  dark:text-yellow-500/85": t.warning,
         "bg-red-100 border-red-200 text-red-700 dark:border-red-600/30 dark:bg-red-800/15 dark:text-red-500/85": t.error,
@@ -25836,10 +25842,10 @@ const xD = /* @__PURE__ */ Me(mD, [["render", kD]]), SD = { class: "flex-1" }, O
       "wpic-tools": "bg-gray-200"
     };
     return (l, a) => (S(), L("div", {
-      class: re(["relative flex items-center justify-center text-sm py-2 group", { "is-today": t.today && !t.selected, "is-selected": t.selected && !t.off, "is-off": t.off, "is-highlight": t.highlight, "cursor-pointer": !t.disabled }])
+      class: ne(["relative flex items-center justify-center text-sm py-2 group", { "is-today": t.today && !t.selected, "is-selected": t.selected && !t.off, "is-off": t.off, "is-highlight": t.highlight, "cursor-pointer": !t.disabled }])
     }, [
       F("div", {
-        class: re(["h-8 w-full flex justify-center items-center", {
+        class: ne(["h-8 w-full flex justify-center items-center", {
           [`${r[U(ke).theme]}`]: t.between,
           [`${i[U(ke).theme]}`]: t.firstDay,
           [`${o[U(ke).theme]}`]: t.lastDay,
@@ -25848,7 +25854,7 @@ const xD = /* @__PURE__ */ Me(mD, [["render", kD]]), SD = { class: "flex-1" }, O
         style: Un({ marginLeft: t.firstDay ? "50%" : void 0, marginRight: t.lastDay ? "50%" : void 0 })
       }, [
         F("span", {
-          class: re(["absolute w-8 h-8 flex items-center justify-center dark:text-gray-400", {
+          class: ne(["absolute w-8 h-8 flex items-center justify-center dark:text-gray-400", {
             [`${e[U(ke).theme]}`]: !0,
             [`${n[U(ke).theme]}`]: t.highlight && (t.firstDay || t.lastDay)
           }]),
@@ -26432,7 +26438,7 @@ const DD = /* @__PURE__ */ yu(LD), ID = { class: "w-full dark:text-gray-400" },
       )
     );
     return (V, q) => (S(), L("div", {
-      class: re(["shrink-0 flex gap-6", { "min-w-96": l.value.length === 1, "min-w-192": l.value.length === 2 }])
+      class: ne(["shrink-0 flex gap-6", { "min-w-96": l.value.length === 1, "min-w-192": l.value.length === 2 }])
     }, [
       (S(!0), L(je, null, ut(l.value, (Z) => {
         var J;
@@ -26440,11 +26446,11 @@ const DD = /* @__PURE__ */ yu(LD), ID = { class: "w-full dark:text-gray-400" },
           F("div", $D, [
             F("div", PD, [
               ve(im, {
-                class: re(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !B(Z), "hover:opacity-100": B(Z) }]),
+                class: ne(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !B(Z), "hover:opacity-100": B(Z) }]),
                 onClick: (Y) => B(Z) ? w(Z) : null
               }, null, 8, ["class", "onClick"]),
               ve(om, {
-                class: re(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !$(Z), "hover:opacity-100": $(Z) }]),
+                class: ne(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !$(Z), "hover:opacity-100": $(Z) }]),
                 onClick: (Y) => $(Z) ? y(Z) : null
               }, null, 8, ["class", "onClick"])
             ]),
@@ -26472,11 +26478,11 @@ const DD = /* @__PURE__ */ yu(LD), ID = { class: "w-full dark:text-gray-400" },
             ]),
             F("div", HD, [
               ve(lm, {
-                class: re(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !A(Z), "hover:opacity-100": A(Z) }]),
+                class: ne(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !A(Z), "hover:opacity-100": A(Z) }]),
                 onClick: (Y) => A(Z) ? C(Z) : null
               }, null, 8, ["class", "onClick"]),
               ve(sm, {
-                class: re(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !P(Z), "hover:opacity-100": P(Z) }]),
+                class: ne(["w-5 h-5 cursor-pointer select-none", { "opacity-25 cursor-not-allowed": !P(Z), "hover:opacity-100": P(Z) }]),
                 onClick: (Y) => P(Z) ? T(Z) : null
               }, null, 8, ["class", "onClick"])
             ])
@@ -26711,7 +26717,7 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
         onKeydown: c[0] || (c[0] = (...u) => a.onKeydown && a.onKeydown(...u)),
         onBlur: l,
         placeholder: t.placeholder,
-        class: re(["date-segment bg-transparent text-gray-900 dark:text-gray-400 focus:outline-none border-b border-transparent focus:border-gray-800 dark:focus:border-gray-300 transition-all duration-200 ease-in-out hover:bg-gray-50 dark:hover:bg-gray-800 focus:bg-white dark:focus:bg-gray-900 placeholder:opacity-25 placeholder:tracking-wider placeholder:pl-1", {
+        class: ne(["date-segment bg-transparent text-gray-900 dark:text-gray-400 focus:outline-none border-b border-transparent focus:border-gray-800 dark:focus:border-gray-300 transition-all duration-200 ease-in-out hover:bg-gray-50 dark:hover:bg-gray-800 focus:bg-white dark:focus:bg-gray-900 placeholder:opacity-25 placeholder:tracking-wider placeholder:pl-1", {
           "w-[4ch]": o.value === 4,
           "w-[2ch]": o.value === 2
         }]),
@@ -27021,7 +27027,7 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
       s.value.scrollTop = s.value.scrollHeight;
     }
     return (c, u) => (S(), L("div", {
-      class: re(["fixed inset-0 h-full flex justify-end bg-black/10 dark:bg-black/50 backdrop-blur-md transition-opacity", {
+      class: ne(["fixed inset-0 h-full flex justify-end bg-black/10 dark:bg-black/50 backdrop-blur-md transition-opacity", {
         "p-4": t.island,
         "opacity-0 pointer-events-none": !t.visible,
         "opacity-100": t.visible,
@@ -27031,7 +27037,7 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
       onClick: Ei(o, ["self"])
     }, [
       F("div", {
-        class: re(["h-full transform-gpu transition-transform", {
+        class: ne(["h-full transform-gpu transition-transform", {
           "rounded-lg": t.island,
           "translate-x-0": t.visible,
           "translate-x-full": !t.visible,
@@ -27043,7 +27049,7 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
         F("div", {
           ref_key: "panel",
           ref: s,
-          class: re(["h-full overflow-y-auto", { "p-6": !t.expand }])
+          class: ne(["h-full overflow-y-auto", { "p-6": !t.expand }])
         }, [
           Fe(c.$slots, "default")
         ], 2)
@@ -27093,18 +27099,18 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
       goTop: a,
       isScrolledToBottom: l
     }), (d, f) => (S(), L("div", {
-      class: re(["", { flex: t.visible, hidden: !t.visible }])
+      class: ne(["", { flex: t.visible, hidden: !t.visible }])
     }, [
       F("div", kI, [
         F("div", {
-          class: re(["absolute transition-opacity inset-0 bg-black/10 dark:bg-black/50 z-10", { "backdrop-blur-md": t.blur }]),
+          class: ne(["absolute transition-opacity inset-0 bg-black/10 dark:bg-black/50 z-10", { "backdrop-blur-md": t.blur }]),
           onClick: o
         }, null, 2),
         F("div", {
-          class: re(["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-3/5": t.large, "w-4/5": t.extraLarge, "w-192": !t.large && !t.extraLarge, "h-full": t.high, "overflow-hidden": !t.overflow }])
+          class: ne(["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-3/5": t.large, "w-4/5": t.extraLarge, "w-192": !t.large && !t.extraLarge, "h-full": t.high, "overflow-hidden": !t.overflow }])
         }, [
           F("div", {
-            class: re(["px-6 pt-4 pb-4 flex items-center justify-between", { "border-b pb-3 dark:border-gray-900": t.border }])
+            class: ne(["px-6 pt-4 pb-4 flex items-center justify-between", { "border-b pb-3 dark:border-gray-900": t.border }])
           }, [
             F("span", xI, Ee(t.title), 1),
             F("span", {
@@ -27117,7 +27123,7 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
           F("div", {
             ref_key: "panel",
             ref: s,
-            class: re(["flex-1 overflow-y-auto", { "p-6": !t.expand, "scroll-smooth": t.smooth }])
+            class: ne(["flex-1 overflow-y-auto", { "p-6": !t.expand, "scroll-smooth": t.smooth }])
           }, [
             Fe(d.$slots, "default")
           ], 2),
@@ -27149,11 +27155,11 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
     }, l = ae(() => n.modelValue);
     return bo("addTab", s), bo("modelValue", l), (a, c) => (S(), L(je, null, [
       F("div", {
-        class: re(["wpic-tabs flex dark:border-gray-930 overflow-x-auto overflow-y-hidden", { "border-b-[1px]": !t.pills }])
+        class: ne(["wpic-tabs flex dark:border-gray-930 overflow-x-auto overflow-y-hidden", { "border-b-[1px]": !t.pills }])
       }, [
         (S(!0), L(je, null, ut(i.value, (u) => (S(), L("div", {
           key: u.name,
-          class: re(["items-center flex leading-snug cursor-pointer px-6 -mb-[px]", {
+          class: ne(["items-center flex leading-snug cursor-pointer px-6 -mb-[px]", {
             "py-2": t.pills,
             "border-b-[2px] py-3": !t.pills,
             "border-transparent": !t.pills && u.name != t.modelValue,
@@ -27168,7 +27174,7 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
           onClick: (d) => u.disabled ? null : o(u.name)
         }, [
           (S(), Te(Wi(u.labelSlot || "span"), {
-            class: re({ "whitespace-nowrap text-ellipsis overflow-hidden": t.nowrap })
+            class: ne({ "whitespace-nowrap text-ellipsis overflow-hidden": t.nowrap })
           }, {
             default: Ae(() => [
               u.labelSlot ? ce("", !0) : (S(), L(je, { key: 0 }, [
@@ -27216,7 +27222,7 @@ const k0 = /* @__PURE__ */ Me(JD, [["render", eI]]), tI = { class: "flex gap-3"
       { immediate: !0, deep: !0 }
     ), (s, l) => n.value ? (S(), L("div", {
       key: 0,
-      class: re(["wpic-tab-pane", { "py-3 px-6": !t.noStyle }])
+      class: ne(["wpic-tab-pane", { "py-3 px-6": !t.noStyle }])
     }, [
       Fe(s.$slots, "default")
     ], 2)) : ce("", !0);
@@ -27304,7 +27310,7 @@ const e$ = /* @__PURE__ */ Me(GI, [["render", QI]]), t$ = {
   },
   setup(t) {
     return (e, n) => (S(), L("div", {
-      class: re(["py-3 rounded-md text-base flex gap-3 pr-6 mb-3", {
+      class: ne(["py-3 rounded-md text-base flex gap-3 pr-6 mb-3", {
         "bg-iron-500/10 text-iron-900 dark:bg-iron-500/20 dark:text-iron-200/90": !t.warning && !t.info && !t.error && !t.success,
         "bg-yellow-500/10 text-yellow-900 dark:bg-yellow-500/20 dark:text-yellow-200/90": t.warning,
         "bg-purple-500/10 text-purple-900 dark:bg-purple-500/20 dark:text-purple-200/90": t.info,
@@ -27332,7 +27338,7 @@ const e$ = /* @__PURE__ */ Me(GI, [["render", QI]]), t$ = {
       F("div", n$, [
         t.title ? (S(), L("div", r$, Ee(t.title), 1)) : ce("", !0),
         F("span", {
-          class: re(["", {
+          class: ne(["", {
             "": !t.warning && !t.info && !t.error && !t.success,
             "": t.warning,
             "": t.info,
@@ -27382,7 +27388,7 @@ const s$ = { class: "bg-white dark:border dark:border-gray-900 dark:bg-gray-940
     const { visible: e, title: n, text: r, positive: i, negative: o, onConfirm: s, onCancel: l, blur: a } = x0();
     return (c, u) => U(e) ? (S(), L("div", {
       key: 0,
-      class: re(["z-40 fixed top-0 left-0 w-full h-full flex justify-center items-center bg-black/10 dark:bg-black/50 transition-opacity", { "backdrop-blur-md": U(a) }])
+      class: ne(["z-40 fixed top-0 left-0 w-full h-full flex justify-center items-center bg-black/10 dark:bg-black/50 transition-opacity", { "backdrop-blur-md": U(a) }])
     }, [
       F("div", s$, [
         F("div", l$, Ee(U(n)), 1),