@romainbx/wpic-components 0.0.114 → 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 W, 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__;
 }
@@ -664,7 +664,7 @@ function py(t, e) {
   }), s = ae(() => o.errors);
   function l(a) {
     var c, u, d;
-    "value" in a && (n.value = a.value), "errors" in a && ((c = e.form) === null || c === void 0 || c.setFieldError(W(t), a.errors)), "touched" in a && ((u = e.form) === null || u === void 0 || u.setFieldTouched(W(t), (d = a.touched) !== null && d !== void 0 ? d : !1)), "initialValue" in a && i(a.initialValue);
+    "value" in a && (n.value = a.value), "errors" in a && ((c = e.form) === null || c === void 0 || c.setFieldError(U(t), a.errors)), "touched" in a && ((u = e.form) === null || u === void 0 || u.setFieldTouched(U(t), (d = a.touched) !== null && d !== void 0 ? d : !1)), "initialValue" in a && i(a.initialValue);
   }
   return {
     id: Array.isArray(o.id) ? o.id[o.id.length - 1] : o.id,
@@ -678,16 +678,16 @@ function py(t, e) {
   };
 }
 function my(t, e, n) {
-  const r = se(W(e));
+  const r = se(U(e));
   function i() {
-    return n ? Wt(n.initialValues.value, W(t), W(r)) : W(r);
+    return n ? Wt(n.initialValues.value, U(t), U(r)) : U(r);
   }
   function o(c) {
     if (!n) {
       r.value = c;
       return;
     }
-    n.setFieldInitialValue(W(t), c, !0);
+    n.setFieldInitialValue(U(t), c, !0);
   }
   const s = ae(i);
   if (!n)
@@ -697,13 +697,13 @@ function my(t, e, n) {
       setInitialValue: o
     };
   const l = gy(e, n, s, t);
-  return n.stageInitialValue(W(t), l, !0), {
+  return n.stageInitialValue(U(t), l, !0), {
     value: ae({
       get() {
-        return Wt(n.values, W(t));
+        return Wt(n.values, U(t));
       },
       set(c) {
-        n.setFieldValue(W(t), c, !1);
+        n.setFieldValue(U(t), c, !1);
       }
     }),
     initialValue: s,
@@ -711,7 +711,7 @@ function my(t, e, n) {
   };
 }
 function gy(t, e, n, r) {
-  return Ts(t) ? W(t) : t !== void 0 ? t : Wt(e.values, W(r), W(n));
+  return Ts(t) ? U(t) : t !== void 0 ? t : Wt(e.values, U(r), U(n));
 }
 function yy(t, e, n, r) {
   const i = ae(() => {
@@ -722,9 +722,9 @@ function yy(t, e, n, r) {
     pending: !1,
     valid: !0,
     required: i,
-    validated: !!W(n).length,
-    initialValue: ae(() => W(e)),
-    dirty: ae(() => !$t(W(t), W(e)))
+    validated: !!U(n).length,
+    initialValue: ae(() => U(e)),
+    dirty: ae(() => !$t(U(t), U(e)))
   });
   return Qe(n, (s) => {
     o.valid = !s.length;
@@ -874,7 +874,7 @@ function ky(t) {
 function xy(t) {
   const { textColor: e, bgColor: n } = Rh(t.meta.value.valid), r = {};
   Object.values(t.getAllPathStates()).forEach((s) => {
-    Fn(r, W(s.path), Sy(s, t));
+    Fn(r, U(s.path), Sy(s, t));
   });
   function i(s, l = []) {
     const a = [...l].pop();
@@ -910,14 +910,14 @@ function xy(t) {
 function Sy(t, e) {
   return {
     id: kc(e, t),
-    label: W(t.path),
+    label: U(t.path),
     tags: Ph(t.multiple, t.fieldsCount, t.type, t.valid, e)
   };
 }
 function Oy(t, e) {
   return {
     id: kc(e, t),
-    label: W(t.name),
+    label: U(t.name),
     tags: Ph(!1, 1, t.type, t.meta.valid, e)
   };
 }
@@ -952,7 +952,7 @@ function Ph(t, e, n, r, i) {
   ].filter(Boolean);
 }
 function kc(t, e) {
-  const n = e ? "path" in e ? "pathState" : "field" : "form", r = e ? "path" in e ? e == null ? void 0 : e.path : W(e == null ? void 0 : e.name) : "", i = { f: t == null ? void 0 : t.formId, ff: r, type: n };
+  const n = e ? "path" in e ? "pathState" : "field" : "form", r = e ? "path" in e ? e == null ? void 0 : e.path : U(e == null ? void 0 : e.name) : "", i = { f: t == null ? void 0 : t.formId, ff: r, type: n };
   return btoa(encodeURIComponent(JSON.stringify(i)));
 }
 function Cy(t) {
@@ -1064,7 +1064,7 @@ function Vh(t, e, n) {
   const { initialValue: r, validateOnMount: i, bails: o, type: s, checkedValue: l, label: a, validateOnValueUpdate: c, uncheckedValue: u, controlled: d, keepValueOnUnmount: f, syncVModel: h, form: p } = _y(n), m = d ? bc(Uo) : void 0, g = p || m, v = ae(() => oo(Ve(t))), k = ae(() => {
     if (Ve(g == null ? void 0 : g.schema))
       return;
-    const Y = W(e);
+    const Y = U(e);
     return Ns(Y) || yn(Y) || pt(Y) || Array.isArray(Y) ? Y : Ah(Y);
   }), b = !pt(k.value) && yn(Ve(e)), { id: y, value: C, initialValue: w, meta: T, setState: $, errors: A, flags: B } = py(v, {
     modelValue: r,
@@ -1084,7 +1084,7 @@ function Vh(t, e, n) {
   const I = (J, Y = !1) => {
     T.touched = !0, Y && z();
   };
-  async function U(J) {
+  async function W(J) {
     var Y, ye;
     if (g != null && g.validateSchema) {
       const { results: me } = await g.validateSchema(J);
@@ -1097,7 +1097,7 @@ function Vh(t, e, n) {
       bails: o
     }) : { valid: !0, errors: [] };
   }
-  const z = xa(async () => (T.pending = !0, T.validated = !0, U("validated-only")), (J) => (B.pendingUnmount[q.id] || ($({ errors: J.errors }), T.pending = !1, T.valid = J.valid), J)), D = xa(async () => U("silent"), (J) => (T.valid = J.valid, J));
+  const z = xa(async () => (T.pending = !0, T.validated = !0, W("validated-only")), (J) => (B.pendingUnmount[q.id] || ($({ errors: J.errors }), T.pending = !1, T.valid = J.valid), J)), D = xa(async () => W("silent"), (J) => (T.valid = J.valid, J));
   function O(J) {
     return (J == null ? void 0 : J.mode) === "silent" ? D() : z();
   }
@@ -1160,7 +1160,7 @@ function Vh(t, e, n) {
     setErrors: be,
     setValue: ge
   };
-  if (bo(Th, q), Ts(e) && typeof W(e) != "function" && Qe(e, (J, Y) => {
+  if (bo(Th, q), Ts(e) && typeof U(e) != "function" && Qe(e, (J, Y) => {
     $t(J, Y) || (T.validated ? z() : D());
   }, {
     deep: !0
@@ -1362,7 +1362,7 @@ const Ay = /* @__PURE__ */ xn({
       function I(O) {
         f(O, B), pt(e.attrs.onBlur) && e.attrs.onBlur(O);
       }
-      function U(O) {
+      function W(O) {
         b(O, $), pt(e.attrs.onInput) && e.attrs.onInput(O);
       }
       function z(O) {
@@ -1371,7 +1371,7 @@ const Ay = /* @__PURE__ */ xn({
       const D = {
         name: t.name,
         onBlur: I,
-        onInput: U,
+        onInput: W,
         onChange: z
       };
       return D["onUpdate:modelValue"] = (O) => b(O, P), D;
@@ -1436,7 +1436,7 @@ const Lr = Ay;
 let Iy = 0;
 const ss = ["bails", "fieldsCount", "id", "multiple", "type", "validate"];
 function Bh(t) {
-  const e = (t == null ? void 0 : t.initialValues) || {}, n = Object.assign({}, Ve(e)), r = W(t == null ? void 0 : t.validationSchema);
+  const e = (t == null ? void 0 : t.initialValues) || {}, n = Object.assign({}, Ve(e)), r = U(t == null ? void 0 : t.validationSchema);
   return r && yn(r) && pt(r.cast) ? Ye(r.cast(n) || {}) : Ye(n);
 }
 function $y(t) {
@@ -1515,7 +1515,7 @@ function $y(t) {
       },
       fieldsCount: 1,
       validate: N == null ? void 0 : N.validate,
-      dirty: ae(() => !$t(W(ue), W(we)))
+      dirty: ae(() => !$t(U(ue), U(we)))
     });
     return c.value.push(it), d.value[Se] = it, f(), g.value[Se] && !b[Se] && _t(() => {
       Et(Se, { mode: "silent" });
@@ -1527,7 +1527,7 @@ function $y(t) {
       });
     }), it;
   }
-  const I = Cu(fe, 5), U = Cu(fe, 5), z = xa(async (_) => await (_ === "silent" ? I() : U()), (_, [N]) => {
+  const I = Cu(fe, 5), W = Cu(fe, 5), z = xa(async (_) => await (_ === "silent" ? I() : W()), (_, [N]) => {
     const G = Ht(J.errorBag.value), we = [
       .../* @__PURE__ */ new Set([...Ht(_.results), ...c.value.map((M) => M.path), ...G])
     ].sort().reduce((M, te) => {
@@ -1626,7 +1626,7 @@ function $y(t) {
     isValidating: o,
     fieldArrays: l,
     keepValuesOnUnmount: y,
-    validateSchema: W(B) ? z : void 0,
+    validateSchema: U(B) ? z : void 0,
     validate: wt,
     setFieldError: h,
     validateField: Et,
@@ -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);
   }
@@ -1774,7 +1774,7 @@ function $y(t) {
     Fn(C.value, _, Ye(N)), G && Fn(w.value, _, Ye(N));
   }
   async function fe() {
-    const _ = W(B);
+    const _ = U(B);
     if (!_)
       return { valid: !0, results: {}, errors: {} };
     o.value = !0;
@@ -1870,7 +1870,7 @@ function Py(t, e, n, r) {
     touched: "some",
     pending: "some",
     valid: "every"
-  }, o = ae(() => !$t(e, W(n)));
+  }, o = ae(() => !$t(e, U(n)));
   function s() {
     const a = t.value;
     return Ht(i).reduce((c, u) => {
@@ -1882,7 +1882,7 @@ function Py(t, e, n, r) {
   return kh(() => {
     const a = s();
     l.touched = a.touched, l.valid = a.valid, l.pending = a.pending;
-  }), ae(() => Object.assign(Object.assign({ initialValues: W(n) }, l), { valid: l.valid && !Ht(r.value).length, dirty: o.value }));
+  }), ae(() => Object.assign(Object.assign({ initialValues: U(n) }, l), { valid: l.valid && !Ht(r.value).length, dirty: o.value }));
 }
 function Ry(t, e, n) {
   const r = Bh(n), i = se(r), o = se(Ye(r));
@@ -1967,7 +1967,7 @@ const By = /* @__PURE__ */ xn({
     function I() {
       return Ye(s);
     }
-    function U() {
+    function W() {
       return Ye(l.value);
     }
     function z() {
@@ -1997,7 +1997,7 @@ const By = /* @__PURE__ */ xn({
         resetForm: m,
         resetField: T,
         getValues: I,
-        getMeta: U,
+        getMeta: W,
         getErrors: z
       };
     }
@@ -2013,7 +2013,7 @@ const By = /* @__PURE__ */ xn({
       validateField: h,
       resetField: T,
       getValues: I,
-      getMeta: U,
+      getMeta: W,
       getErrors: z,
       values: s,
       meta: l,
@@ -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,22 +2209,22 @@ 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,
           "": t.outline && !t.plain,
           "ring-0!": !t.outline,
-          [`${l[W(ke).theme]}`]: !0,
-          [`${u[W(ke).theme]}`]: t.primary && !t.plain && !t.inverse,
-          [`${d[W(ke).theme]}`]: t.secondary,
-          [`${h[W(ke).theme]}`]: !t.primary && !t.secondary && !t.plain && !t.colorless && !t.destructive,
-          [`${p[W(ke).theme]}`]: t.primary && t.plain,
-          [`${g[W(ke).theme]}`]: !t.primary && !t.destructive && t.plain,
-          [`${a[W(ke).theme]}`]: t.colorless,
-          [`${f[W(ke).theme]}`]: t.destructive && !t.plain && !t.colorless,
-          [`${m[W(ke).theme]}`]: t.destructive && t.plain,
-          [`${c[W(ke).theme]}`]: t.destructive && t.colorless,
+          [`${l[U(ke).theme]}`]: !0,
+          [`${u[U(ke).theme]}`]: t.primary && !t.plain && !t.inverse,
+          [`${d[U(ke).theme]}`]: t.secondary,
+          [`${h[U(ke).theme]}`]: !t.primary && !t.secondary && !t.plain && !t.colorless && !t.destructive,
+          [`${p[U(ke).theme]}`]: t.primary && t.plain,
+          [`${g[U(ke).theme]}`]: !t.primary && !t.destructive && t.plain,
+          [`${a[U(ke).theme]}`]: t.colorless,
+          [`${f[U(ke).theme]}`]: t.destructive && !t.plain && !t.colorless,
+          [`${m[U(ke).theme]}`]: t.destructive && t.plain,
+          [`${c[U(ke).theme]}`]: t.destructive && t.colorless,
           "bg-zinc-50 border-violet-800 text-violet-800": t.primary && t.inverse,
           "hover:bg-white": t.primary && t.inverse && !t.disabled && !t.loading,
           "w-full": t.full,
@@ -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[W(ke).theme]]])
+      class: ne(["wpic-button-group flex flex-wrap h-10", [e[U(ke).theme]]])
     }, [
       Fe(n.$slots, "default")
     ], 2));
@@ -2316,7 +2316,7 @@ const p1 = /* @__PURE__ */ Me(d1, [["render", h1]]), m1 = {
       resetForm: i,
       getForm: o,
       errors: s
-    }), (l, a) => (S(), Te(W(Fy), {
+    }), (l, a) => (S(), Te(U(Fy), {
       ref_key: "myForm",
       ref: n
     }, {
@@ -2609,7 +2609,7 @@ const C1 = (t) => ({
     }, h = Sc(i), p = xc(h), m = await s.getDimensions(c), g = h === "y", v = g ? "top" : "left", k = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", y = o.reference[p] + o.reference[h] - f[h] - o.floating[p], C = f[h] - o.reference[h], w = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let T = w ? w[b] : 0;
     (!T || !await (s.isElement == null ? void 0 : s.isElement(w))) && (T = l.floating[b] || o.floating[p]);
-    const $ = y / 2 - C / 2, A = T / 2 - m[p] / 2 - 1, B = xo(d[v], A), P = xo(d[k], A), I = B, U = T - m[p] - P, z = T / 2 - m[p] / 2 + $, D = Ca(I, z, U), O = !a.arrow && Ko(i) != null && z !== D && o.reference[p] / 2 - (z < I ? B : P) - m[p] / 2 < 0, R = O ? z < I ? z - I : z - U : 0;
+    const $ = y / 2 - C / 2, A = T / 2 - m[p] / 2 - 1, B = xo(d[v], A), P = xo(d[k], A), I = B, W = T - m[p] - P, z = T / 2 - m[p] / 2 + $, D = Ca(I, z, W), O = !a.arrow && Ko(i) != null && z !== D && o.reference[p] / 2 - (z < I ? B : P) - m[p] / 2 < 0, R = O ? z < I ? z - I : z - W : 0;
     return {
       [h]: f[h] + R,
       data: {
@@ -2659,15 +2659,15 @@ const C1 = (t) => ({
         overflows: T
       }], !T.every((I) => I <= 0)) {
         var A, B;
-        const I = (((A = o.flip) == null ? void 0 : A.index) || 0) + 1, U = C[I];
-        if (U)
+        const I = (((A = o.flip) == null ? void 0 : A.index) || 0) + 1, W = C[I];
+        if (W)
           return {
             data: {
               index: I,
               overflows: $
             },
             reset: {
-              placement: U
+              placement: W
             }
           };
         let z = (B = $.filter((D) => D.overflows[0] <= 0).sort((D, O) => D.overflows[1] - O.overflows[1])[0]) == null ? void 0 : B.placement;
@@ -3184,7 +3184,7 @@ function J1(t) {
     name: "arrow",
     options: t,
     fn(e) {
-      const n = G1(W(t.element));
+      const n = G1(U(t.element));
       return n == null ? {} : q1({
         element: n,
         padding: t.padding
@@ -3333,7 +3333,7 @@ const lv = {
     return e({ hide: f }), (v, k) => (S(), L(je, null, [
       (S(), L("div", {
         class: "flex-1",
-        key: `reference_${W(r)}`,
+        key: `reference_${U(r)}`,
         ref_key: "reference",
         ref: l,
         onMouseenter: m,
@@ -3343,17 +3343,17 @@ const lv = {
         Fe(v.$slots, "default", { isHidden: c.value })
       ], 32)),
       (S(), Te(xh, {
-        to: W(ke).popoverTarget
+        to: U(ke).popoverTarget
       }, [
         (S(), L("div", {
-          key: `floating_${W(r)}`,
+          key: `floating_${U(r)}`,
           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[W(ke).theme]}`]: !c.value,
+            [`${s[U(ke).theme]}`]: !c.value,
             "bg-transparent!": t.transparent,
             "border-none!": t.noBorder,
             "shadow-none": t.noShadow,
@@ -3736,7 +3736,7 @@ function Iv(t, e = {}) {
     }, fe = K();
     return E && x.resetPeek(), fe;
   }
-  function U(x, E) {
+  function W(x, E) {
     const K = x.currentChar();
     return K === nr ? nr : E(K) ? (x.next(), K) : null;
   }
@@ -3749,7 +3749,7 @@ function Iv(t, e = {}) {
     E === 36;
   }
   function D(x) {
-    return U(x, z);
+    return W(x, z);
   }
   function O(x) {
     const E = x.charCodeAt(0);
@@ -3761,14 +3761,14 @@ function Iv(t, e = {}) {
     E === 45;
   }
   function R(x) {
-    return U(x, O);
+    return W(x, O);
   }
   function j(x) {
     const E = x.charCodeAt(0);
     return E >= 48 && E <= 57;
   }
   function ie(x) {
-    return U(x, j);
+    return W(x, j);
   }
   function oe(x) {
     const E = x.charCodeAt(0);
@@ -3777,7 +3777,7 @@ function Iv(t, e = {}) {
     E >= 97 && E <= 102;
   }
   function ge(x) {
-    return U(x, oe);
+    return W(x, oe);
   }
   function be(x) {
     let E = "", K = "";
@@ -3832,7 +3832,7 @@ function Iv(t, e = {}) {
   function ye(x) {
     g(x), p(x, "'");
     let E = "", K = "";
-    for (; E = U(x, Y); )
+    for (; E = W(x, Y); )
       E === "\\" ? K += me(x) : K += E;
     const fe = x.currentChar();
     return fe === Dt || fe === nr ? (d(Ce.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER, o(), 0), fe === Dt && (x.next(), p(x, "'")), K) : (p(x, "'"), K);
@@ -3870,7 +3870,7 @@ function Iv(t, e = {}) {
   function Je(x) {
     g(x);
     let E = "", K = "";
-    for (; E = U(x, He); )
+    for (; E = W(x, He); )
       K += E;
     return K;
   }
@@ -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) {
@@ -4137,8 +4137,8 @@ function Vv(t = {}) {
           I.value == null && i(b, Ce.UNEXPECTED_LEXICAL_ANALYSIS, y.lastStartLoc, 0, mn(I)), T.items.push(d(b, I.value || ""));
           break;
         case 8: {
-          const U = p(b);
-          T.items.push(U.node), $ = U.nextConsumeToken || null;
+          const W = p(b);
+          T.items.push(W.node), $ = W.nextConsumeToken || null;
           break;
         }
       }
@@ -5238,14 +5238,14 @@ function Qu(t, ...e) {
     return y;
   const A = Yb(t, k, b, c), B = bb(A), P = zb(t, $, B), I = r ? r(P, a) : P;
   if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-    const U = {
+    const W = {
       timestamp: Date.now(),
       key: he(a) ? a : ln(y) ? y.key : "",
       locale: k || (ln(y) ? y.locale : ""),
       format: he(y) ? y : ln(y) ? y.source : "",
       message: I
     };
-    U.meta = Nt({}, t.__meta, /* @__PURE__ */ Ib() || {}), xb(U);
+    W.meta = Nt({}, t.__meta, /* @__PURE__ */ Ib() || {}), xb(W);
   }
   return I;
 }
@@ -5816,7 +5816,7 @@ function t2(t = {}, e) {
     set: (H) => {
       c.value = H, A.locale = c.value;
     }
-  }), U = ae({
+  }), W = ae({
     get: () => u.value,
     set: (H) => {
       u.value = H, A.fallbackLocale = u.value, Qi(A, c.value, H);
@@ -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;
@@ -6005,7 +6005,7 @@ function t2(t = {}, e) {
   const Re = {
     id: ad,
     locale: I,
-    fallbackLocale: U,
+    fallbackLocale: W,
     get inheritLocale() {
       return a;
     },
@@ -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 U(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,42 +6356,42 @@ 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,
-    setPostTranslationHandler: U,
+    setPostTranslationHandler: W,
     getMissingHandler: z,
     setMissingHandler: D,
     rt: j,
@@ -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,17 +6529,18 @@ 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[W(ke).theme]}`]: !0,
-          "h-8 text-sm": t.small,
-          "h-10": !t.large && !t.small,
+          [`${n[U(ke).theme]}`]: !0,
+          "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[W(ke).theme]}`]: t.disabled,
+          [`${r[U(ke).theme]}`]: t.disabled,
           "cursor-pointer": !t.disabled,
           "border-red-600! focus-within:outline-red-600": t.invalid
         }])
@@ -7197,6 +7199,7 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
     value: {},
     name: String,
     small: Boolean,
+    medium: Boolean,
     hideSelect: Boolean,
     label: String,
     placeholder: {
@@ -7245,28 +7248,37 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
       () => r.placeholder === "Select..." ? i("wpiccomponents.placeholder_select") : r.placeholder
     ), s = se(!1), l = se(r.options);
     Qe(() => r.options, () => {
-      const U = [...(Array.isArray(r.modelValue) ? r.modelValue : r.modelValue !== null && r.modelValue !== void 0 ? [r.modelValue] : []).map((z) => l.value.find((D) => to(D.value, z)) || r.options.find((D) => to(D.value, z))).filter(Boolean)];
-      for (const z of r.options)
-        U.some((D) => to(D.value, z.value)) || U.push(z);
-      l.value = U;
+      const I = (Array.isArray(r.modelValue) ? r.modelValue : r.modelValue !== null && r.modelValue !== void 0 ? [r.modelValue] : []).map((W) => l.value.find((z) => to(z.value, W)) || r.options.find((z) => to(z.value, W))).filter(Boolean);
+      if (!r.groupSelected || !r.multiple) {
+        const W = /* @__PURE__ */ new Set();
+        l.value = [...r.options, ...I].filter((z) => {
+          const D = JSON.stringify(z.value);
+          return W.has(D) ? !1 : (W.add(D), !0);
+        });
+      } else {
+        const W = [...I];
+        for (const z of r.options)
+          W.some((D) => to(D.value, z.value)) || W.push(z);
+        l.value = W;
+      }
     }, {
       immediate: !0,
       deep: !0
     });
     const a = n, c = se(), u = se();
     function d(P) {
-      var I, U;
+      var I, W;
       if (r.multiple) {
         if (P) {
           let z = r.modelValue || [];
-          z.indexOf(P) >= 0 ? z.splice(z.indexOf(P), 1) : z.push(P), a("update:modelValue", z), m(z), ((I = r.modelValue) == null ? void 0 : I.length) === ((U = r.options) == null ? void 0 : U.length) ? s.value = !0 : s.value = !1;
+          z.indexOf(P) >= 0 ? z.splice(z.indexOf(P), 1) : z.push(P), a("update:modelValue", z), m(z), ((I = r.modelValue) == null ? void 0 : I.length) === ((W = r.options) == null ? void 0 : W.length) ? s.value = !0 : s.value = !1;
         }
       } else
         a("update:modelValue", P), m(P), c.value = null, u.value.hide();
     }
     async function f(P) {
-      var I, U;
-      a("update:modelValue", P), m(P), await _t(), ((I = r.modelValue) == null ? void 0 : I.length) === ((U = r.options) == null ? void 0 : U.length) && (s.value = !0);
+      var I, W;
+      a("update:modelValue", P), m(P), await _t(), ((I = r.modelValue) == null ? void 0 : I.length) === ((W = r.options) == null ? void 0 : W.length) && (s.value = !0);
     }
     function h(P) {
       a("update:modelValue", P), s.value = !1, m(P);
@@ -7277,7 +7289,7 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
     const m = za(function(P) {
       a("change", P);
     }, r.debounce), g = ae(() => {
-      var P, I, U, z;
+      var P, I, W, z;
       if (r.multiple) {
         const D = ((P = l.value) == null ? void 0 : P.filter(
           (R) => {
@@ -7298,14 +7310,14 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
         } else
           return D.map((R) => R.label).join(", ");
       } else
-        return ((z = (U = l.value) == null ? void 0 : U.find((D) => D.value === r.modelValue)) == null ? void 0 : z.label) || r.modelValue;
+        return ((z = (W = l.value) == null ? void 0 : W.find((D) => D.value === r.modelValue)) == null ? void 0 : z.label) || r.modelValue;
     });
     function v(P) {
       var I;
       try {
-        return r.multiple ? r.modelValue !== null && ((I = r.modelValue) == null ? void 0 : I.some((U) => to(U, P))) : r.modelValue !== null && to(P, r.modelValue);
-      } catch (U) {
-        return console.log(U), !1;
+        return r.multiple ? r.modelValue !== null && ((I = r.modelValue) == null ? void 0 : I.some((W) => to(W, P))) : r.modelValue !== null && to(P, r.modelValue);
+      } catch (W) {
+        return console.log(W), !1;
       }
     }
     const k = {
@@ -7331,8 +7343,8 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
       }
       if (!r.groupSelected || !r.multiple)
         return P;
-      const I = r.modelValue || [], U = P.filter((O) => I.includes(O.value)), z = P.filter((O) => !I.includes(O.value));
-      return [...U, ...z];
+      const I = r.modelValue || [], W = P.filter((O) => I.includes(O.value)), z = P.filter((O) => !I.includes(O.value));
+      return [...W, ...z];
     });
     function C() {
       w.value = 1, r.remoteMethod && (T.value = !0, B(c.value, w.value, () => {
@@ -7349,9 +7361,9 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
         T.value = !1;
       }));
     }
-    const B = za((P, I, U) => {
+    const B = za((P, I, W) => {
       r.remoteMethod(P, I).finally(() => {
-        U == null || U();
+        W == null || W();
       });
     }, r.debounce || 300);
     return e({
@@ -7364,12 +7376,13 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
       label: t.label,
       disabled: t.disabled
     }, {
-      default: Ae(({ isHidden: U }) => [
+      default: Ae(({ isHidden: W }) => [
         ve(Zo, {
           material: t.material,
           naked: t.naked,
           disabled: t.disabled,
           small: t.small,
+          medium: t.medium,
           invalid: t.isInvalid,
           loading: t.loading
         }, {
@@ -7377,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 }, [
@@ -7399,15 +7412,15 @@ 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 U, z;
+        var W, z;
         return [
           F("div", {
             class: "flex flex-col max-h-80 overflow-y-auto",
@@ -7425,7 +7438,7 @@ const Px = /* @__PURE__ */ Me(Ax, [["render", $x]]), Rx = {
                 ]
               }, null, 8, ["placeholder", "modelValue"])
             ])) : ce("", !0),
-            !t.options && ((U = t.options) == null ? void 0 : U.length) == 0 ? (S(), L("span", Fx, "No data.")) : (S(), L(je, { key: 2 }, [
+            !t.options && ((W = t.options) == null ? void 0 : W.length) == 0 ? (S(), L("span", Fx, "No data.")) : (S(), L(je, { key: 2 }, [
               t.multiple && t.batchSelect ? (S(), L("div", jx, [
                 F("span", {
                   class: "cursor-pointer opacity-50 hover:opacity-100",
@@ -7440,23 +7453,23 @@ 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[W(ke).theme]}`]: !0
+                    [`${k[U(ke).theme]}`]: !0
                   }]),
                   onClick: (O) => D.disabled ? null : d(D.value)
                 }, [
                   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, {
@@ -7491,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));
   }
@@ -7576,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,
@@ -7798,6 +7811,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
       type: String
     },
     small: Boolean,
+    medium: Boolean,
     maxDisplay: {
       type: Number
     },
@@ -7878,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),
@@ -7911,7 +7925,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
           Fe(B.$slots, "more")
         ])
       ], 2)) : ce("", !0),
-      t.checkbox ? (S(), Te(W(Lr), {
+      t.checkbox ? (S(), Te(U(Lr), {
         key: 1,
         ref_key: "myInput",
         ref: b,
@@ -7923,22 +7937,22 @@ 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
             }]),
-            onClick: P[0] || (P[0] = (U) => t.disabled ? void 0 : m(t.modelValue))
+            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", {
-                [`${i[W(ke).theme]}`]: !0
+              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)
@@ -7947,7 +7961,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
           ], 2)
         ]),
         _: 3
-      }, 8, ["name", "rules", "value", "unchecked-value", "modelValue"])) : t.radio ? (S(), Te(W(Lr), {
+      }, 8, ["name", "rules", "value", "unchecked-value", "modelValue"])) : t.radio ? (S(), Te(U(Lr), {
         key: 2,
         ref_key: "myInput",
         ref: b,
@@ -7960,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", {
@@ -7975,17 +7989,17 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
               type: "radio",
               name: t.name,
               value: t.radioValue,
-              onChange: P[1] || (P[1] = (...U) => B.onChange && B.onChange(...U)),
+              onChange: P[1] || (P[1] = (...W) => B.onChange && B.onChange(...W)),
               checked: t.radioValue == t.modelValue
             }, 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)
         ]),
         _: 1
-      }, 8, ["name", "value", "modelValue"])) : t.select ? (S(), Te(W(Lr), {
+      }, 8, ["name", "value", "modelValue"])) : t.select ? (S(), Te(U(Lr), {
         key: 3,
         ref_key: "myInput",
         ref: b,
@@ -7994,7 +8008,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
         name: s.value
       }, {
         default: Ae(({ field: I }) => {
-          var U;
+          var W;
           return [
             ve(Xp, {
               ref_key: "myChoiceList",
@@ -8004,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,
@@ -8016,18 +8031,18 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
               summaryText: t.summaryText,
               debounce: t.debounce,
               total: t.total,
-              isInvalid: !!(t.error && W(l)),
-              required: t.required || ((U = f.value) == null ? void 0 : U.indexOf("required")) >= 0,
+              isInvalid: !!(t.error && U(l)),
+              required: t.required || ((W = f.value) == null ? void 0 : W.indexOf("required")) >= 0,
               label: a.value,
               placeholder: t.placeholder,
               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
-      }, 8, ["modelValue", "rules", "name"])) : t.color ? (S(), Te(W(Lr), {
+      }, 8, ["modelValue", "rules", "name"])) : t.color ? (S(), Te(U(Lr), {
         key: 4,
         ref_key: "myInput",
         ref: b,
@@ -8043,7 +8058,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
           }, null, 8, ["placeholder", "modelValue"])
         ]),
         _: 1
-      }, 8, ["modelValue", "rules", "name"])) : t.toggleSwitch ? (S(), Te(W(Lr), {
+      }, 8, ["modelValue", "rules", "name"])) : t.toggleSwitch ? (S(), Te(U(Lr), {
         key: 5,
         ref_key: "myInput",
         ref: b,
@@ -8062,27 +8077,27 @@ 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,
-          [`${r[W(ke).theme]}`]: !0,
+          [`${r[U(ke).theme]}`]: !0,
           "bg-transparent!": t.transparent,
           "h-10": !t.textarea && !t.large,
           "h-12": !t.textarea && t.large,
           "border-gray-200! bg-gray-50! dark:bg-gray-940! dark:border-gray-900! text-gray-400 dark:text-gray-800": t.disabled,
-          "border-red-600! focus-within:outline-red-600 dark:border-red-400/70!": W(l)
+          "border-red-600! focus-within:outline-red-600 dark:border-red-400/70!": U(l)
         }])
       }, [
         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")
           ])
         ], 2)) : ce("", !0),
-        t.textarea ? (S(), Te(W(Lr), {
+        t.textarea ? (S(), Te(U(Lr), {
           key: 1,
           ref_key: "myInput",
           ref: b,
@@ -8105,19 +8120,19 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
                 placeholder: t.placeholder,
                 minHeight: t.minHeight,
                 maxHeight: t.maxHeight,
-                isInvalid: !!(t.error && W(l)),
+                isInvalid: !!(t.error && U(l)),
                 required: t.required || ((I = f.value) == null ? void 0 : I.indexOf("required")) >= 0
               }, null, 8, ["modelValue", "rows", "disabled", "noResize", "autoResize", "placeholder", "minHeight", "maxHeight", "isInvalid", "required"])
             ];
           }),
           _: 1
-        }, 8, ["modelValue", "rules", "name"])) : (S(), Te(W(Lr), {
+        }, 8, ["modelValue", "rules", "name"])) : (S(), Te(U(Lr), {
           key: 2,
           ref_key: "myInput",
           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,
@@ -8135,7 +8150,7 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
           onInput: h,
           "no-data-text": t.noDataText,
           placeholder: t.placeholder,
-          validateOnInput: !!W(l),
+          validateOnInput: !!U(l),
           rules: f.value
         }, null, 8, ["class", "type", "min", "max", "rows", "name", "disabled", "modelValue", "no-data-text", "placeholder", "validateOnInput", "rules"])),
         t.loading ? (S(), L("div", {
@@ -8171,8 +8186,8 @@ const wS = /* @__PURE__ */ Me(mS, [["render", bS]]), kS = { class: "flex items-c
           ])
         ])) : ce("", !0)
       ], 2)),
-      t.error && W(l) ? (S(), L("div", NS, [
-        ve(W(Hy), { name: s.value }, {
+      t.error && U(l) ? (S(), L("div", NS, [
+        ve(U(Hy), { name: s.value }, {
           default: Ae((I) => [
             tt(Ee(I.message), 1)
           ]),
@@ -8181,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)
@@ -8248,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
@@ -8295,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[W(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,
@@ -8305,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[W(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)
@@ -8339,8 +8354,8 @@ 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", {
-        [`${e[W(ke).theme]}`]: !0,
+      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,
         "bg-gray-50 dark:bg-gray-930 last:rounded-b-lg": t.sub,
@@ -8384,18 +8399,18 @@ 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[W(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[W(ke).theme]}`]: !0
+            [`${i[U(ke).theme]}`]: !0
           }])
         }, [
           ve(rm, {
@@ -8431,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[W(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")
@@ -8453,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)
@@ -8482,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,
@@ -8510,10 +8525,10 @@ 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", {
-        [e[W(ke).theme]]: !t.active && !t.disabled,
-        [n[W(ke).theme]]: t.active && !t.disabled,
-        [r[W(ke).theme]]: t.disabled
+      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
       }])
     }, [
       F("span", oO, [
@@ -8743,8 +8758,8 @@ 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", {
-          [`${e[W(ke).theme]}`]: !0,
+        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",
           "border-t": t.position === "footer",
@@ -8757,8 +8772,8 @@ 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", {
-          [`${e[W(ke).theme]}`]: !0,
+        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",
           "border-t": t.position === "footer",
@@ -8900,14 +8915,14 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
         }
         return R;
       };
-      let U = [];
+      let W = [];
       (h.default && h.default() || []).forEach((D) => {
         var O, R;
-        ((O = D.type) == null ? void 0 : O.name) === "WpicTableColumn" ? U.push(D) : (R = D.children) != null && R.length && D.children.forEach((j) => {
+        ((O = D.type) == null ? void 0 : O.name) === "WpicTableColumn" ? W.push(D) : (R = D.children) != null && R.length && D.children.forEach((j) => {
           var ie;
-          ((ie = j.type) == null ? void 0 : ie.name) === "WpicTableColumn" && U.push(j);
+          ((ie = j.type) == null ? void 0 : ie.name) === "WpicTableColumn" && W.push(j);
         });
-      }), p.value = U.map((D) => {
+      }), p.value = W.map((D) => {
         let O = D.children, R = D.props || {}, { field: j, label: ie, help: oe, width: ge, minWidth: be, maxWidth: V, sortable: q, selectable: Z, render: J, type: Y, align: ye, visible: me, noPadding: Ne } = I(D.type.props, R);
         return j || (j = P(ie)), Z && me && m.value.push(j), {
           label: ie,
@@ -8929,8 +8944,8 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
     }
     function k(I) {
       var z, D;
-      let U = (z = r.sortOptions) == null ? void 0 : z.sortDirection;
-      ((D = r.sortOptions) == null ? void 0 : D.sortBy) === I && (U = U === "asc" ? "desc" : "asc"), d("changeSort", { sortDirection: U, sortBy: I });
+      let W = (z = r.sortOptions) == null ? void 0 : z.sortDirection;
+      ((D = r.sortOptions) == null ? void 0 : D.sortBy) === I && (W = W === "asc" ? "desc" : "asc"), d("changeSort", { sortDirection: W, sortBy: I });
     }
     Qe(() => h.default, (I) => {
       v();
@@ -8938,20 +8953,20 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
       deep: !0
     });
     const b = vr({});
-    function y({ index: I, item: U }) {
-      b[I] ? b[I] = null : (b[I] = !0, d("expandRow", { index: I, item: U }));
+    function y({ index: I, item: W }) {
+      b[I] ? b[I] = null : (b[I] = !0, d("expandRow", { index: I, item: W }));
     }
     const C = se([]);
     function w(I) {
-      const U = B(I, r.itemId);
-      C.value.includes(U) ? (C.value.splice(C.value.indexOf(U), 1), T.value = !1) : C.value.push(U);
+      const W = B(I, r.itemId);
+      C.value.includes(W) ? (C.value.splice(C.value.indexOf(W), 1), T.value = !1) : C.value.push(W);
     }
     const T = se(!1);
     function $() {
       if (T.value = !T.value, C.value = [], T.value)
         for (let I of r.data) {
-          let U = B(I, r.itemId);
-          C.value.push(U);
+          let W = B(I, r.itemId);
+          C.value.push(W);
         }
     }
     function A() {
@@ -8963,13 +8978,13 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
       selectedColumns: m,
       resetSelectedRows: A
     });
-    function B(I, U) {
-      return U.split(".").reduce((z, D) => z ? z[D] : void 0, I);
+    function B(I, W) {
+      return W.split(".").reduce((z, D) => z ? z[D] : void 0, I);
     }
     function P(I) {
       return !I || typeof I != "string" ? "" : I.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
     }
-    return (I, U) => {
+    return (I, W) => {
       const z = _s("wpic-choice-list"), D = _s("wpic-form-field");
       return S(), L("div", XO, [
         I.$slots.header || I.$slots.actions || t.columnToggleable ? (S(), L("div", QO, [
@@ -8981,7 +8996,7 @@ const ZO = /* @__PURE__ */ Me(YO, [["render", JO]]), XO = { class: "wpic-table"
             ve(z, {
               multiple: "",
               modelValue: m.value,
-              "onUpdate:modelValue": U[0] || (U[0] = (O) => m.value = O),
+              "onUpdate:modelValue": W[0] || (W[0] = (O) => m.value = O),
               "hide-select": "",
               "hide-chevron": "",
               naked: "",
@@ -9005,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[W(ke).theme]}`]: !0
+            [`${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, [
@@ -9031,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[W(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, {
@@ -9050,13 +9065,13 @@ 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[W(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", {
-                        [`${o[W(ke).theme]}`]: !0,
+                      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
                       }]),
                       style: Un({ maxWidth: `${O.maxWidth}px` })
@@ -9065,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,
@@ -9074,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)
@@ -9092,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[W(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),
@@ -9112,18 +9127,18 @@ 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[W(ke).theme]]: !0
+                        [s[U(ke).theme]]: !0
                       }])
                     }, [
                       t.checkable ? (S(), L("td", {
                         key: 0,
-                        class: re([
+                        class: ne([
                           {
-                            [`${a[W(ke).theme]}`]: !0,
-                            [`${c[W(ke).theme]}`]: t.stripe
+                            [`${a[U(ke).theme]}`]: !0,
+                            [`${c[U(ke).theme]}`]: t.stripe
                           }
                         ])
                       }, [
@@ -9140,13 +9155,13 @@ 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,
                             "align-top py-5": t.valign == "top",
-                            [`${a[W(ke).theme]}`]: !0,
-                            [`${c[W(ke).theme]}`]: t.stripe
+                            [`${a[U(ke).theme]}`]: !0,
+                            [`${c[U(ke).theme]}`]: t.stripe
                           }
                         ], "border-t border-gray-200 leading-tight h-16 py-2 dark:border-gray-920"])
                       }, [
@@ -9170,11 +9185,11 @@ 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[W(ke).theme]}`]: !0,
-                            [`${c[W(ke).theme]}`]: t.stripe,
+                            [`${a[U(ke).theme]}`]: !0,
+                            [`${c[U(ke).theme]}`]: t.stripe,
                             "py-3 first:pl-6 pr-6": !V.noPadding,
                             "first:pl-0 last:pr-0": t.noXPadding,
                             "last:rounded-br-lg": R === ((Z = t.data) == null ? void 0 : Z.length) - 1 && !t.totalItem && !g.value.find((Y) => Y.type == "expand") && !t.noRadius,
@@ -9194,14 +9209,14 @@ 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([{
-                        [s[W(ke).theme]]: !t.stripe,
-                        [l[W(ke).theme]]: t.stripe
+                      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!", {
-                          [`${a[W(ke).theme]}`]: !0,
+                        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,
                           "first:pl-0 last:pr-0": t.noXPadding,
@@ -21680,8 +21695,8 @@ function zf(t) {
     y: m
   };
   if (h = I.x, m = I.y, a) {
-    var U;
-    return Object.assign({}, P, (U = {}, U[y] = k ? "0" : "", U[b] = v ? "0" : "", U.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + m + "px)" : "translate3d(" + h + "px, " + m + "px, 0)", U));
+    var W;
+    return Object.assign({}, P, (W = {}, W[y] = k ? "0" : "", W[b] = v ? "0" : "", W.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + m + "px)" : "translate3d(" + h + "px, " + m + "px, 0)", W));
   }
   return Object.assign({}, P, (e = {}, e[y] = k ? m + "px" : "", e[b] = v ? h + "px" : "", e.transform = "", e));
 }
@@ -21895,9 +21910,9 @@ function jo(t, e) {
   }, P = t.modifiersData.offset;
   if (f === io && P) {
     var I = P[i];
-    Object.keys(B).forEach(function(U) {
-      var z = [pn, hn].indexOf(U) >= 0 ? 1 : -1, D = [qt, hn].indexOf(U) >= 0 ? "y" : "x";
-      B[U] += I[D] * z;
+    Object.keys(B).forEach(function(W) {
+      var z = [pn, hn].indexOf(W) >= 0 ? 1 : -1, D = [qt, hn].indexOf(W) >= 0 ? "y" : "x";
+      B[W] += I[D] * z;
     });
   }
   return B;
@@ -21941,13 +21956,13 @@ function YM(t) {
         allowedAutoPlacements: m
       }) : Z);
     }, []), C = e.rects.reference, w = e.rects.popper, T = /* @__PURE__ */ new Map(), $ = !0, A = y[0], B = 0; B < y.length; B++) {
-      var P = y[B], I = Nn(P), U = zi(P) === Fi, z = [qt, hn].indexOf(I) >= 0, D = z ? "width" : "height", O = jo(e, {
+      var P = y[B], I = Nn(P), W = zi(P) === Fi, z = [qt, hn].indexOf(I) >= 0, D = z ? "width" : "height", O = jo(e, {
         placement: P,
         boundary: u,
         rootBoundary: d,
         altBoundary: f,
         padding: c
-      }), R = z ? U ? pn : Kt : U ? hn : qt;
+      }), R = z ? W ? pn : Kt : W ? hn : qt;
       C[D] > w[D] && (R = Cs(R));
       var j = Cs(R), ie = [];
       if (o && ie.push(O[I] <= 0), l && ie.push(O[R] <= 0, O[j] <= 0), ie.every(function(q) {
@@ -22088,10 +22103,10 @@ function nN(t) {
   };
   if (w) {
     if (o) {
-      var U, 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) : {
+      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 = (U = P == null ? void 0 : P[y]) != null ? U : 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) {
@@ -22663,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?
@@ -22718,11 +22733,11 @@ function HN(t, e) {
     var M;
     return !!((M = y.props.render) != null && M.$$tippy);
   }
-  function U() {
+  function W() {
     return m || t;
   }
   function z() {
-    var M = U().parentNode;
+    var M = W().parentNode;
     return M ? EN(M) : document;
   }
   function D() {
@@ -22761,7 +22776,7 @@ function HN(t, e) {
     if (!(A || !y.props.aria.expanded)) {
       var M = mi(y.props.triggerTarget || t);
       M.forEach(function(te) {
-        y.props.interactive ? te.setAttribute("aria-expanded", y.state.isVisible && te === U() ? "true" : "false") : te.removeAttribute("aria-expanded");
+        y.props.interactive ? te.setAttribute("aria-expanded", y.state.isVisible && te === W() ? "true" : "false") : te.removeAttribute("aria-expanded");
       });
     }
   }
@@ -22865,8 +22880,8 @@ 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) {
-    var te = M.target, ue = U().contains(te) || w.contains(te);
+  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) {
         var Le, Ue = Oe._tippy, it = (Le = Ue.popperInstance) == null ? void 0 : Le.state;
@@ -22890,7 +22905,7 @@ function HN(t, e) {
     }
   }
   function Bt(M) {
-    y.props.trigger.indexOf("focusin") < 0 && M.target !== U() || y.props.interactive && M.relatedTarget && w.contains(M.relatedTarget) || fe(M);
+    y.props.trigger.indexOf("focusin") < 0 && M.target !== W() || y.props.interactive && M.relatedTarget && w.contains(M.relatedTarget) || fe(M);
   }
   function bt(M) {
     return Tn.isTouch ? P() !== M.type.indexOf("touch") >= 0 : !1;
@@ -22899,7 +22914,7 @@ function HN(t, e) {
     Et();
     var M = y.props, te = M.popperOptions, ue = M.placement, Se = M.offset, Oe = M.getReferenceClientRect, Le = M.moveTransition, Ue = I() ? mc(w).arrow : null, it = Oe ? {
       getBoundingClientRect: Oe,
-      contextElement: Oe.contextElement || U()
+      contextElement: Oe.contextElement || W()
     } : t, Lt = {
       name: "$$tippy",
       enabled: !0,
@@ -22956,7 +22971,7 @@ function HN(t, e) {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function x() {
-    var M = y.props.appendTo, te, ue = U();
+    var M = y.props.appendTo, te, ue = W();
     y.props.interactive && M === i0 || M === "parent" ? te = ue.parentNode : te = o0(M, [ue]), te.contains(w) || te.appendChild(w), y.state.isMounted = !0, wt(), process.env.NODE_ENV !== "production" && Hn(y.props.interactive && M === Xt.appendTo && ue.nextElementSibling !== w, ["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.", `
@@ -23004,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);
@@ -23019,7 +23034,7 @@ function HN(t, e) {
   function _() {
     process.env.NODE_ENV !== "production" && Hn(y.state.isDestroyed, di("show"));
     var M = y.state.isVisible, te = y.state.isDestroyed, ue = !y.state.isEnabled, Se = Tn.isTouch && !y.props.touch, Oe = sa(y.props.duration, 0, Xt.duration);
-    if (!(M || te || ue || Se) && !U().hasAttribute("disabled") && (j("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+    if (!(M || te || ue || Se) && !W().hasAttribute("disabled") && (j("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, I() && (w.style.visibility = "visible"), R(), Z(), y.state.isMounted || (w.style.transition = "none"), I()) {
         var Le = D(), Ue = Le.box, it = Le.content;
         la([Ue, it], 0);
@@ -23416,7 +23431,7 @@ const YN = xn({
       r && r.options.element && e.value && _t(() => {
         if (!e.value || !r.options.element.firstChild)
           return;
-        const i = W(e.value);
+        const i = U(e.value);
         e.value.append(...r.options.element.childNodes), r.contentComponent = n.ctx._, r.setOptions({
           element: i
         }), r.createNodeViews();
@@ -25612,9 +25627,9 @@ const JL = /* @__PURE__ */ Me(zL, [["render", GL]]), ZL = { class: "py-1 px-1 bo
     };
     return (p, m) => {
       var g;
-      return W(c) ? (S(), L("div", {
+      return U(c) ? (S(), L("div", {
         key: 0,
-        class: re(["pt-px relative flex flex-col rounded-sm border", s[W(ke).theme]])
+        class: ne(["pt-px relative flex flex-col rounded-sm border", s[U(ke).theme]])
       }, [
         F("div", ZL, [
           F("div", XL, [
@@ -25642,16 +25657,16 @@ 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") ? W(c).isActive("heading", { level: v.params.level }) : v.method === "setTextAlign" ? W(c).isActive({ textAlign: v.params }) : W(c).isActive(v.label)
+                "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)
               }]),
               onClick: (k) => u(v.method, v.type, v.params)
             }, [
               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 }])
-              }, null, 8, ["class"])) : (S(), L("span", eD, Ee(W(sv).capitalize(v.label)), 1))
+                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))
           ])
         ]),
@@ -25661,7 +25676,7 @@ const JL = /* @__PURE__ */ Me(zL, [["render", GL]]), ZL = { class: "py-1 px-1 bo
             backgroundColor: (g = t.customStyles) == null ? void 0 : g.backgroundColor
           })
         }, [
-          ve(W(YN), { editor: W(c) }, null, 8, ["editor"])
+          ve(U(YN), { editor: U(c) }, null, 8, ["editor"])
         ], 4)
       ], 2)) : ce("", !0);
     };
@@ -25755,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,
@@ -25827,21 +25842,21 @@ 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", {
-          [`${r[W(ke).theme]}`]: t.between,
-          [`${i[W(ke).theme]}`]: t.firstDay,
-          [`${o[W(ke).theme]}`]: t.lastDay,
-          [`${s[W(ke).theme]}`]: t.highlight
+        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,
+          [`${s[U(ke).theme]}`]: t.highlight
         }]),
         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", {
-            [`${e[W(ke).theme]}`]: !0,
-            [`${n[W(ke).theme]}`]: t.highlight && (t.firstDay || t.lastDay)
+          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)
           }]),
           style: { left: "50%", transform: "translateX(-50%)" }
         }, [
@@ -26122,9 +26137,9 @@ function Nl() {
         }, D.toString = function() {
           return this.$d.toUTCString();
         }, z;
-      }(), U = I.prototype;
-      return B.prototype = U, [["$ms", o], ["$s", s], ["$m", l], ["$H", a], ["$W", c], ["$M", d], ["$y", h], ["$D", p]].forEach(function(z) {
-        U[z[1]] = function(D) {
+      }(), W = I.prototype;
+      return B.prototype = W, [["$ms", o], ["$s", s], ["$m", l], ["$H", a], ["$W", c], ["$M", d], ["$y", h], ["$D", p]].forEach(function(z) {
+        W[z[1]] = function(D) {
           return this.$g(D, z[0], z[1]);
         };
       }), B.extend = function(z, D) {
@@ -26387,21 +26402,21 @@ const DD = /* @__PURE__ */ yu(LD), ID = { class: "w-full dark:text-gray-400" },
         (q.isBefore(o.value[0], "month") || q.isSame(o.value[0], "month")) && (q = o.value[0].add(1, "month")), o.value = [o.value[0], q];
       }
     }
-    const U = se();
+    const W = se();
     function z(V) {
-      r.week && (U.value = X(V).week());
+      r.week && (W.value = X(V).week());
     }
     function D(V) {
-      return X(V).week() === U.value;
+      return X(V).week() === W.value;
     }
     function O(V) {
-      return X(V).week() === U.value ? X(V).format("YYYY-MM-DD") === X().week(U.value).startOf("week").format("YYYY-MM-DD") : !1;
+      return X(V).week() === W.value ? X(V).format("YYYY-MM-DD") === X().week(W.value).startOf("week").format("YYYY-MM-DD") : !1;
     }
     function R(V) {
-      return X(V).week() === U.value ? X(V).format("YYYY-MM-DD") === X().week(U.value).endOf("week").format("YYYY-MM-DD") : !1;
+      return X(V).week() === W.value ? X(V).format("YYYY-MM-DD") === X().week(W.value).endOf("week").format("YYYY-MM-DD") : !1;
     }
     function j() {
-      U.value = null;
+      W.value = null;
     }
     function ie(V, q) {
       const Z = o.value[V].year(Number(q));
@@ -26423,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;
@@ -26431,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"])
             ]),
@@ -26463,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"])
             ])
@@ -26482,12 +26497,12 @@ const DD = /* @__PURE__ */ yu(LD), ID = { class: "w-full dark:text-gray-400" },
             class: "grid grid-cols-7",
             onMouseout: j
           }, [
-            u(o.value[Z]) > 0 ? (S(!0), L(je, { key: 0 }, ut(d(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(fa, {
+            u(o.value[Z]) > 0 ? (S(!0), L(je, { key: 0 }, ut(d(U(X)(o.value[Z]).year(), U(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(fa, {
               onClick: (ye) => !b(Y) && !k(Y) ? a(Y) : null,
               off: ""
             }, {
               default: Ae(() => [
-                tt(Ee(W(X)(Y).format("D")), 1)
+                tt(Ee(U(X)(Y).format("D")), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))), 256)) : ce("", !0),
@@ -26504,16 +26519,16 @@ const DD = /* @__PURE__ */ yu(LD), ID = { class: "w-full dark:text-gray-400" },
               highlight: D(Y)
             }, {
               default: Ae(() => [
-                tt(Ee(W(X)(Y).format("D")), 1)
+                tt(Ee(U(X)(Y).format("D")), 1)
               ]),
               _: 2
             }, 1032, ["onMouseover", "onClick", "today", "selected", "firstDay", "lastDay", "between", "disabled", "off", "highlight"]))), 256)),
-            ((J = f(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1)) == null ? void 0 : J.length) > 0 ? (S(!0), L(je, { key: 1 }, ut(f(W(X)(o.value[Z]).year(), W(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(fa, {
+            ((J = f(U(X)(o.value[Z]).year(), U(X)(o.value[Z]).month() + 1)) == null ? void 0 : J.length) > 0 ? (S(!0), L(je, { key: 1 }, ut(f(U(X)(o.value[Z]).year(), U(X)(o.value[Z]).month() + 1), (Y) => (S(), Te(fa, {
               onClick: (ye) => !b(Y) && !k(Y) ? a(Y) : null,
               off: ""
             }, {
               default: Ae(() => [
-                tt(Ee(W(X)(Y).format("D")), 1)
+                tt(Ee(U(X)(Y).format("D")), 1)
               ]),
               _: 2
             }, 1032, ["onClick"]))), 256)) : ce("", !0)
@@ -26702,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
         }]),
@@ -27012,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,
@@ -27022,19 +27037,19 @@ 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,
           [t.backgroundColor]: !0,
           [t.options.width]: !0,
-          [r[W(ke).theme]]: !0
+          [r[U(ke).theme]]: !0
         }])
       }, [
         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)
@@ -27084,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", {
@@ -27108,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),
@@ -27140,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,
@@ -27159,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 }, [
@@ -27207,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);
@@ -27295,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,
@@ -27323,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,
@@ -27371,24 +27386,24 @@ const s$ = { class: "bg-white dark:border dark:border-gray-900 dark:bg-gray-940
 }, d$ = /* @__PURE__ */ Object.assign(u$, {
   setup(t) {
     const { visible: e, title: n, text: r, positive: i, negative: o, onConfirm: s, onCancel: l, blur: a } = x0();
-    return (c, u) => W(e) ? (S(), L("div", {
+    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": W(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(W(n)), 1),
-        F("div", a$, Ee(W(r)), 1),
+        F("div", l$, Ee(U(n)), 1),
+        F("div", a$, Ee(U(r)), 1),
         F("div", c$, [
-          ve(ko, { onClick: W(l) }, {
+          ve(ko, { onClick: U(l) }, {
             default: Ae(() => [
               tt(Ee(c.$t("wpiccomponents.cancel")), 1)
             ]),
             _: 1
           }, 8, ["onClick"]),
           ve(ko, {
-            primary: W(i),
-            destructive: W(o),
-            onClick: W(s)
+            primary: U(i),
+            destructive: U(o),
+            onClick: U(s)
           }, {
             default: Ae(() => [
               tt(Ee(c.$t("wpiccomponents.confirm")), 1)