@adyen/bento-vue3 1.4.1 → 1.5.0

package/dist/filter-bar.js

@@ -1,52 +1,53 @@
-import { defineComponent as w, useSlots as yt, useAttrs as mt, computed as f, ref as N, openBlock as b, createBlock as S, unref as X, normalizeClass as ue, withCtx as m, createTextVNode as V, toDisplayString as k, createCommentVNode as q, createElementBlock as U, createElementVNode as R, renderSlot as ne, createVNode as g, watch as ve, resolveComponent as y, resolveDirective as _t, withDirectives as _e, withKeys as se, toRef as L, onBeforeUpdate as ge, mergeProps as x, Fragment as ie, reactive as He, createSlots as Fe, renderList as re, normalizeProps as Ie, guardReactiveProps as De, pushScopeId as Ke, popScopeId as je, toRefs as Ft, provide as ht, nextTick as Ct, onMounted as gt, resolveDynamicComponent as he, vShow as Te } from "vue";
-import { _ as O } from "./chunks/_plugin-vue_export-helper.dad06003.js";
-import { BentoPopover as Ue } from "./popover.js";
-import { B as $t } from "./chunks/directive.0408e565.js";
-import { B as Bt } from "./chunks/tooltip.973c86d3.js";
-import { u as ae } from "./chunks/i18n.6c402773.js";
-import { g as $e } from "./chunks/unique-id.a2a2b458.js";
-import { B as be, d as St } from "./chunks/index.77c651df.js";
-import { u as Ye } from "./chunks/aria-label.ac9651a5.js";
-import { B as ze, a as Ee } from "./chunks/base-button.c4ac1ad1.js";
-import { g as Je } from "./chunks/get-slot-text.bead058f.js";
-import { u as Ge } from "./chunks/use-has-slot.9fac7123.js";
-import { C as We, a as Ze } from "./chunks/chevron-up.c03b58f8.js";
-import { BentoRadioGroup as At } from "./radio-group.js";
-import { BentoInputField as Qe } from "./input-field.js";
-import { BentoSearchBar as me, BentoSearchBarEvent as oe } from "./search-bar.js";
-import { u as It } from "./chunks/toastController.0b01d2e8.js";
-import { BentoModal as Dt } from "./modal.js";
-import { e as Tt } from "./chunks/base-modal.db7a9829.js";
-import { a as Ut } from "./chunks/button.7d09c245.js";
-import { B as Et, u as Xe } from "./chunks/dropdown.ff4f94a8.js";
-import { g as Pt } from "./chunks/index.fdb0c13d.js";
-import { BentoDivider as xe } from "./divider.js";
-import { BentoDatePicker as kt } from "./date-picker.js";
-import { f as pe } from "./chunks/index.140bf28f.js";
-import { e as le, d as et, f as tt } from "./chunks/index.f55fdc32.js";
-import { C as Rt } from "./chunks/calendar.0e42130b.js";
-import { B as Ot, D as Vt } from "./chunks/index.fd1cd23a.js";
-import { D as Pe } from "./chunks/date-input.9186a0bf.js";
-import { BentoButtonActions as Nt } from "./button.js";
-import { B as wt } from "./chunks/listbox.f535a736.js";
-import { B as Lt, L as lt } from "./chunks/listbox-option-tag.ffe70226.js";
-import { BentoCountry as Mt } from "./country.js";
-import { u as qt } from "./chunks/useCountryItems.e83ef8f0.js";
-import { BentoPaymentMethod as Ht } from "./payment-method.js";
-import "./assets/index28.css";
-var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), te = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(te || {}), Y = /* @__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))(Y || {});
-const Kt = { class: "b-filter-bar-button__container" }, jt = {
+import { defineComponent as L, useSlots as _t, useAttrs as Ft, computed as f, ref as w, openBlock as p, createBlock as A, unref as X, normalizeClass as pe, withCtx as m, createTextVNode as N, toDisplayString as k, createCommentVNode as M, createElementBlock as E, createElementVNode as P, renderSlot as ae, createVNode as C, watch as me, resolveComponent as y, resolveDirective as ht, withDirectives as he, withKeys as ue, toRef as H, onBeforeUpdate as Se, mergeProps as x, Fragment as de, reactive as ze, createSlots as Ce, renderList as ce, normalizeProps as Ue, guardReactiveProps as Ee, pushScopeId as Be, popScopeId as Ae, toRefs as Ct, provide as gt, nextTick as $t, onMounted as St, resolveDynamicComponent as ge, vShow as Pe } from "vue";
+import { _ as R } from "./chunks/_plugin-vue_export-helper.dad06003.js";
+import { BentoPopover as ke } from "./popover.js";
+import { B as Bt } from "./chunks/directive.0408e565.js";
+import { B as At } from "./chunks/tooltip.c8350cd0.js";
+import { u as oe } from "./chunks/i18n.6c402773.js";
+import { g as Ie } from "./chunks/unique-id.a2a2b458.js";
+import { B as re, d as It } from "./chunks/index.32ed68b7.js";
+import { u as Je } from "./chunks/aria-label.ac9651a5.js";
+import { B as Ge, a as Re } from "./chunks/base-button.9740f320.js";
+import { g as Ze } from "./chunks/get-slot-text.bead058f.js";
+import { u as We } from "./chunks/use-has-slot.3daaffc6.js";
+import { a as Qe, C as Xe } from "./chunks/chevron-up.9bf21068.js";
+import { BentoRadioGroup as Dt } from "./radio-group.js";
+import { BentoInputField as xe } from "./input-field.js";
+import { BentoSearchBar as Fe, BentoSearchBarEvent as ie } from "./search-bar.js";
+import { u as Tt } from "./chunks/toastController.0b01d2e8.js";
+import { BentoModal as Ut } from "./modal.js";
+import { e as Et } from "./chunks/base-modal.be77971f.js";
+import { a as Pt } from "./chunks/button.7072457f.js";
+import { B as kt, u as et } from "./chunks/dropdown.22e51667.js";
+import { g as Rt } from "./chunks/index.604da8e9.js";
+import { BentoDivider as tt } from "./divider.js";
+import { BentoDatePicker as Ot } from "./date-picker.js";
+import { f as ve } from "./chunks/index.c62ea69f.js";
+import { e as ne, d as lt, f as nt } from "./chunks/index.f55fdc32.js";
+import { C as Vt } from "./chunks/calendar.1e50c7d1.js";
+import { B as Nt, D as wt } from "./chunks/index.a57930ba.js";
+import { D as Oe } from "./chunks/date-input.9186a0bf.js";
+import { BentoButtonActions as Lt } from "./button.js";
+import { B as Mt } from "./chunks/listbox.4205c0de.js";
+import { B as Ht, L as at } from "./chunks/listbox-option-tag.fa70334e.js";
+import { BentoCountry as qt } from "./country.js";
+import { u as Kt } from "./chunks/useCountryItems.e83ef8f0.js";
+import { BentoPaymentMethod as jt } from "./payment-method.js";
+import "./assets/index42.css";
+var v = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(v || {}), ee = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(ee || {}), Y = /* @__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))(Y || {});
+const Yt = { class: "b-filter-bar-button__container" }, zt = { class: "b-filter-bar-button__label-container" }, Jt = {
   key: 1,
   class: "b-filter-bar-button__chevron"
-}, Yt = {}, zt = /* @__PURE__ */ w({
-  ...Yt,
+}, Gt = {}, Zt = /* @__PURE__ */ L({
+  ...Gt,
   __name: "filter-bar-button",
   props: {
     /**
-     * The number of applies values within the filter.
+     * The number of applied values within the filter.
+     * Text can also be applied here such as 'All'.
      * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
      */
-    appliedFiltersCount: { type: Number, default: null },
+    appliedFiltersCount: { type: [String, Number], default: null },
     /**
      * Disables button functionality.
      */
@@ -59,34 +60,39 @@ const Kt = { class: "b-filter-bar-button__container" }, jt = {
      * Toggles if a chevron icon should be displayed in the button.
      * The chevron will change depending on the open state of the filter.
      */
-    hasChevron: { type: Boolean, default: !1 }
+    hasChevron: { type: Boolean, default: !1 },
+    /**
+     * A secondary label to be added next to the primary for additional filtering information.
+     * i.e. Can be used to show the set value for said filter.
+     */
+    secondaryLabel: { type: String, default: null }
   },
   emits: ["click"],
   setup(e, { emit: t }) {
-    const a = e, l = yt(), s = mt(), i = Ge(l), o = f(() => l.default ? Je(l)("default") : null), r = Ye({ ariaLabel: o }), n = N(null), d = f(() => {
-      var u;
+    const n = e, l = _t(), s = Ft(), i = We(l), o = f(() => l.default ? Ze(l)("default") : null), r = Je({ ariaLabel: o }), a = w(null), u = f(() => {
+      var _;
       return {
-        "aria-controls": (u = s["aria-controls"]) == null ? void 0 : u.toString()
+        "aria-controls": (_ = s["aria-controls"]) == null ? void 0 : _.toString()
       };
-    }), c = f(() => ({
-      "b-filter-bar-button--filter-open": a.isFilterOpen,
-      "b-filter-bar-button--with-counter": a.appliedFiltersCount,
-      "b-filter-bar-button--with-chevron": a.hasChevron
-    })), h = (u) => {
-      a.disabled || t("click", u);
+    }), d = 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
+    })), g = (_) => {
+      n.disabled || t("click", _);
     };
-    return (u, C) => (b(), S(X(ze), {
+    return (_, b) => (p(), A(X(Ge), {
       ref_key: "filterBarButtonRef",
-      ref: n,
-      class: ue(["b-filter-bar-button", X(c)]),
+      ref: a,
+      class: pe(["b-filter-bar-button", X(d)]),
       disabled: e.disabled,
       "aria-label": X(r),
-      "aria-controls": X(d)["aria-controls"],
+      "aria-controls": X(u)["aria-controls"],
       type: "button",
-      onClick: h
+      onClick: g
     }, {
       iconRight: m(() => [
-        e.appliedFiltersCount && !e.hasChevron ? (b(), S(X(be), {
+        e.appliedFiltersCount && !e.hasChevron ? (p(), A(X(re), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
@@ -94,43 +100,57 @@ const Kt = { class: "b-filter-bar-button__container" }, jt = {
           stronger: ""
         }, {
           default: m(() => [
-            V(k(e.appliedFiltersCount), 1)
+            N(k(e.appliedFiltersCount), 1)
           ]),
           _: 1
-        })) : q("", !0),
-        e.hasChevron ? (b(), U("div", jt, [
-          e.isFilterOpen ? (b(), S(X(We), {
+        })) : M("", !0),
+        e.hasChevron ? (p(), E("div", Jt, [
+          e.isFilterOpen ? (p(), A(X(Qe), {
             key: 0,
             "aria-hidden": "true"
-          })) : (b(), S(X(Ze), {
+          })) : (p(), A(X(Xe), {
             key: 1,
             "aria-hidden": "true"
           }))
-        ])) : q("", !0)
+        ])) : M("", !0)
       ]),
       default: m(() => [
-        R("div", Kt, [
-          X(i)("iconLeft") ? ne(u.$slots, "iconLeft", { key: 0 }, void 0, !0) : q("", !0),
-          g(X(be), {
-            el: "span",
-            variant: "body",
-            stronger: "",
-            class: "b-filter-bar-button__label"
-          }, {
-            default: m(() => [
-              ne(u.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          })
+        P("div", Yt, [
+          X(i)("iconLeft") ? ae(_.$slots, "iconLeft", { key: 0 }, void 0, !0) : M("", !0),
+          P("div", zt, [
+            C(X(re), {
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__label"
+            }, {
+              default: m(() => [
+                ae(_.$slots, "default", {}, void 0, !0)
+              ]),
+              _: 3
+            }),
+            e.secondaryLabel ? (p(), A(X(re), {
+              key: 0,
+              el: "span",
+              variant: "body",
+              stronger: "",
+              class: "b-filter-bar-button__secondary-label"
+            }, {
+              default: m(() => [
+                N(k(e.secondaryLabel), 1)
+              ]),
+              _: 1
+            })) : M("", !0)
+          ])
         ])
       ]),
       _: 3
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
 });
-const Be = /* @__PURE__ */ O(zt, [["__scopeId", "data-v-007ef3aa"]]);
+const De = /* @__PURE__ */ R(Zt, [["__scopeId", "data-v-b1f946e5"]]);
 var W = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(W || {});
-const ke = {
+const Ve = {
   "en-US": {
     clear: "Clear",
     apply: "Apply",
@@ -156,23 +176,27 @@ const ke = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Jt = w({
-  i18n: { messages: ke },
+}, Wt = L({
+  i18n: { messages: Ve },
   name: "bento-base-filter",
   components: {
-    BentoPopover: Ue,
-    FilterBarButton: Be
+    BentoPopover: ke,
+    FilterBarButton: De
   },
-  directives: { BentoClickOutsideDirective: $t },
+  directives: { BentoClickOutsideDirective: Bt },
   props: {
     /**
      * Total count of applied filters
      */
-    appliedFiltersCount: { type: Number, default: null },
+    appliedFiltersCount: { type: [String, Number], default: null },
     /**
      * Overrides the label of the popover vsibility toggle button text.
      */
     buttonLabel: { type: String, default: void 0 },
+    /**
+     * Sets the secondary label text of the popover vsibility toggle button text.
+     */
+    buttonSecondaryLabel: { type: String, default: void 0 },
     /**
      * Default value of the filter to reset to.
      */
@@ -210,7 +234,7 @@ const ke = {
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: Ue.props.fitContent
+    fitContent: ke.props.fitContent
   },
   emits: [
     W.APPLY,
@@ -220,75 +244,76 @@ const ke = {
     W.RESET
   ],
   setup(e, { emit: t }) {
-    const { t: a } = ae({ messages: ke }), l = $e("base-filter-popover"), s = N(!1), i = N(null), o = f(() => e.defaultValue !== null), r = () => {
+    const { t: n } = oe({ messages: Ve }), l = Ie("base-filter-popover"), s = w(!1), i = w(null), o = f(() => e.defaultValue !== null), r = () => {
       s.value = !1, t(W.CLOSE);
-    }, n = () => {
+    }, a = () => {
       r(), o.value ? t(W.RESET) : t(W.CLEAR);
-    }, d = () => r(), c = () => {
+    }, u = () => r(), d = () => {
       s.value ? r() : (s.value = !0, t(W.OPEN));
-    }, h = () => {
+    }, g = () => {
       r(), t(W.APPLY);
-    }, u = f(() => [
+    }, _ = f(() => [
       {
-        title: a("apply"),
-        event: h,
+        title: n("apply"),
+        event: g,
         disabled: e.disableApplyButton
       },
       {
-        title: o.value ? a("reset") : a("clear"),
-        event: n,
+        title: o.value ? n("reset") : n("clear"),
+        event: a,
         disabled: e.disableSecondaryButton
       }
     ]);
-    return ve(
+    return me(
       () => s.value,
-      (C, E) => {
-        var $, B;
-        !C && E && (B = ($ = i.value) == null ? void 0 : $.filterBarButtonRef) != null && B.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (b, D) => {
+        var S, B;
+        !b && D && (B = (S = i.value) == null ? void 0 : S.filterBarButtonRef) != null && B.bentoBaseButtonRef && i.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
     ), {
       // Values
-      actions: u,
+      actions: _,
       popoverId: l,
       isFilterOpen: s,
       isPersistentFilter: o,
       // Enums
-      BentoTooltipPosition: Bt,
+      BentoTooltipPosition: At,
       // Events
-      onClickFilter: c,
-      onClickApply: h,
-      onClickSecondaryAction: n,
-      onClickOutside: d,
+      onClickFilter: d,
+      onClickApply: g,
+      onClickSecondaryAction: a,
+      onClickOutside: u,
       closePopover: r,
       // Refs
       filterButtonRef: i
     };
   }
 });
-const Gt = { key: 0 };
-function Wt(e, t, a, l, s, i) {
-  const o = y("filter-bar-button"), r = y("bento-popover"), n = _t("bento-click-outside-directive");
-  return e.onlySlot ? (b(), U("div", Gt, [
-    ne(e.$slots, "default", {}, void 0, !0)
-  ])) : _e((b(), U("div", {
+const Qt = { key: 0 };
+function Xt(e, t, n, l, s, i) {
+  const o = y("filter-bar-button"), r = y("bento-popover"), a = ht("bento-click-outside-directive");
+  return e.onlySlot ? (p(), E("div", Qt, [
+    ae(e.$slots, "default", {}, void 0, !0)
+  ])) : he((p(), E("div", {
     key: 1,
     class: "b-base-filter",
-    onKeydown: t[0] || (t[0] = se((...d) => e.closePopover && e.closePopover(...d), ["esc"]))
+    onKeydown: t[0] || (t[0] = ue((...u) => e.closePopover && e.closePopover(...u), ["esc"]))
   }, [
-    g(o, {
+    C(o, {
       ref: "filterButtonRef",
       "aria-controls": e.isFilterOpen ? e.popoverId : null,
       "has-chevron": e.isPersistentFilter,
       "is-filter-open": e.isFilterOpen,
       "applied-filters-count": e.appliedFiltersCount,
+      "secondary-label": e.buttonSecondaryLabel,
       onClick: e.onClickFilter
     }, {
       default: m(() => [
-        V(k(e.buttonLabel || e.label), 1)
+        N(k(e.buttonLabel || e.label), 1)
       ]),
       _: 1
-    }, 8, ["aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "onClick"]),
-    e.filterButtonRef ? (b(), S(r, {
+    }, 8, ["aria-controls", "has-chevron", "is-filter-open", "applied-filters-count", "secondary-label", "onClick"]),
+    e.filterButtonRef ? (p(), A(r, {
       key: 0,
       id: e.popoverId,
       class: "b-base-filter__popover",
@@ -303,35 +328,35 @@ function Wt(e, t, a, l, s, i) {
       "without-space": e.controlled
     }, {
       default: m(() => [
-        ne(e.$slots, "default", {}, void 0, !0)
+        ae(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
-    }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : q("", !0)
+    }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : M("", !0)
   ], 32)), [
-    [n, e.onClickOutside]
+    [a, e.onClickOutside]
   ]);
 }
-const de = /* @__PURE__ */ O(Jt, [["render", Wt], ["__scopeId", "data-v-005aa7bf"]]), Zt = (e) => e instanceof Array, Re = (e) => Zt(e) ? e.length === 0 || e.every((t) => t === "") : !e, Oe = (e, t) => JSON.stringify(e) === JSON.stringify(t), ce = (e, t) => {
-  const a = N(e.value);
-  ve(
+const be = /* @__PURE__ */ R(Wt, [["render", Xt], ["__scopeId", "data-v-0324ab9b"]]), xt = (e) => e instanceof Array, Ne = (e) => xt(e) ? e.length === 0 || e.every((t) => t === "") : !e, we = (e, t) => JSON.stringify(e) === JSON.stringify(t), fe = (e, t) => {
+  const n = w(e.value);
+  me(
     () => e.value,
     () => {
-      a.value = e.value;
+      n.value = e.value;
     }
   );
-  const l = f(() => Re(e.value)), s = f(
-    () => t.value !== null ? Oe(t.value, e.value) : l.value
-  ), i = f(() => Oe(a.value, e.value) || Re(a.value) && l.value);
+  const l = f(() => Ne(e.value)), s = f(
+    () => t.value !== null ? we(t.value, e.value) : l.value
+  ), i = f(() => we(n.value, e.value) || Ne(n.value) && l.value);
   return {
-    internalFilterValue: a,
+    internalFilterValue: n,
     isSecondaryButtonDisabled: s,
     isApplyButtonDisabled: i
   };
-}, fe = (e, t) => (e == null ? void 0 : e.length) > t ? `${e.slice(0, t)}...` : e, Qt = w({
+}, ye = (e, t) => (e == null ? void 0 : e.length) > t ? `${e.slice(0, t)}...` : e, el = L({
   name: "bento-input-filter",
   components: {
-    BentoBaseFilter: de,
-    BentoInputField: Qe
+    BentoBaseFilter: be,
+    BentoInputField: xe
   },
   props: {
     /**
@@ -359,52 +384,52 @@ const de = /* @__PURE__ */ O(Jt, [["render", Wt], ["__scopeId", "data-v-005aa7bf
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const a = N(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = ce(
-      L(e, "value"),
-      L(e, "defaultValue")
-    ), o = f(() => e.defaultValue === null ? e.label : fe(e.value, 18)), r = f(() => e.value != null ? 1 : null), n = f(() => ({
+    const n = w(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = fe(
+      H(e, "value"),
+      H(e, "defaultValue")
+    ), o = f(() => e.defaultValue === null ? e.label : ye(e.value, 18)), r = f(() => e.value != null ? 1 : null), a = f(() => ({
       ["b-input-filter--only-slot"]: e.onlySlot
     }));
-    ge(() => {
+    Se(() => {
       l.value === "" && (l.value = null);
-    }), ve(a, () => {
-      var $;
-      ($ = a.value) == null || $.focusInput();
+    }), me(n, () => {
+      var S;
+      (S = n.value) == null || S.focusInput();
     });
-    const d = () => {
+    const u = () => {
       l.value = e.value;
-    }, c = () => {
+    }, d = () => {
       !l.value && e.defaultValue !== null && (l.value = e.defaultValue), t(v.UPDATE, { ...e, value: l.value });
     };
     return {
       // Values
       appliedFiltersCount: r,
       buttonLabel: o,
-      conditionalClasses: n,
+      conditionalClasses: a,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: s,
       // Refs
-      inputTextRef: a,
+      inputTextRef: n,
       // Events
-      updateFilter: c,
+      updateFilter: d,
       clearFilter: () => {
-        l.value = null, c();
+        l.value = null, d();
       },
-      openFilter: d,
+      openFilter: u,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue }),
       onInput: () => {
         t(v.INPUT, { ...e, value: l.value });
       },
-      setInternalFilterValue: ($) => {
-        l.value = $;
+      setInternalFilterValue: (S) => {
+        l.value = S;
       }
     };
   }
 });
-function Xt(e, t, a, l, s, i) {
+function tl(e, t, n, l, s, i) {
   const o = y("bento-input-field"), r = y("bento-base-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
@@ -416,12 +441,12 @@ function Xt(e, t, a, l, s, i) {
     onReset: e.resetFilter
   }), {
     default: m(() => [
-      R("div", {
-        class: ue(["b-input-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = se((...n) => e.updateFilter && e.updateFilter(...n), ["enter"])),
-        onInput: t[1] || (t[1] = (...n) => e.onInput && e.onInput(...n))
+      P("div", {
+        class: pe(["b-input-filter", e.conditionalClasses]),
+        onKeydown: t[0] || (t[0] = ue((...a) => e.updateFilter && e.updateFilter(...a), ["enter"])),
+        onInput: t[1] || (t[1] = (...a) => e.onInput && e.onInput(...a))
       }, [
-        g(o, {
+        C(o, {
           ref: "inputTextRef",
           value: e.internalFilterValue,
           onInput: e.setInternalFilterValue
@@ -431,13 +456,13 @@ function Xt(e, t, a, l, s, i) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const nt = /* @__PURE__ */ O(Qt, [["render", Xt], ["__scopeId", "data-v-7aa995e2"]]), xt = w({
+const ot = /* @__PURE__ */ R(el, [["render", tl], ["__scopeId", "data-v-7aa995e2"]]), ll = L({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: de,
-    BentoDatePicker: kt,
-    BentoDivider: xe,
-    Calendar: Rt
+    BentoBaseFilter: be,
+    BentoDatePicker: Ot,
+    BentoDivider: tt,
+    Calendar: Vt
   },
   props: {
     isDateInput: { type: Boolean, default: !0 },
@@ -476,47 +501,47 @@ const nt = /* @__PURE__ */ O(Qt, [["render", Xt], ["__scopeId", "data-v-7aa995e2
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { locale: a } = ae(void 0, !0), l = { de: et, enUS: le, fr: tt }, { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: o } = ce(
-      L(e, "value"),
-      L(e, "defaultValue")
+    const { locale: n } = oe(void 0, !0), l = { de: lt, enUS: ne, fr: nt }, { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: o } = fe(
+      H(e, "value"),
+      H(e, "defaultValue")
     ), r = f(
-      () => e.defaultValue === null ? e.label : pe(e.value, "dd MMM, yyyy", {
-        locale: l[a.value.substring(0, 2)] || le
+      () => e.defaultValue === null ? e.label : ve(e.value, "dd MMM, yyyy", {
+        locale: l[n.value.substring(0, 2)] || ne
       })
-    ), n = f(() => e.value != null ? 1 : null), d = () => {
+    ), a = f(() => e.value != null ? 1 : null), u = () => {
       t(v.UPDATE, { ...e, value: s.value });
-    }, c = () => {
-      s.value = null, d();
-    }, h = () => {
-      s.value = e.defaultValue, d();
-    }, u = () => {
+    }, d = () => {
+      s.value = null, u();
+    }, g = () => {
+      s.value = e.defaultValue, u();
+    }, _ = () => {
       s.value = e.value;
-    }, C = ($) => {
-      s.value = $, t(v.INPUT, { ...e, value: s.value });
+    }, b = (S) => {
+      s.value = S, t(v.INPUT, { ...e, value: s.value });
     };
     return {
       // Values
-      appliedFiltersCount: n,
+      appliedFiltersCount: a,
       internalFilterValue: s,
       isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: i,
       buttonLabel: r,
       // Events
-      clearFilter: c,
-      onDateSelected: C,
-      openFilter: u,
-      updateFilter: d,
-      resetFilter: h,
-      onDateInputSelected: ($) => {
-        s.value = $, C($), d();
+      clearFilter: d,
+      onDateSelected: b,
+      openFilter: _,
+      updateFilter: u,
+      resetFilter: g,
+      onDateInputSelected: (S) => {
+        s.value = S, b(S), u();
       }
     };
   }
 });
-const el = { class: "b-date-filter" };
-function tl(e, t, a, l, s, i) {
-  const o = y("bento-date-picker"), r = y("bento-divider"), n = y("calendar"), d = y("bento-base-filter");
-  return b(), S(d, {
+const nl = { class: "b-date-filter" };
+function al(e, t, n, l, s, i) {
+  const o = y("bento-date-picker"), r = y("bento-divider"), a = y("calendar"), u = y("bento-base-filter");
+  return p(), A(u, {
     label: e.label,
     field: e.field,
     "applied-filters-count": e.appliedFiltersCount,
@@ -532,20 +557,20 @@ function tl(e, t, a, l, s, i) {
     onReset: e.resetFilter
   }, {
     default: m(() => {
-      var c, h, u, C;
+      var d, g, _, b;
       return [
-        e.onlySlot ? (b(), S(o, {
+        e.onlySlot ? (p(), A(o, {
           key: 0,
           value: e.internalFilterValue,
-          "first-day-of-week": (c = e.options) == null ? void 0 : c.firstDayOfWeek,
-          "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled,
+          "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
+          "is-date-disabled": (g = e.options) == null ? void 0 : g.isDateDisabled,
           onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (b(), U(ie, { key: 1 }, [
-          g(r, { class: "b-date-filter__divider" }),
-          R("div", el, [
-            g(n, {
-              "first-day-of-week": (u = e.options) == null ? void 0 : u.firstDayOfWeek,
-              "is-date-disabled": (C = e.options) == null ? void 0 : C.isDateDisabled,
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (p(), E(de, { key: 1 }, [
+          C(r, { class: "b-date-filter__divider" }),
+          P("div", nl, [
+            C(a, {
+              "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek,
+              "is-date-disabled": (b = e.options) == null ? void 0 : b.isDateDisabled,
               "number-of-months": 1,
               value: e.internalFilterValue,
               onInput: e.onDateSelected
@@ -557,7 +582,7 @@ function tl(e, t, a, l, s, i) {
     _: 1
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const at = /* @__PURE__ */ O(xt, [["render", tl], ["__scopeId", "data-v-7e21017e"]]), Ve = {
+const st = /* @__PURE__ */ R(ll, [["render", al], ["__scopeId", "data-v-7e21017e"]]), Le = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -583,16 +608,16 @@ const at = /* @__PURE__ */ O(xt, [["render", tl], ["__scopeId", "data-v-7e21017e
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, ll = w({
-  i18n: { messages: Ve },
+}, ol = L({
+  i18n: { messages: Le },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: de,
-    BentoButtonActions: Nt,
-    BentoDateRangePicker: Ot,
-    BentoTypography: be,
-    BentoDivider: xe,
-    DateRangePickerCalendar: Vt
+    BentoBaseFilter: be,
+    BentoButtonActions: Lt,
+    BentoDateRangePicker: Nt,
+    BentoTypography: re,
+    BentoDivider: tt,
+    DateRangePickerCalendar: wt
   },
   props: {
     /**
@@ -621,6 +646,7 @@ const at = /* @__PURE__ */ O(xt, [["render", tl], ["__scopeId", "data-v-7e21017e
      *   - isDateDisabled: Indicate if a date should be disabled or not
      *   - maxRange: Set a maximum number of dates to be selectable by the range
      *   - numberOfMonths: Number of months rendered on pane
+     *   - quickSelectRanges: An array that sets the custom range dropdown items. @see BentoDateRangePicker
      */
     options: {
       type: Object,
@@ -636,170 +662,175 @@ const at = /* @__PURE__ */ O(xt, [["render", tl], ["__scopeId", "data-v-7e21017e
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    var K, J, Z, G;
-    const { locale: a, t: l } = ae({ messages: Ve }), s = { de: et, enUS: le, fr: tt }, { internalFilterValue: i, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = ce(
-      L(e, "value"),
-      L(e, "defaultValue")
-    ), n = (A) => A ? pe(A, Pe.NUMERIC_DATE_YEAR_FIRST, {
-      locale: s[a.value.substring(0, 2)] || le
-    }) : void 0, d = (A) => A ? pe(A, Pe.HOUR_MINUTE_SECONDS, {
-      locale: s[a.value.substring(0, 2)] || le
-    }) : "", c = N(null), h = N(!1), u = He({
-      startDate: n((K = e.value) == null ? void 0 : K.startDate),
-      endDate: n((J = e.value) == null ? void 0 : J.endDate),
-      startTime: d((Z = e.value) == null ? void 0 : Z.startDate),
-      endTime: d((G = e.value) == null ? void 0 : G.endDate)
-    }), C = f(
+    var G, Q, Z, te;
+    const { locale: n, t: l } = oe({ messages: Le }), s = { de: lt, enUS: ne, fr: nt }, { internalFilterValue: i, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = fe(
+      H(e, "value"),
+      H(e, "defaultValue")
+    ), a = ($) => $ ? ve($, Oe.NUMERIC_DATE_YEAR_FIRST, {
+      locale: s[n.value.substring(0, 2)] || ne
+    }) : void 0, u = ($) => $ ? ve($, Oe.HOUR_MINUTE_SECONDS, {
+      locale: s[n.value.substring(0, 2)] || ne
+    }) : "", d = w(null), g = w(!1), _ = ze({
+      startDate: a((G = e.value) == null ? void 0 : G.startDate),
+      endDate: a((Q = e.value) == null ? void 0 : Q.endDate),
+      startTime: u((Z = e.value) == null ? void 0 : Z.startDate),
+      endTime: u((te = e.value) == null ? void 0 : te.endDate)
+    }), b = f(
       () => {
-        var A, ee;
-        return ((A = e.value) == null ? void 0 : A.startDate) != null && ((ee = e.value) == null ? void 0 : ee.endDate) != null ? 1 : null;
+        var $, se;
+        return (($ = e.value) == null ? void 0 : $.startDate) != null && ((se = e.value) == null ? void 0 : se.endDate) != null ? 1 : null;
       }
-    ), E = f(
-      () => e.defaultValue === null ? e.label : `${pe(e.value.startDate, "dd MMM, yyyy", {
-        locale: s[a.value.substring(0, 2)] || le
-      })} - ${pe(e.value.endDate, "dd MMM, yyyy", {
-        locale: s[a.value.substring(0, 2)] || le
+    ), D = f(
+      () => e.defaultValue === null ? e.label : `${ve(e.value.startDate, "dd MMM, yyyy", {
+        locale: s[n.value.substring(0, 2)] || ne
+      })} - ${ve(e.value.endDate, "dd MMM, yyyy", {
+        locale: s[n.value.substring(0, 2)] || ne
       })}`
-    ), $ = () => {
-      c.value.closePopover();
-      const { onlySlot: A, ...ee } = e;
-      t(v.UPDATE, { ...ee, value: i.value });
+    ), S = () => {
+      d.value.closePopover();
+      const { onlySlot: $, ...se } = e;
+      t(v.UPDATE, { ...se, value: i.value });
     }, B = () => {
-      i.value = void 0, $();
-    }, H = () => {
-      i.value = e.defaultValue, $();
-    }, _ = () => {
+      i.value = void 0, S();
+    }, q = () => {
+      i.value = e.defaultValue, S();
+    }, F = () => {
       i.value = e.value;
-    }, F = (A) => {
-      i.value = A, u.startDate = n(A.startDate), u.endDate = n(A.endDate), t(v.INPUT, { ...e, value: i.value });
-    }, D = (A) => {
-      F(A), t(v.INPUT, { ...e, value: i.value });
-    }, P = f(
+    }, h = ($) => {
+      i.value = $, _.startDate = a($.startDate), _.endDate = a($.endDate), t(v.INPUT, { ...e, value: i.value });
+    }, U = ($) => {
+      $ != null && $.startDate && ($ != null && $.endDate) && (i.value = $, _.startDate = a($.startDate), _.endDate = a($.endDate), t(v.INPUT, { ...e, value: i.value }));
+    }, O = ($) => {
+      h($), t(v.INPUT, { ...e, value: i.value });
+    }, V = f(
       () => [
         {
           title: l("apply"),
-          event: $,
-          disabled: h.value || r.value
+          event: S,
+          disabled: g.value || r.value
         },
         {
           title: e.defaultValue ? l("reset") : l("clear"),
-          event: e.defaultValue ? H : B,
-          disabled: h.value && o.value
+          event: e.defaultValue ? q : B,
+          disabled: g.value && o.value
         }
       ]
     );
     return {
       // Refs
-      baseFilter: c,
+      baseFilter: d,
       // Values
-      actions: P,
-      appliedFiltersCount: C,
-      formData: u,
+      appliedFiltersCount: b,
+      actions: V,
+      formData: _,
       internalFilterValue: i,
       isApplyButtonDisabled: r,
       isSecondaryButtonDisabled: o,
-      buttonLabel: E,
+      buttonLabel: D,
       // Events
-      onDateSelected: F,
-      openFilter: _,
-      updateFilter: $,
+      onDateSelected: h,
+      openFilter: F,
+      updateFilter: S,
       onDatePickerRangeError: () => {
-        h.value = !0, i.value = { startDate: void 0, endDate: void 0 }, t(v.INPUT, { ...e, value: i.value });
+        g.value = !0, i.value = { startDate: void 0, endDate: void 0 }, t(v.INPUT, { ...e, value: i.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (A) => {
-        h.value = !1, A.startTime && (u.startTime = A.startTime), A.endTime && (u.endTime = A.endTime);
+      onDatePickerRangeFormDateInputUpdate: ($) => {
+        g.value = !1, $.startTime && (_.startTime = $.startTime), $.endTime && (_.endTime = $.endTime);
       },
-      onDateInputSelected: D
+      onDateInputSelected: O,
+      onRangeSelectorInput: U
     };
   }
 });
-const nl = {
+const sl = {
   key: 1,
   class: "b-date-range-filter"
 };
-function al(e, t, a, l, s, i) {
-  const o = y("bento-date-range-picker"), r = y("bento-typography"), n = y("bento-divider"), d = y("bento-button-actions"), c = y("date-range-picker-calendar"), h = y("bento-base-filter");
-  return b(), S(h, {
+function il(e, t, n, l, s, i) {
+  const o = y("bento-date-range-picker"), r = y("bento-typography"), a = y("bento-divider"), u = y("bento-button-actions"), d = y("date-range-picker-calendar"), g = y("bento-base-filter");
+  return p(), A(g, {
     ref: "baseFilter",
-    label: e.label,
-    field: e.field,
     "applied-filters-count": e.appliedFiltersCount,
+    "button-label": e.buttonLabel,
+    controlled: !e.onlySlot,
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
-    "button-label": e.buttonLabel,
     "default-value": e.defaultValue,
-    controlled: !e.onlySlot,
+    field: e.field,
+    label: e.label,
     "only-slot": e.onlySlot,
     "fit-content": "",
     onOpen: e.openFilter
   }, {
     default: m(() => {
-      var u, C, E, $, B, H, _, F, D, P;
+      var _, b, D, S, B, q, F, h, U, O, V;
       return [
-        e.onlySlot ? (b(), S(o, {
+        e.onlySlot ? (p(), A(o, {
           key: 0,
-          "allow-time-input": (u = e.options) == null ? void 0 : u.allowTimeInput,
+          "allow-time-input": (_ = e.options) == null ? void 0 : _.allowTimeInput,
           value: e.internalFilterValue,
-          "custom-range": (C = e.options) == null ? void 0 : C.quickSelectRanges,
-          "first-day-of-week": (E = e.options) == null ? void 0 : E.firstDayOfWeek,
-          "is-date-disabled": ($ = e.options) == null ? void 0 : $.isDateDisabled,
-          "number-of-months": (B = e.options) == null ? void 0 : B.numberOfMonths,
+          "first-day-of-week": (b = e.options) == null ? void 0 : b.firstDayOfWeek,
+          "is-date-disabled": (D = e.options) == null ? void 0 : D.isDateDisabled,
+          "number-of-months": (S = e.options) == null ? void 0 : S.numberOfMonths,
+          "quick-select-ranges": (B = e.options) == null ? void 0 : B.quickSelectRanges,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "custom-range", "first-day-of-week", "is-date-disabled", "number-of-months", "onInput"])) : (b(), U("div", nl, [
-          g(c, {
-            "allow-time-input": (H = e.options) == null ? void 0 : H.allowTimeInput,
-            "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek,
-            "is-date-disabled": (F = e.options) == null ? void 0 : F.isDateDisabled,
-            "max-range": (D = e.options) == null ? void 0 : D.maxRange,
-            "number-of-months": (P = e.options) == null ? void 0 : P.numberOfMonths,
+        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (p(), E("div", sl, [
+          C(d, {
+            "allow-time-input": (q = e.options) == null ? void 0 : q.allowTimeInput,
+            "first-day-of-week": (F = e.options) == null ? void 0 : F.firstDayOfWeek,
+            "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled,
+            "max-range": (U = e.options) == null ? void 0 : U.maxRange,
+            "number-of-months": (O = e.options) == null ? void 0 : O.numberOfMonths,
+            "quick-select-ranges": (V = e.options) == null ? void 0 : V.quickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
             onInput: e.onDateSelected,
+            onCustomRange: e.onRangeSelectorInput,
             onError: e.onDatePickerRangeError,
             onFormDate: e.onDatePickerRangeFormDateInputUpdate
           }, {
             title: m(() => [
-              g(r, {
+              C(r, {
                 strongest: "",
                 variant: "body",
                 el: "span"
               }, {
                 default: m(() => [
-                  V(k(e.label), 1)
+                  N(k(e.label), 1)
                 ]),
                 _: 1
               })
             ]),
             actions: m(() => [
-              g(n, { class: "b-date-range-filter__divider" }),
-              g(d, {
+              C(a, { class: "b-date-range-filter__divider" }),
+              C(u, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: "space-between"
               }, null, 8, ["actions"])
             ]),
             _: 1
-          }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "max-range", "number-of-months", "value", "date-form-data", "onInput", "onError", "onFormDate"])
+          }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "max-range", "number-of-months", "quick-select-ranges", "value", "date-form-data", "onInput", "onCustomRange", "onError", "onFormDate"])
         ]))
       ];
     }),
     _: 1
-  }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "controlled", "only-slot", "onOpen"]);
+  }, 8, ["applied-filters-count", "button-label", "controlled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen"]);
 }
-const ot = /* @__PURE__ */ O(ll, [["render", al], ["__scopeId", "data-v-f5a4a5ad"]]), Ne = {
+const it = /* @__PURE__ */ R(ol, [["render", il], ["__scopeId", "data-v-b1a61a63"]]), Me = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, ol = w({
-  i18n: { messages: Ne },
+}, rl = L({
+  i18n: { messages: Me },
   name: "bento-select-filter",
   components: {
-    BentoBaseFilter: de,
-    BentoDropdown: Et,
-    BentoListbox: wt,
-    BentoSearchBar: me
+    BentoBaseFilter: be,
+    BentoDropdown: kt,
+    BentoListbox: Mt,
+    BentoSearchBar: Fe
   },
   props: {
     /**
@@ -839,46 +870,46 @@ const ot = /* @__PURE__ */ O(ll, [["render", al], ["__scopeId", "data-v-f5a4a5ad
     }
   },
   emits: [v.INPUT, v.UPDATE],
-  setup(e, { emit: t, slots: a }) {
-    var M, j;
-    const { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = ce(
-      L(e, "value"),
-      L(e, "defaultValue")
-    ), { t: o, locale: r } = ae({ messages: Ne }), n = N(""), d = L(e, "options"), c = N(e.options.listboxItems);
-    ve(d, () => {
-      c.value = d.value.listboxItems;
+  setup(e, { emit: t, slots: n }) {
+    var V, K;
+    const { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = fe(
+      H(e, "value"),
+      H(e, "defaultValue")
+    ), { t: o, locale: r } = oe({ messages: Me }), a = w(""), u = H(e, "options"), d = w(e.options.listboxItems);
+    me(u, () => {
+      d.value = u.value.listboxItems;
     });
-    const h = Xe(
-      n,
-      c,
-      (j = (M = e.options) == null ? void 0 : M.search) == null ? void 0 : j.searchEvent
-    ), u = f(() => o("noFiltersMatchThisSearch")), C = f(() => {
-      var K, J, Z;
+    const g = et(
+      a,
+      d,
+      (K = (V = e.options) == null ? void 0 : V.search) == null ? void 0 : K.searchEvent
+    ), _ = f(() => o("noFiltersMatchThisSearch")), b = f(() => {
+      var J, G, Q;
       if (e.defaultValue === null)
         return e.label;
       if (e.options.multiple) {
-        const G = e.value.length;
-        if (G === e.options.listboxItems.length)
-          return (K = e == null ? void 0 : e.options) == null ? void 0 : K.messages[r.value].persistentButtonLabelAllSelected;
-        const A = (J = e == null ? void 0 : e.options) == null ? void 0 : J.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map((ee) => ee.trim());
-        return G === 1 ? A[0].replace("{count}", G) : A[1].replace("{count}", G);
+        const Z = e.value.length;
+        if (Z === e.options.listboxItems.length)
+          return (J = e == null ? void 0 : e.options) == null ? void 0 : J.messages[r.value].persistentButtonLabelAllSelected;
+        const te = (G = e == null ? void 0 : e.options) == null ? void 0 : G.messages[r.value].persistentButtonLabelPartiallySelected.split("|").map(($) => $.trim());
+        return Z === 1 ? te[0].replace("{count}", Z) : te[1].replace("{count}", Z);
       }
-      return fe((Z = e.options.listboxItems.find(({ value: G }) => G === e.value)) == null ? void 0 : Z.label, 18);
-    }), E = f(() => $e(`filter-listbox-${e.field}`)), $ = (K) => {
-      l.value = K;
-      const { onlySlot: J, ...Z } = e;
-      t(v.INPUT, { ...Z, value: l.value });
+      return ye((Q = e.options.listboxItems.find(({ value: Z }) => Z === e.value)) == null ? void 0 : Q.label, 18);
+    }), D = f(() => Ie(`filter-listbox-${e.field}`)), S = (J) => {
+      l.value = J;
+      const { onlySlot: G, ...Q } = e;
+      t(v.INPUT, { ...Q, value: l.value });
     }, B = () => {
       e.options.multiple && l.value && l.value.length === 0 && (l.value = e.defaultValue !== null ? e.defaultValue : void 0);
-      const { onlySlot: K, ...J } = e;
-      t(v.UPDATE, { ...J, value: l.value });
-    }, H = () => {
+      const { onlySlot: J, ...G } = e;
+      t(v.UPDATE, { ...G, value: l.value });
+    }, q = () => {
       l.value = e.value;
-    }, _ = () => {
-      n.value && (n.value = "");
     }, F = () => {
+      a.value && (a.value = "");
+    }, h = () => {
       l.value = e.defaultValue, B();
-    }, D = () => {
+    }, U = () => {
       l.value = null, B();
     };
     return {
@@ -886,33 +917,33 @@ const ot = /* @__PURE__ */ O(ll, [["render", al], ["__scopeId", "data-v-f5a4a5ad
       appliedFiltersCount: f(() => {
         if (e.value == null)
           return null;
-        const K = 1;
-        return e.options.multiple ? e.value.length : K;
+        const J = 1;
+        return e.options.multiple ? e.value.length : J;
       }),
-      filteredItems: h,
+      filteredItems: g,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: s,
-      listboxFilterId: E,
-      noResultsMessage: u,
-      slots: a,
-      buttonLabel: C,
+      listboxFilterId: D,
+      noResultsMessage: _,
+      slots: n,
+      buttonLabel: b,
       // Search
-      searchTerm: n,
+      searchTerm: a,
       // Events
-      clearFilter: D,
-      closeFilter: _,
-      onOptionSelected: $,
-      openFilter: H,
+      clearFilter: U,
+      closeFilter: F,
+      onOptionSelected: S,
+      openFilter: q,
       updateFilter: B,
-      resetFilter: F
+      resetFilter: h
     };
   }
 });
-const sl = (e) => (Ke("data-v-0ca076e6"), e = e(), je(), e), il = { class: "b-select-filter__search-bar" }, rl = /* @__PURE__ */ sl(() => /* @__PURE__ */ R("hr", { class: "b-select-filter__divider" }, null, -1));
-function ul(e, t, a, l, s, i) {
-  const o = y("bento-dropdown"), r = y("bento-search-bar"), n = y("bento-listbox"), d = y("bento-base-filter");
-  return b(), S(d, {
+const ul = (e) => (Be("data-v-0ca076e6"), e = e(), Ae(), e), dl = { class: "b-select-filter__search-bar" }, cl = /* @__PURE__ */ ul(() => /* @__PURE__ */ P("hr", { class: "b-select-filter__divider" }, null, -1));
+function pl(e, t, n, l, s, i) {
+  const o = y("bento-dropdown"), r = y("bento-search-bar"), a = y("bento-listbox"), u = y("bento-base-filter");
+  return p(), A(u, {
     label: e.label,
     field: e.field,
     "applied-filters-count": e.appliedFiltersCount,
@@ -928,59 +959,59 @@ function ul(e, t, a, l, s, i) {
     onClose: e.closeFilter
   }, {
     default: m(() => {
-      var c, h, u, C, E, $, B, H, _, F, D;
+      var d, g, _, b, D, S, B, q, F, h, U;
       return [
-        e.onlySlot ? (b(), S(o, {
+        e.onlySlot ? (p(), A(o, {
           key: 0,
           value: e.internalFilterValue,
           class: "b-select-filter__dropdown-variant",
           items: e.options.listboxItems,
-          multiple: (c = e.options) == null ? void 0 : c.multiple,
+          multiple: (d = e.options) == null ? void 0 : d.multiple,
           "no-results-message": e.noResultsMessage,
           searching: !!e.searchTerm,
           "is-option-disabled": e.options.isOptionDisabled,
           "dynamic-filtering": !0,
           onInput: e.onOptionSelected
-        }, Fe({ _: 2 }, [
-          re(e.slots, (P, M) => ({
-            name: M,
-            fn: m((j) => [
-              ne(e.$slots, M, Ie(De(j)), void 0, !0)
+        }, Ce({ _: 2 }, [
+          ce(e.slots, (O, V) => ({
+            name: V,
+            fn: m((K) => [
+              ae(e.$slots, V, Ue(Ee(K)), void 0, !0)
             ])
           }))
-        ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "onInput"])) : (b(), U(ie, { key: 1 }, [
-          R("div", il, [
-            g(r, {
-              "debounce-time": (u = (h = e.options) == null ? void 0 : h.search) == null ? void 0 : u.debounceTime,
+        ]), 1032, ["value", "items", "multiple", "no-results-message", "searching", "is-option-disabled", "onInput"])) : (p(), E(de, { key: 1 }, [
+          P("div", dl, [
+            C(r, {
+              "debounce-time": (_ = (g = e.options) == null ? void 0 : g.search) == null ? void 0 : _.debounceTime,
               value: e.searchTerm,
               "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString(),
-              onInput: t[0] || (t[0] = (P) => e.searchTerm = P)
+              onInput: t[0] || (t[0] = (O) => e.searchTerm = O)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
-          rl,
-          g(n, {
+          cl,
+          C(a, {
             id: e.listboxFilterId,
             "aria-label": e.label,
             class: "b-select-filter__wrapper",
-            "has-more-items": (E = (C = e.options) == null ? void 0 : C.lazy) == null ? void 0 : E.hasMoreItems,
+            "has-more-items": (D = (b = e.options) == null ? void 0 : b.lazy) == null ? void 0 : D.hasMoreItems,
             items: e.filteredItems,
-            "is-option-disabled": ($ = e.options) == null ? void 0 : $.isOptionDisabled,
-            "lazy-load-type": (H = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : H.lazyLoadType,
-            loading: (F = (_ = e.options) == null ? void 0 : _.lazy) == null ? void 0 : F.loading,
-            multiple: (D = e.options) == null ? void 0 : D.multiple,
+            "is-option-disabled": (S = e.options) == null ? void 0 : S.isOptionDisabled,
+            "lazy-load-type": (q = (B = e.options) == null ? void 0 : B.lazy) == null ? void 0 : q.lazyLoadType,
+            loading: (h = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : h.loading,
+            multiple: (U = e.options) == null ? void 0 : U.multiple,
             "no-results-message": e.noResultsMessage,
             searching: !!e.searchTerm,
             "selected-value": e.internalFilterValue,
             onSelect: e.onOptionSelected,
-            onShowMore: t[1] || (t[1] = (P) => {
-              var M, j;
-              return (j = (M = e.options) == null ? void 0 : M.lazy) == null ? void 0 : j.showMoreEvent();
+            onShowMore: t[1] || (t[1] = (O) => {
+              var V, K;
+              return (K = (V = e.options) == null ? void 0 : V.lazy) == null ? void 0 : K.showMoreEvent();
             })
-          }, Fe({ _: 2 }, [
-            re(e.slots, (P, M) => ({
-              name: M,
-              fn: m((j) => [
-                ne(e.$slots, M, Ie(De(j)), void 0, !0)
+          }, Ce({ _: 2 }, [
+            ce(e.slots, (O, V) => ({
+              name: V,
+              fn: m((K) => [
+                ae(e.$slots, V, Ue(Ee(K)), void 0, !0)
               ])
             }))
           ]), 1032, ["id", "aria-label", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "no-results-message", "searching", "selected-value", "onSelect"])
@@ -990,11 +1021,11 @@ function ul(e, t, a, l, s, i) {
     _: 3
   }, 8, ["label", "field", "applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "default-value", "only-slot", "onApply", "onClear", "onReset", "onOpen", "onClose"]);
 }
-const z = /* @__PURE__ */ O(ol, [["render", ul], ["__scopeId", "data-v-0ca076e6"]]), dl = w({
+const z = /* @__PURE__ */ R(rl, [["render", pl], ["__scopeId", "data-v-0ca076e6"]]), bl = L({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: z,
-    BentoAvatar: Lt
+    BentoAvatar: Ht
   },
   props: {
     ...z.props,
@@ -1019,28 +1050,28 @@ const z = /* @__PURE__ */ O(ol, [["render", ul], ["__scopeId", "data-v-0ca076e6"
     };
   }
 });
-function cl(e, t, a, l, s, i) {
+function fl(e, t, n, l, s, i) {
   const o = y("bento-avatar"), r = y("bento-select-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
+    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: m(({ label: n, data: d }) => [
-      g(o, {
-        username: n,
-        src: d
+    default: m(({ label: a, data: u }) => [
+      C(o, {
+        username: a,
+        src: u
       }, null, 8, ["username", "src"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const st = /* @__PURE__ */ O(dl, [["render", cl]]), pl = w({
+const rt = /* @__PURE__ */ R(bl, [["render", fl]]), vl = L({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: z,
-    ListboxOptionTag: lt
+    ListboxOptionTag: at
   },
   props: {
     ...z.props,
@@ -1067,25 +1098,25 @@ const st = /* @__PURE__ */ O(dl, [["render", cl]]), pl = w({
     };
   }
 });
-function bl(e, t, a, l, s, i) {
+function yl(e, t, n, l, s, i) {
   const o = y("listbox-option-tag"), r = y("bento-select-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
+    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: m((n) => [
-      g(o, { option: n }, null, 8, ["option"])
+    default: m((a) => [
+      C(o, { option: a }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const it = /* @__PURE__ */ O(pl, [["render", bl]]), fl = w({
+const ut = /* @__PURE__ */ R(vl, [["render", yl]]), ml = L({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: z,
-    BentoCountry: Mt
+    BentoCountry: qt
   },
   props: {
     ...z.props,
@@ -1103,11 +1134,11 @@ const it = /* @__PURE__ */ O(pl, [["render", bl]]), fl = w({
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const a = L(e, "options"), { listboxItems: l, variant: s } = Ft(a.value), i = (n) => t(v.UPDATE, n), o = qt(s, l), r = f(() => ({
+    const n = H(e, "options"), { listboxItems: l, variant: s } = Ct(n.value), i = (a) => t(v.UPDATE, a), o = Kt(s, l), r = f(() => ({
       ...e.options,
       listboxItems: o.value
     }));
-    return ht("skipBentoCountryDeprecateMessage", !0), (!s || s.value === "custom") && St(
+    return gt("skipBentoCountryDeprecateMessage", !0), (!s || s.value === "custom") && It(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
@@ -1121,30 +1152,30 @@ const it = /* @__PURE__ */ O(pl, [["render", bl]]), fl = w({
     };
   }
 });
-function vl(e, t, a, l, s, i) {
+function _l(e, t, n, l, s, i) {
   const o = y("bento-country"), r = y("bento-select-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
+    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: m(({ value: n, label: d }) => [
-      g(o, {
-        code: n,
-        label: d,
+    default: m(({ value: a, label: u }) => [
+      C(o, {
+        code: a,
+        label: u,
         variant: "custom"
       }, null, 8, ["code", "label"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const rt = /* @__PURE__ */ O(fl, [["render", vl]]), yl = w({
+const dt = /* @__PURE__ */ R(ml, [["render", _l]]), Fl = L({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: z,
-    BentoPaymentMethod: Ht
+    BentoPaymentMethod: jt
   },
   props: {
     ...z.props,
@@ -1169,28 +1200,28 @@ const rt = /* @__PURE__ */ O(fl, [["render", vl]]), yl = w({
     };
   }
 });
-function ml(e, t, a, l, s, i) {
+function hl(e, t, n, l, s, i) {
   const o = y("bento-payment-method"), r = y("bento-select-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
+    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: m(({ value: n, label: d }) => [
-      g(o, {
-        type: n,
-        label: d
+    default: m(({ value: a, label: u }) => [
+      C(o, {
+        type: a,
+        label: u
       }, null, 8, ["type", "label"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const ut = /* @__PURE__ */ O(yl, [["render", ml]]), _l = w({
+const ct = /* @__PURE__ */ R(Fl, [["render", hl]]), Cl = L({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: z,
-    ListboxOptionTag: lt
+    ListboxOptionTag: at
   },
   props: {
     ...z.props,
@@ -1207,10 +1238,10 @@ const ut = /* @__PURE__ */ O(yl, [["render", ml]]), _l = w({
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const a = (i) => t(v.UPDATE, i), l = f(
+    const n = (i) => t(v.UPDATE, i), l = f(
       () => {
         var i, o;
-        return (o = (i = e == null ? void 0 : e.options) == null ? void 0 : i.listboxItems) == null ? void 0 : o.map(({ label: r, value: n, variant: d }) => ({ label: r, value: n, data: d }));
+        return (o = (i = e == null ? void 0 : e.options) == null ? void 0 : i.listboxItems) == null ? void 0 : o.map(({ label: r, value: a, variant: u }) => ({ label: r, value: a, data: u }));
       }
     );
     return {
@@ -1220,38 +1251,38 @@ const ut = /* @__PURE__ */ O(yl, [["render", ml]]), _l = w({
         listboxItems: l.value
       })),
       // Methods
-      onUpdate: a,
+      onUpdate: n,
       // Enums
       BentoFilterEvent: v
     };
   }
 });
-function Fl(e, t, a, l, s, i) {
+function gl(e, t, n, l, s, i) {
   const o = y("listbox-option-tag"), r = y("bento-select-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
-    onInput: t[0] || (t[0] = (n) => e.$emit(e.BentoFilterEvent.INPUT, n))
+    onInput: t[0] || (t[0] = (a) => e.$emit(e.BentoFilterEvent.INPUT, a))
   }), {
-    default: m(({ label: n, data: d }) => [
-      g(o, {
-        option: { value: n, data: d, label: "" }
+    default: m(({ label: a, data: u }) => [
+      C(o, {
+        option: { value: a, data: u, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const dt = /* @__PURE__ */ O(_l, [["render", Fl]]), we = {
+const pt = /* @__PURE__ */ R(Cl, [["render", gl]]), He = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, hl = w({
+}, $l = L({
   name: "bento-boolean-filter",
-  i18n: { messages: we },
-  components: { BentoBaseFilter: de, BentoRadioGroup: At },
+  i18n: { messages: He },
+  components: { BentoBaseFilter: be, BentoRadioGroup: Dt },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1278,50 +1309,50 @@ const dt = /* @__PURE__ */ O(_l, [["render", Fl]]), we = {
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const { t: a } = ae({ messages: we }), l = f(() => [
-      { value: "yes", label: a("yes") },
-      { value: "no", label: a("no") }
-    ]), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: o } = ce(
-      L(e, "value"),
-      L(e, "defaultValue")
+    const { t: n } = oe({ messages: He }), l = f(() => [
+      { value: "yes", label: n("yes") },
+      { value: "no", label: n("no") }
+    ]), { internalFilterValue: s, isSecondaryButtonDisabled: i, isApplyButtonDisabled: o } = fe(
+      H(e, "value"),
+      H(e, "defaultValue")
     ), r = f(
-      () => e.defaultValue === null ? e.label : fe(l.value.find(({ value: $ }) => $ === e.value).label, 18)
-    ), n = f(() => e.value != null ? 1 : null), d = f(() => ({
+      () => e.defaultValue === null ? e.label : ye(l.value.find(({ value: S }) => S === e.value).label, 18)
+    ), a = f(() => e.value != null ? 1 : null), u = f(() => ({
       ["b-boolean-filter--only-slot"]: e.onlySlot
     }));
-    ge(() => {
+    Se(() => {
       s.value || (s.value = null);
     });
-    const c = ($) => {
-      s.value = $, t(v.INPUT, { ...e, value: s.value });
-    }, h = () => {
+    const d = (S) => {
+      s.value = S, t(v.INPUT, { ...e, value: s.value });
+    }, g = () => {
       s.value = e.value;
-    }, u = () => {
+    }, _ = () => {
       t(v.UPDATE, { ...e, value: s.value });
     };
     return {
       // Values
       items: l,
-      appliedFiltersCount: n,
-      conditionalClasses: d,
+      appliedFiltersCount: a,
+      conditionalClasses: u,
       buttonLabel: r,
       internalFilterValue: s,
       isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: i,
       // Events
-      onInput: c,
-      updateFilter: u,
+      onInput: d,
+      updateFilter: _,
       clearFilter: () => {
-        s.value = null, u();
+        s.value = null, _();
       },
-      openFilter: h,
+      openFilter: g,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Cl(e, t, a, l, s, i) {
+function Sl(e, t, n, l, s, i) {
   const o = y("bento-radio-group"), r = y("bento-base-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
@@ -1333,11 +1364,11 @@ function Cl(e, t, a, l, s, i) {
     onReset: e.resetFilter
   }), {
     default: m(() => [
-      R("div", {
-        class: ue(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = se((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
+      P("div", {
+        class: pe(["b-boolean-filter", e.conditionalClasses]),
+        onKeydown: t[0] || (t[0] = ue((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
       }, [
-        g(o, {
+        C(o, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -1349,15 +1380,15 @@ function Cl(e, t, a, l, s, i) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const ct = /* @__PURE__ */ O(hl, [["render", Cl], ["__scopeId", "data-v-781199b1"]]), gl = {
+const bt = /* @__PURE__ */ R($l, [["render", Sl], ["__scopeId", "data-v-781199b1"]]), Bl = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, $l = w({
+}, Al = L({
   name: "bento-range-filter",
-  i18n: { messages: gl },
-  components: { BentoBaseFilter: de, BentoInputField: Qe },
+  i18n: { messages: Bl },
+  components: { BentoBaseFilter: be, BentoInputField: xe },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1384,22 +1415,22 @@ const ct = /* @__PURE__ */ O(hl, [["render", Cl], ["__scopeId", "data-v-781199b1
   },
   emits: [v.INPUT, v.UPDATE],
   setup(e, { emit: t }) {
-    const a = N(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = ce(
-      L(e, "value"),
-      L(e, "defaultValue")
+    const n = w(null), { internalFilterValue: l, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = fe(
+      H(e, "value"),
+      H(e, "defaultValue")
     ), o = f(
-      () => e.defaultValue === null ? e.label : `${fe(e.value[0], 5)}-${fe(e.value[1], 5)}`
-    ), r = f(() => e.value.find((B) => B !== "") ? 1 : null), n = f(() => ({
+      () => e.defaultValue === null ? e.label : `${ye(e.value[0], 5)}-${ye(e.value[1], 5)}`
+    ), r = f(() => e.value.find((B) => B !== "") ? 1 : null), a = f(() => ({
       ["b-range-filter--only-slot"]: e.onlySlot
-    })), d = () => {
-      l.value = e.value, Ct(() => a.value.focusInput());
-    }, c = () => {
+    })), u = () => {
+      l.value = e.value, $t(() => n.value.focusInput());
+    }, d = () => {
       t(v.INPUT, { ...e, value: l.value });
-    }, h = (B) => {
-      l.value = [B, l.value[1]], c();
-    }, u = (B) => {
-      l.value = [l.value[0], B], c();
-    }, C = () => {
+    }, g = (B) => {
+      l.value = [B, l.value[1]], d();
+    }, _ = (B) => {
+      l.value = [l.value[0], B], d();
+    }, b = () => {
       l.value.some((B) => B) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), t(v.UPDATE, {
         ...e,
         value: l.value
@@ -1407,28 +1438,28 @@ const ct = /* @__PURE__ */ O(hl, [["render", Cl], ["__scopeId", "data-v-781199b1
     };
     return {
       // Values
-      inputTextRef: a,
+      inputTextRef: n,
       appliedFiltersCount: r,
-      conditionalClasses: n,
+      conditionalClasses: a,
       internalFilterValue: l,
       isApplyButtonDisabled: i,
       isSecondaryButtonDisabled: s,
       buttonLabel: o,
       // Events
-      updateFrom: h,
-      updateTo: u,
-      updateFilter: C,
+      updateFrom: g,
+      updateTo: _,
+      updateFilter: b,
       clearFilter: () => {
-        l.value = ["", ""], C();
+        l.value = ["", ""], b();
       },
-      openFilter: d,
+      openFilter: u,
       resetFilter: () => t(v.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Bl(e, t, a, l, s, i) {
+function Il(e, t, n, l, s, i) {
   const o = y("bento-input-field"), r = y("bento-base-filter");
-  return b(), S(r, x(e.$props, {
+  return p(), A(r, x(e.$props, {
     "applied-filters-count": e.appliedFiltersCount,
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
@@ -1440,11 +1471,11 @@ function Bl(e, t, a, l, s, i) {
     onReset: e.resetFilter
   }), {
     default: m(() => [
-      R("div", {
-        class: ue(["b-range-filter", e.conditionalClasses]),
-        onKeydown: t[0] || (t[0] = se((...n) => e.updateFilter && e.updateFilter(...n), ["enter"]))
+      P("div", {
+        class: pe(["b-range-filter", e.conditionalClasses]),
+        onKeydown: t[0] || (t[0] = ue((...a) => e.updateFilter && e.updateFilter(...a), ["enter"]))
       }, [
-        g(o, {
+        C(o, {
           ref: "inputTextRef",
           value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
@@ -1452,11 +1483,11 @@ function Bl(e, t, a, l, s, i) {
           onInput: e.updateFrom
         }, {
           default: m(() => [
-            V(k(e.$t("from")), 1)
+            N(k(e.$t("from")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"]),
-        g(o, {
+        C(o, {
           class: "b-range-filter__input-field",
           value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
@@ -1464,7 +1495,7 @@ function Bl(e, t, a, l, s, i) {
           onInput: e.updateTo
         }, {
           default: m(() => [
-            V(k(e.$t("to")), 1)
+            N(k(e.$t("to")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"])
@@ -1473,17 +1504,17 @@ function Bl(e, t, a, l, s, i) {
     _: 1
   }, 16, ["applied-filters-count", "disable-apply-button", "disable-secondary-button", "button-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const pt = /* @__PURE__ */ O($l, [["render", Bl], ["__scopeId", "data-v-6db61e6b"]]);
-var Ce = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Ce || {});
-const Sl = w({
+const ft = /* @__PURE__ */ R(Al, [["render", Il], ["__scopeId", "data-v-6db61e6b"]]);
+var $e = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))($e || {});
+const Dl = L({
   name: "base-filter-button",
-  components: { BaseButton: ze, BentoTypography: be, ChevronUpIcon: We, ChevronDownIcon: Ze },
+  components: { BaseButton: Ge, BentoTypography: re, ChevronUpIcon: Qe, ChevronDownIcon: Xe },
   props: {
     /**
      * The number of applies values within the filter.
      * e.g. if 2 items in a dropdown filter have been applied, the number 2 will be shown here.
      */
-    amountAppliedValues: { type: Number, default: null },
+    amountAppliedValues: { type: [Number, String], default: null },
     /**
      * Disables button functionality.
      */
@@ -1502,14 +1533,14 @@ const Sl = w({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [Ee.CLICK],
-  setup(e, { slots: t, emit: a, attrs: l }) {
-    const s = f(() => t.default ? Je(t)("default") : null), i = Ye({ ariaLabel: s }), o = N(null), r = f(() => {
-      var c;
+  emits: [Re.CLICK],
+  setup(e, { slots: t, emit: n, attrs: l }) {
+    const s = f(() => t.default ? Ze(t)("default") : null), i = Je({ ariaLabel: s }), o = w(null), r = f(() => {
+      var d;
       return {
-        "aria-controls": (c = l["aria-controls"]) == null ? void 0 : c.toString()
+        "aria-controls": (d = l["aria-controls"]) == null ? void 0 : d.toString()
       };
-    }), n = f(() => ({
+    }), a = f(() => ({
       ["b-base-filter-button--with-chevron"]: e.hasChevron,
       ["b-base-filter-button--filter-open"]: e.isFilterOpen
     }));
@@ -1517,58 +1548,58 @@ const Sl = w({
       // Values
       ariaAttributes: r,
       computedAriaLabel: i,
-      conditionalClasses: n,
+      conditionalClasses: a,
       // Methods
       onClickButton: () => {
-        e.disabled || a(Ee.CLICK);
+        e.disabled || n(Re.CLICK);
       },
-      hasSlot: Ge(t),
+      hasSlot: We(t),
       // Refs
       baseFilterButtonRef: o
     };
   }
 });
-const Al = { class: "b-base-filter-button__default-container" }, Il = {
+const Tl = { class: "b-base-filter-button__default-container" }, Ul = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function Dl(e, t, a, l, s, i) {
-  const o = y("bento-typography"), r = y("chevron-up-icon"), n = y("chevron-down-icon"), d = y("base-button");
-  return b(), S(d, {
+function El(e, t, n, l, s, i) {
+  const o = y("bento-typography"), r = y("chevron-up-icon"), a = y("chevron-down-icon"), u = y("base-button");
+  return p(), A(u, {
     ref: "baseFilterButtonRef",
-    class: ue(["b-base-filter-button", e.conditionalClasses]),
+    class: pe(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
     "aria-label": e.computedAriaLabel,
     "aria-controls": e.ariaAttributes["aria-controls"],
     type: "button",
     onClick: e.onClickButton
-  }, Fe({
+  }, Ce({
     default: m(() => [
-      R("div", Al, [
-        g(o, {
+      P("div", Tl, [
+        C(o, {
           el: "span",
           variant: "body",
           stronger: e.bold,
           class: "b-base-filter-button__label"
         }, {
           default: m(() => [
-            ne(e.$slots, "default", {}, void 0, !0)
+            ae(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["stronger"]),
-        e.amountAppliedValues && !e.hasChevron ? (b(), U("div", Il, [
-          g(o, {
+        e.amountAppliedValues && !e.hasChevron ? (p(), E("div", Ul, [
+          C(o, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
             stronger: ""
           }, {
             default: m(() => [
-              V(k(e.amountAppliedValues), 1)
+              N(k(e.amountAppliedValues), 1)
             ]),
             _: 1
           })
-        ])) : q("", !0)
+        ])) : M("", !0)
       ])
     ]),
     _: 2
@@ -1576,10 +1607,10 @@ function Dl(e, t, a, l, s, i) {
     e.hasChevron ? {
       name: "iconRight",
       fn: m(() => [
-        e.isFilterOpen ? (b(), S(r, {
+        e.isFilterOpen ? (p(), A(r, {
           key: 0,
           "aria-hidden": "true"
-        })) : (b(), S(n, {
+        })) : (p(), A(a, {
           key: 1,
           "aria-hidden": "true"
         }))
@@ -1588,9 +1619,9 @@ function Dl(e, t, a, l, s, i) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Tl = /* @__PURE__ */ O(Sl, [["render", Dl], ["__scopeId", "data-v-f6db85bb"]]), Ul = w({
+const Pl = /* @__PURE__ */ R(Dl, [["render", El], ["__scopeId", "data-v-b5898dca"]]), kl = L({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Tl },
+  components: { BaseFilterButton: Pl },
   props: {
     /**
      * Button label to be displayed
@@ -1599,7 +1630,7 @@ const Tl = /* @__PURE__ */ O(Sl, [["render", Dl], ["__scopeId", "data-v-f6db85bb
     /**
      * Total count of applied filters
      */
-    appliedFiltersCount: { type: Number, default: null },
+    appliedFiltersCount: { type: [Number, String], default: null },
     /**
      * Indicates whether the filter popover tied to this button is showing
      */
@@ -1622,23 +1653,53 @@ const Tl = /* @__PURE__ */ O(Sl, [["render", Dl], ["__scopeId", "data-v-f6db85bb
     };
   }
 });
-function El(e, t, a, l, s, i) {
+function Rl(e, t, n, l, s, i) {
   const o = y("base-filter-button");
-  return b(), S(o, {
-    class: ue(["b-all-filters-modal-button", e.conditionalClasses]),
+  return p(), A(o, {
+    class: pe(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
     disabled: e.disabled,
     onClick: e.onClick
   }, {
     default: m(() => [
-      V(k(e.label), 1)
+      N(k(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const Pl = /* @__PURE__ */ O(Ul, [["render", El], ["__scopeId", "data-v-01e76c5e"]]), Le = {
+const Ol = /* @__PURE__ */ R(kl, [["render", Rl], ["__scopeId", "data-v-b96a672f"]]);
+let qe = 0;
+const Vl = {
+  beforeCreate() {
+    this.uuid = qe.toString(), qe += 1;
+  }
+}, vt = (e) => (Be("data-v-6a35173c"), e = e(), Ae(), e), Nl = { key: 0 }, wl = /* @__PURE__ */ vt(() => /* @__PURE__ */ P("path", {
+  fill: "#00112C",
+  "fill-rule": "evenodd",
+  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.58337H2C1.58579 4.58337 1.25 4.91916 1.25 5.33337C1.25 5.74759 1.58579 6.08337 2 6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14C14.4142 6.08337 14.75 5.74759 14.75 5.33337C14.75 4.91916 14.4142 4.58337 14 4.58337H12.6465ZM11.25 5.33337C11.25 4.64302 10.6904 4.08337 10 4.08337C9.30964 4.08337 8.75 4.64302 8.75 5.33337C8.75 6.02373 9.30964 6.58337 10 6.58337C10.6904 6.58337 11.25 6.02373 11.25 5.33337Z",
+  "clip-rule": "evenodd"
+}, null, -1)), Ll = /* @__PURE__ */ vt(() => /* @__PURE__ */ P("path", {
+  fill: "#00112C",
+  "fill-rule": "evenodd",
+  d: "M4 7.91675C5.25878 7.91675 6.32002 8.7625 6.64648 9.91675H14C14.4142 9.91675 14.75 10.2525 14.75 10.6667C14.75 11.081 14.4142 11.4167 14 11.4167H6.64648C6.32002 12.571 5.25878 13.4167 4 13.4167C2.48122 13.4167 1.25 12.1855 1.25 10.6667C1.25 9.14796 2.48122 7.91675 4 7.91675ZM5.25 10.6667C5.25 9.97639 4.69036 9.41675 4 9.41675C3.30964 9.41675 2.75 9.97639 2.75 10.6667C2.75 11.3571 3.30964 11.9167 4 11.9167C4.69036 11.9167 5.25 11.3571 5.25 10.6667Z",
+  "clip-rule": "evenodd"
+}, null, -1));
+function Ml(e, t, n, l, s, i) {
+  return p(), E("svg", x({ role: "img" }, e.$attrs, {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    fill: "none"
+  }), [
+    e.$attrs["svg-title"] ? (p(), E("title", Nl, k(e.$attrs["svg-title"]), 1)) : M("", !0),
+    wl,
+    Ll
+  ], 16);
+}
+const Hl = /* @__PURE__ */ R(Vl, [["render", Ml], ["__scopeId", "data-v-6a35173c"]]), Ke = {
   "en-US": {
+    all: "All",
     activeFilters: "Active filters",
     allFilters: "All filters",
     applyAll: "Apply all",
@@ -1649,27 +1710,28 @@ const Pl = /* @__PURE__ */ O(Ul, [["render", El], ["__scopeId", "data-v-01e76c5e
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, kl = w({
-  i18n: { messages: Le },
+}, ql = L({
+  i18n: { messages: Ke },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Pl,
-    BentoBooleanFilter: ct,
-    BentoButton: Ut,
-    BentoDateFilter: at,
-    BentoDateRangeFilter: ot,
-    BentoInputFilter: nt,
-    BentoModal: Dt,
-    BentoRangeFilter: pt,
-    BentoSearchBar: me,
-    BentoSelectAvatarFilter: st,
-    BentoSelectCurrencyFilter: it,
-    BentoSelectCountryFilter: rt,
+    AllFiltersModalButton: Ol,
+    BentoBooleanFilter: bt,
+    BentoButton: Pt,
+    BentoDateFilter: st,
+    BentoDateRangeFilter: it,
+    BentoInputFilter: ot,
+    BentoModal: Ut,
+    BentoRangeFilter: ft,
+    BentoSearchBar: Fe,
+    BentoSelectAvatarFilter: rt,
+    BentoSelectCurrencyFilter: ut,
+    BentoSelectCountryFilter: dt,
     BentoSelectFilter: z,
-    BentoSelectPaymentMethodFilter: ut,
-    BentoSelectTagFilter: dt,
-    BentoTypography: be,
-    FilterBarButton: Be
+    BentoSelectPaymentMethodFilter: ct,
+    BentoSelectTagFilter: pt,
+    BentoTypography: re,
+    FilterBarButton: De,
+    SlidersIcon: Hl
   },
   props: {
     /**
@@ -1697,215 +1759,222 @@ const Pl = /* @__PURE__ */ O(Ul, [["render", El], ["__scopeId", "data-v-01e76c5e
       default: () => []
     }
   },
-  emits: [Ce.INPUT],
+  emits: [$e.INPUT],
   setup(e, { emit: t }) {
-    const a = He({ value: e.value }), l = $e("all-filters-modal"), s = N([]), i = N(!1), o = N(0), r = N(null), n = N(""), { t: d } = ae({ messages: Le }), c = Xe(n, L(a, "value")), h = N({});
-    ge(() => {
-      h.value = [];
-    }), ve(
+    const n = ze({ value: e.value }), l = Ie("all-filters-modal"), s = w([]), i = w(!1), o = w(0), r = w(null), a = w(""), { t: u } = oe({ messages: Ke }), d = et(a, H(n, "value")), g = w({});
+    Se(() => {
+      g.value = [];
+    }), me(
       () => e.value,
       () => {
-        a.value = e.value;
+        n.value = e.value;
       }
     );
-    const u = (p) => (
+    const _ = (c) => (
       /* eslint-disable-next-line no-nested-ternary */
-      p.sort((I, T) => I.label > T.label ? 1 : T.label > I.label ? -1 : 0)
-    ), C = f(
-      () => u(
-        c.value.filter(
-          (p) => {
+      c.sort((I, T) => I.label > T.label ? 1 : T.label > I.label ? -1 : 0)
+    ), b = f(
+      () => _(
+        d.value.filter(
+          (c) => {
             var I, T;
-            return Array.isArray(p.value) ? ((I = p.value) == null ? void 0 : I.length) && ((T = p.value) == null ? void 0 : T.find((Q) => Q !== "")) : p.value;
+            return Array.isArray(c.value) ? ((I = c.value) == null ? void 0 : I.length) && ((T = c.value) == null ? void 0 : T.find((j) => j !== "")) : c.value;
           }
         )
       )
-    ), E = f(
-      () => u(
-        c.value.filter(
-          (p) => {
+    ), D = f(
+      () => _(
+        d.value.filter(
+          (c) => {
             var I, T;
-            return Array.isArray(p.value) ? ((I = p.value) == null ? void 0 : I.length) === 0 || ((T = p.value) == null ? void 0 : T.every((Q) => Q === "")) : !p.value;
+            return Array.isArray(c.value) ? ((I = c.value) == null ? void 0 : I.length) === 0 || ((T = c.value) == null ? void 0 : T.every((j) => j === "")) : !c.value;
           }
         )
       )
-    ), $ = f(() => {
-      var p;
-      return n.value && ((p = c.value) == null ? void 0 : p.length) === 0;
-    }), B = f(() => a.value[o.value]), H = () => {
-      const p = C.value.length ? C.value[0] : E.value[0], I = a.value.findIndex(
-        (T) => T.label === p.label && T.field === p.field
+    ), S = f(() => {
+      var c;
+      return a.value && ((c = d.value) == null ? void 0 : c.length) === 0;
+    }), B = f(() => n.value[o.value]), q = () => {
+      const c = b.value.length ? b.value[0] : D.value[0], I = n.value.findIndex(
+        (T) => T.label === c.label && T.field === c.field
       );
       o.value = I;
     };
-    gt(() => {
-      H();
+    St(() => {
+      q();
     });
-    const _ = f(
-      () => a.value.map((p) => {
-        var I, T, Q, ye, Se, Ae;
-        switch (p.type) {
+    const F = f(
+      () => n.value.map((c) => {
+        var I, T, j, le, _e, Te;
+        switch (c.type) {
           case Y.SELECT:
           case Y.SELECT_AVATAR:
           case Y.SELECT_COUNTRY:
           case Y.SELECT_CURRENCY:
           case Y.SELECT_PAYMENT_METHOD:
           case Y.SELECT_TAG:
-            switch ((I = p.options) == null ? void 0 : I.multiple) {
+            switch ((I = c.options) == null ? void 0 : I.multiple) {
               case !0:
                 return {
-                  label: p.label,
-                  field: p.field,
-                  count: (T = p.value) != null && T.length ? (Q = p.value) == null ? void 0 : Q.length : null
+                  label: c.label,
+                  field: c.field,
+                  count: (T = c.value) != null && T.length ? (j = c.value) == null ? void 0 : j.length : null
                 };
               default:
                 return {
-                  label: p.label,
-                  field: p.field,
-                  count: p.value == null ? null : 1
+                  label: c.label,
+                  field: c.field,
+                  count: c.value == null ? null : 1
                 };
             }
           case Y.DATE_RANGE:
             return {
-              label: p.label,
-              field: p.field,
-              count: ((ye = p.value) == null ? void 0 : ye.startDate) != null && ((Se = p.value) == null ? void 0 : Se.endDate) != null ? 1 : null
+              label: c.label,
+              field: c.field,
+              count: ((le = c.value) == null ? void 0 : le.startDate) != null && ((_e = c.value) == null ? void 0 : _e.endDate) != null ? 1 : null
             };
           case Y.RANGE:
             return {
-              label: p.label,
-              field: p.field,
-              count: (Ae = p.value) != null && Ae.find((vt) => vt !== "") ? 1 : null
+              label: c.label,
+              field: c.field,
+              count: (Te = c.value) != null && Te.find((mt) => mt !== "") ? 1 : null
             };
           case Y.INPUT:
           case Y.BOOLEAN:
           case Y.DATE:
           default:
             return {
-              label: p.label,
-              field: p.field,
-              count: p.value != null ? 1 : null
+              label: c.label,
+              field: c.field,
+              count: c.value != null ? 1 : null
             };
         }
       })
-    ), F = f(
+    ), h = f(
       () => {
-        var p;
-        return Array.isArray(B.value.value) ? ((p = B.value) == null ? void 0 : p.value.length) && B.value.value.find((I) => I !== "") : !!a.value[o.value].value;
+        var c;
+        return Array.isArray(B.value.value) ? ((c = B.value) == null ? void 0 : c.value.length) && B.value.value.find((I) => I !== "") : !!n.value[o.value].value;
       }
-    ), D = f(
+    ), U = f(
       () => {
-        var p;
+        var c;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (p = _.value) == null ? void 0 : p.reduce((I, T) => I += T.count, 0)
+          (c = F.value) == null ? void 0 : c.reduce((I, T) => I += T.count, 0)
         );
       }
-    ), P = () => {
+    ), O = () => {
       i.value ? i.value = !1 : i.value = !0;
-    }, M = (p) => _.value.find((I) => I.label === p).count, j = (p, I) => {
-      o.value = a.value.findIndex(
-        (T) => T.label === p && T.field === I
+    }, V = (c) => {
+      var T, j, le;
+      const I = F.value.find((_e) => _e.field === c.field).count;
+      return c.type.includes("BentoSelect") && ((T = c.options) != null && T.multiple) && I === ((le = (j = c.options) == null ? void 0 : j.listboxItems) == null ? void 0 : le.length) ? u("all") : I;
+    }, K = (c, I) => {
+      o.value = n.value.findIndex(
+        (T) => T.label === c && T.field === I
       );
-    }, K = () => {
-      n.value = "";
     }, J = () => {
-      i.value = !1, a.value = e.value, K(), H();
-    }, Z = (p) => {
-      const I = a.value.map(({ value: T, ...Q }, ye) => ye === o.value ? { value: p.value, ...Q } : { value: T, ...Q });
-      a.value = I;
+      a.value = "";
     }, G = () => {
-      Z({
+      i.value = !1, n.value = e.value, J(), q();
+    }, Q = (c) => {
+      const I = n.value.map(({ value: T, ...j }, le) => le === o.value ? { value: c.value, ...j } : { value: T, ...j });
+      n.value = I;
+    }, Z = () => {
+      Q({
         field: B.value.field,
         label: B.value.label,
         type: B.value.type,
         value: void 0
       });
-    }, A = () => {
-      a.value = a.value.map(({ value: p, ...I }) => ({
+    }, te = () => {
+      n.value = n.value.map(({ value: c, ...I }) => ({
         ...I,
         value: void 0
       }));
-    }, ee = () => {
-      t(Ce.INPUT, a.value), i.value = !1;
-    }, bt = f(
-      () => JSON.stringify(a.value) === JSON.stringify(e.value)
-    ), ft = f(() => [
+    }, $ = () => {
+      t($e.INPUT, n.value), i.value = !1;
+    }, se = f(
+      () => JSON.stringify(n.value) === JSON.stringify(e.value)
+    ), yt = f(() => [
       {
-        title: d("applyAll"),
-        disabled: bt.value,
-        event: ee
+        title: u("applyAll"),
+        disabled: se.value,
+        event: $
       },
       {
-        title: d("cancel"),
-        event: J
+        title: u("cancel"),
+        event: G
       },
       {
-        title: d("clearAll"),
-        disabled: !D.value,
-        event: A
+        title: u("clearAll"),
+        disabled: !U.value,
+        event: te
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: Tt,
+      BentoModalEvent: Et,
       // Values
       allFiltersModalUniqueId: l,
       allFiltersModalFiltersSection: s,
-      allFiltersModalFilterButtons: h,
-      numberOfActiveFilters: D,
-      isEmptyResultForSearchFilter: $,
+      allFiltersModalFilterButtons: g,
+      numberOfActiveFilters: U,
+      isEmptyResultForSearchFilter: S,
       isModalOpen: i,
-      isClearButtonEnabled: F,
-      activeFilters: C,
-      otherFilters: E,
-      modalActions: ft,
+      isClearButtonEnabled: h,
+      activeFilters: b,
+      otherFilters: D,
+      modalActions: yt,
       selectedFilter: B,
       selectedFilterRef: r,
-      filters: a,
-      computedCounts: _,
-      searchTerm: n,
+      filters: n,
+      computedCounts: F,
+      searchTerm: a,
       // Methods
-      onClickAllFiltersModal: P,
-      getFilterCount: M,
-      cancel: J,
-      selectFilter: j,
-      clearFilter: G,
-      updateFilter: Z,
-      onSearchbarClear: K,
+      onClickAllFiltersModal: O,
+      getFilterCount: V,
+      cancel: G,
+      selectFilter: K,
+      clearFilter: Z,
+      updateFilter: Q,
+      onSearchbarClear: J,
       onKeydownRight: () => {
-        Pt(1, r.value.$el).focus();
+        Rt(1, r.value.$el).focus();
       },
       onKeydownLeft: () => {
-        h.value[B.value.label].$el.focus();
+        g.value[B.value.label].$el.focus();
       }
     };
   }
 });
-const Rl = { class: "b-all-filters-modal" }, Ol = {
+const Kl = { class: "b-all-filters-modal" }, jl = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, Vl = {
+}, Yl = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, Nl = ["aria-labelledby"], wl = {
+}, zl = ["aria-labelledby"], Jl = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, Ll = ["aria-labelledby"], Ml = { class: "b-all-filters-modal__selected-filter-text" }, ql = { class: "b-all-filters-modal__selected-filter-component" }, Hl = { class: "b-all-filters-modal__clear-button" };
-function Kl(e, t, a, l, s, i) {
-  const o = y("filter-bar-button"), r = y("bento-search-bar"), n = y("bento-typography"), d = y("all-filters-modal-button"), c = y("bento-button"), h = y("bento-modal");
-  return b(), U("div", Rl, [
-    g(o, {
+}, Gl = ["aria-labelledby"], Zl = { class: "b-all-filters-modal__selected-filter-text" }, Wl = { class: "b-all-filters-modal__selected-filter-component" }, Ql = { class: "b-all-filters-modal__clear-button" };
+function Xl(e, t, n, l, s, i) {
+  const o = y("sliders-icon"), r = y("filter-bar-button"), a = y("bento-search-bar"), u = y("bento-typography"), d = y("all-filters-modal-button"), g = y("bento-button"), _ = y("bento-modal");
+  return p(), E("div", Kl, [
+    C(r, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
       onClick: e.onClickAllFiltersModal
     }, {
+      iconLeft: m(() => [
+        C(o, { "aria-hidden": "true" })
+      ]),
       default: m(() => [
-        V(k(e.$t("allFilters")), 1)
+        N(k(e.$t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    g(h, {
+    C(_, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -1916,61 +1985,61 @@ function Kl(e, t, a, l, s, i) {
       onCloseModal: e.cancel
     }, {
       default: m(() => [
-        V(k(e.$t("allFilters")), 1)
+        N(k(e.$t("allFilters")), 1)
       ]),
       "content-col-1": m(() => [
-        R("div", {
+        P("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
-          onKeydown: t[1] || (t[1] = se((...u) => e.onKeydownRight && e.onKeydownRight(...u), ["right"]))
+          onKeydown: t[1] || (t[1] = ue((...b) => e.onKeydownRight && e.onKeydownRight(...b), ["right"]))
         }, [
-          g(r, {
+          C(a, {
             class: "b-all-filters-modal__search-bar",
             value: e.searchTerm,
             "input-field-aria-label": e.$t("searchBar").toString(),
-            onInput: t[0] || (t[0] = (u) => e.searchTerm = u),
+            onInput: t[0] || (t[0] = (b) => e.searchTerm = b),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (b(), U("div", Ol, [
-            g(n, { el: "span" }, {
+          e.isEmptyResultForSearchFilter ? (p(), E("div", jl, [
+            C(u, { el: "span" }, {
               default: m(() => [
-                V(k(e.$t("noFiltersMatchThisSearch")), 1)
+                N(k(e.$t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
-          ])) : q("", !0),
-          e.activeFilters.length ? (b(), U("div", Vl, [
-            g(n, {
+          ])) : M("", !0),
+          e.activeFilters.length ? (p(), E("div", Yl, [
+            C(u, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
               default: m(() => [
-                V(k(e.$t("activeFilters")), 1)
+                N(k(e.$t("activeFilters")), 1)
               ]),
               _: 1
             }, 8, ["id"]),
-            R("ul", {
+            P("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (b(!0), U(ie, null, re(e.activeFilters, (u) => (b(), U("li", {
-                key: `${u.label}-${u.field}`
+              (p(!0), E(de, null, ce(e.activeFilters, (b) => (p(), E("li", {
+                key: `${b.label}-${b.field}`
               }, [
-                g(d, {
+                C(d, {
                   ref_for: !0,
-                  ref: (C) => e.allFiltersModalFilterButtons[u.label] = C,
-                  label: u.label,
-                  "applied-filters-count": e.getFilterCount(u.label),
-                  "is-filter-open": e.selectedFilter.label === u.label,
-                  onClick: (C) => e.selectFilter(u.label, u.field)
+                  ref: (D) => e.allFiltersModalFilterButtons[b.label] = D,
+                  label: b.label,
+                  "applied-filters-count": e.getFilterCount(b),
+                  "is-filter-open": e.selectedFilter.label === b.label,
+                  onClick: (D) => e.selectFilter(b.label, b.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, Nl)
-          ])) : q("", !0),
-          e.otherFilters.length ? (b(), U("div", wl, [
-            e.activeFilters.length ? (b(), S(n, {
+            ], 8, zl)
+          ])) : M("", !0),
+          e.otherFilters.length ? (p(), E("div", Jl, [
+            e.activeFilters.length ? (p(), A(u, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -1978,60 +2047,60 @@ function Kl(e, t, a, l, s, i) {
               variant: "caption"
             }, {
               default: m(() => [
-                V(k(e.$t("otherFilters")), 1)
+                N(k(e.$t("otherFilters")), 1)
               ]),
               _: 1
-            }, 8, ["id"])) : q("", !0),
-            R("ul", {
+            }, 8, ["id"])) : M("", !0),
+            P("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
-              (b(!0), U(ie, null, re(e.otherFilters, (u) => (b(), U("li", {
-                key: `${u.label}-${u.field}`
+              (p(!0), E(de, null, ce(e.otherFilters, (b) => (p(), E("li", {
+                key: `${b.label}-${b.field}`
               }, [
-                g(d, {
+                C(d, {
                   ref_for: !0,
-                  ref: (C) => e.allFiltersModalFilterButtons[u.label] = C,
-                  label: u.label,
-                  "applied-filters-count": e.getFilterCount(u.label),
-                  "is-filter-open": e.selectedFilter.label === u.label,
-                  onClick: (C) => e.selectFilter(u.label, u.field)
+                  ref: (D) => e.allFiltersModalFilterButtons[b.label] = D,
+                  label: b.label,
+                  "applied-filters-count": e.getFilterCount(b),
+                  "is-filter-open": e.selectedFilter.label === b.label,
+                  onClick: (D) => e.selectFilter(b.label, b.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, Ll)
-          ])) : q("", !0)
+            ], 8, Gl)
+          ])) : M("", !0)
         ], 544)
       ]),
       "content-col-2": m(() => [
-        R("div", {
+        P("div", {
           class: "b-all-filters-modal__selected-filter-content",
-          onKeydown: t[2] || (t[2] = se((...u) => e.onKeydownLeft && e.onKeydownLeft(...u), ["left"]))
+          onKeydown: t[2] || (t[2] = ue((...b) => e.onKeydownLeft && e.onKeydownLeft(...b), ["left"]))
         }, [
-          R("div", Ml, [
-            g(n, {
+          P("div", Zl, [
+            C(u, {
               el: "div",
               variant: "title",
               medium: ""
             }, {
               default: m(() => [
-                V(k(e.selectedFilter.label), 1)
+                N(k(e.selectedFilter.label), 1)
               ]),
               _: 1
             }),
-            e.selectedFilter.description ? (b(), S(n, {
+            e.selectedFilter.description ? (p(), A(u, {
               key: 0,
               el: "div",
               variant: "body",
               wide: ""
             }, {
               default: m(() => [
-                V(k(e.selectedFilter.description), 1)
+                N(k(e.selectedFilter.description), 1)
               ]),
               _: 1
-            })) : q("", !0)
+            })) : M("", !0)
           ]),
-          R("div", ql, [
-            (b(), S(he(e.selectedFilter.type), {
+          P("div", Wl, [
+            (p(), A(ge(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
               field: e.selectedFilter.field,
@@ -2043,14 +2112,14 @@ function Kl(e, t, a, l, s, i) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          R("div", Hl, [
-            g(c, {
+          P("div", Ql, [
+            C(g, {
               variant: "secondary",
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
             }, {
               default: m(() => [
-                V(k(e.$t("clear")), 1)
+                N(k(e.$t("clear")), 1)
               ]),
               _: 1
             }, 8, ["disabled", "onClick"])
@@ -2061,30 +2130,30 @@ function Kl(e, t, a, l, s, i) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const jl = /* @__PURE__ */ O(kl, [["render", Kl], ["__scopeId", "data-v-d596ecc1"]]);
-let Me = 0;
-const Yl = {
+const xl = /* @__PURE__ */ R(ql, [["render", Xl], ["__scopeId", "data-v-2653c56a"]]);
+let je = 0;
+const en = {
   beforeCreate() {
-    this.uuid = Me.toString(), Me += 1;
+    this.uuid = je.toString(), je += 1;
   }
-}, zl = (e) => (Ke("data-v-35088f28"), e = e(), je(), e), Jl = { key: 0 }, Gl = /* @__PURE__ */ zl(() => /* @__PURE__ */ R("path", {
+}, tn = (e) => (Be("data-v-35088f28"), e = e(), Ae(), e), ln = { key: 0 }, nn = /* @__PURE__ */ tn(() => /* @__PURE__ */ P("path", {
   fill: "#00112C",
   "fill-rule": "evenodd",
   d: "M14 1.25C14.4142 1.25 14.75 1.58579 14.75 2V6C14.75 6.41421 14.4142 6.75 14 6.75H13.6783C13.6661 6.7503 13.6539 6.7503 13.6418 6.75H10C9.58579 6.75 9.25 6.41421 9.25 6C9.25 5.58579 9.58579 5.25 10 5.25H12.4738C12.0646 4.58631 11.51 4.018 10.8465 3.59097C9.86926 2.96199 8.71093 2.67505 7.55308 2.77512C6.39523 2.8752 5.30331 3.35663 4.44847 4.14395C3.59363 4.93128 3.0242 5.97999 2.82942 7.12572C2.82642 7.14333 2.82284 7.16069 2.81868 7.17779C2.75208 7.59699 2.73609 8.02569 2.77328 8.45478C2.88357 9.72739 3.45406 10.9161 4.37787 11.7983C5.30168 12.6805 6.51543 13.1956 7.79177 13.2472C9.06811 13.2988 10.3195 12.8832 11.3114 12.0784C12.3034 11.2736 12.9679 10.1347 13.1805 8.87518C13.2494 8.46674 13.6364 8.19152 14.0448 8.26046C14.4533 8.32939 14.7285 8.71637 14.6595 9.12481C14.3862 10.7443 13.5319 12.2085 12.2565 13.2432C10.9811 14.278 9.37223 14.8123 7.73123 14.746C6.09022 14.6797 4.52968 14.0174 3.34192 12.8831C2.15417 11.7489 1.42069 10.2205 1.27888 8.58429C1.13708 6.94808 1.59668 5.3163 2.57158 3.99462C3.54649 2.67294 4.96983 1.75203 6.57496 1.40441C8.18009 1.05679 9.8569 1.3063 11.2913 2.10621C12.0495 2.52906 12.7125 3.09037 13.25 3.7543V2C13.25 1.58579 13.5858 1.25 14 1.25Z",
   "clip-rule": "evenodd"
 }, null, -1));
-function Wl(e, t, a, l, s, i) {
-  return b(), U("svg", x({ role: "img" }, e.$attrs, {
+function an(e, t, n, l, s, i) {
+  return p(), E("svg", x({ role: "img" }, e.$attrs, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (b(), U("title", Jl, k(e.$attrs["svg-title"]), 1)) : q("", !0),
-    Gl
+    e.$attrs["svg-title"] ? (p(), E("title", ln, k(e.$attrs["svg-title"]), 1)) : M("", !0),
+    nn
   ], 16);
 }
-const Zl = /* @__PURE__ */ O(Yl, [["render", Wl], ["__scopeId", "data-v-35088f28"]]), qe = {
+const on = /* @__PURE__ */ R(en, [["render", an], ["__scopeId", "data-v-35088f28"]]), Ye = {
   "en-US": {
     clearAll: "Clear all",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2093,25 +2162,25 @@ const Zl = /* @__PURE__ */ O(Yl, [["render", Wl], ["__scopeId", "data-v-35088f28
     resetAll: "Reset all",
     searchBar: "Search bar"
   }
-}, Ql = w({
-  i18n: { messages: qe },
+}, sn = L({
+  i18n: { messages: Ye },
   name: "bento-filter-bar",
   components: {
-    AllFiltersModal: jl,
-    FilterBarButton: Be,
-    BentoBooleanFilter: ct,
-    BentoDateFilter: at,
-    BentoDateRangeFilter: ot,
-    BentoRangeFilter: pt,
-    BentoInputFilter: nt,
+    AllFiltersModal: xl,
+    FilterBarButton: De,
+    BentoBooleanFilter: bt,
+    BentoDateFilter: st,
+    BentoDateRangeFilter: it,
+    BentoRangeFilter: ft,
+    BentoInputFilter: ot,
     BentoSelectFilter: z,
-    BentoSelectAvatarFilter: st,
-    BentoSelectCountryFilter: rt,
-    BentoSelectCurrencyFilter: it,
-    BentoSelectPaymentMethodFilter: ut,
-    BentoSelectTagFilter: dt,
-    BentoSearchBar: me,
-    RefreshIcon: Zl
+    BentoSelectAvatarFilter: rt,
+    BentoSelectCountryFilter: dt,
+    BentoSelectCurrencyFilter: ut,
+    BentoSelectPaymentMethodFilter: ct,
+    BentoSelectTagFilter: pt,
+    BentoSearchBar: Fe,
+    RefreshIcon: on
   },
   props: {
     /**
@@ -2119,7 +2188,7 @@ const Zl = /* @__PURE__ */ O(Yl, [["render", Wl], ["__scopeId", "data-v-35088f28
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
      */
     searchTerm: {
-      type: me.props.value.type,
+      type: Fe.props.value.type,
       default: void 0
     },
     /**
@@ -2148,144 +2217,144 @@ const Zl = /* @__PURE__ */ O(Yl, [["render", Wl], ["__scopeId", "data-v-35088f28
     }
   },
   emits: [
-    te.INPUT,
-    oe.CLEAR,
-    oe.INPUT,
-    oe.UPDATE
+    ee.INPUT,
+    ie.CLEAR,
+    ie.INPUT,
+    ie.UPDATE
   ],
   setup(e, { emit: t }) {
-    const { t: a } = ae({ messages: qe }), l = It(), s = f(() => a("searchBar")), i = f(() => e.value.some(({ visible: F }) => F != null) ? e.value.some(({ visible: F }) => !F) : !1), o = f(
-      () => e.value.filter(({ defaultValue: _ }) => _ !== void 0)
-    ), r = f(() => e.value.some(({ visible: F }) => F != null) ? e.value.filter(({ defaultValue: F, visible: D }) => F === void 0 && D) : e.value.filter(({ defaultValue: F }) => F === void 0)), n = f(() => e.searchTerm != null), d = f(
-      () => e.value.filter(({ defaultValue: _ }) => _ == null).some(({ value: _ }) => _ != null)
-    ), c = f(() => o.value.length === 0 && d.value), h = f(() => o.value.length === 0 ? !1 : !e.value.filter(({ defaultValue: F }) => F !== void 0 || F !== null).every(({ value: F, defaultValue: D }) => JSON.stringify(F) === JSON.stringify(D)) || d.value);
+    const { t: n } = oe({ messages: Ye }), l = Tt(), s = f(() => n("searchBar")), i = f(() => e.value.some(({ visible: h }) => h != null) ? e.value.some(({ visible: h }) => !h) : !1), o = f(
+      () => e.value.filter(({ defaultValue: F }) => F !== void 0)
+    ), r = f(() => e.value.some(({ visible: h }) => h != null) ? e.value.filter(({ defaultValue: h, visible: U }) => h === void 0 && U) : e.value.filter(({ defaultValue: h }) => h === void 0)), a = f(() => e.searchTerm != null), u = f(
+      () => e.value.filter(({ defaultValue: F }) => F == null).some(({ value: F }) => F != null)
+    ), d = f(() => o.value.length === 0 && u.value), g = f(() => o.value.length === 0 ? !1 : !e.value.filter(({ defaultValue: h }) => h !== void 0 || h !== null).every(({ value: h, defaultValue: U }) => JSON.stringify(h) === JSON.stringify(U)) || u.value);
     return {
       // Values
       hasHiddenFilters: i,
-      isClearAllVisible: c,
-      isSearchBarEnabled: n,
+      isClearAllVisible: d,
+      isSearchBarEnabled: a,
       searchBarAriaLabel: s,
       persistentFilters: o,
       regularFilters: r,
-      isResetAllVisible: h,
+      isResetAllVisible: g,
       // Events
-      updateAllFilters: (_) => {
-        t(te.INPUT, _);
+      updateAllFilters: (F) => {
+        t(ee.INPUT, F);
       },
-      updateFilterHandler: (_) => {
-        const F = e.value.findIndex((P) => P.field === _.field), D = e.value.slice();
-        D[F].value = _.value, t(te.INPUT, D);
+      updateFilterHandler: (F) => {
+        const h = e.value.findIndex((O) => O.field === F.field), U = e.value.slice();
+        U[h].value = F.value, t(ee.INPUT, U);
       },
       clearAllFilters: () => {
-        const _ = e.value.slice(), F = e.value.map(({ value: D, ...P }) => ({
-          ...P,
+        const F = e.value.slice(), h = e.value.map(({ value: U, ...O }) => ({
+          ...O,
           value: void 0
         }));
         l.addToast({
-          text: a("filtersHaveBeenCleared"),
+          text: n("filtersHaveBeenCleared"),
           action: {
-            handler: () => t(te.INPUT, _),
-            text: a("undo")
+            handler: () => t(ee.INPUT, F),
+            text: n("undo")
           }
-        }), t(te.INPUT, F);
+        }), t(ee.INPUT, h);
       },
       onSearchbarClear: () => {
-        t(oe.CLEAR);
+        t(ie.CLEAR);
       },
-      onSearchbarInput: (_) => {
-        t(oe.INPUT, _), t(oe.UPDATE, _);
+      onSearchbarInput: (F) => {
+        t(ie.INPUT, F), t(ie.UPDATE, F);
       },
       resetAllFilters: () => {
-        const _ = e.value.slice(), F = e.value.map(({ defaultValue: D, ...P }) => ({
-          ...P,
-          defaultValue: D,
-          value: D
+        const F = e.value.slice(), h = e.value.map(({ defaultValue: U, ...O }) => ({
+          ...O,
+          defaultValue: U,
+          value: U
         }));
         l.addToast({
-          text: a("filtersHaveBeenReset"),
+          text: n("filtersHaveBeenReset"),
           action: {
-            handler: () => t(te.INPUT, _),
-            text: a("undo")
+            handler: () => t(ee.INPUT, F),
+            text: n("undo")
           }
-        }), t(te.INPUT, F);
+        }), t(ee.INPUT, h);
       }
     };
   }
 });
-const Xl = { class: "b-filter-bar" }, xl = { class: "b-filter-bar__filters-wrapper" }, en = {
+const rn = { class: "b-filter-bar" }, un = { class: "b-filter-bar__filters-wrapper" }, dn = {
   key: 0,
   class: "b-filter-bar__persistent-filters"
-}, tn = { class: "b-filter-bar__regular-filters" };
-function ln(e, t, a, l, s, i) {
-  const o = y("all-filters-modal"), r = y("refresh-icon"), n = y("filter-bar-button"), d = y("bento-search-bar");
-  return b(), U("div", Xl, [
-    R("div", xl, [
-      e.persistentFilters.length ? (b(), U("div", en, [
-        (b(!0), U(ie, null, re(e.persistentFilters, (c) => (b(), S(he(c.type), {
-          key: c.field,
-          field: c.field,
-          label: c.label,
-          options: c.options,
-          value: c.value,
-          "default-value": c.defaultValue,
+}, cn = { class: "b-filter-bar__regular-filters" };
+function pn(e, t, n, l, s, i) {
+  const o = y("all-filters-modal"), r = y("refresh-icon"), a = y("filter-bar-button"), u = y("bento-search-bar");
+  return p(), E("div", rn, [
+    P("div", un, [
+      e.persistentFilters.length ? (p(), E("div", dn, [
+        (p(!0), E(de, null, ce(e.persistentFilters, (d) => (p(), A(ge(d.type), {
+          key: d.field,
+          field: d.field,
+          label: d.label,
+          options: d.options,
+          value: d.value,
+          "default-value": d.defaultValue,
           onUpdate: e.updateFilterHandler
         }, null, 40, ["field", "label", "options", "value", "default-value", "onUpdate"]))), 128))
-      ])) : q("", !0),
-      R("div", tn, [
-        (b(!0), U(ie, null, re(e.regularFilters, (c) => (b(), S(he(c.type), {
-          key: c.field,
-          field: c.field,
-          label: c.label,
-          options: c.options,
-          value: c.value,
+      ])) : M("", !0),
+      P("div", cn, [
+        (p(!0), E(de, null, ce(e.regularFilters, (d) => (p(), A(ge(d.type), {
+          key: d.field,
+          field: d.field,
+          label: d.label,
+          options: d.options,
+          value: d.value,
           onUpdate: e.updateFilterHandler
         }, null, 40, ["field", "label", "options", "value", "onUpdate"]))), 128)),
-        e.hasHiddenFilters ? (b(), S(o, {
+        e.hasHiddenFilters ? (p(), A(o, {
           key: 0,
           value: e.value,
           onInput: e.updateAllFilters
-        }, null, 8, ["value", "onInput"])) : q("", !0)
+        }, null, 8, ["value", "onInput"])) : M("", !0)
       ]),
-      _e(g(n, { onClick: e.clearAllFilters }, {
+      he(C(a, { onClick: e.clearAllFilters }, {
         iconLeft: m(() => [
-          g(r, { "aria-hidden": "true" })
+          C(r, { "aria-hidden": "true" })
         ]),
         default: m(() => [
-          V(k(e.$t("clearAll")) + " ", 1)
+          N(k(e.$t("clearAll")) + " ", 1)
         ]),
         _: 1
       }, 8, ["onClick"]), [
-        [Te, e.isClearAllVisible]
+        [Pe, e.isClearAllVisible]
       ]),
-      _e(g(n, {
+      he(C(a, {
         class: "b-filter-bar__reset-all",
         onClick: e.resetAllFilters
       }, {
         iconLeft: m(() => [
-          g(r, { "aria-hidden": "true" })
+          C(r, { "aria-hidden": "true" })
         ]),
         default: m(() => [
-          V(k(e.$t("resetAll")) + " ", 1)
+          N(k(e.$t("resetAll")) + " ", 1)
         ]),
         _: 1
       }, 8, ["onClick"]), [
-        [Te, e.isResetAllVisible]
+        [Pe, e.isResetAllVisible]
       ])
     ]),
-    e.isSearchBarEnabled ? (b(), S(d, {
+    e.isSearchBarEnabled ? (p(), A(u, {
       key: 0,
       class: "b-filter-bar__search-bar",
       "input-field-aria-label": e.searchBarAriaLabel,
       value: e.searchTerm,
       onInput: e.onSearchbarInput,
       onClear: e.onSearchbarClear
-    }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : q("", !0)
+    }, null, 8, ["input-field-aria-label", "value", "onInput", "onClear"])) : M("", !0)
   ]);
 }
-const qn = /* @__PURE__ */ O(Ql, [["render", ln], ["__scopeId", "data-v-11775cf0"]]);
+const Wn = /* @__PURE__ */ R(sn, [["render", pn], ["__scopeId", "data-v-11775cf0"]]);
 export {
-  qn as BentoFilterBar,
-  te as BentoFilterBarEvent,
+  Wn as BentoFilterBar,
+  ee as BentoFilterBarEvent,
   v as BentoFilterEvent,
   Y as BentoFilterItemType
 };