@dpa-id-components/dpa-shared-components 9.8.0 → 9.8.1

package/dist/dpa-shared-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, ref as Z, onMounted as mt, watch as pt, computed as q, openBlock as P, createBlock as Te, resolveDynamicComponent as Fn, normalizeClass as ce, createElementBlock as L, createElementVNode as oe, createVNode as Le, renderSlot as ue, createCommentVNode as G, toDisplayString as Be, watchEffect as Rn, unref as C, withModifiers as an, withDirectives as mn, withKeys as Qn, normalizeStyle as et, withCtx as Pe, Fragment as Ee, renderList as Ye, createTextVNode as It, vShow as ha, Transition as Ln, reactive as Ua, useSlots as ea, toRef as Na, nextTick as Rt, onUnmounted as mr, mergeProps as wt, isRef as Ai, createSlots as Ot, normalizeProps as xt, guardReactiveProps as Ft, Teleport as Hu, h as ju, render as Ci, useAttrs as Qu, onBeforeUpdate as Gu, getCurrentScope as No, onScopeDispose as Fo, getCurrentInstance as Ku, shallowRef as Xu, shallowReadonly as ia, vModelText as Ju } from "vue";
+import { defineComponent as Ce, ref as Z, onMounted as mt, watch as pt, computed as q, openBlock as P, createBlock as xe, resolveDynamicComponent as Fn, normalizeClass as ce, createElementBlock as L, createElementVNode as oe, createVNode as ze, renderSlot as ue, createCommentVNode as G, toDisplayString as Be, watchEffect as Rn, unref as C, withModifiers as an, withDirectives as mn, withKeys as Qn, normalizeStyle as et, withCtx as Pe, Fragment as Ee, renderList as Ye, createTextVNode as It, vShow as ha, Transition as Ln, reactive as Ua, useSlots as ea, toRef as Na, nextTick as Rt, onUnmounted as mr, mergeProps as wt, isRef as Ai, createSlots as Ot, normalizeProps as xt, guardReactiveProps as Ft, Teleport as Hu, h as ju, render as Ci, useAttrs as Qu, onBeforeUpdate as Gu, getCurrentScope as No, onScopeDispose as Fo, getCurrentInstance as Ku, shallowRef as Xu, shallowReadonly as ia, vModelText as Ju } from "vue";
 var fa = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Zu(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -243,11 +243,11 @@ or.exports;
   }
   oa.prototype.clear = lu, oa.prototype.delete = uu, oa.prototype.get = cu, oa.prototype.has = du, oa.prototype.set = fu;
   function pu(S, F) {
-    var X = Cr(S), Se = !X && Ar(S), ze = !X && !Se && Ti(S), je = !X && !Se && !ze && Mi(S), tt = X || Se || ze || je, qe = tt ? Q(S.length, String) : [], nt = qe.length;
+    var X = Cr(S), Se = !X && Ar(S), Le = !X && !Se && Ti(S), je = !X && !Se && !Le && Mi(S), tt = X || Se || Le || je, qe = tt ? Q(S.length, String) : [], nt = qe.length;
     for (var Zt in S)
       tt && // Safari 9 has enumerable `arguments.length` in strict mode.
       (Zt == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
-      ze && (Zt == "offset" || Zt == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+      Le && (Zt == "offset" || Zt == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       je && (Zt == "buffer" || Zt == "byteLength" || Zt == "byteOffset") || // Skip index properties.
       _i(Zt, nt)) || qe.push(Zt);
     return qe;
@@ -297,17 +297,17 @@ or.exports;
       Se == "constructor" && (F || !ke.call(S, Se)) || X.push(Se);
     return X;
   }
-  function ki(S, F, X, Se, ze) {
+  function ki(S, F, X, Se, Le) {
     S !== F && mu(F, function(je, tt) {
-      if (ze || (ze = new oa()), Un(je))
-        bu(S, F, tt, X, ki, Se, ze);
+      if (Le || (Le = new oa()), Un(je))
+        bu(S, F, tt, X, ki, Se, Le);
       else {
-        var qe = Se ? Se(Dr(S, tt), je, tt + "", S, F, ze) : void 0;
+        var qe = Se ? Se(Dr(S, tt), je, tt + "", S, F, Le) : void 0;
         qe === void 0 && (qe = je), Mr(S, tt, qe);
       }
     }, Oi);
   }
-  function bu(S, F, X, Se, ze, je, tt) {
+  function bu(S, F, X, Se, Le, je, tt) {
     var qe = Dr(S, X), nt = Dr(F, X), Zt = tt.get(nt);
     if (Zt) {
       Mr(S, X, Zt);
@@ -318,7 +318,7 @@ or.exports;
       var Ir = Cr(nt), Rr = !Ir && Ti(nt), Di = !Ir && !Rr && Mi(nt);
       Yt = nt, Ir || Rr || Di ? Cr(qe) ? Yt = qe : zu(qe) ? Yt = Su(qe) : Rr ? (Aa = !1, Yt = _u(nt)) : Di ? (Aa = !1, Yt = Tu(nt)) : Yt = [] : Yu(nt) || Ar(nt) ? (Yt = qe, Ar(qe) ? Yt = qu(qe) : (!Un(qe) || Er(qe)) && (Yt = Au(nt))) : Aa = !1;
     }
-    Aa && (tt.set(nt, Yt), ze(Yt, nt, Se, je, tt), tt.delete(nt)), Mr(S, X, Yt);
+    Aa && (tt.set(nt, Yt), Le(Yt, nt, Se, je, tt), tt.delete(nt)), Mr(S, X, Yt);
   }
   function wu(S, F) {
     return Nu(Bu(S, F, Pi), S + "");
@@ -349,18 +349,18 @@ or.exports;
     return F;
   }
   function Mu(S, F, X, Se) {
-    var ze = !X;
+    var Le = !X;
     X || (X = {});
     for (var je = -1, tt = F.length; ++je < tt; ) {
       var qe = F[je], nt = void 0;
-      nt === void 0 && (nt = S[qe]), ze ? Or(X, qe, nt) : hu(X, qe, nt);
+      nt === void 0 && (nt = S[qe]), Le ? Or(X, qe, nt) : hu(X, qe, nt);
     }
     return X;
   }
   function Ou(S) {
     return wu(function(F, X) {
-      var Se = -1, ze = X.length, je = ze > 1 ? X[ze - 1] : void 0, tt = ze > 2 ? X[2] : void 0;
-      for (je = S.length > 3 && typeof je == "function" ? (ze--, je) : void 0, tt && Cu(X[0], X[1], tt) && (je = ze < 3 ? void 0 : je, ze = 1), F = Object(F); ++Se < ze; ) {
+      var Se = -1, Le = X.length, je = Le > 1 ? X[Le - 1] : void 0, tt = Le > 2 ? X[2] : void 0;
+      for (je = S.length > 3 && typeof je == "function" ? (Le--, je) : void 0, tt && Cu(X[0], X[1], tt) && (je = Le < 3 ? void 0 : je, Le = 1), F = Object(F); ++Se < Le; ) {
         var qe = X[Se];
         qe && S(F, qe, Se, je);
       }
@@ -369,8 +369,8 @@ or.exports;
   }
   function Pu(S) {
     return function(F, X, Se) {
-      for (var ze = -1, je = Object(F), tt = Se(F), qe = tt.length; qe--; ) {
-        var nt = tt[++ze];
+      for (var Le = -1, je = Object(F), tt = Se(F), qe = tt.length; qe--; ) {
+        var nt = tt[++Le];
         if (X(je[nt], nt, je) === !1)
           break;
       }
@@ -392,8 +392,8 @@ or.exports;
       var Se = !0;
     } catch {
     }
-    var ze = gt.call(S);
-    return Se && (F ? S[Xt] = X : delete S[Xt]), ze;
+    var Le = gt.call(S);
+    return Se && (F ? S[Xt] = X : delete S[Xt]), Le;
   }
   function Au(S) {
     return typeof S.constructor == "function" && !xi(S) ? St(On(S)) : {};
@@ -431,11 +431,11 @@ or.exports;
   }
   function Bu(S, F, X) {
     return F = ve(F === void 0 ? S.length - 1 : F, 0), function() {
-      for (var Se = arguments, ze = -1, je = ve(Se.length - F, 0), tt = Array(je); ++ze < je; )
-        tt[ze] = Se[F + ze];
-      ze = -1;
-      for (var qe = Array(F + 1); ++ze < F; )
-        qe[ze] = Se[ze];
+      for (var Se = arguments, Le = -1, je = ve(Se.length - F, 0), tt = Array(je); ++Le < je; )
+        tt[Le] = Se[F + Le];
+      Le = -1;
+      for (var qe = Array(F + 1); ++Le < F; )
+        qe[Le] = Se[Le];
       return qe[F] = X(tt), T(S, this, qe);
     };
   }
@@ -447,8 +447,8 @@ or.exports;
   function Fu(S) {
     var F = 0, X = 0;
     return function() {
-      var Se = ee(), ze = o - (Se - X);
-      if (X = Se, ze > 0) {
+      var Se = ee(), Le = o - (Se - X);
+      if (X = Se, Le > 0) {
         if (++F >= r)
           return arguments[0];
       } else
@@ -4973,7 +4973,7 @@ const Mf = (e, t, a) => {
       };
       return t.sizeClasses || o[t.size];
     });
-    return (o, s) => (P(), Te(Fn(a.value || "div"), {
+    return (o, s) => (P(), xe(Fn(a.value || "div"), {
       class: ce([r.value, "inline-flex fill-current"])
     }, null, 8, ["class"]));
   }
@@ -5027,7 +5027,7 @@ const Mf = (e, t, a) => {
       }, [
         oe("div", Of, [
           oe("div", Pf, [
-            Le(ht, {
+            ze(ht, {
               size: "small",
               name: a.value,
               class: "mr-2 fill-current text-gray-700"
@@ -5208,7 +5208,7 @@ const Yf = { class: "group relative" }, qf = ["for"], Vf = {
         ], "pointer-events-none absolute left-3 origin-left select-none px-1 transition-all duration-150"]),
         for: C(s)
       }, Be(_.label), 11, qf),
-      (P(), Te(Fn(_.isTextarea ? "textarea" : "input"), {
+      (P(), xe(Fn(_.isTextarea ? "textarea" : "input"), {
         id: C(s),
         ref_key: "inputRef",
         ref: l,
@@ -5330,8 +5330,8 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
     const a = e, n = t, r = q(() => [
       a.selected ? "is-selected" : "",
       a.disabled ? "text-gray-600" : "text-gray-800",
-      a.selectable ? "pr-9" : "pr-2",
-      a.checkboxSize === "medium" ? "py-3 px-4" : "p-2"
+      a.selectable ? "pr-9" : "pr-4",
+      a.checkboxSize === "medium" ? "py-3 px-4" : "p-4"
     ]), o = () => {
       n("list-item-click", a.value);
     };
@@ -5347,14 +5347,14 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
       }, [
         oe("span", Jf, [
           s.checkBoxMenu ? (P(), L("span", Zf, [
-            Le(Xf, {
+            ze(Xf, {
               color: s.checkBoxColor,
               checked: s.isChecked,
               disabled: s.disabled,
               size: s.checkboxSize
             }, null, 8, ["color", "checked", "disabled", "size"])
           ])) : G("", !0),
-          s.iconName ? (P(), Te(ht, {
+          s.iconName ? (P(), xe(ht, {
             key: 1,
             name: s.iconName,
             "size-classes": "mr-2 h-4 w-4"
@@ -5371,7 +5371,7 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
           ue(s.$slots, "default")
         ]),
         s.selected && s.selectable ? (P(), L("span", tp, [
-          Le(ht, {
+          ze(ht, {
             name: "checkmark",
             size: s.iconSize
           }, null, 8, ["size"])
@@ -5421,7 +5421,7 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
           k(O?.contentRect?.width);
       }), u.value.observe(r.value?.inputRef));
     }), (b, O) => mn((P(), L("div", null, [
-      Le(Ls, {
+      ze(Ls, {
         ref_key: "inputRef",
         ref: r,
         label: b.label,
@@ -5448,9 +5448,9 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
         class: "absolute z-10 mt-1 max-h-60 overflow-y-auto bg-white shadow-lg",
         style: et(c.value)
       }, [
-        Le(Qo, null, {
+        ze(Qo, null, {
           default: Pe(() => [
-            (P(!0), L(Ee, null, Ye(b.options, (v, _) => (P(), Te(Go, {
+            (P(!0), L(Ee, null, Ye(b.options, (v, _) => (P(), xe(Go, {
               id: `listbox-item-${_}`,
               key: `option-${_}`,
               value: v,
@@ -5520,7 +5520,7 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
         class: ce(["absolute bottom-full left-1/2 -translate-x-1/2 rounded-full bg-gray-900 px-2 py-1 text-xs text-white opacity-0 transition-opacity group-hover:opacity-100", { "lg:hidden": n.mobileTrim }])
       }, Be(n.text), 3)) : G("", !0),
       oe("div", np, [
-        n.iconName ? (P(), Te(ht, {
+        n.iconName ? (P(), xe(ht, {
           key: 0,
           name: n.iconName,
           size: "medium"
@@ -5585,7 +5585,7 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
           return "h-10 text-base";
       }
     }), s = q(() => n.size === "xs" ? "xs" : n.size === "small" ? "small" : "medium"), l = q(() => n.href?.length ? "a" : "button");
-    return (i, u) => (P(), Te(Fn(l.value), {
+    return (i, u) => (P(), xe(Fn(l.value), {
       class: ce(["UiButton focus-visible:outline-blue inline-flex items-center whitespace-nowrap font-medium leading-normal focus:outline-none", {
         "px-4": i.size !== "xs",
         "px-2": i.size === "xs",
@@ -5597,7 +5597,7 @@ const Qo = /* @__PURE__ */ jo(Hf, [["render", Qf]]), Gf = ["checked", "aria-chec
       onClick: u[0] || (u[0] = (c) => a("click"))
     }, {
       default: Pe(() => [
-        i.iconName ? (P(), Te(ht, {
+        i.iconName ? (P(), xe(ht, {
           key: 0,
           name: i.iconName,
           size: s.value,
@@ -5644,9 +5644,9 @@ const f1 = /* @__PURE__ */ jo(sp, [["render", up]]), p1 = /* @__PURE__ */ Ce({
     }, l = (i) => {
       n.disabled || (i === 0 && n.firstEntryChecksAll ? s() : (r.value[i].isChecked = !r.value[i].isChecked, n.firstEntryChecksAll && (r.value[0].isChecked = o.value)), a("item-checked", r.value[i]), a("input", r.value));
     };
-    return (i, u) => (P(), Te(Qo, { class: "grid grid-cols-2 flex-wrap border-none pt-2 lg:flex lg:pt-0" }, {
+    return (i, u) => (P(), xe(Qo, { class: "grid grid-cols-2 flex-wrap border-none pt-2 lg:flex lg:pt-0" }, {
       default: Pe(() => [
-        (P(!0), L(Ee, null, Ye(r.value, (c, d) => (P(), Te(Go, {
+        (P(!0), L(Ee, null, Ye(r.value, (c, d) => (P(), xe(Go, {
           key: c.name,
           "is-checked": c.isChecked,
           class: "flex h-8 items-center border-none py-2 text-sm shadow-none lg:py-3",
@@ -5707,21 +5707,21 @@ const f1 = /* @__PURE__ */ jo(sp, [["render", up]]), p1 = /* @__PURE__ */ Ce({
       oe("div", {
         class: ce(r.hasBorderTop ? "border-t-[1px] border-t-gray-300" : "")
       }, null, 2),
-      Le(ir, {
+      ze(ir, {
         color: "transparent",
         class: "flex w-full justify-between border-none",
         onClick: n
       }, {
         default: Pe(() => [
           oe("h3", cp, Be(r.headline), 1),
-          Le(ht, {
+          ze(ht, {
             name: "chevron-down",
             class: ce(["rounded-full text-gray-700 transition-transform duration-500 hover:bg-gray-300", { "rotate-180": a.value }])
           }, null, 8, ["class"])
         ]),
         _: 1
       }),
-      Le(Ln, {
+      ze(Ln, {
         "enter-active-class": "duration-200",
         "enter-from-class": "transform -translate-y-[20px] opacity-0",
         "enter-to-class": "transform translate-y-0 opacity-1",
@@ -9934,7 +9934,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
         oe("div", {
           class: ce(["dp--year-mode-picker", { "dp--hidden-el": w.value }])
         }, [
-          C(o)(C(l), e.instance) ? (P(), Te(Ra, {
+          C(o)(C(l), e.instance) ? (P(), xe(Ra, {
             key: 0,
             ref: "mpPrevIconRef",
             "aria-label": (v = C(i)) == null ? void 0 : v.prevYear,
@@ -9944,7 +9944,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
           }, {
             default: Pe(() => [
               b.$slots["arrow-left"] ? ue(b.$slots, "arrow-left", { key: 0 }) : G("", !0),
-              b.$slots["arrow-left"] ? G("", !0) : (P(), Te(C(ni), { key: 1 }))
+              b.$slots["arrow-left"] ? G("", !0) : (P(), xe(C(ni), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : G("", !0),
@@ -9965,7 +9965,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
               It(Be(e.year), 1)
             ], 64))
           ], 40, im),
-          C(r)(C(l), e.instance) ? (P(), Te(Ra, {
+          C(r)(C(l), e.instance) ? (P(), xe(Ra, {
             key: 1,
             ref: "mpNextIconRef",
             "aria-label": (A = C(i)) == null ? void 0 : A.nextYear,
@@ -9975,19 +9975,19 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
           }, {
             default: Pe(() => [
               b.$slots["arrow-right"] ? ue(b.$slots, "arrow-right", { key: 0 }) : G("", !0),
-              b.$slots["arrow-right"] ? G("", !0) : (P(), Te(C(ai), { key: 1 }))
+              b.$slots["arrow-right"] ? G("", !0) : (P(), xe(C(ai), { key: 1 }))
             ]),
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : G("", !0)
         ], 2),
-        Le(Ln, {
+        ze(Ln, {
           name: C(m)(e.showYearPicker),
           css: C(d)
         }, {
           default: Pe(() => {
             var j, N;
             return [
-              e.showYearPicker ? (P(), Te(Wa, {
+              e.showYearPicker ? (P(), xe(Wa, {
                 key: 0,
                 items: e.items,
                 "text-input": b.textInput,
@@ -10003,7 +10003,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
               }, Ot({
                 "button-icon": Pe(() => [
                   b.$slots["calendar-icon"] ? ue(b.$slots, "calendar-icon", { key: 0 }) : G("", !0),
-                  b.$slots["calendar-icon"] ? G("", !0) : (P(), Te(C(Sa), { key: 1 }))
+                  b.$slots["calendar-icon"] ? G("", !0) : (P(), xe(C(Sa), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -10290,7 +10290,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
       selectMonth: b,
       selectYear: O,
       handleYear: x
-    }), presetDate: f, toggleYearPicker: (E) => v(0, E) }), (E, j) => (P(), Te(wr, {
+    }), presetDate: f, toggleYearPicker: (E) => v(0, E) }), (E, j) => (P(), xe(wr, {
       "multi-calendars": C(d).count,
       collapse: E.collapse,
       stretch: ""
@@ -10307,7 +10307,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
           selectMonth: C(b),
           selectYear: C(O),
           instance: N
-        }))) : (P(), Te(Wa, {
+        }))) : (P(), xe(Wa, {
           key: 2,
           items: C(l)(N),
           "arrow-navigation": E.arrowNavigation,
@@ -10322,7 +10322,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
           onHoverValue: (R) => C(y)(R, N)
         }, Ot({
           header: Pe(() => [
-            Le(xl, wt(E.$props, {
+            ze(xl, wt(E.$props, {
               items: C(i)(N),
               instance: N,
               "show-year-picker": C(w)[N],
@@ -10417,7 +10417,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
       d.$slots["month-year"] ? ue(d.$slots, "month-year", xt(wt({ key: 1 }, {
         years: C(o),
         selectYear: C(i)
-      }))) : (P(), Te(Wa, {
+      }))) : (P(), xe(Wa, {
         key: 2,
         items: C(o),
         "is-last": d.autoApply && !C(c).keepActionRow,
@@ -10604,7 +10604,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
                   ], 64))
                 ], 64)) : (P(), L(Ee, { key: 0 }, [
                   T.$slots["arrow-up"] ? ue(T.$slots, "arrow-up", { key: 0 }) : G("", !0),
-                  T.$slots["arrow-up"] ? G("", !0) : (P(), Te(C(oi), { key: 1 }))
+                  T.$slots["arrow-up"] ? G("", !0) : (P(), xe(C(oi), { key: 1 }))
                 ], 64))
               ], 42, fm),
               oe("button", {
@@ -10662,7 +10662,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
                   ], 64))
                 ], 64)) : (P(), L(Ee, { key: 0 }, [
                   T.$slots["arrow-down"] ? ue(T.$slots, "arrow-down", { key: 0 }) : G("", !0),
-                  T.$slots["arrow-down"] ? G("", !0) : (P(), Te(C(ii), { key: 1 }))
+                  T.$slots["arrow-down"] ? G("", !0) : (P(), xe(C(ii), { key: 1 }))
                 ], 64))
               ], 42, vm)
             ], 64))
@@ -10687,7 +10687,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             onKeydown: Q[0] || (Q[0] = (K) => C(Et)(K, () => ye(), !0))
           }, Be(f.value), 41, wm))
         ])),
-        (P(!0), L(Ee, null, Ye(W.value, (K, De) => (P(), Te(Ln, {
+        (P(!0), L(Ee, null, Ye(W.value, (K, De) => (P(), xe(Ln, {
           key: De,
           name: C(m)(k[K.type]),
           css: C(w)
@@ -10695,7 +10695,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
           default: Pe(() => {
             var U, le;
             return [
-              k[K.type] ? (P(), Te(Wa, {
+              k[K.type] ? (P(), xe(Wa, {
                 key: 0,
                 items: te(K.type),
                 "is-last": T.autoApply && !C(c).keepActionRow,
@@ -10712,7 +10712,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
               }, Ot({
                 "button-icon": Pe(() => [
                   T.$slots["clock-icon"] ? ue(T.$slots, "clock-icon", { key: 0 }) : G("", !0),
-                  T.$slots["clock-icon"] ? G("", !0) : (P(), Te(Fn(T.timePickerInline ? C(Sa) : C(ri)), { key: 1 }))
+                  T.$slots["clock-icon"] ? G("", !0) : (P(), xe(Fn(T.timePickerInline ? C(Sa) : C(ri)), { key: 1 }))
                 ]),
                 _: 2
               }, [
@@ -10826,11 +10826,11 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
           onClick: fe[1] || (fe[1] = (D) => N(!0))
         }, [
           te.$slots["clock-icon"] ? ue(te.$slots, "clock-icon", { key: 0 }) : G("", !0),
-          te.$slots["clock-icon"] ? G("", !0) : (P(), Te(C(ri), { key: 1 }))
+          te.$slots["clock-icon"] ? G("", !0) : (P(), xe(C(ri), { key: 1 }))
         ], 42, xm)), [
           [ha, !C(f)(te.hideNavigation, "time")]
         ]) : G("", !0),
-        Le(Ln, {
+        ze(Ln, {
           name: C(w)(A.value),
           css: C(k) && !te.timePickerInline
         }, {
@@ -10870,7 +10870,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
                     key: 1,
                     class: ce(te.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (P(!0), L(Ee, null, Ye(j.value, (p, $) => mn((P(), Te(km, wt({
+                    (P(!0), L(Ee, null, Ye(j.value, (p, $) => mn((P(), xe(km, wt({
                       key: $,
                       ref_for: !0
                     }, {
@@ -10917,7 +10917,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
                     onClick: fe[4] || (fe[4] = (p) => N(!1))
                   }, [
                     te.$slots["calendar-icon"] ? ue(te.$slots, "calendar-icon", { key: 0 }) : G("", !0),
-                    te.$slots["calendar-icon"] ? G("", !0) : (P(), Te(C(Sa), { key: 1 }))
+                    te.$slots["calendar-icon"] ? G("", !0) : (P(), xe(C(Sa), { key: 1 }))
                   ], 42, Sm)), [
                     [ha, !C(f)(te.hideNavigation, "time")]
                   ]) : G("", !0)
@@ -11075,12 +11075,12 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
     }), toggleTimePicker: (w, k = !1, f = "") => {
       var y;
       (y = l.value) == null || y.toggleTimePicker(w, k, f);
-    } }), (w, k) => (P(), Te(wr, {
+    } }), (w, k) => (P(), xe(wr, {
       "multi-calendars": 0,
       stretch: ""
     }, {
       default: Pe(() => [
-        Le(Ol, wt({
+        ze(Ol, wt({
           ref_key: "tpRef",
           ref: l
         }, w.$props, {
@@ -11220,7 +11220,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             ue(M.$slots, "top-extra", { value: M.internalModelValue })
           ])) : G("", !0),
           oe("div", Cm, [
-            C(v)(C(l), e.instance) && !M.vertical ? (P(), Te(Ra, {
+            C(v)(C(l), e.instance) && !M.vertical ? (P(), xe(Ra, {
               key: 0,
               "aria-label": ($ = C(s)) == null ? void 0 : $.prevMonth,
               disabled: C(b)(!1),
@@ -11231,7 +11231,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             }, {
               default: Pe(() => [
                 M.$slots["arrow-left"] ? ue(M.$slots, "arrow-left", { key: 0 }) : G("", !0),
-                M.$slots["arrow-left"] ? G("", !0) : (P(), Te(C(ni), { key: 1 }))
+                M.$slots["arrow-left"] ? G("", !0) : (P(), xe(C(ni), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : G("", !0),
@@ -11263,12 +11263,12 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
                     It(Be(z.text), 1)
                   ], 64))
                 ], 42, $m),
-                Le(Ln, {
+                ze(Ln, {
                   name: C(w)(z.showSelectionGrid),
                   css: C(k)
                 }, {
                   default: Pe(() => [
-                    z.showSelectionGrid ? (P(), Te(Wa, {
+                    z.showSelectionGrid ? (P(), xe(Wa, {
                       key: 0,
                       items: z.items,
                       "arrow-navigation": M.arrowNavigation,
@@ -11288,7 +11288,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
                     }, Ot({
                       "button-icon": Pe(() => [
                         M.$slots["calendar-icon"] ? ue(M.$slots, "calendar-icon", { key: 0 }) : G("", !0),
-                        M.$slots["calendar-icon"] ? G("", !0) : (P(), Te(C(Sa), { key: 1 }))
+                        M.$slots["calendar-icon"] ? G("", !0) : (P(), xe(C(Sa), { key: 1 }))
                       ]),
                       _: 2
                     }, [
@@ -11324,7 +11324,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
                 }, 1032, ["name", "css"])
               ], 64))), 128))
             ], 2),
-            C(v)(C(l), e.instance) && M.vertical ? (P(), Te(Ra, {
+            C(v)(C(l), e.instance) && M.vertical ? (P(), xe(Ra, {
               key: 1,
               "aria-label": (g = C(s)) == null ? void 0 : g.prevMonth,
               "el-name": "action-prev",
@@ -11334,11 +11334,11 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             }, {
               default: Pe(() => [
                 M.$slots["arrow-up"] ? ue(M.$slots, "arrow-up", { key: 0 }) : G("", !0),
-                M.$slots["arrow-up"] ? G("", !0) : (P(), Te(C(oi), { key: 1 }))
+                M.$slots["arrow-up"] ? G("", !0) : (P(), xe(C(oi), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled", "class"])) : G("", !0),
-            C(_)(C(l), e.instance) ? (P(), Te(Ra, {
+            C(_)(C(l), e.instance) ? (P(), xe(Ra, {
               key: 2,
               ref: "rightIcon",
               "el-name": "action-next",
@@ -11350,7 +11350,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             }, {
               default: Pe(() => [
                 M.$slots[M.vertical ? "arrow-down" : "arrow-right"] ? ue(M.$slots, M.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : G("", !0),
-                M.$slots[M.vertical ? "arrow-down" : "arrow-right"] ? G("", !0) : (P(), Te(Fn(M.vertical ? C(ii) : C(ai)), { key: 1 }))
+                M.$slots[M.vertical ? "arrow-down" : "arrow-right"] ? G("", !0) : (P(), xe(Fn(M.vertical ? C(ii) : C(ai)), { key: 1 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label", "class"])) : G("", !0)
@@ -11508,7 +11508,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
           }), 128))
         ]),
         Nm,
-        Le(Ln, {
+        ze(Ln, {
           name: O.value,
           css: !!z.transitions
         }, {
@@ -11995,12 +11995,12 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
       changeYear: ye,
       selectWeekDate: g
     }), (ae, T) => (P(), L(Ee, null, [
-      Le(wr, {
+      ze(wr, {
         "multi-calendars": C(pe).count,
         collapse: ae.collapse
       }, {
         default: Pe(({ instance: Q, index: ie }) => [
-          ae.disableMonthYearSelect ? G("", !0) : (P(), Te(Em, wt({
+          ae.disableMonthYearSelect ? G("", !0) : (P(), xe(Em, wt({
             key: 0,
             ref: (K) => {
               K && (we.value[ie] = K);
@@ -12024,7 +12024,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
-          Le(Ym, wt({
+          ze(Ym, wt({
             ref: (K) => {
               K && (Y.value[ie] = K);
             },
@@ -12054,7 +12054,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
         _: 3
       }, 8, ["multi-calendars", "collapse"]),
       ae.enableTimePicker ? (P(), L("div", Vm, [
-        ae.$slots["time-picker"] ? ue(ae.$slots, "time-picker", xt(wt({ key: 0 }, { time: C(u), updateTime: C(A) }))) : (P(), Te(Ol, wt({
+        ae.$slots["time-picker"] ? ue(ae.$slots, "time-picker", xt(wt({ key: 0 }, { time: C(u), updateTime: C(A) }))) : (P(), xe(Ol, wt({
           key: 1,
           ref_key: "timePickerRef",
           ref: W
@@ -12198,7 +12198,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
       selectQuarter: y,
       handleYearSelect: O,
       handleYear: v
-    }) }), (_, x) => (P(), Te(wr, {
+    }) }), (_, x) => (P(), xe(wr, {
       "multi-calendars": C(l).count,
       collapse: _.collapse,
       stretch: ""
@@ -12213,7 +12213,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             value: _.internalModelValue
           }) : G("", !0),
           oe("div", null, [
-            Le(xl, wt(_.$props, {
+            ze(xl, wt(_.$props, {
               items: C(u)(A),
               instance: A,
               "show-year-picker": C(k)[A],
@@ -12496,7 +12496,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             class: "dp__instance_calendar",
             role: "document"
           }, [
-            (P(), Te(Fn(Y.value), wt({
+            (P(), xe(Fn(Y.value), wt({
               ref_key: "dynCmpRef",
               ref: v
             }, s.value, {
@@ -12542,7 +12542,7 @@ const Do = (e, t) => e?.querySelector(`[data-dp-element="${t}"]`), pl = (e, t) =
             }) : G("", !0)
           ])) : G("", !0)
         ], 6),
-        !U.autoApply || C(w).keepActionRow ? (P(), Te(em, wt({
+        !U.autoApply || C(w).keepActionRow ? (P(), xe(em, wt({
           key: 3,
           "menu-mount": O.value
         }, s.value, {
@@ -13226,7 +13226,7 @@ const rv = ({
             }, [
               ue(D.$slots, "input-icon")
             ])) : G("", !0),
-            !D.$slots["input-icon"] && !D.hideInputIcon && !D.$slots["dp-input"] ? (P(), Te(C(Sa), {
+            !D.$slots["input-icon"] && !D.hideInputIcon && !D.$slots["dp-input"] ? (P(), xe(C(Sa), {
               key: 1,
               "aria-label": (p = C(s)) == null ? void 0 : p.calendarIcon,
               class: "dp__input_icon dp__input_icons",
@@ -13247,7 +13247,7 @@ const rv = ({
             onKeydown: M[5] || (M[5] = (V) => C(Et)(V, () => J(V), !0, re)),
             onClick: M[6] || (M[6] = an((V) => J(V), ["prevent"]))
           }, [
-            Le(C(ul), {
+            ze(C(ul), {
               class: "dp__input_icons",
               "data-test": "clear-icon"
             })
@@ -13463,7 +13463,7 @@ const rv = ({
       class: ce(ye.value),
       "data-datepicker-instance": ""
     }, [
-      Le(pv, wt({
+      ze(pv, wt({
         ref_key: "inputRef",
         ref: d,
         "input-value": C(M),
@@ -13489,9 +13489,9 @@ const rv = ({
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
-      (P(), Te(Fn(ee.teleport ? Hu : "div"), xt(Ft(z.value)), {
+      (P(), xe(Fn(ee.teleport ? Hu : "div"), xt(Ft(z.value)), {
         default: Pe(() => [
-          Le(Ln, {
+          ze(Ln, {
             name: C(we)(C(J)),
             css: C(Y) && !C(N).enabled
           }, {
@@ -13504,7 +13504,7 @@ const rv = ({
                 class: { "dp--menu-wrapper": !C(N).enabled },
                 style: C(N).enabled ? void 0 : C(he)
               }), [
-                Le(Zi, wt({
+                ze(Zi, wt({
                   ref_key: "dpMenuRef",
                   ref: c
                 }, ee.$props, {
@@ -13608,14 +13608,14 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
           "data-testid": "filterbutton-title",
           class: ce(["flex w-full items-center justify-between text-sm font-medium leading-normal", `${l.value} ${n.size === "xs" ? "text-xs" : "text-sm"}`])
         }, [
-          u.iconLeft ? (P(), Te(ht, {
+          u.iconLeft ? (P(), xe(ht, {
             key: 0,
             name: u.iconLeft,
             size: u.iconSize,
             class: "mr-2"
           }, null, 8, ["name", "size"])) : G("", !0),
           oe("span", kv, Be(u.title), 1),
-          u.hasIcon ? (P(), Te(ht, {
+          u.hasIcon ? (P(), xe(ht, {
             key: 1,
             name: u.chevronIcon,
             class: ce([{
@@ -14178,7 +14178,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
     );
     const O = Z(!1);
     return (v, _) => (P(), L("div", null, [
-      Le(C(hi), wt(
+      ze(C(hi), wt(
         {
           ref_key: "datePickerRef",
           ref: r,
@@ -14232,7 +14232,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
         }
       ), Ot({
         "dp-input": Pe(({ value: x }) => [
-          v.roundedEdges ? (P(), Te(Co, {
+          v.roundedEdges ? (P(), xe(Co, {
             key: 0,
             id: "desktop-datepicker",
             rounded: "",
@@ -14245,7 +14245,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
             "icon-left": v.iconLeft,
             title: x || v.placeholderText,
             onClick: _[0] || (_[0] = (A) => a("open"))
-          }, null, 8, ["active", "disabled", "icon-left", "title"])) : (P(), Te(Ls, {
+          }, null, 8, ["active", "disabled", "icon-left", "title"])) : (P(), xe(Ls, {
             key: 1,
             id: "desktop-datepicker",
             "model-value": x,
@@ -14262,7 +14262,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
         ]),
         "action-row": Pe(({ selectDate: x }) => [
           oe("div", eg, [
-            Le(ir, {
+            ze(ir, {
               class: "my-4 ml-4 p-0",
               color: "white",
               rounded: !0,
@@ -14273,7 +14273,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
               ]),
               _: 1
             }),
-            Le(ir, {
+            ze(ir, {
               class: "my-4 mr-4 p-0",
               color: "blue",
               rounded: !0,
@@ -14298,7 +14298,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
                 onClick: _[1] || (_[1] = (x) => O.value = !O.value)
               }, [
                 oe("span", Jv, Be(n.quickFilterHeadline), 1),
-                v.enableQuickfilterToggle ? (P(), Te(ht, {
+                v.enableQuickfilterToggle ? (P(), xe(ht, {
                   key: 0,
                   name: "chevron-down",
                   class: ce(["inline-flex rounded-full text-gray-700 transition-transform duration-500 hover:bg-gray-300 md:hidden", { "rotate-180": O.value }])
@@ -14310,7 +14310,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
                   !O.value && v.enableQuickfilterToggle ? "hidden" : "md:block"
                 ])
               }, [
-                Le(Co, {
+                ze(Co, {
                   "data-testid": x.label,
                   variant: x.isSelected ? "blue-blank" : "blank",
                   title: x.label,
@@ -14386,7 +14386,7 @@ const wv = ["disabled"], kv = { class: "w-full truncate" }, Co = /* @__PURE__ */
       class: ce(["focus-visible:outline-blue group flex flex-none items-center justify-center rounded-full focus:outline-none", [s.value, o.value, l.value]]),
       onClick: c[0] || (c[0] = (d) => u.$emit("click", d))
     }, [
-      Le(ht, {
+      ze(ht, {
         class: "flex items-center justify-center",
         name: u.iconName,
         size: i.value
@@ -14541,7 +14541,7 @@ const hg = {
     }, o = (s) => {
       n.closeOnEsc && s.key === "Escape" && a("close");
     };
-    return cg(document, "keyup", (s) => o(s)), (s, l) => (P(), Te(ng, {
+    return cg(document, "keyup", (s) => o(s)), (s, l) => (P(), xe(ng, {
       onClose: l[1] || (l[1] = (i) => s.$emit("close"))
     }, {
       default: Pe(() => [
@@ -14562,7 +14562,7 @@ const hg = {
             class: ce(["flex h-12 items-center justify-between bg-gray-100 py-3 pl-4 pr-2 lg:h-14 lg:py-4 lg:pl-6 lg:pr-3", [s.roundedBorder ? "rounded-t-[24px]" : "", s.headerClasses]])
           }, [
             ue(s.$slots, "header"),
-            s.hasCloseButton ? (P(), Te(cr, {
+            s.hasCloseButton ? (P(), xe(cr, {
               key: 0,
               "icon-name": "close",
               "background-color": "none",
@@ -14609,7 +14609,7 @@ const hg = {
       class: "flex items-center",
       style: et({ color: n.fill })
     }, [
-      Le(ht, {
+      ze(ht, {
         class: "mr-1 shrink-0",
         size: n.size,
         name: n.iconIsFilled ? "saved-search-fill" : "saved-search"
@@ -14639,7 +14639,7 @@ const hg = {
       class: "group relative flex items-center px-2 py-1.5",
       style: et({ color: n.fill })
     }, [
-      Le(ht, {
+      ze(ht, {
         class: "mr-5 shrink-0",
         size: "small",
         name: n.iconIsFilled ? "saved-search-fill" : "saved-search"
@@ -14686,7 +14686,7 @@ const hg = {
         class: ce(["rounded-full p-6 shadow-default", [a.value, n.value]]),
         "data-testid": "info-icon"
       }, [
-        Le(ht, {
+        ze(ht, {
           name: r.iconName,
           size: r.iconSize,
           "data-testid": "icon"
@@ -14740,7 +14740,7 @@ const hg = {
       a("input", u.value);
     };
     return (u, c) => (P(), L("div", wg, [
-      u.hasIcon ? (P(), Te(ht, {
+      u.hasIcon ? (P(), xe(ht, {
         key: 0,
         class: "absolute text-gray-700",
         name: "search",
@@ -15631,10 +15631,7 @@ function Ul(e, t, a) {
     update: v
   };
 }
-const ay = {
-  key: 0,
-  class: "block w-full shadow-lg"
-}, ry = {
+const ay = { class: "relative" }, ry = {
   key: 0,
   style: { "outline-offset": "-2px" },
   class: "border-b fill-current px-4 py-3 text-gray-900 shadow-none",
@@ -15710,8 +15707,8 @@ const ay = {
     }, w = () => {
       n("reset");
     };
-    return (k, f) => mn((P(), L("div", null, [
-      Le(Co, {
+    return (k, f) => mn((P(), L("div", ay, [
+      ze(Co, {
         ref_key: "uiMenuActivator",
         ref: r,
         variant: k.buttonVariant,
@@ -15725,63 +15722,62 @@ const ay = {
         size: k.filterButtonSize,
         onClick: u
       }, null, 8, ["variant", "title", "disabled", "active", "icon-left", "class", "size"]),
-      Le(Qo, {
+      k.isOpen ? (P(), xe(Qo, {
+        key: 0,
         ref_key: "uiMenuDropdown",
         ref: o,
-        class: "absolute z-10 mt-1 min-w-[169px] border-none bg-white",
+        class: "absolute z-10 mt-1 block min-w-max border-none bg-white shadow-lg",
         style: et(k.floatingStylesActive ? C(s) : null),
         "data-testid": "menu"
       }, {
         default: Pe(() => [
-          k.isOpen ? (P(), L("div", ay, [
-            k.hasSearch ? (P(), L("li", ry, [
-              Le(_g, {
-                autofocus: k.hasAutoFocus,
-                placeholder: k.searchPlaceholder,
-                onInput: f[0] || (f[0] = (y) => m(y))
-              }, null, 8, ["autofocus", "placeholder"])
-            ])) : G("", !0),
-            oe("ul", oy, [
-              (P(!0), L(Ee, null, Ye(k.options, (y, b) => (P(), Te(Go, {
-                key: `menuOptions-${b}`,
-                selected: y.selected,
-                selectable: k.listVariant === "selectable",
-                "is-checked": y.selected,
-                "check-box-menu": k.listVariant === "checkbox",
-                "icon-size": k.iconSize,
-                "image-shape": k.imageShape,
-                "image-src": y.imageSrc,
-                "checkbox-size": k.checkboxSize,
-                "check-box-color": k.checkboxColor,
-                class: "hover:bg-gray-100 focus:bg-gray-300",
-                onListItemClick: (O) => i(b)
-              }, {
-                default: Pe(() => [
-                  It(Be(y.label), 1)
-                ]),
-                _: 2
-              }, 1032, ["selected", "selectable", "is-checked", "check-box-menu", "icon-size", "image-shape", "image-src", "checkbox-size", "check-box-color", "onListItemClick"]))), 128))
-            ]),
-            k.hasResetOption ? (P(), L("li", iy, [
-              Le(ir, {
-                rounded: "",
-                color: "transparent",
-                disabled: k.disabledReset,
-                "disabled-variant": "secondary",
-                "icon-name": "reset",
-                size: "xs",
-                onClick: w
-              }, {
-                default: Pe(() => [
-                  It(Be(k.resetLabel), 1)
-                ]),
-                _: 1
-              }, 8, ["disabled"])
-            ])) : G("", !0)
+          k.hasSearch ? (P(), L("li", ry, [
+            ze(_g, {
+              autofocus: k.hasAutoFocus,
+              placeholder: k.searchPlaceholder,
+              onInput: f[0] || (f[0] = (y) => m(y))
+            }, null, 8, ["autofocus", "placeholder"])
+          ])) : G("", !0),
+          oe("ul", oy, [
+            (P(!0), L(Ee, null, Ye(k.options, (y, b) => (P(), xe(Go, {
+              key: `menuOptions-${b}`,
+              selected: y.selected,
+              selectable: k.listVariant === "selectable",
+              "is-checked": y.selected,
+              "check-box-menu": k.listVariant === "checkbox",
+              "icon-size": k.iconSize,
+              "image-shape": k.imageShape,
+              "image-src": y.imageSrc,
+              "checkbox-size": k.checkboxSize,
+              "check-box-color": k.checkboxColor,
+              class: "hover:bg-gray-100 focus:bg-gray-300",
+              onListItemClick: () => i(b)
+            }, {
+              default: Pe(() => [
+                It(Be(y.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["selected", "selectable", "is-checked", "check-box-menu", "icon-size", "image-shape", "image-src", "checkbox-size", "check-box-color", "onListItemClick"]))), 128))
+          ]),
+          k.hasResetOption ? (P(), L("li", iy, [
+            ze(ir, {
+              rounded: "",
+              color: "transparent",
+              disabled: k.disabledReset,
+              "disabled-variant": "secondary",
+              "icon-name": "reset",
+              size: "xs",
+              onClick: w
+            }, {
+              default: Pe(() => [
+                It(Be(k.resetLabel), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
           ])) : G("", !0)
         ]),
         _: 1
-      }, 8, ["style"])
+      }, 8, ["style"])) : G("", !0)
     ])), [
       [C(gr), c]
     ]);
@@ -16022,7 +16018,7 @@ const ay = {
     return (n, r) => (P(), L("div", {
       class: ce(a.value)
     }, [
-      n.variant === "bubbles" ? (P(), L("svg", dy, my)) : (P(), Te(ht, {
+      n.variant === "bubbles" ? (P(), L("svg", dy, my)) : (P(), xe(ht, {
         key: 1,
         name: "spinner",
         class: "animate-spin",
@@ -16047,7 +16043,7 @@ const ay = {
       (r) => {
         r && a("input", r);
       }
-    ), (r, o) => (P(), Te(Ln, {
+    ), (r, o) => (P(), xe(Ln, {
       "enter-active-class": "duration-200 ease-out",
       "enter-from-class": "transform opacity-0",
       "enter-to-class": "opacity-100",
@@ -16070,7 +16066,7 @@ const ay = {
               "bg-gray-900 text-white": r.type === "info"
             }])
           }, [
-            r.iconName || r.type === "error" ? (P(), Te(ht, {
+            r.iconName || r.type === "error" ? (P(), xe(ht, {
               key: 0,
               name: r.iconName || "alert-fill",
               size: r.iconSize,
@@ -16287,7 +16283,7 @@ const ay = {
             onKeyup: Qn((_) => i(v, _.target.value), ["delete"]),
             onKeydown: (_) => d(v, _.target.value, _)
           }, null, 40, Oy),
-          y.hasAddEntryOption && w(v) ? (P(), Te(cr, {
+          y.hasAddEntryOption && w(v) ? (P(), xe(cr, {
             key: 0,
             "icon-name": "plus-circle",
             "icon-color": "gray",
@@ -16401,7 +16397,7 @@ const ay = {
               oe("div", {
                 class: ce(["hidden h-full flex-none items-center justify-center lg:flex", m.value])
               }, [
-                Le(cr, {
+                ze(cr, {
                   disabled: i.value && !o.value,
                   "icon-name": "close",
                   title: x.resetSearchButtonTittle,
@@ -16417,7 +16413,7 @@ const ay = {
             }, [
               oe("div", Ey, [
                 Iy,
-                Le(cr, {
+                ze(cr, {
                   "icon-name": "search",
                   title: x.executeSearchButtonTitle,
                   "background-color": o.value || s.value ? "blue" : "none",
@@ -16860,7 +16856,7 @@ var Yy = Wl.exports, qy = {
 const Va = qy, Gl = {};
 for (const e of Object.keys(Va))
   Gl[Va[e]] = e;
-const xe = {
+const Te = {
   rgb: { channels: 3, labels: "rgb" },
   hsl: { channels: 3, labels: "hsl" },
   hsv: { channels: 3, labels: "hsv" },
@@ -16877,25 +16873,25 @@ const xe = {
   apple: { channels: 3, labels: ["r16", "g16", "b16"] },
   gray: { channels: 1, labels: ["gray"] }
 };
-var Kl = xe;
-for (const e of Object.keys(xe)) {
-  if (!("channels" in xe[e]))
+var Kl = Te;
+for (const e of Object.keys(Te)) {
+  if (!("channels" in Te[e]))
     throw new Error("missing channels property: " + e);
-  if (!("labels" in xe[e]))
+  if (!("labels" in Te[e]))
     throw new Error("missing channel labels property: " + e);
-  if (xe[e].labels.length !== xe[e].channels)
+  if (Te[e].labels.length !== Te[e].channels)
     throw new Error("channel and label counts mismatch: " + e);
-  const { channels: t, labels: a } = xe[e];
-  delete xe[e].channels, delete xe[e].labels, Object.defineProperty(xe[e], "channels", { value: t }), Object.defineProperty(xe[e], "labels", { value: a });
+  const { channels: t, labels: a } = Te[e];
+  delete Te[e].channels, delete Te[e].labels, Object.defineProperty(Te[e], "channels", { value: t }), Object.defineProperty(Te[e], "labels", { value: a });
 }
-xe.rgb.hsl = function(e) {
+Te.rgb.hsl = function(e) {
   const t = e[0] / 255, a = e[1] / 255, n = e[2] / 255, r = Math.min(t, a, n), o = Math.max(t, a, n), s = o - r;
   let l, i;
   o === r ? l = 0 : t === o ? l = (a - n) / s : a === o ? l = 2 + (n - t) / s : n === o && (l = 4 + (t - a) / s), l = Math.min(l * 60, 360), l < 0 && (l += 360);
   const u = (r + o) / 2;
   return o === r ? i = 0 : u <= 0.5 ? i = s / (o + r) : i = s / (2 - o - r), [l, i * 100, u * 100];
 };
-xe.rgb.hsv = function(e) {
+Te.rgb.hsv = function(e) {
   let t, a, n, r, o;
   const s = e[0] / 255, l = e[1] / 255, i = e[2] / 255, u = Math.max(s, l, i), c = u - Math.min(s, l, i), d = function(m) {
     return (u - m) / 6 / c + 1 / 2;
@@ -16906,20 +16902,20 @@ xe.rgb.hsv = function(e) {
     u * 100
   ];
 };
-xe.rgb.hwb = function(e) {
+Te.rgb.hwb = function(e) {
   const t = e[0], a = e[1];
   let n = e[2];
-  const r = xe.rgb.hsl(e)[0], o = 1 / 255 * Math.min(t, Math.min(a, n));
+  const r = Te.rgb.hsl(e)[0], o = 1 / 255 * Math.min(t, Math.min(a, n));
   return n = 1 - 1 / 255 * Math.max(t, Math.max(a, n)), [r, o * 100, n * 100];
 };
-xe.rgb.cmyk = function(e) {
+Te.rgb.cmyk = function(e) {
   const t = e[0] / 255, a = e[1] / 255, n = e[2] / 255, r = Math.min(1 - t, 1 - a, 1 - n), o = (1 - t - r) / (1 - r) || 0, s = (1 - a - r) / (1 - r) || 0, l = (1 - n - r) / (1 - r) || 0;
   return [o * 100, s * 100, l * 100, r * 100];
 };
 function Vy(e, t) {
   return (e[0] - t[0]) ** 2 + (e[1] - t[1]) ** 2 + (e[2] - t[2]) ** 2;
 }
-xe.rgb.keyword = function(e) {
+Te.rgb.keyword = function(e) {
   const t = Gl[e];
   if (t)
     return t;
@@ -16930,23 +16926,23 @@ xe.rgb.keyword = function(e) {
   }
   return n;
 };
-xe.keyword.rgb = function(e) {
+Te.keyword.rgb = function(e) {
   return Va[e];
 };
-xe.rgb.xyz = function(e) {
+Te.rgb.xyz = function(e) {
   let t = e[0] / 255, a = e[1] / 255, n = e[2] / 255;
   t = t > 0.04045 ? ((t + 0.055) / 1.055) ** 2.4 : t / 12.92, a = a > 0.04045 ? ((a + 0.055) / 1.055) ** 2.4 : a / 12.92, n = n > 0.04045 ? ((n + 0.055) / 1.055) ** 2.4 : n / 12.92;
   const r = t * 0.4124 + a * 0.3576 + n * 0.1805, o = t * 0.2126 + a * 0.7152 + n * 0.0722, s = t * 0.0193 + a * 0.1192 + n * 0.9505;
   return [r * 100, o * 100, s * 100];
 };
-xe.rgb.lab = function(e) {
-  const t = xe.rgb.xyz(e);
+Te.rgb.lab = function(e) {
+  const t = Te.rgb.xyz(e);
   let a = t[0], n = t[1], r = t[2];
   a /= 95.047, n /= 100, r /= 108.883, a = a > 8856e-6 ? a ** (1 / 3) : 7.787 * a + 16 / 116, n = n > 8856e-6 ? n ** (1 / 3) : 7.787 * n + 16 / 116, r = r > 8856e-6 ? r ** (1 / 3) : 7.787 * r + 16 / 116;
   const o = 116 * n - 16, s = 500 * (a - n), l = 200 * (n - r);
   return [o, s, l];
 };
-xe.hsl.rgb = function(e) {
+Te.hsl.rgb = function(e) {
   const t = e[0] / 360, a = e[1] / 100, n = e[2] / 100;
   let r, o, s;
   if (a === 0)
@@ -16957,7 +16953,7 @@ xe.hsl.rgb = function(e) {
     o = t + 1 / 3 * -(u - 1), o < 0 && o++, o > 1 && o--, 6 * o < 1 ? s = l + (r - l) * 6 * o : 2 * o < 1 ? s = r : 3 * o < 2 ? s = l + (r - l) * (2 / 3 - o) * 6 : s = l, i[u] = s * 255;
   return i;
 };
-xe.hsl.hsv = function(e) {
+Te.hsl.hsv = function(e) {
   const t = e[0];
   let a = e[1] / 100, n = e[2] / 100, r = a;
   const o = Math.max(n, 0.01);
@@ -16965,7 +16961,7 @@ xe.hsl.hsv = function(e) {
   const s = (n + a) / 2, l = n === 0 ? 2 * r / (o + r) : 2 * a / (n + a);
   return [t, l * 100, s * 100];
 };
-xe.hsv.rgb = function(e) {
+Te.hsv.rgb = function(e) {
   const t = e[0] / 60, a = e[1] / 100;
   let n = e[2] / 100;
   const r = Math.floor(t) % 6, o = t - Math.floor(t), s = 255 * n * (1 - a), l = 255 * n * (1 - a * o), i = 255 * n * (1 - a * (1 - o));
@@ -16984,14 +16980,14 @@ xe.hsv.rgb = function(e) {
       return [n, s, l];
   }
 };
-xe.hsv.hsl = function(e) {
+Te.hsv.hsl = function(e) {
   const t = e[0], a = e[1] / 100, n = e[2] / 100, r = Math.max(n, 0.01);
   let o, s;
   s = (2 - a) * n;
   const l = (2 - a) * r;
   return o = a * r, o /= l <= 1 ? l : 2 - l, o = o || 0, s /= 2, [t, o * 100, s * 100];
 };
-xe.hwb.rgb = function(e) {
+Te.hwb.rgb = function(e) {
   const t = e[0] / 360;
   let a = e[1] / 100, n = e[2] / 100;
   const r = a + n;
@@ -17025,62 +17021,62 @@ xe.hwb.rgb = function(e) {
   }
   return [u * 255, c * 255, d * 255];
 };
-xe.cmyk.rgb = function(e) {
+Te.cmyk.rgb = function(e) {
   const t = e[0] / 100, a = e[1] / 100, n = e[2] / 100, r = e[3] / 100, o = 1 - Math.min(1, t * (1 - r) + r), s = 1 - Math.min(1, a * (1 - r) + r), l = 1 - Math.min(1, n * (1 - r) + r);
   return [o * 255, s * 255, l * 255];
 };
-xe.xyz.rgb = function(e) {
+Te.xyz.rgb = function(e) {
   const t = e[0] / 100, a = e[1] / 100, n = e[2] / 100;
   let r, o, s;
   return r = t * 3.2406 + a * -1.5372 + n * -0.4986, o = t * -0.9689 + a * 1.8758 + n * 0.0415, s = t * 0.0557 + a * -0.204 + n * 1.057, r = r > 31308e-7 ? 1.055 * r ** (1 / 2.4) - 0.055 : r * 12.92, o = o > 31308e-7 ? 1.055 * o ** (1 / 2.4) - 0.055 : o * 12.92, s = s > 31308e-7 ? 1.055 * s ** (1 / 2.4) - 0.055 : s * 12.92, r = Math.min(Math.max(0, r), 1), o = Math.min(Math.max(0, o), 1), s = Math.min(Math.max(0, s), 1), [r * 255, o * 255, s * 255];
 };
-xe.xyz.lab = function(e) {
+Te.xyz.lab = function(e) {
   let t = e[0], a = e[1], n = e[2];
   t /= 95.047, a /= 100, n /= 108.883, t = t > 8856e-6 ? t ** (1 / 3) : 7.787 * t + 16 / 116, a = a > 8856e-6 ? a ** (1 / 3) : 7.787 * a + 16 / 116, n = n > 8856e-6 ? n ** (1 / 3) : 7.787 * n + 16 / 116;
   const r = 116 * a - 16, o = 500 * (t - a), s = 200 * (a - n);
   return [r, o, s];
 };
-xe.lab.xyz = function(e) {
+Te.lab.xyz = function(e) {
   const t = e[0], a = e[1], n = e[2];
   let r, o, s;
   o = (t + 16) / 116, r = a / 500 + o, s = o - n / 200;
   const l = o ** 3, i = r ** 3, u = s ** 3;
   return o = l > 8856e-6 ? l : (o - 16 / 116) / 7.787, r = i > 8856e-6 ? i : (r - 16 / 116) / 7.787, s = u > 8856e-6 ? u : (s - 16 / 116) / 7.787, r *= 95.047, o *= 100, s *= 108.883, [r, o, s];
 };
-xe.lab.lch = function(e) {
+Te.lab.lch = function(e) {
   const t = e[0], a = e[1], n = e[2];
   let r;
   r = Math.atan2(n, a) * 360 / 2 / Math.PI, r < 0 && (r += 360);
   const s = Math.sqrt(a * a + n * n);
   return [t, s, r];
 };
-xe.lch.lab = function(e) {
+Te.lch.lab = function(e) {
   const t = e[0], a = e[1], r = e[2] / 360 * 2 * Math.PI, o = a * Math.cos(r), s = a * Math.sin(r);
   return [t, o, s];
 };
-xe.rgb.ansi16 = function(e, t = null) {
+Te.rgb.ansi16 = function(e, t = null) {
   const [a, n, r] = e;
-  let o = t === null ? xe.rgb.hsv(e)[2] : t;
+  let o = t === null ? Te.rgb.hsv(e)[2] : t;
   if (o = Math.round(o / 50), o === 0)
     return 30;
   let s = 30 + (Math.round(r / 255) << 2 | Math.round(n / 255) << 1 | Math.round(a / 255));
   return o === 2 && (s += 60), s;
 };
-xe.hsv.ansi16 = function(e) {
-  return xe.rgb.ansi16(xe.hsv.rgb(e), e[2]);
+Te.hsv.ansi16 = function(e) {
+  return Te.rgb.ansi16(Te.hsv.rgb(e), e[2]);
 };
-xe.rgb.ansi256 = function(e) {
+Te.rgb.ansi256 = function(e) {
   const t = e[0], a = e[1], n = e[2];
   return t === a && a === n ? t < 8 ? 16 : t > 248 ? 231 : Math.round((t - 8) / 247 * 24) + 232 : 16 + 36 * Math.round(t / 255 * 5) + 6 * Math.round(a / 255 * 5) + Math.round(n / 255 * 5);
 };
-xe.ansi16.rgb = function(e) {
+Te.ansi16.rgb = function(e) {
   let t = e % 10;
   if (t === 0 || t === 7)
     return e > 50 && (t += 3.5), t = t / 10.5 * 255, [t, t, t];
   const a = (~~(e > 50) + 1) * 0.5, n = (t & 1) * a * 255, r = (t >> 1 & 1) * a * 255, o = (t >> 2 & 1) * a * 255;
   return [n, r, o];
 };
-xe.ansi256.rgb = function(e) {
+Te.ansi256.rgb = function(e) {
   if (e >= 232) {
     const o = (e - 232) * 10 + 8;
     return [o, o, o];
@@ -17090,11 +17086,11 @@ xe.ansi256.rgb = function(e) {
   const a = Math.floor(e / 36) / 5 * 255, n = Math.floor((t = e % 36) / 6) / 5 * 255, r = t % 6 / 5 * 255;
   return [a, n, r];
 };
-xe.rgb.hex = function(e) {
+Te.rgb.hex = function(e) {
   const a = (((Math.round(e[0]) & 255) << 16) + ((Math.round(e[1]) & 255) << 8) + (Math.round(e[2]) & 255)).toString(16).toUpperCase();
   return "000000".substring(a.length) + a;
 };
-xe.hex.rgb = function(e) {
+Te.hex.rgb = function(e) {
   const t = e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);
   if (!t)
     return [0, 0, 0];
@@ -17103,22 +17099,22 @@ xe.hex.rgb = function(e) {
   const n = parseInt(a, 16), r = n >> 16 & 255, o = n >> 8 & 255, s = n & 255;
   return [r, o, s];
 };
-xe.rgb.hcg = function(e) {
+Te.rgb.hcg = function(e) {
   const t = e[0] / 255, a = e[1] / 255, n = e[2] / 255, r = Math.max(Math.max(t, a), n), o = Math.min(Math.min(t, a), n), s = r - o;
   let l, i;
   return s < 1 ? l = o / (1 - s) : l = 0, s <= 0 ? i = 0 : r === t ? i = (a - n) / s % 6 : r === a ? i = 2 + (n - t) / s : i = 4 + (t - a) / s, i /= 6, i %= 1, [i * 360, s * 100, l * 100];
 };
-xe.hsl.hcg = function(e) {
+Te.hsl.hcg = function(e) {
   const t = e[1] / 100, a = e[2] / 100, n = a < 0.5 ? 2 * t * a : 2 * t * (1 - a);
   let r = 0;
   return n < 1 && (r = (a - 0.5 * n) / (1 - n)), [e[0], n * 100, r * 100];
 };
-xe.hsv.hcg = function(e) {
+Te.hsv.hcg = function(e) {
   const t = e[1] / 100, a = e[2] / 100, n = t * a;
   let r = 0;
   return n < 1 && (r = (a - n) / (1 - n)), [e[0], n * 100, r * 100];
 };
-xe.hcg.rgb = function(e) {
+Te.hcg.rgb = function(e) {
   const t = e[0] / 360, a = e[1] / 100, n = e[2] / 100;
   if (a === 0)
     return [n * 255, n * 255, n * 255];
@@ -17149,52 +17145,52 @@ xe.hcg.rgb = function(e) {
     (a * r[2] + i) * 255
   ];
 };
-xe.hcg.hsv = function(e) {
+Te.hcg.hsv = function(e) {
   const t = e[1] / 100, a = e[2] / 100, n = t + a * (1 - t);
   let r = 0;
   return n > 0 && (r = t / n), [e[0], r * 100, n * 100];
 };
-xe.hcg.hsl = function(e) {
+Te.hcg.hsl = function(e) {
   const t = e[1] / 100, n = e[2] / 100 * (1 - t) + 0.5 * t;
   let r = 0;
   return n > 0 && n < 0.5 ? r = t / (2 * n) : n >= 0.5 && n < 1 && (r = t / (2 * (1 - n))), [e[0], r * 100, n * 100];
 };
-xe.hcg.hwb = function(e) {
+Te.hcg.hwb = function(e) {
   const t = e[1] / 100, a = e[2] / 100, n = t + a * (1 - t);
   return [e[0], (n - t) * 100, (1 - n) * 100];
 };
-xe.hwb.hcg = function(e) {
+Te.hwb.hcg = function(e) {
   const t = e[1] / 100, n = 1 - e[2] / 100, r = n - t;
   let o = 0;
   return r < 1 && (o = (n - r) / (1 - r)), [e[0], r * 100, o * 100];
 };
-xe.apple.rgb = function(e) {
+Te.apple.rgb = function(e) {
   return [e[0] / 65535 * 255, e[1] / 65535 * 255, e[2] / 65535 * 255];
 };
-xe.rgb.apple = function(e) {
+Te.rgb.apple = function(e) {
   return [e[0] / 255 * 65535, e[1] / 255 * 65535, e[2] / 255 * 65535];
 };
-xe.gray.rgb = function(e) {
+Te.gray.rgb = function(e) {
   return [e[0] / 100 * 255, e[0] / 100 * 255, e[0] / 100 * 255];
 };
-xe.gray.hsl = function(e) {
+Te.gray.hsl = function(e) {
   return [0, 0, e[0]];
 };
-xe.gray.hsv = xe.gray.hsl;
-xe.gray.hwb = function(e) {
+Te.gray.hsv = Te.gray.hsl;
+Te.gray.hwb = function(e) {
   return [0, 100, e[0]];
 };
-xe.gray.cmyk = function(e) {
+Te.gray.cmyk = function(e) {
   return [0, 0, 0, e[0]];
 };
-xe.gray.lab = function(e) {
+Te.gray.lab = function(e) {
   return [e[0], 0, 0];
 };
-xe.gray.hex = function(e) {
+Te.gray.hex = function(e) {
   const t = Math.round(e[0] / 100 * 255) & 255, n = ((t << 16) + (t << 8) + t).toString(16).toUpperCase();
   return "000000".substring(n.length) + n;
 };
-xe.rgb.gray = function(e) {
+Te.rgb.gray = function(e) {
   return [(e[0] + e[1] + e[2]) / 3 / 255 * 100];
 };
 const pr = Kl;
@@ -17567,7 +17563,7 @@ const eo = /* @__PURE__ */ Zu(a1), r1 = { class: "flex" }, o1 = ["id", "aria-che
           r.value = u, n("update:modelValue", `#${u}`);
         }
       }, [
-        r.value === u ? (P(), Te(ht, {
+        r.value === u ? (P(), xe(ht, {
           key: 0,
           id: "cp-checmark",
           name: "checkmark",
@@ -17589,12 +17585,12 @@ const eo = /* @__PURE__ */ Zu(a1), r1 = { class: "flex" }, o1 = ["id", "aria-che
         }, null, 512), [
           [Ju, o.value]
         ]),
-        C(Wn).includes(r.value) ? (P(), Te(ht, {
+        C(Wn).includes(r.value) ? (P(), xe(ht, {
           key: 0,
           name: "color-palette",
           size: "medium",
           class: "-rotate-45"
-        })) : (P(), Te(ht, {
+        })) : (P(), xe(ht, {
           key: 1,
           id: "cp-checmark",
           name: "checkmark",
@@ -17644,20 +17640,20 @@ const eo = /* @__PURE__ */ Zu(a1), r1 = { class: "flex" }, o1 = ["id", "aria-che
       r.value,
       l.value
     ]);
-    return (m, w) => (P(), Te(Fn(a.value), {
+    return (m, w) => (P(), xe(Fn(a.value), {
       href: m.href,
       class: ce([d.value, "inline-flex items-center"]),
       target: n.value
     }, {
       default: Pe(() => [
-        m.iconLeft ? (P(), Te(ht, {
+        m.iconLeft ? (P(), xe(ht, {
           key: 0,
           class: ce(u.value),
           name: m.iconLeft,
           size: i.value
         }, null, 8, ["class", "name", "size"])) : G("", !0),
         ue(m.$slots, "default"),
-        m.iconRight ? (P(), Te(ht, {
+        m.iconRight ? (P(), xe(ht, {
           key: 1,
           class: ce(c.value),
           name: m.iconRight,