@adyen/bento-vue3 1.9.0 → 1.10.0

package/dist/filter-bar.js

@@ -1,14 +1,14 @@
-import { onMounted as Je, onUnmounted as _t, defineComponent as N, useSlots as Ft, useAttrs as gt, computed as f, ref as K, openBlock as b, createBlock as $, unref as te, normalizeClass as ie, withCtx as p, createTextVNode as O, toDisplayString as R, createCommentVNode as w, createElementBlock as P, createElementVNode as k, renderSlot as oe, createVNode as g, Teleport as Ct, watch as _e, resolveComponent as y, withKeys as de, toRef as J, onBeforeUpdate as Ie, mergeProps as se, Fragment as pe, reactive as Ge, createSlots as Ae, renderList as ve, normalizeProps as ke, guardReactiveProps as Pe, pushScopeId as St, popScopeId as $t, toRefs as At, provide as Bt, nextTick as Dt, resolveDynamicComponent as Be, withDirectives as Fe, vShow as ge } from "vue";
-import { _ as M } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { a as Ve } from "./chunks/index.98174339.js";
+import { onMounted as Je, onUnmounted as _t, defineComponent as H, useSlots as Ft, useAttrs as gt, computed as f, ref as j, openBlock as b, createBlock as $, unref as te, normalizeClass as ie, withCtx as p, createTextVNode as w, toDisplayString as L, createCommentVNode as M, createElementBlock as R, createElementVNode as P, renderSlot as oe, createVNode as C, Teleport as Ct, watch as _e, resolveComponent as y, withKeys as de, toRef as G, onBeforeUpdate as Ie, mergeProps as se, Fragment as pe, reactive as Ge, createSlots as Ae, renderList as ve, normalizeProps as ke, guardReactiveProps as Pe, pushScopeId as St, popScopeId as $t, toRefs as At, provide as Bt, nextTick as Dt, resolveDynamicComponent as Be, withDirectives as Fe, vShow as ge } from "vue";
+import { _ as q } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { a as Ve } from "./chunks/index.a875e4b3.js";
 import { B as It } from "./chunks/directive.0408e565.js";
-import { B as Tt } from "./chunks/tooltip.27c32d36.js";
+import { B as Tt } from "./chunks/tooltip.65868eae.js";
 import { u as ce } from "./chunks/i18n.6c402773.js";
 import { g as Te } from "./chunks/unique-id.a2a2b458.js";
 import { o as Et } from "./chunks/on-click-outside.3e0c3e2a.js";
-import { B as fe, d as Ut } from "./chunks/index.75f3672e.js";
+import { B as fe, d as Ut } from "./chunks/index.10c545e2.js";
 import { u as We } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ze, a as Re } from "./chunks/base-button.aa085dfa.js";
+import { B as Ze, a as Re } from "./chunks/base-button.dfc0e32e.js";
 import { g as Qe } from "./chunks/get-slot-text.bead058f.js";
 import { u as Xe } from "./chunks/use-has-slot.4d98bf29.js";
 import { a as xe, C as et } from "./chunks/chevron-up.46afb34c.js";
@@ -17,38 +17,38 @@ import { BentoInputField as tt } from "./input-field.js";
 import { BentoSearchBar as Ce, BentoSearchBarEvent as be } from "./search-bar.js";
 import { u as Pt } from "./chunks/toastController.0b01d2e8.js";
 import { BentoModal as Vt } from "./modal.js";
-import { e as Rt } from "./chunks/base-modal.a629cb32.js";
-import { a as Ot } from "./chunks/button.82ed953e.js";
-import { B as Lt, u as lt } from "./chunks/dropdown.63de9aac.js";
-import { g as wt } from "./chunks/index.4d2a13e1.js";
-import { BentoDivider as nt } from "./divider.js";
+import { e as Rt } from "./chunks/base-modal.8b323292.js";
+import { a as Ot } from "./chunks/button.6ca5cd14.js";
+import { B as Lt, u as lt } from "./chunks/dropdown.014ae3e3.js";
+import { g as wt } from "./chunks/index.4e3fb264.js";
+import { B as at } from "./chunks/index.785d9829.js";
 import { BentoDatePicker as Nt } from "./date-picker.js";
-import { f as ue } from "./chunks/index.0ee895e0.js";
-import { e as ae, d as at, f as ot } from "./chunks/index.f55fdc32.js";
-import { C as Mt, i as Ht } from "./chunks/calendar.fa7712e8.js";
-import { B as qt, D as Kt, i as Oe } from "./chunks/index.c6fecf1c.js";
+import { f as ue } from "./chunks/index.934e5485.js";
+import { e as ne, d as nt, f as ot } from "./chunks/index.f55fdc32.js";
+import { C as Mt, i as Ht } from "./chunks/calendar.b3c15dcd.js";
+import { B as qt, D as Kt, i as Oe } from "./chunks/index.fd70b861.js";
 import { D as Le } from "./chunks/date-input.9186a0bf.js";
 import { BentoButtonActions as jt } from "./button.js";
-import { B as Yt } from "./chunks/listbox.ac43f8ab.js";
-import { B as zt, L as st } from "./chunks/listbox-option-tag.b1eb32bd.js";
+import { B as Yt } from "./chunks/listbox.963589af.js";
+import { B as zt, L as st } from "./chunks/listbox-option-tag.854fcb0d.js";
 import { BentoCountry as Jt } from "./country.js";
 import { u as Gt } from "./chunks/useCountryItems.e83ef8f0.js";
 import { BentoPaymentMethod as Wt } from "./payment-method.js";
 import { R as Zt } from "./chunks/refresh.bd60f6a8.js";
-import { F as Qt } from "./chunks/fixed-scroller.bced60dd.js";
-import "./assets/index33.css";
+import { F as Qt } from "./chunks/fixed-scroller.96019461.js";
+import "./assets/index17.css";
 var it = !1;
-const Xt = (e, t, n = {}) => {
+const Xt = (e, t, a = {}) => {
   let l;
   Je(() => {
-    l = Et(e, t, n);
+    l = Et(e, t, a);
   }), _t(() => {
     l && (l(), l = null);
   });
 }, xt = { class: "b-filter-bar-button__container" }, el = { class: "b-filter-bar-button__label-container" }, tl = {
   key: 1,
   class: "b-filter-bar-button__chevron"
-}, ll = {}, nl = /* @__PURE__ */ N({
+}, ll = {}, al = /* @__PURE__ */ H({
   ...ll,
   __name: "filter-bar-button",
   props: {
@@ -79,21 +79,21 @@ const Xt = (e, t, n = {}) => {
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const n = e, l = Ft(), o = gt(), i = Xe(l), s = f(() => l.default ? Qe(l)("default") : null), r = We({ ariaLabel: s }), a = K(null), u = f(() => {
+    const a = e, l = Ft(), o = gt(), i = Xe(l), s = f(() => l.default ? Qe(l)("default") : null), r = We({ ariaLabel: s }), n = j(null), u = f(() => {
       var _;
       return {
         "aria-controls": (_ = o["aria-controls"]) == null ? void 0 : _.toString()
       };
     }), h = f(() => ({
-      "b-filter-bar-button--filter-open": n.isFilterOpen,
-      "b-filter-bar-button--with-counter": n.appliedFiltersCount,
-      "b-filter-bar-button--with-chevron": n.hasChevron
+      "b-filter-bar-button--filter-open": a.isFilterOpen,
+      "b-filter-bar-button--with-counter": a.appliedFiltersCount,
+      "b-filter-bar-button--with-chevron": a.hasChevron
     })), m = (_) => {
-      n.disabled || t("click", _);
+      a.disabled || t("click", _);
     };
     return (_, d) => (b(), $(te(Ze), {
       ref_key: "filterBarButtonRef",
-      ref: a,
+      ref: n,
       class: ie(["b-filter-bar-button", te(h)]),
       disabled: e.disabled,
       "aria-label": te(r),
@@ -110,11 +110,11 @@ const Xt = (e, t, n = {}) => {
           stronger: ""
         }, {
           default: p(() => [
-            O(R(e.appliedFiltersCount), 1)
+            w(L(e.appliedFiltersCount), 1)
           ]),
           _: 1
-        })) : w("", !0),
-        e.hasChevron ? (b(), P("div", tl, [
+        })) : M("", !0),
+        e.hasChevron ? (b(), R("div", tl, [
           e.isFilterOpen ? (b(), $(te(xe), {
             key: 0,
             "aria-hidden": "true"
@@ -122,13 +122,13 @@ const Xt = (e, t, n = {}) => {
             key: 1,
             "aria-hidden": "true"
           }))
-        ])) : w("", !0)
+        ])) : M("", !0)
       ]),
       default: p(() => [
-        k("div", xt, [
-          te(i)("iconLeft") ? oe(_.$slots, "iconLeft", { key: 0 }, void 0, !0) : w("", !0),
-          k("div", el, [
-            g(te(fe), {
+        P("div", xt, [
+          te(i)("iconLeft") ? oe(_.$slots, "iconLeft", { key: 0 }, void 0, !0) : M("", !0),
+          P("div", el, [
+            C(te(fe), {
               el: "span",
               variant: "body",
               stronger: "",
@@ -147,10 +147,10 @@ const Xt = (e, t, n = {}) => {
               class: "b-filter-bar-button__secondary-label"
             }, {
               default: p(() => [
-                O(R(e.secondaryLabel), 1)
+                w(L(e.secondaryLabel), 1)
               ]),
               _: 1
-            })) : w("", !0)
+            })) : M("", !0)
           ])
         ])
       ]),
@@ -158,8 +158,8 @@ const Xt = (e, t, n = {}) => {
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
 });
-const Ee = /* @__PURE__ */ M(nl, [["__scopeId", "data-v-b1f946e5"]]);
-var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), he = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(he || {}), Q = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(Q || {}), le = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(le || {});
+const Ee = /* @__PURE__ */ q(al, [["__scopeId", "data-v-b1f946e5"]]);
+var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), he = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(he || {}), Z = /* @__PURE__ */ ((e) => (e.INPUT = "BentoInputFilter", e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(Z || {}), le = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(le || {});
 const we = {
   "en-US": {
     clear: "Clear",
@@ -186,7 +186,7 @@ const we = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, al = N({
+}, nl = H({
   name: "teleport",
   props: {
     to: {
@@ -249,8 +249,8 @@ const we = {
     },
     onMutations(e) {
       let t = !1;
-      for (let n = 0; n < e.length; n++) {
-        const l = e[n], o = Array.from(l.addedNodes).filter(
+      for (let a = 0; a < e.length; a++) {
+        const l = e[a], o = Array.from(l.addedNodes).filter(
           (i) => !this.nodes.includes(i)
         );
         Array.from(l.removedNodes).includes(this.parent) ? (this.disable(), this.waiting = !this.disabled) : this.waiting && o.length > 0 && (t = !0);
@@ -264,7 +264,7 @@ const we = {
         attributes: !1,
         characterData: !1
       }), !this.childObserver && (this.childObserver = new MutationObserver((e) => {
-        e.find((n) => n.target === this.$el) && (this.nodes.forEach((n) => n.parentNode && n.parentNode.removeChild(n)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
+        e.find((a) => a.target === this.$el) && (this.nodes.forEach((a) => a.parentNode && a.parentNode.removeChild(a)), this.nodes = this.getComponentChildrenNode(), this.maybeMove());
       }), this.childObserver.observe(this.$el, {
         childList: !0,
         subtree: !1,
@@ -279,10 +279,10 @@ const we = {
       return [];
     }
   }
-}), ol = /* @__PURE__ */ N({
-  ...al,
+}), ol = /* @__PURE__ */ H({
+  ...nl,
   setup(e) {
-    return (t, n) => te(it) ? (b(), P("div", {
+    return (t, a) => te(it) ? (b(), R("div", {
       key: 0,
       class: ie(t.classes)
     }, [
@@ -298,7 +298,7 @@ const we = {
     ], 8, ["to", "where", "disabled", "class"]));
   }
 });
-const sl = /* @__PURE__ */ M(ol, [["__scopeId", "data-v-d3ffe999"]]), il = N({
+const sl = /* @__PURE__ */ q(ol, [["__scopeId", "data-v-d3ffe999"]]), il = H({
   i18n: { messages: we },
   name: "bento-base-filter",
   components: {
@@ -367,31 +367,31 @@ const sl = /* @__PURE__ */ M(ol, [["__scopeId", "data-v-d3ffe999"]]), il = N({
     le.RESET
   ],
   setup(e, { emit: t }) {
-    const { t: n } = ce({ messages: we }), l = Te("base-filter-popover"), o = K(!1), i = K(null), s = K(null), r = f(() => e.defaultValue !== null), a = () => {
+    const { t: a } = ce({ messages: we }), l = Te("base-filter-popover"), o = j(!1), i = j(null), s = j(null), r = f(() => e.defaultValue !== null), n = () => {
       o.value && (o.value = !1, t(le.CLOSE));
     }, u = () => {
-      a(), r.value ? t(le.RESET) : t(le.CLEAR);
-    }, h = () => a(), m = () => {
-      o.value ? a() : (o.value = !0, t(le.OPEN));
+      n(), r.value ? t(le.RESET) : t(le.CLEAR);
+    }, h = () => n(), m = () => {
+      o.value ? n() : (o.value = !0, t(le.OPEN));
     }, _ = () => {
-      a(), t(le.APPLY);
+      n(), t(le.APPLY);
     }, d = f(() => [
       {
-        title: n("apply"),
+        title: a("apply"),
         event: _,
         disabled: e.disableApplyButton
       },
       {
-        title: r.value ? n("reset") : n("clear"),
+        title: r.value ? a("reset") : a("clear"),
         event: u,
         disabled: e.disableSecondaryButton
       }
     ]);
     return _e(
       () => o.value,
-      (D, T) => {
-        var A, E;
-        !D && T && (E = (A = i.value) == null ? void 0 : A.filterBarButtonRef) != null && E.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (I, E) => {
+        var A, U;
+        !I && E && (U = (A = i.value) == null ? void 0 : A.filterBarButtonRef) != null && U.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), Xt(s, h, { ignore: [i] }), {
       // Values
@@ -406,7 +406,7 @@ const sl = /* @__PURE__ */ M(ol, [["__scopeId", "data-v-d3ffe999"]]), il = N({
       onClickApply: _,
       onClickSecondaryAction: u,
       onClickOutside: h,
-      closePopover: a,
+      closePopover: n,
       // Refs
       filterButtonRef: i,
       popoverRef: s
@@ -417,12 +417,12 @@ const rl = { key: 0 }, ul = {
   key: 1,
   class: "b-base-filter"
 };
-function dl(e, t, n, l, o, i) {
-  const s = y("filter-bar-button"), r = y("bento-popover"), a = y("bento-teleport");
-  return e.onlySlot ? (b(), P("div", rl, [
+function dl(e, t, a, l, o, i) {
+  const s = y("filter-bar-button"), r = y("bento-popover"), n = y("bento-teleport");
+  return e.onlySlot ? (b(), R("div", rl, [
     oe(e.$slots, "default", {}, void 0, !0)
-  ])) : (b(), P("div", ul, [
-    g(s, {
+  ])) : (b(), R("div", ul, [
+    C(s, {
       ref: "filterButtonRef",
       "aria-controls": e.isFilterOpen ? e.popoverId : null,
       "has-chevron": e.isPersistentFilter,
@@ -433,11 +433,11 @@ function dl(e, t, n, l, o, i) {
       onKeydown: de(e.closePopover, ["esc"])
     }, {
       default: p(() => [
-        O(R(e.buttonLabel || e.label), 1)
+        w(L(e.buttonLabel || e.label), 1)
       ]),
       _: 1
     }, 8, ["aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "secondary-label", "onClick", "onKeydown"]),
-    g(a, { to: "body" }, {
+    C(n, { to: "body" }, {
       default: p(() => [
         e.filterButtonRef ? (b(), $(r, {
           key: 0,
@@ -456,39 +456,39 @@ function dl(e, t, n, l, o, i) {
           "fallback-position": ["bottom-end"]
         }, {
           default: p(() => [
-            k("div", {
+            P("div", {
               onKeydown: t[0] || (t[0] = de((...u) => e.closePopover && e.closePopover(...u), ["esc"]))
             }, [
               oe(e.$slots, "default", {}, void 0, !0)
             ], 32)
           ]),
           _: 3
-        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : w("", !0)
+        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : M("", !0)
       ]),
       _: 3
     })
   ]));
 }
-const ye = /* @__PURE__ */ M(il, [["render", dl], ["__scopeId", "data-v-84e3bc72"]]), cl = (e) => e instanceof Array, Ne = (e) => cl(e) ? e.length === 0 || e.every((t) => t === "") : !e, Me = (e, t) => JSON.stringify(e) === JSON.stringify(t), me = (e, t) => {
-  const n = K(e.value);
+const ye = /* @__PURE__ */ q(il, [["render", dl], ["__scopeId", "data-v-84e3bc72"]]), cl = (e) => e instanceof Array, Ne = (e) => cl(e) ? e.length === 0 || e.every((t) => t === "") : !e, Me = (e, t) => JSON.stringify(e) === JSON.stringify(t), me = (e, t) => {
+  const a = j(e.value);
   _e(
     () => e.value,
     () => {
-      n.value = e.value;
+      a.value = e.value;
     }
   );
   const l = f(() => Ne(e.value)), o = f(
     () => t.value !== null ? Me(t.value, e.value) : l.value
-  ), i = f(() => Me(n.value, e.value) || Ne(n.value) && l.value);
+  ), i = f(() => Me(a.value, e.value) || Ne(a.value) && l.value);
   return {
-    internalFilterValue: n,
+    internalFilterValue: a,
     isSecondaryButtonDisabled: o,
     isApplyButtonDisabled: i
   };
 }, re = (e, t) => {
-  const n = e == null ? void 0 : e.toString();
-  return (n == null ? void 0 : n.length) > t ? `${n == null ? void 0 : n.slice(0, t)}...` : n;
-}, bl = N({
+  const a = e == null ? void 0 : e.toString();
+  return (a == null ? void 0 : a.length) > t ? `${a == null ? void 0 : a.slice(0, t)}...` : a;
+}, bl = H({
   name: "bento-input-filter",
   components: {
     BentoBaseFilter: ye,
@@ -520,19 +520,19 @@ const ye = /* @__PURE__ */ M(il, [["render", dl], ["__scopeId", "data-v-84e3bc72
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = K(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
+    const a = j(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
     ), s = f(() => e.defaultValue === null ? e.label : re(e.value, 18)), r = f(
       () => e.defaultValue === null ? re(e.value, 12) : null
-    ), a = f(() => ({
+    ), n = f(() => ({
       ["b-input-filter--only-slot"]: e.onlySlot
     }));
     Ie(() => {
       l.value === "" && (l.value = null);
-    }), _e(n, () => {
-      var T;
-      (T = n.value) == null || T.focusInput();
+    }), _e(a, () => {
+      var E;
+      (E = a.value) == null || E.focusInput();
     });
     const u = () => {
       l.value = e.value;
@@ -543,12 +543,12 @@ const ye = /* @__PURE__ */ M(il, [["render", dl], ["__scopeId", "data-v-84e3bc72
       // Values
       buttonLabel: s,
       buttonSecondaryLabel: r,
-      conditionalClasses: a,
+      conditionalClasses: n,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: o,
       // Refs
-      inputTextRef: n,
+      inputTextRef: a,
       // Events
       updateFilter: h,
       clearFilter: () => {
@@ -559,13 +559,13 @@ const ye = /* @__PURE__ */ M(il, [["render", dl], ["__scopeId", "data-v-84e3bc72
       onInput: () => {
         t(v.INPUT, { ...e, value: l.value });
       },
-      setInternalFilterValue: (T) => {
-        l.value = T;
+      setInternalFilterValue: (E) => {
+        l.value = E;
       }
     };
   }
 });
-function fl(e, t, n, l, o, i) {
+function fl(e, t, a, l, o, i) {
   const s = y("bento-input-field"), r = y("bento-base-filter");
   return b(), $(r, se(e.$props, {
     "button-label": e.buttonLabel,
@@ -579,12 +579,12 @@ function fl(e, t, n, l, o, i) {
     onReset: e.resetFilter
   }), {
     default: p(() => [
-      k("div", {
+      P("div", {
         class: ie(["b-input-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = de((...a) => e.updateFilter && e.updateFilter(...a), ["enter"])),
-        onInput: t[1] || (t[1] = (...a) => e.onInput && e.onInput(...a))
+        onKeydown: t[0] || (t[0] = de((...n) => e.updateFilter && e.updateFilter(...n), ["enter"])),
+        onInput: t[1] || (t[1] = (...n) => e.onInput && e.onInput(...n))
       }, [
-        g(s, {
+        C(s, {
           ref: "inputTextRef",
           value: e.internalFilterValue,
           onInput: e.setInternalFilterValue
@@ -594,12 +594,12 @@ function fl(e, t, n, l, o, i) {
     _: 1
   }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const rt = /* @__PURE__ */ M(bl, [["render", fl], ["__scopeId", "data-v-331367ce"]]), pl = N({
+const rt = /* @__PURE__ */ q(bl, [["render", fl], ["__scopeId", "data-v-331367ce"]]), pl = H({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: ye,
     BentoDatePicker: Nt,
-    BentoDivider: nt,
+    BentoDivider: at,
     Calendar: Mt
   },
   props: {
@@ -639,14 +639,14 @@ const rt = /* @__PURE__ */ M(bl, [["render", fl], ["__scopeId", "data-v-331367ce
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { locale: n } = ce(void 0, !0), l = { de: at, enUS: ae, fr: ot }, { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
+    const { locale: a } = ce(void 0, !0), l = { de: nt, enUS: ne, fr: ot }, { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
     ), r = f(
       () => e.value ? ue(e.value, "dd MMM, yyyy", {
-        locale: l[n.value.substring(0, 2)] || ae
+        locale: l[a.value.substring(0, 2)] || ne
       }) : null
-    ), a = f(
+    ), n = f(
       () => e.defaultValue === null ? e.label : r.value
     ), u = f(
       () => e.defaultValue === null ? r.value : null
@@ -658,7 +658,7 @@ const rt = /* @__PURE__ */ M(bl, [["render", fl], ["__scopeId", "data-v-331367ce
       o.value = e.defaultValue, h();
     }, d = () => {
       o.value = e.value;
-    }, D = (A) => {
+    }, I = (A) => {
       o.value = A, t(v.INPUT, { ...e, value: o.value });
     };
     return {
@@ -666,23 +666,23 @@ const rt = /* @__PURE__ */ M(bl, [["render", fl], ["__scopeId", "data-v-331367ce
       internalFilterValue: o,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: i,
-      buttonLabel: a,
+      buttonLabel: n,
       buttonSecondaryLabel: u,
       // Events
       clearFilter: m,
-      onDateSelected: D,
+      onDateSelected: I,
       openFilter: d,
       updateFilter: h,
       resetFilter: _,
       onDateInputSelected: (A) => {
-        o.value = A, D(A), h();
+        o.value = A, I(A), h();
       }
     };
   }
 });
 const vl = { class: "b-date-filter" };
-function yl(e, t, n, l, o, i) {
-  const s = y("bento-date-picker"), r = y("bento-divider"), a = y("calendar"), u = y("bento-base-filter");
+function yl(e, t, a, l, o, i) {
+  const s = y("bento-date-picker"), r = y("bento-divider"), n = y("calendar"), u = y("bento-base-filter");
   return b(), $(u, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
@@ -707,10 +707,10 @@ function yl(e, t, n, l, o, i) {
           "first-day-of-week": (h = e.options) == null ? void 0 : h.firstDayOfWeek,
           "is-date-disabled": (m = e.options) == null ? void 0 : m.isDateDisabled,
           onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (b(), P(pe, { key: 1 }, [
-          g(r, { class: "b-date-filter__divider" }),
-          k("div", vl, [
-            g(a, {
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (b(), R(pe, { key: 1 }, [
+          C(r, { class: "b-date-filter__divider" }),
+          P("div", vl, [
+            C(n, {
               "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek,
               "is-date-disabled": (d = e.options) == null ? void 0 : d.isDateDisabled,
               "number-of-months": 1,
@@ -724,7 +724,7 @@ function yl(e, t, n, l, o, i) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53"]]), He = {
+const ut = /* @__PURE__ */ q(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53"]]), He = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -750,7 +750,7 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, ml = N({
+}, ml = H({
   i18n: { messages: He },
   name: "bento-date-range-filter",
   components: {
@@ -758,7 +758,7 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
     BentoButtonActions: jt,
     BentoDateRangePicker: qt,
     BentoTypography: fe,
-    BentoDivider: nt,
+    BentoDivider: at,
     DateRangePickerCalendar: Kt
   },
   props: {
@@ -804,60 +804,60 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    var H, q, Z, W;
-    const { locale: n, t: l } = ce({ messages: He }), o = { de: at, enUS: ae, fr: ot }, { internalFilterValue: i, isSecondaryButtonDisabled: s, isApplyButtonDisabled: r } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), a = (C) => C ? ue(C, Le.NUMERIC_DATE_YEAR_FIRST, {
-      locale: o[n.value.substring(0, 2)] || ae
-    }) : void 0, u = (C) => C ? ue(C, Le.HOUR_MINUTE_SECONDS, {
-      locale: o[n.value.substring(0, 2)] || ae
-    }) : "", h = K(null), m = K(!1), _ = Ge({
-      startDate: a((H = e.value) == null ? void 0 : H.startDate),
-      endDate: a((q = e.value) == null ? void 0 : q.endDate),
-      startTime: u((Z = e.value) == null ? void 0 : Z.startDate),
-      endTime: u((W = e.value) == null ? void 0 : W.endDate)
+    var V, D, O, K;
+    const { locale: a, t: l } = ce({ messages: He }), o = { de: nt, enUS: ne, fr: ot }, { internalFilterValue: i, isSecondaryButtonDisabled: s, isApplyButtonDisabled: r } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), n = (g) => g ? ue(g, Le.NUMERIC_DATE_YEAR_FIRST, {
+      locale: o[a.value.substring(0, 2)] || ne
+    }) : void 0, u = (g) => g ? ue(g, Le.HOUR_MINUTE_SECONDS, {
+      locale: o[a.value.substring(0, 2)] || ne
+    }) : "", h = j(null), m = j(!1), _ = Ge({
+      startDate: n((V = e.value) == null ? void 0 : V.startDate),
+      endDate: n((D = e.value) == null ? void 0 : D.endDate),
+      startTime: u((O = e.value) == null ? void 0 : O.startDate),
+      endTime: u((K = e.value) == null ? void 0 : K.endDate)
     }), d = f(() => {
-      var C, x, Se, $e, c, I, U, z;
-      if (!((C = e.value) != null && C.startDate) && !e.value.endDate)
+      var g, x, Se, $e, c, T, k, J;
+      if (!((g = e.value) != null && g.startDate) && !e.value.endDate)
         return null;
       if (((Se = (x = e.options) == null ? void 0 : x.quickSelectRanges) == null ? void 0 : Se.length) > 0) {
-        const ne = (c = ($e = e.options) == null ? void 0 : $e.quickSelectRanges) == null ? void 0 : c.find(
+        const ae = (c = ($e = e.options) == null ? void 0 : $e.quickSelectRanges) == null ? void 0 : c.find(
           ({ data: ee }) => Oe(ee == null ? void 0 : ee.startDate, e.value.startDate) && Oe(ee == null ? void 0 : ee.endDate, e.value.endDate)
         );
-        if (ne)
-          return ne.label;
+        if (ae)
+          return ae.label;
       }
-      return Ht((I = e.value) == null ? void 0 : I.startDate, (U = e.value) == null ? void 0 : U.endDate) && ((z = e == null ? void 0 : e.options) != null && z.allowTimeInput) ? `${ue(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: o[n.value.substring(0, 2)] || ae
+      return Ht((T = e.value) == null ? void 0 : T.startDate, (k = e.value) == null ? void 0 : k.endDate) && ((J = e == null ? void 0 : e.options) != null && J.allowTimeInput) ? `${ue(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: o[a.value.substring(0, 2)] || ne
       })} - ${ue(e.value.endDate, "HH:mm:ss", {
-        locale: o[n.value.substring(0, 2)] || ae
+        locale: o[a.value.substring(0, 2)] || ne
       })}` : `${ue(e.value.startDate, "dd MMM, yyyy", {
-        locale: o[n.value.substring(0, 2)] || ae
+        locale: o[a.value.substring(0, 2)] || ne
       })} - ${ue(e.value.endDate, "dd MMM, yyyy", {
-        locale: o[n.value.substring(0, 2)] || ae
+        locale: o[a.value.substring(0, 2)] || ne
       })}`;
-    }), D = f(
+    }), I = f(
       () => e.defaultValue === null ? e.label : d.value
-    ), T = f(
+    ), E = f(
       () => e.defaultValue === null ? d.value : null
     ), A = () => {
       h.value.closePopover();
-      const { onlySlot: C, ...x } = e;
+      const { onlySlot: g, ...x } = e;
       t(v.UPDATE, { ...x, value: i.value });
-    }, E = () => {
+    }, U = () => {
       i.value = void 0, A();
-    }, j = () => {
+    }, Y = () => {
       i.value = e.defaultValue, A();
     }, S = () => {
       i.value = e.value;
-    }, F = (C) => {
-      i.value = C, _.startDate = a(C.startDate), _.endDate = a(C.endDate), t(v.INPUT, { ...e, value: i.value });
-    }, B = (C) => {
-      C != null && C.startDate && (C != null && C.endDate) && (i.value = C, _.startDate = a(C.startDate), _.endDate = a(C.endDate), t(v.INPUT, { ...e, value: i.value }));
-    }, L = (C) => {
-      F(C), t(v.INPUT, { ...e, value: i.value });
-    }, G = f(
+    }, F = (g) => {
+      i.value = g, _.startDate = n(g.startDate), _.endDate = n(g.endDate), t(v.INPUT, { ...e, value: i.value });
+    }, B = (g) => {
+      g != null && g.startDate && (g != null && g.endDate) && (i.value = g, _.startDate = n(g.startDate), _.endDate = n(g.endDate), t(v.INPUT, { ...e, value: i.value }));
+    }, N = (g) => {
+      F(g), t(v.INPUT, { ...e, value: i.value });
+    }, W = f(
       () => [
         {
           title: l("apply"),
@@ -866,7 +866,7 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
         },
         {
           title: e.defaultValue ? l("reset") : l("clear"),
-          event: e.defaultValue ? j : E,
+          event: e.defaultValue ? Y : U,
           disabled: m.value && s.value
         }
       ]
@@ -875,13 +875,13 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
       // Refs
       baseFilter: h,
       // Values
-      actions: G,
+      actions: W,
       formData: _,
       internalFilterValue: i,
       isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: s,
-      buttonLabel: D,
-      buttonSecondaryLabel: T,
+      buttonLabel: I,
+      buttonSecondaryLabel: E,
       // Events
       onDateSelected: F,
       openFilter: S,
@@ -889,10 +889,10 @@ const ut = /* @__PURE__ */ M(pl, [["render", yl], ["__scopeId", "data-v-66ffdc53
       onDatePickerRangeError: () => {
         m.value = !0, i.value = { startDate: void 0, endDate: void 0 }, t(v.INPUT, { ...e, value: i.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (C) => {
-        m.value = !1, C.startTime && (_.startTime = C.startTime), C.endTime && (_.endTime = C.endTime);
+      onDatePickerRangeFormDateInputUpdate: (g) => {
+        m.value = !1, g.startTime && (_.startTime = g.startTime), g.endTime && (_.endTime = g.endTime);
       },
-      onDateInputSelected: L,
+      onDateInputSelected: N,
       onRangeSelectorInput: B
     };
   }
@@ -901,8 +901,8 @@ const hl = {
   key: 1,
   class: "b-date-range-filter"
 };
-function _l(e, t, n, l, o, i) {
-  const s = y("bento-date-range-picker"), r = y("bento-typography"), a = y("bento-divider"), u = y("bento-button-actions"), h = y("date-range-picker-calendar"), m = y("bento-base-filter");
+function _l(e, t, a, l, o, i) {
+  const s = y("bento-date-range-picker"), r = y("bento-typography"), n = y("bento-divider"), u = y("bento-button-actions"), h = y("date-range-picker-calendar"), m = y("bento-base-filter");
   return b(), $(m, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
@@ -919,25 +919,25 @@ function _l(e, t, n, l, o, i) {
     onOpen: e.openFilter
   }, {
     default: p(() => {
-      var _, d, D, T, A, E, j, S, F, B, L;
+      var _, d, I, E, A, U, Y, S, F, B, N;
       return [
         e.onlySlot ? (b(), $(s, {
           key: 0,
           "allow-time-input": (_ = e.options) == null ? void 0 : _.allowTimeInput,
           value: e.internalFilterValue,
           "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
-          "is-date-disabled": (D = e.options) == null ? void 0 : D.isDateDisabled,
-          "number-of-months": (T = e.options) == null ? void 0 : T.numberOfMonths,
+          "is-date-disabled": (I = e.options) == null ? void 0 : I.isDateDisabled,
+          "number-of-months": (E = e.options) == null ? void 0 : E.numberOfMonths,
           "quick-select-ranges": (A = e.options) == null ? void 0 : A.quickSelectRanges,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (b(), P("div", hl, [
-          g(h, {
-            "allow-time-input": (E = e.options) == null ? void 0 : E.allowTimeInput,
-            "first-day-of-week": (j = e.options) == null ? void 0 : j.firstDayOfWeek,
+        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (b(), R("div", hl, [
+          C(h, {
+            "allow-time-input": (U = e.options) == null ? void 0 : U.allowTimeInput,
+            "first-day-of-week": (Y = e.options) == null ? void 0 : Y.firstDayOfWeek,
             "is-date-disabled": (S = e.options) == null ? void 0 : S.isDateDisabled,
             "max-range": (F = e.options) == null ? void 0 : F.maxRange,
             "number-of-months": (B = e.options) == null ? void 0 : B.numberOfMonths,
-            "quick-select-ranges": (L = e.options) == null ? void 0 : L.quickSelectRanges,
+            "quick-select-ranges": (N = e.options) == null ? void 0 : N.quickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
             onInput: e.onDateSelected,
@@ -946,20 +946,20 @@ function _l(e, t, n, l, o, i) {
             onFormDate: e.onDatePickerRangeFormDateInputUpdate
           }, {
             title: p(() => [
-              g(r, {
+              C(r, {
                 strongest: "",
                 variant: "body",
                 el: "span"
               }, {
                 default: p(() => [
-                  O(R(e.label), 1)
+                  w(L(e.label), 1)
                 ]),
                 _: 1
               })
             ]),
             actions: p(() => [
-              g(a, { class: "b-date-range-filter__divider" }),
-              g(u, {
+              C(n, { class: "b-date-range-filter__divider" }),
+              C(u, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: "space-between"
@@ -973,14 +973,14 @@ function _l(e, t, n, l, o, i) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen"]);
 }
-const dt = /* @__PURE__ */ M(ml, [["render", _l], ["__scopeId", "data-v-f5976db7"]]), qe = {
+const dt = /* @__PURE__ */ q(ml, [["render", _l], ["__scopeId", "data-v-f5976db7"]]), qe = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, Fl = N({
+}, Fl = H({
   i18n: { messages: qe },
   name: "bento-select-filter",
   components: {
@@ -1027,96 +1027,105 @@ const dt = /* @__PURE__ */ M(ml, [["render", _l], ["__scopeId", "data-v-f5976db7
     }
   },
   emits: [v.INPUT, v.UPDATE],
-  setup(e, { emit: t, slots: n }) {
-    var G, Y;
+  setup(e, { emit: t, slots: a }) {
+    var W, X;
     const { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
-    ), { t: s, locale: r } = ce({ messages: qe }), a = K(""), u = J(e, "options"), h = K(e.options.listboxItems);
+      G(e, "value"),
+      G(e, "defaultValue")
+    ), { t: s, locale: r } = ce({ messages: qe }), n = j(""), u = G(e, "options"), h = j(e.options.listboxItems);
     _e(u, () => {
       h.value = u.value.listboxItems;
     });
     const m = lt(
-      a,
+      n,
       h,
-      (Y = (G = e.options) == null ? void 0 : G.search) == null ? void 0 : Y.searchEvent
+      (X = (W = e.options) == null ? void 0 : W.search) == null ? void 0 : X.searchEvent
     ), _ = f(() => s("noFiltersMatchThisSearch")), d = f(() => {
-      var V, H, q, Z;
+      var z, V, D, O;
       if (e.defaultValue === null)
         return e.label;
       if (e.options.multiple) {
-        const W = (V = e.value) == null ? void 0 : V.length;
-        if (W === e.options.listboxItems.length)
-          return (H = e == null ? void 0 : e.options) == null ? void 0 : H.messages[r.value].persistentButtonLabelAllSelected;
-        const C = (q = e == null ? void 0 : e.options) == null ? void 0 : q.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map((x) => x.trim());
-        return W === 1 ? C[0].replace("{count}", W) : C[1].replace("{count}", W);
+        const K = (z = e.value) == null ? void 0 : z.length;
+        if (K === e.options.listboxItems.length)
+          return (V = e == null ? void 0 : e.options) == null ? void 0 : V.messages[r.value].persistentButtonLabelAllSelected;
+        const g = (D = e == null ? void 0 : e.options) == null ? void 0 : D.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map((x) => x.trim());
+        return K === 1 ? g[0].replace("{count}", K) : g[1].replace("{count}", K);
       }
-      return re((Z = e.options.listboxItems.find(({ value: W }) => W === e.value)) == null ? void 0 : Z.label, 18);
-    }), D = f(() => {
-      var V, H;
-      return e.defaultValue === null && (!e.options.multiple || ((V = e.value) == null ? void 0 : V.length) === 1) ? re(
-        (H = e.options.listboxItems.find(
-          ({ value: q }) => {
-            var Z;
-            return Array.isArray(e.value) ? (Z = e == null ? void 0 : e.value) == null ? void 0 : Z.includes(q) : q === e.value;
-          }
-        )) == null ? void 0 : H.label,
-        12
-      ) : null;
-    }), T = f(() => Te(`filter-listbox-${e.field}`)), A = (V) => {
-      l.value = V;
-      const { onlySlot: H, ...q } = e;
-      t(v.INPUT, { ...q, value: l.value });
-    }, E = () => {
-      var q;
-      e.options.multiple && l.value && ((q = l.value) == null ? void 0 : q.length) === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
-      const { onlySlot: V, ...H } = e;
-      t(v.UPDATE, { ...H, value: l.value });
-    }, j = () => {
+      return re((O = e.options.listboxItems.find(({ value: K }) => K === e.value)) == null ? void 0 : O.label, 18);
+    }), I = f(() => {
+      var z, V;
+      if (e.defaultValue === null && (!e.options.multiple || ((z = e.value) == null ? void 0 : z.length) === 1)) {
+        if (e.options.staticCategories) {
+          const D = e.options.listboxItems.find(
+            (K) => K.items.some((g) => g.value === e.value)
+          );
+          return D ? D.items.find((K) => K.value === e.value).label : null;
+        }
+        return re(
+          (V = e.options.listboxItems.find(
+            ({ value: D }) => {
+              var O;
+              return Array.isArray(e.value) ? (O = e == null ? void 0 : e.value) == null ? void 0 : O.includes(D) : D === e.value;
+            }
+          )) == null ? void 0 : V.label,
+          12
+        );
+      }
+      return null;
+    }), E = f(() => Te(`filter-listbox-${e.field}`)), A = (z) => {
+      l.value = z;
+      const { onlySlot: V, ...D } = e;
+      t(v.INPUT, { ...D, value: l.value });
+    }, U = () => {
+      var D;
+      e.options.multiple && l.value && ((D = l.value) == null ? void 0 : D.length) === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
+      const { onlySlot: z, ...V } = e;
+      t(v.UPDATE, { ...V, value: l.value });
+    }, Y = () => {
       l.value = e.value;
     }, S = () => {
-      a.value && (a.value = "");
+      n.value && (n.value = "");
     }, F = () => {
-      l.value = e.defaultValue, E();
+      l.value = e.defaultValue, U();
     }, B = () => {
-      l.value = null, E();
+      l.value = null, U();
     };
     return {
       // Values
       appliedFiltersCount: f(() => {
-        var q, Z;
+        var D, O;
         if (e.value == null || e.defaultValue !== null || !e.options.multiple)
           return null;
-        const V = (q = e.options.listboxItems) == null ? void 0 : q.reduce((W, C) => {
+        const z = (D = e.options.listboxItems) == null ? void 0 : D.reduce((K, g) => {
           var x;
-          return W += (x = C == null ? void 0 : C.items) != null && x.length ? C.items.length : 1, W;
-        }, 0), H = (Z = e.value) == null ? void 0 : Z.length;
-        return H === 1 ? null : H === V ? s("all") : H;
+          return K += (x = g == null ? void 0 : g.items) != null && x.length ? g.items.length : 1, K;
+        }, 0), V = (O = e.value) == null ? void 0 : O.length;
+        return V === 1 ? null : V === z ? s("all") : V;
       }),
       filteredItems: m,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: o,
-      listboxFilterId: T,
+      listboxFilterId: E,
       noResultsMessage: _,
-      slots: n,
+      slots: a,
       buttonLabel: d,
-      buttonSecondaryLabel: D,
+      buttonSecondaryLabel: I,
       // Search
-      searchTerm: a,
+      searchTerm: n,
       // Events
       clearFilter: B,
       closeFilter: S,
       onOptionSelected: A,
-      openFilter: j,
-      updateFilter: E,
+      openFilter: Y,
+      updateFilter: U,
       resetFilter: F
     };
   }
 });
-const gl = (e) => (St("data-v-b8decbb4"), e = e(), $t(), e), Cl = { class: "b-select-filter__search-bar" }, Sl = /* @__PURE__ */ gl(() => /* @__PURE__ */ k("hr", { class: "b-select-filter__divider" }, null, -1));
-function $l(e, t, n, l, o, i) {
-  const s = y("bento-dropdown"), r = y("bento-search-bar"), a = y("bento-listbox"), u = y("bento-base-filter");
+const gl = (e) => (St("data-v-c8798d12"), e = e(), $t(), e), Cl = { class: "b-select-filter__search-bar" }, Sl = /* @__PURE__ */ gl(() => /* @__PURE__ */ P("hr", { class: "b-select-filter__divider" }, null, -1));
+function $l(e, t, a, l, o, i) {
+  const s = y("bento-dropdown"), r = y("bento-search-bar"), n = y("bento-listbox"), u = y("bento-base-filter");
   return b(), $(u, {
     "applied-filters-count": e.appliedFiltersCount,
     "button-label": e.buttonLabel,
@@ -1134,7 +1143,7 @@ function $l(e, t, n, l, o, i) {
     onClose: e.closeFilter
   }, {
     default: p(() => {
-      var h, m, _, d, D, T, A, E, j, S, F, B, L;
+      var h, m, _, d, I, E, A, U, Y, S, F, B, N, W, X, z;
       return [
         e.onlySlot ? (b(), $(s, {
           key: 0,
@@ -1142,70 +1151,73 @@ function $l(e, t, n, l, o, i) {
           class: "b-select-filter__dropdown-variant",
           items: e.options.listboxItems,
           multiple: (h = e.options) == null ? void 0 : h.multiple,
+          "static-categories": (m = e.options) == null ? void 0 : m.staticCategories,
           "no-results-message": e.noResultsMessage,
           searching: !!e.searchTerm,
           "is-option-disabled": e.options.isOptionDisabled,
           "dynamic-filtering": !0,
-          "empty-state": (m = e.options) == null ? void 0 : m.emptyState,
+          "empty-state": (_ = e.options) == null ? void 0 : _.emptyState,
           onInput: e.onOptionSelected
         }, Ae({ _: 2 }, [
-          ve(e.slots, (G, Y) => ({
-            name: Y,
-            fn: p((V) => [
-              oe(e.$slots, Y, ke(Pe(V)), void 0, !0)
+          ve(e.slots, (V, D) => ({
+            name: D,
+            fn: p((O) => [
+              oe(e.$slots, D, ke(Pe(O)), void 0, !0)
             ])
           }))
-        ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "empty-state", "onInput"])) : (b(), P(pe, { key: 1 }, [
-          k("div", Cl, [
-            g(r, {
-              "debounce-time": (d = (_ = e.options) == null ? void 0 : _.search) == null ? void 0 : d.debounceTime,
+        ]), 1032, ["value", "items", "multiple", "static-categories", "no-results-message", "searching", "is-option-disabled", "empty-state", "onInput"])) : (b(), R(pe, { key: 1 }, [
+          P("div", Cl, [
+            C(r, {
+              "debounce-time": (I = (d = e.options) == null ? void 0 : d.search) == null ? void 0 : I.debounceTime,
               value: e.searchTerm,
               "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
-              onInput: t[0] || (t[0] = (G) => e.searchTerm = G)
+              onInput: t[0] || (t[0] = (V) => e.searchTerm = V)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
           Sl,
-          g(a, {
+          C(n, {
             id: e.listboxFilterId,
             "aria-label": e.label,
             class: "b-select-filter__wrapper",
-            "empty-state": (D = e.options) == null ? void 0 : D.emptyState,
-            "has-more-items": (A = (T = e.options) == null ? void 0 : T.lazy) == null ? void 0 : A.hasMoreItems,
+            "empty-state": (E = e.options) == null ? void 0 : E.emptyState,
+            "has-more-items": (U = (A = e.options) == null ? void 0 : A.lazy) == null ? void 0 : U.hasMoreItems,
             items: e.filteredItems,
-            "is-option-disabled": (E = e.options) == null ? void 0 : E.isOptionDisabled,
-            "lazy-load-type": (S = (j = e.options) == null ? void 0 : j.lazy) == null ? void 0 : S.lazyLoadType,
-            loading: (B = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : B.loading,
-            multiple: (L = e.options) == null ? void 0 : L.multiple,
+            "is-option-disabled": (Y = e.options) == null ? void 0 : Y.isOptionDisabled,
+            "lazy-load-type": (F = (S = e.options) == null ? void 0 : S.lazy) == null ? void 0 : F.lazyLoadType,
+            loading: (N = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : N.loading,
+            multiple: (W = e.options) == null ? void 0 : W.multiple,
+            "static-categories": (X = e.options) == null ? void 0 : X.staticCategories,
             "no-results-message": e.noResultsMessage,
             searching: !!e.searchTerm,
             "selected-value": e.internalFilterValue,
+            "virtual-scroll": (z = e.options) == null ? void 0 : z.virtualScroll,
             onSelect: e.onOptionSelected,
-            onShowMore: t[1] || (t[1] = (G) => {
-              var Y, V;
-              return (V = (Y = e.options) == null ? void 0 : Y.lazy) == null ? void 0 : V.showMoreEvent();
+            onShowMore: t[1] || (t[1] = (V) => {
+              var D, O;
+              return (O = (D = e.options) == null ? void 0 : D.lazy) == null ? void 0 : O.showMoreEvent();
             })
           }, Ae({ _: 2 }, [
-            ve(e.slots, (G, Y) => ({
-              name: Y,
-              fn: p((V) => [
-                oe(e.$slots, Y, ke(Pe(V)), void 0, !0)
+            ve(e.slots, (V, D) => ({
+              name: D,
+              fn: p((O) => [
+                oe(e.$slots, D, ke(Pe(O)), void 0, !0)
               ])
             }))
-          ]), 1032, ["id", "aria-label", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "no-results-message", "searching", "selected-value", "onSelect"])
+          ]), 1032, ["id", "aria-label", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll", "onSelect"])
         ], 64))
       ];
     }),
     _: 3
   }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field", "only-slot", "onApply", "onClear", "onReset", "onOpen", "onClose"]);
 }
-const X = /* @__PURE__ */ M(Fl, [["render", $l], ["__scopeId", "data-v-b8decbb4"]]), Al = N({
+const Q = /* @__PURE__ */ q(Fl, [["render", $l], ["__scopeId", "data-v-c8798d12"]]), Al = H({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     BentoAvatar: zt
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1227,31 +1239,31 @@ const X = /* @__PURE__ */ M(Fl, [["render", $l], ["__scopeId", "data-v-b8decbb4"
     };
   }
 });
-function Bl(e, t, n, l, o, i) {
+function Bl(e, t, a, l, o, i) {
   const s = y("bento-avatar"), r = y("bento-select-filter");
   return b(), $(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ label: a, data: u }) => [
-      g(s, {
-        username: a,
+    default: p(({ label: n, data: u }) => [
+      C(s, {
+        username: n,
         src: u
       }, null, 8, ["username", "src"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const ct = /* @__PURE__ */ M(Al, [["render", Bl]]), Dl = N({
+const ct = /* @__PURE__ */ q(Al, [["render", Bl]]), Dl = H({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     ListboxOptionTag: st
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1275,28 +1287,28 @@ const ct = /* @__PURE__ */ M(Al, [["render", Bl]]), Dl = N({
     };
   }
 });
-function Il(e, t, n, l, o, i) {
+function Il(e, t, a, l, o, i) {
   const s = y("listbox-option-tag"), r = y("bento-select-filter");
   return b(), $(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p((a) => [
-      g(s, { option: a }, null, 8, ["option"])
+    default: p((n) => [
+      C(s, { option: n }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const bt = /* @__PURE__ */ M(Dl, [["render", Il]]), Tl = N({
+const bt = /* @__PURE__ */ q(Dl, [["render", Il]]), Tl = H({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     BentoCountry: Jt
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -1311,7 +1323,7 @@ const bt = /* @__PURE__ */ M(Dl, [["render", Il]]), Tl = N({
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = J(e, "options"), { listboxItems: l, variant: o } = At(n.value), i = (a) => t(v.UPDATE, a), s = Gt(o, l), r = f(() => ({
+    const a = G(e, "options"), { listboxItems: l, variant: o } = At(a.value), i = (n) => t(v.UPDATE, n), s = Gt(o, l), r = f(() => ({
       ...e.options,
       listboxItems: s.value
     }));
@@ -1329,18 +1341,18 @@ const bt = /* @__PURE__ */ M(Dl, [["render", Il]]), Tl = N({
     };
   }
 });
-function El(e, t, n, l, o, i) {
+function El(e, t, a, l, o, i) {
   const s = y("bento-country"), r = y("bento-select-filter");
   return b(), $(r, se(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ value: a, label: u }) => [
-      g(s, {
-        code: a,
+    default: p(({ value: n, label: u }) => [
+      C(s, {
+        code: n,
         label: u,
         variant: "custom"
       }, null, 8, ["code", "label"])
@@ -1348,14 +1360,14 @@ function El(e, t, n, l, o, i) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const ft = /* @__PURE__ */ M(Tl, [["render", El]]), Ul = N({
+const ft = /* @__PURE__ */ q(Tl, [["render", El]]), Ul = H({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     BentoPaymentMethod: Wt
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1377,31 +1389,31 @@ const ft = /* @__PURE__ */ M(Tl, [["render", El]]), Ul = N({
     };
   }
 });
-function kl(e, t, n, l, o, i) {
+function kl(e, t, a, l, o, i) {
   const s = y("bento-payment-method"), r = y("bento-select-filter");
   return b(), $(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ value: a, label: u }) => [
-      g(s, {
-        type: a,
+    default: p(({ value: n, label: u }) => [
+      C(s, {
+        type: n,
         label: u
       }, null, 8, ["type", "label"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const pt = /* @__PURE__ */ M(Ul, [["render", kl]]), Pl = N({
+const pt = /* @__PURE__ */ q(Ul, [["render", kl]]), Pl = H({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     ListboxOptionTag: st
   },
   props: {
-    ...X.props,
+    ...Q.props,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1415,10 +1427,10 @@ const pt = /* @__PURE__ */ M(Ul, [["render", kl]]), Pl = N({
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = (i) => t(v.UPDATE, i), l = f(
+    const a = (i) => t(v.UPDATE, i), l = f(
       () => {
         var i, s;
-        return (s = (i = e == null ? void 0 : e.options) == null ? void 0 : i.listboxItems) == null ? void 0 : s.map(({ label: r, value: a, variant: u }) => ({ label: r, value: a, data: u }));
+        return (s = (i = e == null ? void 0 : e.options) == null ? void 0 : i.listboxItems) == null ? void 0 : s.map(({ label: r, value: n, variant: u }) => ({ label: r, value: n, data: u }));
       }
     );
     return {
@@ -1428,35 +1440,35 @@ const pt = /* @__PURE__ */ M(Ul, [["render", kl]]), Pl = N({
         listboxItems: l.value
       })),
       // Methods
-      onUpdate: n,
+      onUpdate: a,
       // Enums
       BentoFilterEvent: v
     };
   }
 });
-function Vl(e, t, n, l, o, i) {
+function Vl(e, t, a, l, o, i) {
   const s = y("listbox-option-tag"), r = y("bento-select-filter");
   return b(), $(r, se(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
+    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
   }), {
-    default: p(({ label: a, data: u }) => [
-      g(s, {
-        option: { value: a, data: u, label: "" }
+    default: p(({ label: n, data: u }) => [
+      C(s, {
+        option: { value: n, data: u, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
+const vt = /* @__PURE__ */ q(Pl, [["render", Vl]]), Ke = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, Rl = N({
+}, Rl = H({
   name: "bento-boolean-filter",
   i18n: { messages: Ke },
   components: { BentoBaseFilter: ye, BentoRadioGroup: kt },
@@ -1495,18 +1507,18 @@ const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { t: n } = ce({ messages: Ke }), l = f(() => e.options && e.options.positiveOption && e.options.negativeOption ? [e.options.positiveOption, e.options.negativeOption] : [
-      { value: "yes", label: n("yes") },
-      { value: "no", label: n("no") }
+    const { t: a } = ce({ messages: Ke }), l = f(() => e.options && e.options.positiveOption && e.options.negativeOption ? [e.options.positiveOption, e.options.negativeOption] : [
+      { value: "yes", label: a("yes") },
+      { value: "no", label: a("no") }
     ]), { internalFilterValue: o, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
+      G(e, "value"),
+      G(e, "defaultValue")
     ), r = f(
-      () => e.defaultValue === null ? e.label : re(l.value.find(({ value: T }) => T === e.value).label, 18)
-    ), a = f(
+      () => e.defaultValue === null ? e.label : re(l.value.find(({ value: E }) => E === e.value).label, 18)
+    ), n = f(
       () => {
-        var T;
-        return e.defaultValue === null ? re((T = l.value.find(({ value: A }) => A === e.value)) == null ? void 0 : T.label, 12) : null;
+        var E;
+        return e.defaultValue === null ? re((E = l.value.find(({ value: A }) => A === e.value)) == null ? void 0 : E.label, 12) : null;
       }
     ), u = f(() => ({
       ["b-boolean-filter--only-slot"]: e.onlySlot
@@ -1514,8 +1526,8 @@ const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
     Ie(() => {
       o.value || (o.value = null);
     });
-    const h = (T) => {
-      o.value = T, t(v.INPUT, { ...e, value: o.value });
+    const h = (E) => {
+      o.value = E, t(v.INPUT, { ...e, value: o.value });
     }, m = () => {
       o.value = e.value;
     }, _ = () => {
@@ -1526,7 +1538,7 @@ const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
       items: l,
       conditionalClasses: u,
       buttonLabel: r,
-      buttonSecondaryLabel: a,
+      buttonSecondaryLabel: n,
       internalFilterValue: o,
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: i,
@@ -1541,7 +1553,7 @@ const vt = /* @__PURE__ */ M(Pl, [["render", Vl]]), Ke = {
     };
   }
 });
-function Ol(e, t, n, l, o, i) {
+function Ol(e, t, a, l, o, i) {
   const s = y("bento-radio-group"), r = y("bento-base-filter");
   return b(), $(r, se(e.$props, {
     "button-label": e.buttonLabel,
@@ -1555,11 +1567,11 @@ function Ol(e, t, n, l, o, i) {
     onReset: e.resetFilter
   }), {
     default: p(() => [
-      k("div", {
+      P("div", {
         class: ie(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = de((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
+        onKeydown: t[0] || (t[0] = de((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
-        g(s, {
+        C(s, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -1571,12 +1583,12 @@ function Ol(e, t, n, l, o, i) {
     _: 1
   }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const yt = /* @__PURE__ */ M(Rl, [["render", Ol], ["__scopeId", "data-v-8510b360"]]), Ll = {
+const yt = /* @__PURE__ */ q(Rl, [["render", Ol], ["__scopeId", "data-v-8510b360"]]), Ll = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, wl = N({
+}, wl = H({
   name: "bento-range-filter",
   i18n: { messages: Ll },
   components: { BentoBaseFilter: ye, BentoInputField: tt },
@@ -1606,56 +1618,56 @@ const yt = /* @__PURE__ */ M(Rl, [["render", Ol], ["__scopeId", "data-v-8510b360
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const n = K(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
-      J(e, "value"),
-      J(e, "defaultValue")
+    const a = j(null), { internalFilterValue: l, isSecondaryButtonDisabled: o, isApplyButtonDisabled: i } = me(
+      G(e, "value"),
+      G(e, "defaultValue")
     ), s = f(
       () => {
-        var E, j;
-        return (E = e.value) != null && E[0] && ((j = e.value) != null && j[1]) ? `${re(e.value[0], 5)} - ${re(e.value[1], 5)}` : null;
+        var U, Y;
+        return (U = e.value) != null && U[0] && ((Y = e.value) != null && Y[1]) ? `${re(e.value[0], 5)} - ${re(e.value[1], 5)}` : null;
       }
     ), r = f(
       () => e.defaultValue === null ? e.label : s.value
-    ), a = f(
+    ), n = f(
       () => e.defaultValue === null ? s.value : null
     ), u = f(() => ({
       ["b-range-filter--only-slot"]: e.onlySlot
     })), h = () => {
-      l.value = e.value, Dt(() => n.value.focusInput());
+      l.value = e.value, Dt(() => a.value.focusInput());
     }, m = () => {
       t(v.INPUT, { ...e, value: l.value });
-    }, _ = (E) => {
-      l.value = [E, l.value[1]], m();
-    }, d = (E) => {
-      l.value = [l.value[0], E], m();
-    }, D = () => {
-      l.value.some((E) => E) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(v.UPDATE, {
+    }, _ = (U) => {
+      l.value = [U, l.value[1]], m();
+    }, d = (U) => {
+      l.value = [l.value[0], U], m();
+    }, I = () => {
+      l.value.some((U) => U) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(v.UPDATE, {
         ...e,
         value: l.value
       });
     };
     return {
       // Values
-      inputTextRef: n,
+      inputTextRef: a,
       conditionalClasses: u,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: o,
       buttonLabel: r,
-      buttonSecondaryLabel: a,
+      buttonSecondaryLabel: n,
       // Events
       updateFrom: _,
       updateTo: d,
-      updateFilter: D,
+      updateFilter: I,
       clearFilter: () => {
-        l.value = ["", ""], D();
+        l.value = ["", ""], I();
       },
       openFilter: h,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Nl(e, t, n, l, o, i) {
+function Nl(e, t, a, l, o, i) {
   const s = y("bento-input-field"), r = y("bento-base-filter");
   return b(), $(r, se(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
@@ -1669,11 +1681,11 @@ function Nl(e, t, n, l, o, i) {
     onReset: e.resetFilter
   }), {
     default: p(() => [
-      k("div", {
+      P("div", {
         class: ie(["b-range-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = de((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
+        onKeydown: t[0] || (t[0] = de((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
       }, [
-        g(s, {
+        C(s, {
           ref: "inputTextRef",
           value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
@@ -1681,11 +1693,11 @@ function Nl(e, t, n, l, o, i) {
           onInput: e.updateFrom
         }, {
           default: p(() => [
-            O(R(e.$t("from")), 1)
+            w(L(e.$t("from")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"]),
-        g(s, {
+        C(s, {
           class: "b-range-filter__input-field",
           value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
@@ -1693,7 +1705,7 @@ function Nl(e, t, n, l, o, i) {
           onInput: e.updateTo
         }, {
           default: p(() => [
-            O(R(e.$t("to")), 1)
+            w(L(e.$t("to")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"])
@@ -1702,9 +1714,9 @@ function Nl(e, t, n, l, o, i) {
     _: 1
   }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const mt = /* @__PURE__ */ M(wl, [["render", Nl], ["__scopeId", "data-v-a4d1d149"]]);
+const mt = /* @__PURE__ */ q(wl, [["render", Nl], ["__scopeId", "data-v-a4d1d149"]]);
 var De = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(De || {});
-const Ml = N({
+const Ml = H({
   name: "base-filter-button",
   components: { BaseButton: Ze, BentoTypography: fe, ChevronUpIcon: xe, ChevronDownIcon: et },
   props: {
@@ -1732,13 +1744,13 @@ const Ml = N({
     bold: { type: Boolean, default: !1 }
   },
   emits: [Re.CLICK],
-  setup(e, { slots: t, emit: n, attrs: l }) {
-    const o = f(() => t.default ? Qe(t)("default") : null), i = We({ ariaLabel: o }), s = K(null), r = f(() => {
+  setup(e, { slots: t, emit: a, attrs: l }) {
+    const o = f(() => t.default ? Qe(t)("default") : null), i = We({ ariaLabel: o }), s = j(null), r = f(() => {
       var h;
       return {
         "aria-controls": (h = l["aria-controls"]) == null ? void 0 : h.toString()
       };
-    }), a = f(() => ({
+    }), n = f(() => ({
       ["b-base-filter-button--with-chevron"]: e.hasChevron,
       ["b-base-filter-button--filter-open"]: e.isFilterOpen
     }));
@@ -1746,10 +1758,10 @@ const Ml = N({
       // Values
       ariaAttributes: r,
       computedAriaLabel: i,
-      conditionalClasses: a,
+      conditionalClasses: n,
       // Methods
       onClickButton: () => {
-        e.disabled || n(Re.CLICK);
+        e.disabled || a(Re.CLICK);
       },
       hasSlot: Xe(t),
       // Refs
@@ -1761,8 +1773,8 @@ const Hl = { class: "b-base-filter-button__default-container" }, ql = { class: "
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function jl(e, t, n, l, o, i) {
-  const s = y("bento-typography"), r = y("chevron-up-icon"), a = y("chevron-down-icon"), u = y("base-button");
+function jl(e, t, a, l, o, i) {
+  const s = y("bento-typography"), r = y("chevron-up-icon"), n = y("chevron-down-icon"), u = y("base-button");
   return b(), $(u, {
     ref: "baseFilterButtonRef",
     class: ie(["b-base-filter-button", e.conditionalClasses]),
@@ -1773,9 +1785,9 @@ function jl(e, t, n, l, o, i) {
     onClick: e.onClickButton
   }, Ae({
     default: p(() => [
-      k("div", Hl, [
-        k("div", ql, [
-          g(s, {
+      P("div", Hl, [
+        P("div", ql, [
+          C(s, {
             el: "span",
             variant: "body",
             stronger: e.bold,
@@ -1787,19 +1799,19 @@ function jl(e, t, n, l, o, i) {
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (b(), P("div", Kl, [
-          g(s, {
+        e.amountAppliedValues && !e.hasChevron ? (b(), R("div", Kl, [
+          C(s, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
             stronger: ""
           }, {
             default: p(() => [
-              O(R(e.amountAppliedValues), 1)
+              w(L(e.amountAppliedValues), 1)
             ]),
             _: 1
           })
-        ])) : w("", !0)
+        ])) : M("", !0)
       ])
     ]),
     _: 2
@@ -1810,7 +1822,7 @@ function jl(e, t, n, l, o, i) {
         e.isFilterOpen ? (b(), $(r, {
           key: 0,
           "aria-hidden": "true"
-        })) : (b(), $(a, {
+        })) : (b(), $(n, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -1819,7 +1831,7 @@ function jl(e, t, n, l, o, i) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Yl = /* @__PURE__ */ M(Ml, [["render", jl], ["__scopeId", "data-v-af9efc73"]]), zl = N({
+const Yl = /* @__PURE__ */ q(Ml, [["render", jl], ["__scopeId", "data-v-af9efc73"]]), zl = H({
   name: "all-filters-modal-button",
   components: { BaseFilterButton: Yl },
   props: {
@@ -1853,7 +1865,7 @@ const Yl = /* @__PURE__ */ M(Ml, [["render", jl], ["__scopeId", "data-v-af9efc73
     };
   }
 });
-function Jl(e, t, n, l, o, i) {
+function Jl(e, t, a, l, o, i) {
   const s = y("base-filter-button");
   return b(), $(s, {
     class: ie(["b-all-filters-modal-button", e.conditionalClasses]),
@@ -1863,38 +1875,38 @@ function Jl(e, t, n, l, o, i) {
     onClick: e.onClick
   }, {
     default: p(() => [
-      O(R(e.label), 1)
+      w(L(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const Gl = /* @__PURE__ */ M(zl, [["render", Jl], ["__scopeId", "data-v-b96a672f"]]);
+const Gl = /* @__PURE__ */ q(zl, [["render", Jl], ["__scopeId", "data-v-b96a672f"]]);
 let je = 0;
 const Wl = {
   beforeCreate() {
     this.uuid = je.toString(), je += 1;
   }
-}, Zl = { key: 0 }, Ql = /* @__PURE__ */ k("path", {
+}, Zl = { key: 0 }, Ql = /* @__PURE__ */ P("path", {
   fill: "#00112C",
   d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z"
-}, null, -1), Xl = /* @__PURE__ */ k("path", {
+}, null, -1), Xl = /* @__PURE__ */ P("path", {
   fill: "#00112C",
   d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z"
 }, null, -1);
-function xl(e, t, n, l, o, i) {
-  return b(), P("svg", se({ role: "img" }, e.$attrs, {
+function xl(e, t, a, l, o, i) {
+  return b(), R("svg", se({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (b(), P("title", Zl, R(e.$attrs["svg-title"]), 1)) : w("", !0),
+    e.$attrs["svg-title"] ? (b(), R("title", Zl, L(e.$attrs["svg-title"]), 1)) : M("", !0),
     Ql,
     Xl
   ], 16);
 }
-const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
+const ea = /* @__PURE__ */ q(Wl, [["render", xl]]), Ye = {
   "en-US": {
     all: "All",
     activeFilters: "Active filters",
@@ -1907,7 +1919,7 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, tn = N({
+}, ta = H({
   i18n: { messages: Ye },
   name: "all-filters-modal",
   components: {
@@ -1923,12 +1935,12 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
     BentoSelectAvatarFilter: ct,
     BentoSelectCurrencyFilter: bt,
     BentoSelectCountryFilter: ft,
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     BentoSelectPaymentMethodFilter: pt,
     BentoSelectTagFilter: vt,
     BentoTypography: fe,
     FilterBarButton: Ee,
-    SlidersIcon: en
+    SlidersIcon: ea
   },
   props: {
     /**
@@ -1958,64 +1970,64 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
   },
   emits: [De.INPUT],
   setup(e, { emit: t }) {
-    const n = Ge({ value: e.value }), l = Te("all-filters-modal"), o = K([]), i = K(!1), s = K(0), r = K(null), a = K(""), { t: u } = ce({ messages: Ye }), h = lt(a, J(n, "value")), m = K({});
+    const a = Ge({ value: e.value }), l = Te("all-filters-modal"), o = j([]), i = j(!1), s = j(0), r = j(null), n = j(""), { t: u } = ce({ messages: Ye }), h = lt(n, G(a, "value")), m = j({});
     Ie(() => {
       m.value = [];
     }), _e(
       () => e.value,
       () => {
-        n.value = e.value;
+        a.value = e.value;
       }
     );
     const _ = (c) => (
       /* eslint-disable-next-line no-nested-ternary */
-      c.sort((I, U) => I.label > U.label ? 1 : U.label > I.label ? -1 : 0)
+      c.sort((T, k) => T.label > k.label ? 1 : k.label > T.label ? -1 : 0)
     ), d = f(
       () => _(
         h.value.filter(
           (c) => {
-            var I, U;
-            return Array.isArray(c.value) ? ((I = c.value) == null ? void 0 : I.length) && ((U = c.value) == null ? void 0 : U.find((z) => z !== "")) : c.value;
+            var T, k;
+            return Array.isArray(c.value) ? ((T = c.value) == null ? void 0 : T.length) && ((k = c.value) == null ? void 0 : k.find((J) => J !== "")) : c.value;
           }
         )
       )
-    ), D = f(
+    ), I = f(
       () => _(
         h.value.filter(
           (c) => {
-            var I, U;
-            return Array.isArray(c.value) ? ((I = c.value) == null ? void 0 : I.length) === 0 || ((U = c.value) == null ? void 0 : U.every((z) => z === "")) : !c.value;
+            var T, k;
+            return Array.isArray(c.value) ? ((T = c.value) == null ? void 0 : T.length) === 0 || ((k = c.value) == null ? void 0 : k.every((J) => J === "")) : !c.value;
           }
         )
       )
-    ), T = f(() => {
+    ), E = f(() => {
       var c;
-      return a.value && ((c = h.value) == null ? void 0 : c.length) === 0;
-    }), A = f(() => n.value[s.value]), E = () => {
-      const c = d.value.length ? d.value[0] : D.value[0], I = n.value.findIndex(
-        (U) => U.label === c.label && U.field === c.field
+      return n.value && ((c = h.value) == null ? void 0 : c.length) === 0;
+    }), A = f(() => a.value[s.value]), U = () => {
+      const c = d.value.length ? d.value[0] : I.value[0], T = a.value.findIndex(
+        (k) => k.label === c.label && k.field === c.field
       );
-      s.value = I;
+      s.value = T;
     };
     Je(() => {
-      E();
+      U();
     });
-    const j = f(
-      () => n.value.map((c) => {
-        var I, U, z, ne, ee, Ue;
+    const Y = f(
+      () => a.value.map((c) => {
+        var T, k, J, ae, ee, Ue;
         switch (c.type) {
-          case Q.SELECT:
-          case Q.SELECT_AVATAR:
-          case Q.SELECT_COUNTRY:
-          case Q.SELECT_CURRENCY:
-          case Q.SELECT_PAYMENT_METHOD:
-          case Q.SELECT_TAG:
-            switch ((I = c.options) == null ? void 0 : I.multiple) {
+          case Z.SELECT:
+          case Z.SELECT_AVATAR:
+          case Z.SELECT_COUNTRY:
+          case Z.SELECT_CURRENCY:
+          case Z.SELECT_PAYMENT_METHOD:
+          case Z.SELECT_TAG:
+            switch ((T = c.options) == null ? void 0 : T.multiple) {
               case !0:
                 return {
                   label: c.label,
                   field: c.field,
-                  count: (U = c.value) != null && U.length ? (z = c.value) == null ? void 0 : z.length : null
+                  count: (k = c.value) != null && k.length ? (J = c.value) == null ? void 0 : J.length : null
                 };
               default:
                 return {
@@ -2024,21 +2036,21 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
                   count: c.value == null ? null : 1
                 };
             }
-          case Q.DATE_RANGE:
+          case Z.DATE_RANGE:
             return {
               label: c.label,
               field: c.field,
-              count: ((ne = c.value) == null ? void 0 : ne.startDate) != null && ((ee = c.value) == null ? void 0 : ee.endDate) != null ? 1 : null
+              count: ((ae = c.value) == null ? void 0 : ae.startDate) != null && ((ee = c.value) == null ? void 0 : ee.endDate) != null ? 1 : null
             };
-          case Q.RANGE:
+          case Z.RANGE:
             return {
               label: c.label,
               field: c.field,
               count: (Ue = c.value) != null && Ue.find((ht) => ht !== "") ? 1 : null
             };
-          case Q.INPUT:
-          case Q.BOOLEAN:
-          case Q.DATE:
+          case Z.INPUT:
+          case Z.BOOLEAN:
+          case Z.DATE:
           default:
             return {
               label: c.label,
@@ -2050,63 +2062,63 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
     ), S = f(
       () => {
         var c;
-        return Array.isArray(A.value.value) ? ((c = A.value) == null ? void 0 : c.value.length) && A.value.value.find((I) => I !== "") : !!n.value[s.value].value;
+        return Array.isArray(A.value.value) ? ((c = A.value) == null ? void 0 : c.value.length) && A.value.value.find((T) => T !== "") : !!a.value[s.value].value;
       }
     ), F = f(
       () => {
         var c;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (c = j.value) == null ? void 0 : c.reduce((I, U) => I += U.count, 0)
+          (c = Y.value) == null ? void 0 : c.reduce((T, k) => T += k.count, 0)
         );
       }
     ), B = () => {
       i.value ? i.value = !1 : i.value = !0;
-    }, L = (c) => {
-      var U, z, ne;
-      const I = j.value.find((ee) => ee.field === c.field).count;
-      return c.type.includes("BentoSelect") && ((U = c.options) != null && U.multiple) && I === ((ne = (z = c.options) == null ? void 0 : z.listboxItems) == null ? void 0 : ne.length) ? u("all") : I;
-    }, G = (c, I) => {
-      s.value = n.value.findIndex(
-        (U) => U.label === c && U.field === I
+    }, N = (c) => {
+      var k, J, ae;
+      const T = Y.value.find((ee) => ee.field === c.field).count;
+      return c.type.includes("BentoSelect") && ((k = c.options) != null && k.multiple) && T === ((ae = (J = c.options) == null ? void 0 : J.listboxItems) == null ? void 0 : ae.length) ? u("all") : T;
+    }, W = (c, T) => {
+      s.value = a.value.findIndex(
+        (k) => k.label === c && k.field === T
       );
-    }, Y = () => {
-      a.value = "";
-    }, V = () => {
-      i.value = !1, n.value = e.value, Y(), E();
-    }, H = (c) => {
-      const I = n.value.map(({ value: U, ...z }, ne) => ne === s.value ? { value: c.value, ...z } : { value: U, ...z });
-      n.value = I;
-    }, q = () => {
-      H({
+    }, X = () => {
+      n.value = "";
+    }, z = () => {
+      i.value = !1, a.value = e.value, X(), U();
+    }, V = (c) => {
+      const T = a.value.map(({ value: k, ...J }, ae) => ae === s.value ? { value: c.value, ...J } : { value: k, ...J });
+      a.value = T;
+    }, D = () => {
+      V({
         field: A.value.field,
         label: A.value.label,
         type: A.value.type,
         value: void 0
       });
-    }, Z = () => {
-      n.value = n.value.map(({ value: c, ...I }) => ({
-        ...I,
+    }, O = () => {
+      a.value = a.value.map(({ value: c, ...T }) => ({
+        ...T,
         value: void 0
       }));
-    }, W = () => {
-      t(De.INPUT, n.value), i.value = !1;
-    }, C = f(
-      () => JSON.stringify(n.value) === JSON.stringify(e.value)
+    }, K = () => {
+      t(De.INPUT, a.value), i.value = !1;
+    }, g = f(
+      () => JSON.stringify(a.value) === JSON.stringify(e.value)
     ), x = f(() => [
       {
         title: u("applyAll"),
-        disabled: C.value,
-        event: W
+        disabled: g.value,
+        event: K
       },
       {
         title: u("cancel"),
-        event: V
+        event: z
       },
       {
         title: u("clearAll"),
         disabled: !F.value,
-        event: Z
+        event: O
       }
     ]);
     return {
@@ -2117,25 +2129,25 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
       allFiltersModalFiltersSection: o,
       allFiltersModalFilterButtons: m,
       numberOfActiveFilters: F,
-      isEmptyResultForSearchFilter: T,
+      isEmptyResultForSearchFilter: E,
       isModalOpen: i,
       isClearButtonEnabled: S,
       activeFilters: d,
-      otherFilters: D,
+      otherFilters: I,
       modalActions: x,
       selectedFilter: A,
       selectedFilterRef: r,
-      filters: n,
-      computedCounts: j,
-      searchTerm: a,
+      filters: a,
+      computedCounts: Y,
+      searchTerm: n,
       // Methods
       onClickAllFiltersModal: B,
-      getFilterCount: L,
-      cancel: V,
-      selectFilter: G,
-      clearFilter: q,
-      updateFilter: H,
-      onSearchbarClear: Y,
+      getFilterCount: N,
+      cancel: z,
+      selectFilter: W,
+      clearFilter: D,
+      updateFilter: V,
+      onSearchbarClear: X,
       onKeydownRight: () => {
         wt(1, r.value.$el).focus();
       },
@@ -2145,33 +2157,33 @@ const en = /* @__PURE__ */ M(Wl, [["render", xl]]), Ye = {
     };
   }
 });
-const ln = { class: "b-all-filters-modal" }, nn = {
+const la = { class: "b-all-filters-modal" }, aa = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, an = {
+}, na = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, on = ["aria-labelledby"], sn = {
+}, oa = ["aria-labelledby"], sa = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, rn = ["aria-labelledby"], un = { class: "b-all-filters-modal__selected-filter-text" }, dn = { class: "b-all-filters-modal__selected-filter-component" }, cn = { class: "b-all-filters-modal__clear-button" };
-function bn(e, t, n, l, o, i) {
-  const s = y("sliders-icon"), r = y("filter-bar-button"), a = y("bento-search-bar"), u = y("bento-typography"), h = y("all-filters-modal-button"), m = y("bento-button"), _ = y("bento-modal");
-  return b(), P("div", ln, [
-    g(r, {
+}, ia = ["aria-labelledby"], ra = { class: "b-all-filters-modal__selected-filter-text" }, ua = { class: "b-all-filters-modal__selected-filter-component" }, da = { class: "b-all-filters-modal__clear-button" };
+function ca(e, t, a, l, o, i) {
+  const s = y("sliders-icon"), r = y("filter-bar-button"), n = y("bento-search-bar"), u = y("bento-typography"), h = y("all-filters-modal-button"), m = y("bento-button"), _ = y("bento-modal");
+  return b(), R("div", la, [
+    C(r, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
       onClick: e.onClickAllFiltersModal
     }, {
       iconLeft: p(() => [
-        g(s, { "aria-hidden": "true" })
+        C(s, { "aria-hidden": "true" })
       ]),
       default: p(() => [
-        O(R(e.$t("allFilters")) + " ", 1)
+        w(L(e.$t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    g(_, {
+    C(_, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2182,60 +2194,60 @@ function bn(e, t, n, l, o, i) {
       onCloseModal: e.cancel
     }, {
       default: p(() => [
-        O(R(e.$t("allFilters")), 1)
+        w(L(e.$t("allFilters")), 1)
       ]),
       "content-col-1": p(() => [
-        k("div", {
+        P("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
           onKeydown: t[1] || (t[1] = de((...d) => e.onKeydownRight && e.onKeydownRight(...d), ["right"]))
         }, [
-          g(a, {
+          C(n, {
             class: "b-all-filters-modal__search-bar",
             value: e.searchTerm,
             "input-field-aria-label": e.$t("searchBar").toString(),
             onInput: t[0] || (t[0] = (d) => e.searchTerm = d),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (b(), P("div", nn, [
-            g(u, { el: "span" }, {
+          e.isEmptyResultForSearchFilter ? (b(), R("div", aa, [
+            C(u, { el: "span" }, {
               default: p(() => [
-                O(R(e.$t("noFiltersMatchThisSearch")), 1)
+                w(L(e.$t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
-          ])) : w("", !0),
-          e.activeFilters.length ? (b(), P("div", an, [
-            g(u, {
+          ])) : M("", !0),
+          e.activeFilters.length ? (b(), R("div", na, [
+            C(u, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
               default: p(() => [
-                O(R(e.$t("activeFilters")), 1)
+                w(L(e.$t("activeFilters")), 1)
               ]),
               _: 1
             }, 8, ["id"]),
-            k("ul", {
+            P("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (b(!0), P(pe, null, ve(e.activeFilters, (d) => (b(), P("li", {
+              (b(!0), R(pe, null, ve(e.activeFilters, (d) => (b(), R("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                g(h, {
+                C(h, {
                   ref_for: !0,
-                  ref: (D) => e.allFiltersModalFilterButtons[d.label] = D,
+                  ref: (I) => e.allFiltersModalFilterButtons[d.label] = I,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (D) => e.selectFilter(d.label, d.field)
+                  onClick: (I) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, on)
-          ])) : w("", !0),
-          e.otherFilters.length ? (b(), P("div", sn, [
+            ], 8, oa)
+          ])) : M("", !0),
+          e.otherFilters.length ? (b(), R("div", sa, [
             e.activeFilters.length ? (b(), $(u, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
@@ -2244,43 +2256,43 @@ function bn(e, t, n, l, o, i) {
               variant: "caption"
             }, {
               default: p(() => [
-                O(R(e.$t("otherFilters")), 1)
+                w(L(e.$t("otherFilters")), 1)
               ]),
               _: 1
-            }, 8, ["id"])) : w("", !0),
-            k("ul", {
+            }, 8, ["id"])) : M("", !0),
+            P("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (b(!0), P(pe, null, ve(e.otherFilters, (d) => (b(), P("li", {
+              (b(!0), R(pe, null, ve(e.otherFilters, (d) => (b(), R("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                g(h, {
+                C(h, {
                   ref_for: !0,
-                  ref: (D) => e.allFiltersModalFilterButtons[d.label] = D,
+                  ref: (I) => e.allFiltersModalFilterButtons[d.label] = I,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (D) => e.selectFilter(d.label, d.field)
+                  onClick: (I) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, rn)
-          ])) : w("", !0)
+            ], 8, ia)
+          ])) : M("", !0)
         ], 544)
       ]),
       "content-col-2": p(() => [
-        k("div", {
+        P("div", {
           class: "b-all-filters-modal__selected-filter-content",
           onKeydown: t[2] || (t[2] = de((...d) => e.onKeydownLeft && e.onKeydownLeft(...d), ["left"]))
         }, [
-          k("div", un, [
-            g(u, {
+          P("div", ra, [
+            C(u, {
               el: "div",
               variant: "title",
               medium: ""
             }, {
               default: p(() => [
-                O(R(e.selectedFilter.label), 1)
+                w(L(e.selectedFilter.label), 1)
               ]),
               _: 1
             }),
@@ -2291,12 +2303,12 @@ function bn(e, t, n, l, o, i) {
               wide: ""
             }, {
               default: p(() => [
-                O(R(e.selectedFilter.description), 1)
+                w(L(e.selectedFilter.description), 1)
               ]),
               _: 1
-            })) : w("", !0)
+            })) : M("", !0)
           ]),
-          k("div", dn, [
+          P("div", ua, [
             (b(), $(Be(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
@@ -2309,14 +2321,14 @@ function bn(e, t, n, l, o, i) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          k("div", cn, [
-            g(m, {
+          P("div", da, [
+            C(m, {
               variant: "secondary",
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
             }, {
               default: p(() => [
-                O(R(e.$t("clear")), 1)
+                w(L(e.$t("clear")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
@@ -2327,7 +2339,7 @@ function bn(e, t, n, l, o, i) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a"]]), ze = {
+const ba = /* @__PURE__ */ q(ta, [["render", ca], ["__scopeId", "data-v-2653c56a"]]), ze = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2336,17 +2348,17 @@ const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, pn = N({
+}, fa = H({
   i18n: { messages: ze },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: fn,
+    AllFiltersModal: ba,
     BentoBooleanFilter: yt,
     BentoDateFilter: ut,
     BentoDateRangeFilter: dt,
     BentoRangeFilter: mt,
     BentoInputFilter: rt,
-    BentoSelectFilter: X,
+    BentoSelectFilter: Q,
     BentoSelectAvatarFilter: ct,
     BentoSelectCountryFilter: ft,
     BentoSelectCurrencyFilter: bt,
@@ -2439,20 +2451,20 @@ const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a
     be.UPDATE
   ],
   setup(e, { emit: t }) {
-    const { t: n } = ce({ messages: ze }), l = f(
+    const { t: a } = ce({ messages: ze }), l = f(
       () => {
         var S, F;
         return (F = ((S = e.config) == null ? void 0 : S.length) > 0 ? e.config : e.value) == null ? void 0 : F.map((B) => {
-          var G;
-          const L = (G = e.filterValues.find(({ field: Y }) => Y === B.field)) == null ? void 0 : G.value;
-          return { ...B, value: L !== void 0 ? L : B == null ? void 0 : B.value };
+          var W;
+          const N = (W = e.filterValues.find(({ field: X }) => X === B.field)) == null ? void 0 : W.value;
+          return { ...B, value: N !== void 0 ? N : B == null ? void 0 : B.value };
         });
       }
-    ), o = Pt(), i = f(() => n("searchBar")), s = f(() => l.value.some(
+    ), o = Pt(), i = f(() => a("searchBar")), s = f(() => l.value.some(
       ({ visible: F }) => F != null
     ) ? l.value.some(({ visible: F }) => !F) : !1), r = f(
       () => l.value.filter(({ defaultValue: S }) => S !== void 0)
-    ), a = f(() => l.value.some(
+    ), n = f(() => l.value.some(
       ({ visible: F }) => F != null
     ) ? l.value.filter(
       ({ defaultValue: F, visible: B }) => F === void 0 && B
@@ -2471,27 +2483,27 @@ const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a
       isSearchBarEnabled: u,
       searchBarAriaLabel: i,
       persistentFilters: r,
-      regularFilters: a,
+      regularFilters: n,
       isResetAllVisible: _,
       valueAndFilterValuesPropsMerged: l,
       // Events
       updateAllFilters: d,
       updateFilterHandler: (S) => {
         const F = l.value.findIndex(
-          (L) => L.field === S.field
+          (N) => N.field === S.field
         ), B = l.value.slice();
         B[F].value = S.value, d(B);
       },
       clearAllFilters: () => {
-        const S = l.value.slice(), F = l.value.map(({ value: B, ...L }) => ({
-          ...L,
+        const S = l.value.slice(), F = l.value.map(({ value: B, ...N }) => ({
+          ...N,
           value: void 0
         }));
         o.addToast({
-          text: n("filtersHaveBeenCleared"),
+          text: a("filtersHaveBeenCleared"),
           action: {
             handler: () => d(S),
-            text: n("undo")
+            text: a("undo")
           }
         }), d(F);
       },
@@ -2502,34 +2514,34 @@ const fn = /* @__PURE__ */ M(tn, [["render", bn], ["__scopeId", "data-v-2653c56a
         t(be.INPUT, S), t(be.UPDATE, S);
       },
       resetAllFilters: () => {
-        const S = l.value.slice(), F = l.value.map(({ defaultValue: B, ...L }) => ({
-          ...L,
+        const S = l.value.slice(), F = l.value.map(({ defaultValue: B, ...N }) => ({
+          ...N,
           defaultValue: B,
           value: B
         }));
         o.addToast({
-          text: n("filtersHaveBeenReset"),
+          text: a("filtersHaveBeenReset"),
           action: {
             handler: () => d(S),
-            text: n("undo")
+            text: a("undo")
           }
         }), d(F);
       }
     };
   }
 });
-const vn = { class: "b-filter-bar" }, yn = { class: "b-filter-bar__container" }, mn = {
+const pa = { class: "b-filter-bar" }, va = { class: "b-filter-bar__container" }, ya = {
   key: 0,
   class: "b-filter-bar__before-filters"
-}, hn = { class: "b-filter-bar__filters-container" }, _n = { class: "b-filter-bar__filters" }, Fn = { class: "b-filter-bar__scroller-content" }, gn = {
+}, ma = { class: "b-filter-bar__filters-container" }, ha = { class: "b-filter-bar__filters" }, _a = { class: "b-filter-bar__scroller-content" }, Fa = {
   key: 0,
   class: "b-filter-bar__actions"
 };
-function Cn(e, t, n, l, o, i) {
-  const s = y("bento-search-bar"), r = y("all-filters-modal"), a = y("refresh-icon"), u = y("filter-bar-button"), h = y("fixed-scroller");
-  return b(), P("div", vn, [
-    k("div", yn, [
-      e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (b(), P("div", mn, [
+function ga(e, t, a, l, o, i) {
+  const s = y("bento-search-bar"), r = y("all-filters-modal"), n = y("refresh-icon"), u = y("filter-bar-button"), h = y("fixed-scroller");
+  return b(), R("div", pa, [
+    P("div", va, [
+      e.isSearchBarEnabled || e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (b(), R("div", ya, [
         e.isSearchBarEnabled ? (b(), $(s, {
           key: 0,
           class: "b-filter-bar__search-bar",
@@ -2538,47 +2550,47 @@ function Cn(e, t, n, l, o, i) {
           condensed: "",
           onInput: e.onSearchbarInput,
           onClear: e.onSearchbarClear
-        }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : w("", !0),
+        }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : M("", !0),
         e.hasHiddenFilters ? (b(), $(r, {
           key: 1,
           class: "b-filter-bar__all-filters-modal",
           value: e.valueAndFilterValuesPropsMerged,
           onInput: e.updateAllFilters
-        }, null, 8, ["value", "onInput"])) : w("", !0),
-        Fe(g(u, {
+        }, null, 8, ["value", "onInput"])) : M("", !0),
+        Fe(C(u, {
           class: "b-filter-bar__clear-all",
           onClick: e.clearAllFilters
         }, {
           iconLeft: p(() => [
-            g(a, { "aria-hidden": "true" })
+            C(n, { "aria-hidden": "true" })
           ]),
           default: p(() => [
-            O(R(e.$t("clearAll")) + " ", 1)
+            w(L(e.$t("clearAll")) + " ", 1)
           ]),
           _: 1
         }, 8, ["onClick"]), [
           [ge, e.isClearAllVisible]
         ]),
-        Fe(g(u, {
+        Fe(C(u, {
           class: "b-filter-bar__reset-all",
           onClick: e.resetAllFilters
         }, {
           iconLeft: p(() => [
-            g(a, { "aria-hidden": "true" })
+            C(n, { "aria-hidden": "true" })
           ]),
           default: p(() => [
-            O(R(e.$t("resetAll")) + " ", 1)
+            w(L(e.$t("resetAll")) + " ", 1)
           ]),
           _: 1
         }, 8, ["onClick"]), [
           [ge, e.isResetAllVisible]
         ])
-      ])) : w("", !0),
-      k("div", hn, [
-        k("div", _n, [
-          g(h, { condensed: "" }, {
+      ])) : M("", !0),
+      P("div", ma, [
+        P("div", ha, [
+          C(h, { condensed: "" }, {
             default: p(() => [
-              k("div", Fn, [
+              P("div", _a, [
                 e.isSearchBarEnabled ? (b(), $(s, {
                   key: 0,
                   class: "b-filter-bar__search-bar",
@@ -2587,8 +2599,8 @@ function Cn(e, t, n, l, o, i) {
                   condensed: "",
                   onInput: e.onSearchbarInput,
                   onClear: e.onSearchbarClear
-                }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : w("", !0),
-                e.persistentFilters.length ? (b(!0), P(pe, { key: 1 }, ve(e.persistentFilters, (m) => (b(), $(Be(m.type), {
+                }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : M("", !0),
+                e.persistentFilters.length ? (b(!0), R(pe, { key: 1 }, ve(e.persistentFilters, (m) => (b(), $(Be(m.type), {
                   key: m.field,
                   field: m.field,
                   label: m.label,
@@ -2596,8 +2608,8 @@ function Cn(e, t, n, l, o, i) {
                   value: m.value,
                   "default-value": m.defaultValue,
                   onUpdate: e.updateFilterHandler
-                }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : w("", !0),
-                (b(!0), P(pe, null, ve(e.regularFilters, (m) => (b(), $(Be(m.type), {
+                }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128)) : M("", !0),
+                (b(!0), R(pe, null, ve(e.regularFilters, (m) => (b(), $(Be(m.type), {
                   key: m.field,
                   field: m.field,
                   label: m.label,
@@ -2610,51 +2622,51 @@ function Cn(e, t, n, l, o, i) {
             _: 1
           })
         ]),
-        e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (b(), P("div", gn, [
+        e.hasHiddenFilters || e.isClearAllVisible || e.isResetAllVisible ? (b(), R("div", Fa, [
           e.hasHiddenFilters ? (b(), $(r, {
             key: 0,
             class: "b-filter-bar__all-filters-modal",
             value: e.valueAndFilterValuesPropsMerged,
             onInput: e.updateAllFilters
-          }, null, 8, ["value", "onInput"])) : w("", !0),
-          Fe(g(u, {
+          }, null, 8, ["value", "onInput"])) : M("", !0),
+          Fe(C(u, {
             class: "b-filter-bar__clear-all",
             onClick: e.clearAllFilters
           }, {
             iconLeft: p(() => [
-              g(a, { "aria-hidden": "true" })
+              C(n, { "aria-hidden": "true" })
             ]),
             default: p(() => [
-              O(R(e.$t("clearAll")) + " ", 1)
+              w(L(e.$t("clearAll")) + " ", 1)
             ]),
             _: 1
           }, 8, ["onClick"]), [
             [ge, e.isClearAllVisible]
           ]),
-          Fe(g(u, {
+          Fe(C(u, {
             class: "b-filter-bar__reset-all",
             onClick: e.resetAllFilters
           }, {
             iconLeft: p(() => [
-              g(a, { "aria-hidden": "true" })
+              C(n, { "aria-hidden": "true" })
             ]),
             default: p(() => [
-              O(R(e.$t("resetAll")) + " ", 1)
+              w(L(e.$t("resetAll")) + " ", 1)
             ]),
             _: 1
           }, 8, ["onClick"]), [
             [ge, e.isResetAllVisible]
           ])
-        ])) : w("", !0)
+        ])) : M("", !0)
       ])
     ])
   ]);
 }
-const ia = /* @__PURE__ */ M(pn, [["render", Cn], ["__scopeId", "data-v-5f910a0f"]]);
+const sn = /* @__PURE__ */ q(fa, [["render", ga], ["__scopeId", "data-v-5f910a0f"]]);
 export {
-  ia as BentoFilterBar,
+  sn as BentoFilterBar,
   he as BentoFilterBarEvent,
   v as BentoFilterEvent,
-  Q as BentoFilterItemType
+  Z as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map