@adyen/bento-vue2 1.19.0 → 1.20.0

package/dist/filter-bar.js

@@ -1,43 +1,43 @@
-import { n as I } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
-import { onMounted as me, onUnmounted as qe, defineComponent as $, useSlots as je, useAttrs as Ye, computed as s, ref as P, watch as Q, toRef as Y, onBeforeUpdate as re, provide as Je, reactive as Fe, nextTick as Ke } from "vue";
-import { a as de, I as ze } from "./chunks/index.932c230b.js";
-import { u as W } from "./chunks/i18n.eb5b985b.js";
-import { g as ie } from "./chunks/unique-id.a2a2b458.js";
+import { n as $ } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import { onMounted as me, onUnmounted as qe, defineComponent as k, useSlots as je, useAttrs as Ye, computed as s, ref as E, watch as X, toRef as j, onBeforeUpdate as ie, provide as Je, reactive as Fe, nextTick as Ke } from "vue";
+import { a as de, I as ze } from "./chunks/index.4c011bf9.js";
+import { u as Z } from "./chunks/i18n.eb5b985b.js";
+import { g as ue } from "./chunks/unique-id.a2a2b458.js";
 import { o as Ge } from "./chunks/on-click-outside.3e0c3e2a.js";
 import "./chunks/index.4c062058.js";
 import { B as We } from "./chunks/teleport.84b0f20b.js";
-import { B as le, d as Ze } from "./chunks/index.de687404.js";
+import { B as ne, d as Ze } from "./chunks/index.f64eee15.js";
 import { u as he } from "./chunks/aria-label.ac9651a5.js";
-import { B as Ce, a as fe } from "./chunks/base-button.3c3d473d.js";
+import { B as Ce, a as fe } from "./chunks/base-button.2abda566.js";
 import { g as ge } from "./chunks/get-slot-text.99c3d860.js";
 import { u as Se } from "./chunks/use-has-slot.fbeb19ec.js";
-import { a as Ae, C as Be } from "./chunks/chevron-up.81185563.js";
-import { a as Qe } from "./chunks/tooltip.6748027a.js";
+import { a as Ae, C as Be } from "./chunks/chevron-up.52aea493.js";
+import { a as Qe } from "./chunks/tooltip.a76de645.js";
 import { B as Xe } from "./chunks/directive.0408e565.js";
 import { BentoRadioGroup as et } from "./radio-group.js";
 import { BentoInputField as De } from "./input-field.js";
-import { BentoSearchBar as ae, BentoSearchBarEvent as Z } from "./search-bar.js";
+import { BentoSearchBar as se, BentoSearchBarEvent as Q } from "./search-bar.js";
 import { u as tt } from "./chunks/toastController.fd667b68.js";
 import { BentoModal as lt } from "./modal.js";
-import { f as at } from "./chunks/base-modal.27c6f2db.js";
-import { a as nt } from "./chunks/button.0b6cda85.js";
-import { B as st, u as Te } from "./chunks/dropdown.0574f613.js";
-import { g as ot } from "./chunks/index.302e9cf2.js";
-import { B as Ee } from "./chunks/index.026ae47b.js";
+import { f as at } from "./chunks/base-modal.9d4f6201.js";
+import { a as nt } from "./chunks/button.8738aa07.js";
+import { B as st, u as Te } from "./chunks/dropdown.7ad3a860.js";
+import { g as ot } from "./chunks/index.096f3429.js";
+import { B as Ee } from "./chunks/index.7e9406c4.js";
 import { BentoDatePicker as rt } from "./date-picker.js";
-import { f as G } from "./chunks/index.5bfc67d1.js";
+import { f as W } from "./chunks/index.e1f51235.js";
 import { e as K, d as Pe, f as xe } from "./chunks/index.f55fdc32.js";
-import { C as it, i as ut } from "./chunks/calendar.263cfc88.js";
-import { B as ct, D as dt, i as be } from "./chunks/index.408e1419.js";
-import { B as ft } from "./chunks/button-actions.1dc90a19.js";
-import { D as _e } from "./chunks/date-input.9186a0bf.js";
-import { B as bt } from "./chunks/listbox.a8180c4a.js";
-import { B as _t, L as Ie } from "./chunks/listbox-option-tag.89846151.js";
-import { u as vt } from "./chunks/use-country-items.6b7985bf.js";
+import { C as it, i as ut } from "./chunks/calendar.ce3f34b7.js";
+import { B as ct, D as dt, i as be } from "./chunks/index.9e16359f.js";
+import { B as ft } from "./chunks/button-actions.0ed5f462.js";
+import { D as ve } from "./chunks/date-input.9186a0bf.js";
+import { B as bt } from "./chunks/listbox.2a5fb14f.js";
+import { B as vt, L as Ie } from "./chunks/listbox-option-tag.1c6a0605.js";
+import { u as _t } from "./chunks/use-country-items.6b7985bf.js";
 import { BentoPaymentMethod as pt } from "./payment-method.js";
-import { R as yt } from "./chunks/refresh.71a03998.js";
-import { F as mt } from "./chunks/fixed-scroller.06574a66.js";
-import "./assets/index24.css";
+import { R as yt } from "./chunks/refresh.14e39831.js";
+import { F as mt } from "./chunks/fixed-scroller.5764a0d4.js";
+import "./assets/index26.css";
 const Ft = (t, e, l = {}) => {
   let a;
   me(() => {
@@ -45,7 +45,7 @@ const Ft = (t, e, l = {}) => {
   }), qe(() => {
     a && (a(), a = null);
   });
-}, ht = {}, Ct = /* @__PURE__ */ $({
+}, ht = {}, Ct = /* @__PURE__ */ k({
   ...ht,
   __name: "filter-bar-button",
   props: {
@@ -76,10 +76,10 @@ const Ft = (t, e, l = {}) => {
   },
   emits: ["click"],
   setup(t, { emit: e }) {
-    const l = t, a = je(), n = Ye(), r = Se(a), f = s(() => a.default ? ge(a)("default") : null), _ = he({ ariaLabel: f }), o = P(null), F = s(() => {
-      var y;
+    const l = t, a = je(), n = Ye(), o = Se(a), b = s(() => a.default ? ge(a)("default") : null), v = he({ ariaLabel: b }), i = E(null), _ = s(() => {
+      var h;
       return {
-        "aria-controls": (y = n["aria-controls"]) == null ? void 0 : y.toString()
+        "aria-controls": (h = n["aria-controls"]) == null ? void 0 : h.toString()
       };
     }), p = s(() => ({
       "b-filter-bar-button--filter-open": l.isFilterOpen,
@@ -87,9 +87,9 @@ const Ft = (t, e, l = {}) => {
       "b-filter-bar-button--with-secondary-label": l.secondaryLabel,
       "b-filter-bar-button--with-chevron": l.hasChevron
     }));
-    return { __sfc: !0, props: l, emit: e, slots: a, attrs: n, hasSlot: r, labelSlot: f, computedAriaLabel: _, filterBarButtonRef: o, ariaAttributes: F, conditionalClasses: p, onClickButton: (y) => {
-      l.disabled || e("click", y);
-    }, BentoTypography: le, BaseButton: Ce, ChevronUpIcon: Ae, ChevronDownIcon: Be };
+    return { __sfc: !0, props: l, emit: e, slots: a, attrs: n, hasSlot: o, labelSlot: b, computedAriaLabel: v, filterBarButtonRef: i, ariaAttributes: _, conditionalClasses: p, onClickButton: (h) => {
+      l.disabled || e("click", h);
+    }, BentoTypography: ne, BaseButton: Ce, ChevronUpIcon: Ae, ChevronDownIcon: Be };
   }
 });
 var gt = function() {
@@ -97,7 +97,7 @@ var gt = function() {
   return l(a.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: a.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": a.computedAriaLabel, "aria-controls": a.ariaAttributes["aria-controls"], type: "button" }, on: { click: a.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
     return [e.appliedFiltersCount && !e.hasChevron ? l(a.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e(), e.hasChevron ? l("div", { staticClass: "b-filter-bar-button__chevron" }, [e.isFilterOpen ? l(a.ChevronUpIcon, { attrs: { "aria-hidden": "true" } }) : l(a.ChevronDownIcon, { attrs: { "aria-hidden": "true" } })], 1) : e._e()];
   }, proxy: !0 }]) }, [l("div", { staticClass: "b-filter-bar-button__container" }, [a.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), l("div", { staticClass: "b-filter-bar-button__label-container" }, [l(a.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._t("default")], 2), e.secondaryLabel ? l(a.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
-}, St = [], At = /* @__PURE__ */ I(
+}, St = [], At = /* @__PURE__ */ $(
   Ct,
   gt,
   St,
@@ -107,8 +107,8 @@ var gt = function() {
   null,
   null
 );
-const ue = At.exports;
-var d = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE = "update", t))(d || {}), te = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE_FILTER_VALUES = "update:filter-values", t))(te || {}), w = /* @__PURE__ */ ((t) => (t.INPUT = "BentoInputFilter", t.BOOLEAN = "BentoBooleanFilter", t.RANGE = "BentoRangeFilter", t.SELECT = "BentoSelectFilter", t.SELECT_AVATAR = "BentoSelectAvatarFilter", t.SELECT_COUNTRY = "BentoSelectCountryFilter", t.SELECT_CURRENCY = "BentoSelectCurrencyFilter", t.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", t.SELECT_TAG = "BentoSelectTagFilter", t.DATE = "BentoDateFilter", t.DATE_RANGE = "BentoDateRangeFilter", t))(w || {}), j = /* @__PURE__ */ ((t) => (t.APPLY = "apply", t.CLEAR = "clear", t.OPEN = "open", t.CLOSE = "close", t.RESET = "reset", t))(j || {});
+const ce = At.exports;
+var f = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE = "update", t))(f || {}), ae = /* @__PURE__ */ ((t) => (t.INPUT = "input", t.UPDATE_FILTER_VALUES = "update:filter-values", t))(ae || {}), M = /* @__PURE__ */ ((t) => (t.INPUT = "BentoInputFilter", t.BOOLEAN = "BentoBooleanFilter", t.RANGE = "BentoRangeFilter", t.SELECT = "BentoSelectFilter", t.SELECT_AVATAR = "BentoSelectAvatarFilter", t.SELECT_COUNTRY = "BentoSelectCountryFilter", t.SELECT_CURRENCY = "BentoSelectCurrencyFilter", t.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", t.SELECT_TAG = "BentoSelectTagFilter", t.DATE = "BentoDateFilter", t.DATE_RANGE = "BentoDateRangeFilter", t))(M || {}), q = /* @__PURE__ */ ((t) => (t.APPLY = "apply", t.CLEAR = "clear", t.OPEN = "open", t.CLOSE = "close", t.RESET = "reset", t))(q || {});
 const Bt = {
   "en-US": {
     clear: "Clear",
@@ -135,13 +135,13 @@ const Bt = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Dt = $({
+}, Dt = k({
   i18n: { messages: Bt },
   name: "bento-base-filter",
   components: {
     BentoPopover: de,
     BentoTeleport: We,
-    FilterBarButton: ue
+    FilterBarButton: ce
   },
   directives: { BentoClickOutsideDirective: Xe },
   props: {
@@ -197,56 +197,56 @@ const Bt = {
     fitContent: de.props.fitContent
   },
   emits: [
-    j.APPLY,
-    j.CLEAR,
-    j.OPEN,
-    j.CLOSE,
-    j.RESET
+    q.APPLY,
+    q.CLEAR,
+    q.OPEN,
+    q.CLOSE,
+    q.RESET
   ],
   setup(t, { emit: e }) {
-    const { t: l } = W(), a = ie("base-filter-popover"), n = P(!1), r = P(null), f = P(null), _ = s(() => t.defaultValue !== null), o = () => {
-      n.value && (n.value = !1, e(j.CLOSE));
-    }, F = () => {
-      o(), _.value ? e(j.RESET) : e(j.CLEAR);
-    }, p = () => o(), g = () => {
-      n.value ? o() : (n.value = !0, e(j.OPEN));
-    }, y = () => {
-      o(), e(j.APPLY);
-    }, h = s(() => [
+    const { t: l } = Z(), a = ue("base-filter-popover"), n = E(!1), o = E(null), b = E(null), v = s(() => t.defaultValue !== null), i = () => {
+      n.value && (n.value = !1, e(q.CLOSE));
+    }, _ = () => {
+      i(), v.value ? e(q.RESET) : e(q.CLEAR);
+    }, p = () => i(), A = () => {
+      n.value ? i() : (n.value = !0, e(q.OPEN));
+    }, h = () => {
+      i(), e(q.APPLY);
+    }, m = s(() => [
       {
         title: l("apply"),
-        event: y,
+        event: h,
         disabled: t.disableApplyButton
       },
       {
-        title: _.value ? l("reset") : l("clear"),
-        event: F,
+        title: v.value ? l("reset") : l("clear"),
+        event: _,
         disabled: t.disableSecondaryButton
       }
     ]);
-    return Q(
+    return X(
       () => n.value,
-      (D, T) => {
-        var m, A;
-        !D && T && (A = (m = r.value) == null ? void 0 : m.filterBarButtonRef) != null && A.bentoBaseButtonRef && r.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+      (D, P) => {
+        var C, g;
+        !D && P && (g = (C = o.value) == null ? void 0 : C.filterBarButtonRef) != null && g.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Ft(f, p, { ignore: [r] }), {
+    ), Ft(b, p, { ignore: [o] }), {
       // Values
-      actions: h,
+      actions: m,
       popoverId: a,
       isFilterOpen: n,
-      isPersistentFilter: _,
+      isPersistentFilter: v,
       // Enums
       BentoTooltipPosition: Qe,
       // Events
-      onClickFilter: g,
-      onClickApply: y,
-      onClickSecondaryAction: F,
+      onClickFilter: A,
+      onClickApply: h,
+      onClickSecondaryAction: _,
       onClickOutside: p,
-      closePopover: o,
+      closePopover: i,
       // Refs
-      filterButtonRef: r,
-      popoverRef: f
+      filterButtonRef: o,
+      popoverRef: b
     };
   }
 });
@@ -257,7 +257,7 @@ var Tt = function() {
   } } }, [e._v(" " + e._s(e.buttonLabel || e.label) + " ")]), e.filterButtonRef ? l("bento-teleport", [e.filterButtonRef ? l("bento-popover", { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: e.popoverId, divider: "", open: e.isFilterOpen, actions: e.controlled ? null : e.actions, "actions-layout": "space-between", "target-element": e.filterButtonRef, title: e.controlled ? null : e.label, "fit-content": e.fitContent, position: "bottom-start", "without-space": e.controlled, "fallback-position": ["bottom-end"] } }, [l("div", { on: { keydown: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "esc", 27, a.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, Et = [], Pt = /* @__PURE__ */ I(
+}, Et = [], Pt = /* @__PURE__ */ $(
   Dt,
   Tt,
   Et,
@@ -267,29 +267,29 @@ var Tt = function() {
   null,
   null
 );
-const X = Pt.exports, xt = (t) => t instanceof Array, ve = (t) => xt(t) ? t.length === 0 || t.every((e) => e === "") : !t, pe = (t, e) => JSON.stringify(t) === JSON.stringify(e), ee = (t, e) => {
-  const l = P(t.value);
-  Q(
+const ee = Pt.exports, xt = (t) => t instanceof Array, _e = (t) => xt(t) ? t.length === 0 || t.every((e) => e === "") : !t, pe = (t, e) => JSON.stringify(t) === JSON.stringify(e), te = (t, e) => {
+  const l = E(t.value);
+  X(
     () => t.value,
     () => {
       l.value = t.value;
     }
   );
-  const a = s(() => ve(t.value)), n = s(
+  const a = s(() => _e(t.value)), n = s(
     () => e.value !== null ? pe(e.value, t.value) : a.value
-  ), r = s(() => pe(l.value, t.value) || ve(l.value) && a.value);
+  ), o = s(() => pe(l.value, t.value) || _e(l.value) && a.value);
   return {
     internalFilterValue: l,
     isSecondaryButtonDisabled: n,
-    isApplyButtonDisabled: r
+    isApplyButtonDisabled: o
   };
 }, z = (t, e) => {
   const l = t == null ? void 0 : t.toString();
   return (l == null ? void 0 : l.length) > e ? `${l == null ? void 0 : l.slice(0, e)}...` : l;
-}, It = $({
+}, It = k({
   name: "bento-input-filter",
   components: {
-    BentoBaseFilter: X,
+    BentoBaseFilter: ee,
     BentoInputField: De
   },
   props: {
@@ -327,80 +327,80 @@ const X = Pt.exports, xt = (t) => t instanceof Array, ve = (t) => xt(t) ? t.leng
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
-    var b, E;
-    const l = P(null), a = P((E = (b = t == null ? void 0 : t.options) == null ? void 0 : b.dropdown) == null ? void 0 : E.value), n = s(
+    var d, T;
+    const l = E(null), a = E((T = (d = t == null ? void 0 : t.options) == null ? void 0 : d.dropdown) == null ? void 0 : T.value), n = s(
       () => {
-        var C, M;
-        return ((C = t == null ? void 0 : t.options) == null ? void 0 : C.variant) === "dropdown" && ((M = t == null ? void 0 : t.options) == null ? void 0 : M.dropdown) !== void 0;
+        var F, O;
+        return ((F = t == null ? void 0 : t.options) == null ? void 0 : F.variant) === "dropdown" && ((O = t == null ? void 0 : t.options) == null ? void 0 : O.dropdown) !== void 0;
       }
-    ), r = s(
+    ), o = s(
       () => {
-        var C;
-        return n.value ? { ...(C = t == null ? void 0 : t.options) == null ? void 0 : C.dropdown, value: a.value } : void 0;
+        var F;
+        return n.value ? { ...(F = t == null ? void 0 : t.options) == null ? void 0 : F.dropdown, value: a.value } : void 0;
       }
-    ), f = s(() => {
-      var C;
-      return ((C = t == null ? void 0 : t.options) == null ? void 0 : C.variant) === "dropdown" ? "dropdown" : "default";
-    }), _ = s(
+    ), b = s(() => {
+      var F;
+      return ((F = t == null ? void 0 : t.options) == null ? void 0 : F.variant) === "dropdown" ? "dropdown" : "default";
+    }), v = s(
       () => {
-        var C;
-        return n.value ? (C = t.value) == null ? void 0 : C.inputValue : t == null ? void 0 : t.value;
+        var F;
+        return n.value ? (F = t.value) == null ? void 0 : F.inputValue : t == null ? void 0 : t.value;
       }
-    ), { internalFilterValue: o, isSecondaryButtonDisabled: F, isApplyButtonDisabled: p } = ee(
-      _,
-      Y(t, "defaultValue")
-    ), g = s(
-      () => t.defaultValue === null ? t.label : z(_.value, 18)
-    ), y = s(
-      () => t.defaultValue === null ? z(_.value, 12) : null
-    ), h = s(() => ({
+    ), { internalFilterValue: i, isSecondaryButtonDisabled: _, isApplyButtonDisabled: p } = te(
+      v,
+      j(t, "defaultValue")
+    ), A = s(
+      () => t.defaultValue === null ? t.label : z(v.value, 18)
+    ), h = s(
+      () => t.defaultValue === null ? z(v.value, 12) : null
+    ), m = s(() => ({
       ["b-input-filter--only-slot"]: t.onlySlot
     }));
-    re(() => {
-      o.value === "" && (o.value = null);
-    }), Q(l, () => {
-      var C;
-      (C = l.value) == null || C.focusInput();
+    ie(() => {
+      i.value === "" && (i.value = null);
+    }), X(l, () => {
+      var F;
+      (F = l.value) == null || F.focusInput();
     });
     const D = () => {
-      o.value = _.value;
-    }, T = () => {
-      !o.value && t.defaultValue !== null && (o.value = t.defaultValue), e(d.UPDATE, {
+      i.value = v.value;
+    }, P = () => {
+      !i.value && t.defaultValue !== null && (i.value = t.defaultValue), e(f.UPDATE, {
         ...t,
-        value: n.value ? { inputValue: o.value, dropdownValue: a.value } : o.value
+        value: n.value ? { inputValue: i.value, dropdownValue: a.value } : i.value
       });
-    }, m = () => e(d.UPDATE, { ...t, value: t.defaultValue }), A = () => {
-      o.value = null, T();
-    }, U = () => {
-      e(d.INPUT, { ...t, value: o.value });
-    }, i = (C) => {
-      o.value = C;
-    }, c = (C) => {
-      a.value = C;
+    }, C = () => e(f.UPDATE, { ...t, value: t.defaultValue }), g = () => {
+      i.value = null, P();
+    }, L = () => {
+      e(f.INPUT, { ...t, value: i.value });
+    }, r = (F) => {
+      i.value = F;
+    }, c = (F) => {
+      a.value = F;
     };
     return Je(ze, n.value), {
       // Values
-      buttonLabel: g,
-      buttonSecondaryLabel: y,
-      conditionalClasses: h,
-      dropdownProp: r,
-      inputVariant: f,
-      internalFilterValue: o,
+      buttonLabel: A,
+      buttonSecondaryLabel: h,
+      conditionalClasses: m,
+      dropdownProp: o,
+      inputVariant: b,
+      internalFilterValue: i,
       isApplyButtonDisabled: p,
       isDropdownVariant: n,
-      isSecondaryButtonDisabled: F,
+      isSecondaryButtonDisabled: _,
       // Refs
       inputTextRef: l,
       // Events
-      updateFilter: T,
-      clearFilter: A,
+      updateFilter: P,
+      clearFilter: g,
       openFilter: D,
-      resetFilter: m,
+      resetFilter: C,
       onDropdownInput: c,
-      onInput: U,
-      setInternalFilterValue: i
+      onInput: L,
+      setInternalFilterValue: r
     };
   }
 });
@@ -410,20 +410,20 @@ var Ut = function() {
   return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "popover-overflow-visible": e.isDropdownVariant }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-input-filter", class: e.conditionalClasses, on: { keydown: function(n) {
     return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   }, input: e.onInput } }, [l("bento-input-field", { ref: "inputTextRef", attrs: { dropdown: e.dropdownProp, "dropdown-position": (a = e.options) == null ? void 0 : a.dropdownPosition, variant: e.inputVariant, value: e.internalFilterValue }, on: { input: e.setInternalFilterValue, "dropdown-input": e.onDropdownInput } })], 1)]);
-}, Rt = [], Vt = /* @__PURE__ */ I(
+}, $t = [], Rt = /* @__PURE__ */ $(
   It,
   Ut,
-  Rt,
+  $t,
   !1,
   null,
   "9845c982",
   null,
   null
 );
-const Ue = Vt.exports, kt = $({
+const Ue = Rt.exports, Vt = k({
   name: "bento-date-filter",
   components: {
-    BentoBaseFilter: X,
+    BentoBaseFilter: ee,
     BentoDatePicker: rt,
     BentoDivider: Ee,
     Calendar: it
@@ -463,56 +463,56 @@ const Ue = Vt.exports, kt = $({
      */
     value: { type: Date, default: void 0 }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
-    const { locale: l } = W(void 0, !0), a = { de: Pe, enUS: K, fr: xe }, { internalFilterValue: n, isSecondaryButtonDisabled: r, isApplyButtonDisabled: f } = ee(
-      Y(t, "value"),
-      Y(t, "defaultValue")
-    ), _ = s(
-      () => t.value ? G(t.value, "dd MMM, yyyy", {
+    const { locale: l } = Z(void 0, !0), a = { de: Pe, enUS: K, fr: xe }, { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: b } = te(
+      j(t, "value"),
+      j(t, "defaultValue")
+    ), v = s(
+      () => t.value ? W(t.value, "dd MMM, yyyy", {
         locale: a[l.value.substring(0, 2)] || K
       }) : null
-    ), o = s(
-      () => t.defaultValue === null ? t.label : _.value
-    ), F = s(
-      () => t.defaultValue === null ? _.value : null
+    ), i = s(
+      () => t.defaultValue === null ? t.label : v.value
+    ), _ = s(
+      () => t.defaultValue === null ? v.value : null
     ), p = () => {
-      e(d.UPDATE, { ...t, value: n.value });
-    }, g = () => {
+      e(f.UPDATE, { ...t, value: n.value });
+    }, A = () => {
       n.value = null, p();
-    }, y = () => {
-      n.value = t.defaultValue, p();
     }, h = () => {
+      n.value = t.defaultValue, p();
+    }, m = () => {
       n.value = t.value;
-    }, D = (m) => {
-      n.value = m, e(d.INPUT, { ...t, value: n.value });
+    }, D = (C) => {
+      n.value = C, e(f.INPUT, { ...t, value: n.value });
     };
     return {
       // Values
       internalFilterValue: n,
-      isApplyButtonDisabled: f,
-      isSecondaryButtonDisabled: r,
-      buttonLabel: o,
-      buttonSecondaryLabel: F,
+      isApplyButtonDisabled: b,
+      isSecondaryButtonDisabled: o,
+      buttonLabel: i,
+      buttonSecondaryLabel: _,
       // Events
-      clearFilter: g,
+      clearFilter: A,
       onDateSelected: D,
-      openFilter: h,
+      openFilter: m,
       updateFilter: p,
-      resetFilter: y,
-      onDateInputSelected: (m) => {
-        n.value = m, D(m), p();
+      resetFilter: h,
+      onDateInputSelected: (C) => {
+        n.value = C, D(C), p();
       }
     };
   }
 });
-var $t = function() {
-  var a, n, r, f;
+var kt = function() {
+  var a, n, o, b;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? l("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (a = e.options) == null ? void 0 : a.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled }, on: { input: e.onDateInputSelected } }) : [l("bento-divider", { staticClass: "b-date-filter__divider" }), l("div", { staticClass: "b-date-filter" }, [l("calendar", { attrs: { "first-day-of-week": (r = e.options) == null ? void 0 : r.firstDayOfWeek, "is-date-disabled": (f = e.options) == null ? void 0 : f.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
-}, Lt = [], Ot = /* @__PURE__ */ I(
+  return e._self._setupProxy, l("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "default-value": e.defaultValue, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, [e.onlySlot ? l("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (a = e.options) == null ? void 0 : a.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled }, on: { input: e.onDateInputSelected } }) : [l("bento-divider", { staticClass: "b-date-filter__divider" }), l("div", { staticClass: "b-date-filter" }, [l("calendar", { attrs: { "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (b = e.options) == null ? void 0 : b.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
+}, Lt = [], Ot = /* @__PURE__ */ $(
+  Vt,
   kt,
-  $t,
   Lt,
   !1,
   null,
@@ -520,7 +520,7 @@ var $t = function() {
   null,
   null
 );
-const Re = Ot.exports, wt = {
+const $e = Ot.exports, wt = {
   "en-US": {
     clear: "Clear",
     reset: "Reset",
@@ -546,14 +546,14 @@ const Re = Ot.exports, wt = {
     clear: "Borrar",
     apply: "Aplicar"
   }
-}, Nt = $({
+}, Nt = k({
   i18n: { messages: wt },
   name: "bento-date-range-filter",
   components: {
-    BentoBaseFilter: X,
+    BentoBaseFilter: ee,
     BentoButtonActions: ft,
     BentoDateRangePicker: ct,
-    BentoTypography: le,
+    BentoTypography: ne,
     BentoDivider: Ee,
     DateRangePickerCalendar: dt
   },
@@ -598,134 +598,137 @@ const Re = Ot.exports, wt = {
       default: () => ({ startDate: void 0, endDate: void 0 })
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
-    var x, R, V, k;
-    const { locale: l, t: a } = W(), n = { de: Pe, enUS: K, fr: xe }, { internalFilterValue: r, isSecondaryButtonDisabled: f, isApplyButtonDisabled: _ } = ee(
-      Y(t, "value"),
-      Y(t, "defaultValue")
-    ), o = (v) => v ? G(v, _e.NUMERIC_DATE_YEAR_FIRST, {
+    var x, I, V, N;
+    const { locale: l, t: a } = Z(), n = { de: Pe, enUS: K, fr: xe }, { internalFilterValue: o, isSecondaryButtonDisabled: b, isApplyButtonDisabled: v } = te(
+      j(t, "value"),
+      j(t, "defaultValue")
+    ), i = E(!1), _ = (y) => y ? W(y, ve.NUMERIC_DATE_YEAR_FIRST, {
       locale: n[l.value.substring(0, 2)] || K
-    }) : void 0, F = (v) => v ? G(v, _e.HOUR_MINUTE_SECONDS, {
+    }) : void 0, p = (y) => y ? W(y, ve.HOUR_MINUTE_SECONDS, {
       locale: n[l.value.substring(0, 2)] || K
-    }) : "", p = P(null), g = P(!1), y = Fe({
-      startDate: o((x = t.value) == null ? void 0 : x.startDate),
-      endDate: o((R = t.value) == null ? void 0 : R.endDate),
-      startTime: F((V = t.value) == null ? void 0 : V.startDate),
-      endTime: F((k = t.value) == null ? void 0 : k.endDate)
-    }), h = s(() => {
-      var v, H, ne, se, u, S, B, L;
-      if (!((v = t.value) != null && v.startDate) && !t.value.endDate)
+    }) : "", A = E(null), h = E(!1), m = Fe({
+      startDate: _((x = t.value) == null ? void 0 : x.startDate),
+      endDate: _((I = t.value) == null ? void 0 : I.endDate),
+      startTime: p((V = t.value) == null ? void 0 : V.startDate),
+      endTime: p((N = t.value) == null ? void 0 : N.endDate)
+    }), D = s(() => {
+      var y, le, oe, u, S, B, w, Y;
+      if (!((y = t.value) != null && y.startDate) && !t.value.endDate)
         return null;
-      if (((ne = (H = t.options) == null ? void 0 : H.quickSelectRanges) == null ? void 0 : ne.length) > 0) {
-        const J = (u = (se = t.options) == null ? void 0 : se.quickSelectRanges) == null ? void 0 : u.find(
-          ({ data: q }) => be(q == null ? void 0 : q.startDate, t.value.startDate) && be(q == null ? void 0 : q.endDate, t.value.endDate)
+      if (((oe = (le = t.options) == null ? void 0 : le.quickSelectRanges) == null ? void 0 : oe.length) > 0) {
+        const G = (S = (u = t.options) == null ? void 0 : u.quickSelectRanges) == null ? void 0 : S.find(
+          ({ data: J }) => be(J == null ? void 0 : J.startDate, t.value.startDate) && be(J == null ? void 0 : J.endDate, t.value.endDate)
         );
-        if (J)
-          return J.label;
+        if (G)
+          return G.label;
       }
-      return ut((S = t.value) == null ? void 0 : S.startDate, (B = t.value) == null ? void 0 : B.endDate) && ((L = t == null ? void 0 : t.options) != null && L.allowTimeInput) ? `${G(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return ut((B = t.value) == null ? void 0 : B.startDate, (w = t.value) == null ? void 0 : w.endDate) && ((Y = t == null ? void 0 : t.options) != null && Y.allowTimeInput) ? `${W(t.value.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: n[l.value.substring(0, 2)] || K
-      })} - ${G(t.value.endDate, "HH:mm:ss", {
+      })} - ${W(t.value.endDate, "HH:mm:ss", {
         locale: n[l.value.substring(0, 2)] || K
-      })}` : `${G(t.value.startDate, "dd MMM, yyyy", {
+      })}` : `${W(t.value.startDate, "dd MMM, yyyy", {
         locale: n[l.value.substring(0, 2)] || K
-      })} - ${G(t.value.endDate, "dd MMM, yyyy", {
+      })} - ${W(t.value.endDate, "dd MMM, yyyy", {
         locale: n[l.value.substring(0, 2)] || K
       })}`;
-    }), D = s(
-      () => t.defaultValue === null ? t.label : h.value
-    ), T = s(
-      () => t.defaultValue === null ? h.value : null
-    ), m = () => {
-      p.value.closePopover();
-      const { onlySlot: v, ...H } = t;
-      e(d.UPDATE, { ...H, value: r.value });
-    }, A = () => {
-      r.value = void 0, m();
-    }, U = () => {
-      r.value = t.defaultValue, m();
-    }, i = () => {
-      r.value = t.value;
-    }, c = (v) => {
-      r.value = v, y.startDate = o(v.startDate), y.endDate = o(v.endDate), e(d.INPUT, { ...t, value: r.value });
-    }, b = (v) => {
-      v != null && v.startDate && (v != null && v.endDate) && (r.value = v, y.startDate = o(v.startDate), y.endDate = o(v.endDate), e(d.INPUT, { ...t, value: r.value }));
-    }, E = (v) => {
-      c(v), e(d.INPUT, { ...t, value: r.value });
-    }, C = s(
+    }), P = s(
+      () => t.defaultValue === null ? t.label : D.value
+    ), C = s(
+      () => t.defaultValue === null ? D.value : null
+    ), g = () => {
+      A.value.closePopover();
+      const { onlySlot: y, ...le } = t;
+      e(f.UPDATE, { ...le, value: o.value });
+    }, L = () => {
+      o.value = void 0, g();
+    }, r = () => {
+      o.value = t.defaultValue, g();
+    }, c = () => {
+      o.value = t.value;
+    }, d = (y) => {
+      i.value = !1, o.value = y, m.startDate = _(y.startDate), m.endDate = _(y.endDate), e(f.INPUT, { ...t, value: o.value });
+    }, T = (y) => {
+      y != null && y.startDate && (y != null && y.endDate) && (o.value = y, m.startDate = _(y.startDate), m.endDate = _(y.endDate), e(f.INPUT, { ...t, value: o.value }));
+    }, F = (y) => {
+      d(y), e(f.INPUT, { ...t, value: o.value });
+    }, O = s(
       () => [
         {
           title: a("apply"),
-          event: m,
-          disabled: g.value || _.value
+          event: g,
+          disabled: i.value || h.value || v.value
         },
         {
           title: t.defaultValue ? a("reset") : a("clear"),
-          event: t.defaultValue ? U : A,
-          disabled: g.value && f.value
+          event: t.defaultValue ? r : L,
+          disabled: h.value && b.value
         }
       ]
     );
     return {
       // Refs
-      baseFilter: p,
+      baseFilter: A,
       // Values
-      actions: C,
-      formData: y,
-      internalFilterValue: r,
-      isApplyButtonDisabled: _,
-      isSecondaryButtonDisabled: f,
-      buttonLabel: D,
-      buttonSecondaryLabel: T,
+      actions: O,
+      formData: m,
+      internalFilterValue: o,
+      isApplyButtonDisabled: v,
+      isSecondaryButtonDisabled: b,
+      isSelectingDate: i,
+      buttonLabel: P,
+      buttonSecondaryLabel: C,
       // Events
-      onDateSelected: c,
-      openFilter: i,
-      updateFilter: m,
+      onDateSelected: d,
+      openFilter: c,
+      updateFilter: g,
       onDatePickerRangeError: () => {
-        g.value = !0, r.value = { startDate: void 0, endDate: void 0 }, e(d.INPUT, { ...t, value: r.value });
+        h.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(f.INPUT, { ...t, value: o.value });
       },
-      onDatePickerRangeFormDateInputUpdate: (v) => {
-        g.value = !1, v.startTime && (y.startTime = v.startTime), v.endTime && (y.endTime = v.endTime);
+      onDatePickerRangeFormDateInputUpdate: (y) => {
+        h.value = !1, y.startTime && (m.startTime = y.startTime), y.endTime && (m.endTime = y.endTime);
       },
-      onDateInputSelected: E,
-      onRangeSelectorInput: b
+      onDateInputSelected: F,
+      onRangeSelectorInput: T
     };
   }
 });
 var Mt = function() {
-  var a, n, r, f, _, o, F, p, g, y, h, D, T, m;
+  var a, n, o, b, v, i, _, p, A, h, m, D, P, C;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (a = e.options) == null ? void 0 : a.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (r = e.options) == null ? void 0 : r.isDateDisabled, "number-of-months": (f = e.options) == null ? void 0 : f.numberOfMonths, "quick-select-ranges": (_ = e.options) == null ? void 0 : _.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (o = e.options) == null ? void 0 : o.allowTimeInput, "first-day-of-week": (F = e.options) == null ? void 0 : F.firstDayOfWeek, "is-date-disabled": (p = e.options) == null ? void 0 : p.isDateDisabled, granularities: (g = e.options) == null ? void 0 : g.granularities, "max-range": (y = e.options) == null ? void 0 : y.maxRange, min: (h = e.options) == null ? void 0 : h.min, max: (D = e.options) == null ? void 0 : D.max, "number-of-months": (T = e.options) == null ? void 0 : T.numberOfMonths, "quick-select-ranges": (m = e.options) == null ? void 0 : m.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate }, scopedSlots: e._u([{ key: "title", fn: function() {
+  return e._self._setupProxy, l("bento-base-filter", { ref: "baseFilter", staticClass: "b-base-filter-date-range-filter", attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, controlled: !e.onlySlot, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, field: e.field, label: e.label, "only-slot": e.onlySlot, "fit-content": "" }, on: { open: e.openFilter } }, [e.onlySlot ? l("bento-date-range-picker", { attrs: { "allow-time-input": (a = e.options) == null ? void 0 : a.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (n = e.options) == null ? void 0 : n.firstDayOfWeek, "is-date-disabled": (o = e.options) == null ? void 0 : o.isDateDisabled, "number-of-months": (b = e.options) == null ? void 0 : b.numberOfMonths, "quick-select-ranges": (v = e.options) == null ? void 0 : v.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [l("div", { staticClass: "b-date-range-filter" }, [l("date-range-picker-calendar", { attrs: { "allow-time-input": (i = e.options) == null ? void 0 : i.allowTimeInput, "first-day-of-week": (_ = e.options) == null ? void 0 : _.firstDayOfWeek, "is-date-disabled": (p = e.options) == null ? void 0 : p.isDateDisabled, granularities: (A = e.options) == null ? void 0 : A.granularities, "max-range": (h = e.options) == null ? void 0 : h.maxRange, min: (m = e.options) == null ? void 0 : m.min, max: (D = e.options) == null ? void 0 : D.max, "number-of-months": (P = e.options) == null ? void 0 : P.numberOfMonths, "quick-select-ranges": (C = e.options) == null ? void 0 : C.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(g) {
+    e.isSelectingDate = !0;
+  } }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [l("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
   }, proxy: !0 }, { key: "actions", fn: function() {
     return [l("bento-divider", { staticClass: "b-date-range-filter__divider" }), l("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
   }, proxy: !0 }]) })], 1)]], 2);
-}, Ht = [], qt = /* @__PURE__ */ I(
+}, Ht = [], qt = /* @__PURE__ */ $(
   Nt,
   Mt,
   Ht,
   !1,
   null,
-  "9e65f9e4",
+  "ac4735f4",
   null,
   null
 );
-const Ve = qt.exports, jt = {
+const Re = qt.exports, jt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
     search: "Search",
     searchFilter: "Search {filter}"
   }
-}, Yt = $({
+}, Yt = k({
   i18n: { messages: jt },
   name: "bento-select-filter",
   components: {
-    BentoBaseFilter: X,
+    BentoBaseFilter: ee,
     BentoDropdown: st,
     BentoListbox: bt,
-    BentoSearchBar: ae
+    BentoSearchBar: se
   },
   props: {
     /**
@@ -764,116 +767,116 @@ const Ve = qt.exports, jt = {
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e, slots: l }) {
-    var C, M;
-    const { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r } = ee(
-      Y(t, "value"),
-      Y(t, "defaultValue")
-    ), { t: f, locale: _ } = W(), o = P(""), F = Y(t, "options"), p = P(t.options.listboxItems);
-    Q(F, () => {
-      p.value = F.value.listboxItems;
+    var F, O;
+    const { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: o } = te(
+      j(t, "value"),
+      j(t, "defaultValue")
+    ), { t: b, locale: v } = Z(), i = E(""), _ = j(t, "options"), p = E(t.options.listboxItems);
+    X(_, () => {
+      p.value = _.value.listboxItems;
     });
-    const g = Te(
-      o,
+    const A = Te(
+      i,
       p,
-      (M = (C = t.options) == null ? void 0 : C.search) == null ? void 0 : M.searchEvent
-    ), y = s(() => f("noFiltersMatchThisSearch")), h = s(() => {
-      var O, x, R, V;
+      (O = (F = t.options) == null ? void 0 : F.search) == null ? void 0 : O.searchEvent
+    ), h = s(() => b("noFiltersMatchThisSearch")), m = s(() => {
+      var R, U, x, I;
       if (t.defaultValue === null)
         return t.label;
       if (t.options.multiple) {
-        const k = (O = t.value) == null ? void 0 : O.length;
-        if (k === t.options.listboxItems.length)
-          return (x = t == null ? void 0 : t.options) == null ? void 0 : x.messages[_.value].persistentButtonLabelAllSelected;
-        const v = (R = t == null ? void 0 : t.options) == null ? void 0 : R.messages[_.value].persistentButtonLabelPartiallySelected.split("|").map((H) => H.trim());
-        return k === 1 ? v[0].replace("{count}", k) : v[1].replace("{count}", k);
+        const V = (R = t.value) == null ? void 0 : R.length;
+        if (V === t.options.listboxItems.length)
+          return (U = t == null ? void 0 : t.options) == null ? void 0 : U.messages[v.value].persistentButtonLabelAllSelected;
+        const N = (x = t == null ? void 0 : t.options) == null ? void 0 : x.messages[v.value].persistentButtonLabelPartiallySelected.split("|").map((y) => y.trim());
+        return V === 1 ? N[0].replace("{count}", V) : N[1].replace("{count}", V);
       }
-      return z((V = t.options.listboxItems.find(({ value: k }) => k === t.value)) == null ? void 0 : V.label, 18);
+      return z((I = t.options.listboxItems.find(({ value: V }) => V === t.value)) == null ? void 0 : I.label, 18);
     }), D = s(() => {
-      var O, x;
-      if (t.defaultValue === null && (!t.options.multiple || ((O = t.value) == null ? void 0 : O.length) === 1)) {
-        const R = t.options.listboxItems.flatMap((V) => V.items ? V.items : V);
+      var R, U;
+      if (t.defaultValue === null && (!t.options.multiple || ((R = t.value) == null ? void 0 : R.length) === 1)) {
+        const x = t.options.listboxItems.flatMap((I) => I.items ? I.items : I);
         return z(
-          (x = R.find(
-            ({ value: V }) => {
-              var k;
-              return Array.isArray(t.value) ? (k = t == null ? void 0 : t.value) == null ? void 0 : k.includes(V) : V === t.value;
+          (U = x.find(
+            ({ value: I }) => {
+              var V;
+              return Array.isArray(t.value) ? (V = t == null ? void 0 : t.value) == null ? void 0 : V.includes(I) : I === t.value;
             }
-          )) == null ? void 0 : x.label,
+          )) == null ? void 0 : U.label,
           12
         );
       }
       return null;
-    }), T = s(() => ie(`filter-listbox-${t.field}`)), m = (O) => {
-      a.value = O;
-      const { onlySlot: x, ...R } = t;
-      e(d.INPUT, { ...R, value: a.value });
-    }, A = () => {
-      var R;
-      t.options.multiple && a.value && ((R = a.value) == null ? void 0 : R.length) === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
-      const { onlySlot: O, ...x } = t;
-      e(d.UPDATE, { ...x, value: a.value });
-    }, U = () => {
+    }), P = s(() => ue(`filter-listbox-${t.field}`)), C = (R) => {
+      a.value = R;
+      const { onlySlot: U, ...x } = t;
+      e(f.INPUT, { ...x, value: a.value });
+    }, g = () => {
+      var x;
+      t.options.multiple && a.value && ((x = a.value) == null ? void 0 : x.length) === 0 && (a.value = t.defaultValue !== null ? t.defaultValue : void 0);
+      const { onlySlot: R, ...U } = t;
+      e(f.UPDATE, { ...U, value: a.value });
+    }, L = () => {
       a.value = t.value;
-    }, i = () => {
-      o.value && (o.value = "");
+    }, r = () => {
+      i.value && (i.value = "");
     }, c = () => {
-      a.value = t.defaultValue, A();
-    }, b = () => {
-      a.value = null, A();
+      a.value = t.defaultValue, g();
+    }, d = () => {
+      a.value = null, g();
     };
     return {
       // Values
       appliedFiltersCount: s(() => {
-        var R, V;
+        var x, I;
         if (t.value == null || t.defaultValue !== null || !t.options.multiple)
           return null;
-        const O = (R = t.options.listboxItems) == null ? void 0 : R.reduce((k, v) => {
-          var H;
-          return k += (H = v == null ? void 0 : v.items) != null && H.length ? v.items.length : 1, k;
-        }, 0), x = (V = t.value) == null ? void 0 : V.length;
-        return x === 1 ? null : x === O ? f("all") : x;
+        const R = (x = t.options.listboxItems) == null ? void 0 : x.reduce((V, N) => {
+          var y;
+          return V += (y = N == null ? void 0 : N.items) != null && y.length ? N.items.length : 1, V;
+        }, 0), U = (I = t.value) == null ? void 0 : I.length;
+        return U === 1 ? null : U === R ? b("all") : U;
       }),
-      filteredItems: g,
+      filteredItems: A,
       internalFilterValue: a,
-      isApplyButtonDisabled: r,
+      isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: n,
-      listboxFilterId: T,
-      noResultsMessage: y,
+      listboxFilterId: P,
+      noResultsMessage: h,
       slots: l,
-      buttonLabel: h,
+      buttonLabel: m,
       buttonSecondaryLabel: D,
       // Search
-      searchTerm: o,
+      searchTerm: i,
       // Events
-      clearFilter: b,
-      closeFilter: i,
-      onOptionSelected: m,
-      openFilter: U,
-      updateFilter: A,
+      clearFilter: d,
+      closeFilter: r,
+      onOptionSelected: C,
+      openFilter: L,
+      updateFilter: g,
       resetFilter: c
     };
   }
 });
 var Jt = function() {
-  var a, n, r, f, _, o, F, p, g, y, h, D, T, m, A, U;
+  var a, n, o, b, v, i, _, p, A, h, m, D, P, C, g, L;
   var e = this, l = e._self._c;
-  return e._self._setupProxy, l("bento-base-filter", { attrs: { "applied-filters-count": e.appliedFiltersCount, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, reset: e.resetFilter, open: e.openFilter, close: e.closeFilter } }, [e.onlySlot ? l("bento-dropdown", { staticClass: "b-select-filter__dropdown-variant", attrs: { value: e.internalFilterValue, items: e.options.listboxItems, multiple: (a = e.options) == null ? void 0 : a.multiple, "static-categories": (n = e.options) == null ? void 0 : n.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (r = e.options) == null ? void 0 : r.emptyState }, on: { input: e.onOptionSelected }, scopedSlots: e._u([e._l(e.slots, function(i, c) {
-    return { key: c, fn: function(b) {
-      return [e._t(c, null, null, b)];
+  return e._self._setupProxy, l("bento-base-filter", { attrs: { "applied-filters-count": e.appliedFiltersCount, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, reset: e.resetFilter, open: e.openFilter, close: e.closeFilter } }, [e.onlySlot ? l("bento-dropdown", { staticClass: "b-select-filter__dropdown-variant", attrs: { value: e.internalFilterValue, items: e.options.listboxItems, multiple: (a = e.options) == null ? void 0 : a.multiple, "static-categories": (n = e.options) == null ? void 0 : n.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (o = e.options) == null ? void 0 : o.emptyState }, on: { input: e.onOptionSelected }, scopedSlots: e._u([e._l(e.slots, function(r, c) {
+    return { key: c, fn: function(d) {
+      return [e._t(c, null, null, d)];
     } };
-  })], null, !0) }) : [l("div", { staticClass: "b-select-filter__search-bar" }, [l("bento-search-bar", { attrs: { "debounce-time": (_ = (f = e.options) == null ? void 0 : f.search) == null ? void 0 : _.debounceTime, value: e.searchTerm, "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString() }, on: { input: function(i) {
-    e.searchTerm = i;
-  } } })], 1), l("hr", { staticClass: "b-select-filter__divider" }), l("bento-listbox", { staticClass: "b-select-filter__wrapper", attrs: { id: e.listboxFilterId, "aria-label": e.label, "empty-state": (o = e.options) == null ? void 0 : o.emptyState, "has-more-items": (p = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : p.hasMoreItems, items: e.filteredItems, "is-option-disabled": (g = e.options) == null ? void 0 : g.isOptionDisabled, "lazy-load-type": (h = (y = e.options) == null ? void 0 : y.lazy) == null ? void 0 : h.lazyLoadType, loading: (T = (D = e.options) == null ? void 0 : D.lazy) == null ? void 0 : T.loading, multiple: (m = e.options) == null ? void 0 : m.multiple, "static-categories": (A = e.options) == null ? void 0 : A.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue, "virtual-scroll": (U = e.options) == null ? void 0 : U.virtualScroll }, on: { select: e.onOptionSelected, "show-more": function(i) {
-    var c, b;
-    (b = (c = e.options) == null ? void 0 : c.lazy) == null || b.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(e.slots, function(i, c) {
-    return { key: c, fn: function(b) {
-      return [e._t(c, null, null, b)];
+  })], null, !0) }) : [l("div", { staticClass: "b-select-filter__search-bar" }, [l("bento-search-bar", { attrs: { "debounce-time": (v = (b = e.options) == null ? void 0 : b.search) == null ? void 0 : v.debounceTime, value: e.searchTerm, "input-field-aria-label": e.$t("searchFilter", { filter: e.label.toLocaleLowerCase() }).toString() }, on: { input: function(r) {
+    e.searchTerm = r;
+  } } })], 1), l("hr", { staticClass: "b-select-filter__divider" }), l("bento-listbox", { staticClass: "b-select-filter__wrapper", attrs: { id: e.listboxFilterId, "aria-label": e.label, "empty-state": (i = e.options) == null ? void 0 : i.emptyState, "has-more-items": (p = (_ = e.options) == null ? void 0 : _.lazy) == null ? void 0 : p.hasMoreItems, items: e.filteredItems, "is-option-disabled": (A = e.options) == null ? void 0 : A.isOptionDisabled, "lazy-load-type": (m = (h = e.options) == null ? void 0 : h.lazy) == null ? void 0 : m.lazyLoadType, loading: (P = (D = e.options) == null ? void 0 : D.lazy) == null ? void 0 : P.loading, multiple: (C = e.options) == null ? void 0 : C.multiple, "static-categories": (g = e.options) == null ? void 0 : g.staticCategories, "no-results-message": e.noResultsMessage, searching: !!e.searchTerm, "selected-value": e.internalFilterValue, "virtual-scroll": (L = e.options) == null ? void 0 : L.virtualScroll }, on: { select: e.onOptionSelected, "show-more": function(r) {
+    var c, d;
+    (d = (c = e.options) == null ? void 0 : c.lazy) == null || d.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(e.slots, function(r, c) {
+    return { key: c, fn: function(d) {
+      return [e._t(c, null, null, d)];
     } };
   })], null, !0) })]], 2);
-}, Kt = [], zt = /* @__PURE__ */ I(
+}, Kt = [], zt = /* @__PURE__ */ $(
   Yt,
   Jt,
   Kt,
@@ -883,14 +886,14 @@ var Jt = function() {
   null,
   null
 );
-const N = zt.exports, Gt = $({
+const H = zt.exports, Gt = k({
   name: "bento-select-avatar-filter",
   components: {
-    BentoSelectFilter: N,
-    BentoAvatar: _t
+    BentoSelectFilter: H,
+    BentoAvatar: vt
   },
   props: {
-    ...N.props,
+    ...H.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -902,13 +905,13 @@ const N = zt.exports, Gt = $({
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: d,
+      BentoFilterEvent: f,
       // Methods
-      onUpdate: (a) => e(d.UPDATE, a)
+      onUpdate: (a) => e(f.UPDATE, a)
     };
   }
 });
@@ -917,7 +920,7 @@ var Wt = function() {
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a, data: n }) {
     return [l("bento-avatar", { attrs: { username: a, src: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Zt = [], Qt = /* @__PURE__ */ I(
+}, Zt = [], Qt = /* @__PURE__ */ $(
   Gt,
   Wt,
   Zt,
@@ -927,14 +930,14 @@ var Wt = function() {
   null,
   null
 );
-const ke = Qt.exports, Xt = $({
+const Ve = Qt.exports, Xt = k({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: N,
+    BentoSelectFilter: H,
     ListboxOptionTag: Ie
   },
   props: {
-    ...N.props,
+    ...H.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -946,14 +949,14 @@ const ke = Qt.exports, Xt = $({
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: d,
+      BentoFilterEvent: f,
       // Methods
       onUpdate: (a) => {
-        e(d.UPDATE, a);
+        e(f.UPDATE, a);
       }
     };
   }
@@ -963,7 +966,7 @@ var el = function() {
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function(a) {
     return [l("listbox-option-tag", { attrs: { option: a } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, tl = [], ll = /* @__PURE__ */ I(
+}, tl = [], ll = /* @__PURE__ */ $(
   Xt,
   el,
   tl,
@@ -973,14 +976,14 @@ var el = function() {
   null,
   null
 );
-const $e = ll.exports, al = $({
+const ke = ll.exports, al = k({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: N,
-    BentoTypography: le
+    BentoSelectFilter: H,
+    BentoTypography: ne
   },
   props: {
-    ...N.props,
+    ...H.props,
     /**
      * List of options that are needed to setup the country filter
      * Available options:
@@ -993,15 +996,15 @@ const $e = ll.exports, al = $({
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
-    const l = P(t.options.variant), a = P(t.options.listboxItems);
-    Q([() => t.options.variant, () => t.options.listboxItems], () => {
+    const l = E(t.options.variant), a = E(t.options.listboxItems);
+    X([() => t.options.variant, () => t.options.listboxItems], () => {
       l.value = t.options.variant, a.value = t.options.listboxItems;
     });
-    const n = (_) => e(d.UPDATE, _), r = vt(l, a), f = s(() => ({
+    const n = (v) => e(f.UPDATE, v), o = _t(l, a), b = s(() => ({
       ...t.options,
-      listboxItems: r.value
+      listboxItems: o.value
     }));
     return (!l.value || l.value === "custom") && Ze(
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
@@ -1009,11 +1012,11 @@ const $e = ll.exports, al = $({
       "2.0.0"
     ), {
       // Values
-      countryOptions: f,
+      countryOptions: b,
       // Methods
       onUpdate: n,
       // Enums
-      BentoFilterEvent: d
+      BentoFilterEvent: f
     };
   }
 });
@@ -1022,7 +1025,7 @@ var nl = function() {
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a }) {
     return [l("bento-typography", { attrs: { el: "span" } }, [e._v(e._s(a))])];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, sl = [], ol = /* @__PURE__ */ I(
+}, sl = [], ol = /* @__PURE__ */ $(
   al,
   nl,
   sl,
@@ -1032,14 +1035,14 @@ var nl = function() {
   null,
   null
 );
-const Le = ol.exports, rl = $({
+const Le = ol.exports, rl = k({
   name: "bento-select-payment-method-filter",
   components: {
-    BentoSelectFilter: N,
+    BentoSelectFilter: H,
     BentoPaymentMethod: pt
   },
   props: {
-    ...N.props,
+    ...H.props,
     /**
      * List of options that are needed to setup the payment method filter
      * Available options:
@@ -1051,13 +1054,13 @@ const Le = ol.exports, rl = $({
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: d,
+      BentoFilterEvent: f,
       // Methods
-      onUpdate: (a) => e(d.UPDATE, a)
+      onUpdate: (a) => e(f.UPDATE, a)
     };
   }
 });
@@ -1066,7 +1069,7 @@ var il = function() {
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ value: a, label: n }) {
     return [l("bento-payment-method", { attrs: { type: a, label: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, ul = [], cl = /* @__PURE__ */ I(
+}, ul = [], cl = /* @__PURE__ */ $(
   rl,
   il,
   ul,
@@ -1076,14 +1079,14 @@ var il = function() {
   null,
   null
 );
-const Oe = cl.exports, dl = $({
+const Oe = cl.exports, dl = k({
   name: "bento-select-country-filter",
   components: {
-    BentoSelectFilter: N,
+    BentoSelectFilter: H,
     ListboxOptionTag: Ie
   },
   props: {
-    ...N.props,
+    ...H.props,
     /**
      * List of options that are needed to setup the tag filter
      * Available options:
@@ -1095,12 +1098,12 @@ const Oe = cl.exports, dl = $({
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
-    const l = (r) => e(d.UPDATE, r), a = s(
+    const l = (o) => e(f.UPDATE, o), a = s(
       () => {
-        var r, f;
-        return (f = (r = t == null ? void 0 : t.options) == null ? void 0 : r.listboxItems) == null ? void 0 : f.map(({ label: _, value: o, variant: F }) => ({ label: _, value: o, data: F }));
+        var o, b;
+        return (b = (o = t == null ? void 0 : t.options) == null ? void 0 : o.listboxItems) == null ? void 0 : b.map(({ label: v, value: i, variant: _ }) => ({ label: v, value: i, data: _ }));
       }
     );
     return {
@@ -1112,7 +1115,7 @@ const Oe = cl.exports, dl = $({
       // Methods
       onUpdate: l,
       // Enums
-      BentoFilterEvent: d
+      BentoFilterEvent: f
     };
   }
 });
@@ -1121,7 +1124,7 @@ var fl = function() {
   return e._self._setupProxy, l("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (a) => e.$emit(e.BentoFilterEvent.INPUT, a) }, scopedSlots: e._u([{ key: "default", fn: function({ label: a, data: n }) {
     return [l("listbox-option-tag", { attrs: { option: { value: a, data: n, label: "" } } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, bl = [], _l = /* @__PURE__ */ I(
+}, bl = [], vl = /* @__PURE__ */ $(
   dl,
   fl,
   bl,
@@ -1131,15 +1134,15 @@ var fl = function() {
   null,
   null
 );
-const we = _l.exports, vl = {
+const we = vl.exports, _l = {
   "en-US": {
     yes: "Yes",
     no: "No"
   }
-}, pl = $({
+}, pl = k({
   name: "bento-boolean-filter",
-  i18n: { messages: vl },
-  components: { BentoBaseFilter: X, BentoRadioGroup: et },
+  i18n: { messages: _l },
+  components: { BentoBaseFilter: ee, BentoRadioGroup: et },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1173,12 +1176,12 @@ const we = _l.exports, vl = {
       default: void 0
     }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
-    const { t: l } = W(), a = (i) => typeof i == "boolean" ? i == null ? void 0 : i.toString() : i, n = (i) => {
-      var c, b, E, C;
-      return ((b = (c = t == null ? void 0 : t.options) == null ? void 0 : c.positiveOption) == null ? void 0 : b.value) !== void 0 && ((C = (E = t == null ? void 0 : t.options) == null ? void 0 : E.negativeOption) == null ? void 0 : C.value) !== void 0 && typeof t.options.positiveOption.value == "boolean" && typeof t.options.negativeOption.value == "boolean" && typeof i == "string" ? i === "true" : i;
-    }, r = s(() => a(t.defaultValue)), f = s(() => a(t.value)), _ = s(() => t.options && t.options.positiveOption && t.options.negativeOption ? [
+    const { t: l } = Z(), a = (r) => typeof r == "boolean" ? r == null ? void 0 : r.toString() : r, n = (r) => {
+      var c, d, T, F;
+      return ((d = (c = t == null ? void 0 : t.options) == null ? void 0 : c.positiveOption) == null ? void 0 : d.value) !== void 0 && ((F = (T = t == null ? void 0 : t.options) == null ? void 0 : T.negativeOption) == null ? void 0 : F.value) !== void 0 && typeof t.options.positiveOption.value == "boolean" && typeof t.options.negativeOption.value == "boolean" && typeof r == "string" ? r === "true" : r;
+    }, o = s(() => a(t.defaultValue)), b = s(() => a(t.value)), v = s(() => t.options && t.options.positiveOption && t.options.negativeOption ? [
       {
         ...t.options.positiveOption,
         value: a(t.options.positiveOption.value)
@@ -1190,54 +1193,54 @@ const we = _l.exports, vl = {
     ] : [
       { value: "yes", label: l("yes") },
       { value: "no", label: l("no") }
-    ]), { internalFilterValue: o, isSecondaryButtonDisabled: F, isApplyButtonDisabled: p } = ee(
-      f,
-      r
-    ), g = s(
-      () => t.defaultValue === null ? t.label : z(_.value.find(({ value: i }) => i === f.value).label, 18)
-    ), y = s(
+    ]), { internalFilterValue: i, isSecondaryButtonDisabled: _, isApplyButtonDisabled: p } = te(
+      b,
+      o
+    ), A = s(
+      () => t.defaultValue === null ? t.label : z(v.value.find(({ value: r }) => r === b.value).label, 18)
+    ), h = s(
       () => {
-        var i;
-        return t.defaultValue === null ? z((i = _.value.find(({ value: c }) => c === f.value)) == null ? void 0 : i.label, 12) : null;
+        var r;
+        return t.defaultValue === null ? z((r = v.value.find(({ value: c }) => c === b.value)) == null ? void 0 : r.label, 12) : null;
       }
-    ), h = s(() => ({
+    ), m = s(() => ({
       ["b-boolean-filter--only-slot"]: t.onlySlot
     }));
-    re(() => {
-      o.value || (o.value = null);
+    ie(() => {
+      i.value || (i.value = null);
     });
-    const D = (i) => {
-      o.value = i, e(d.INPUT, {
+    const D = (r) => {
+      i.value = r, e(f.INPUT, {
         ...t,
-        value: n(o.value)
+        value: n(i.value)
       });
-    }, T = () => {
-      o.value = f.value;
-    }, m = () => {
-      e(d.UPDATE, {
+    }, P = () => {
+      i.value = b.value;
+    }, C = () => {
+      e(f.UPDATE, {
         ...t,
-        value: n(o.value)
+        value: n(i.value)
       });
     };
     return {
       // Values
-      items: _,
-      conditionalClasses: h,
-      buttonLabel: g,
-      buttonSecondaryLabel: y,
-      internalFilterValue: o,
+      items: v,
+      conditionalClasses: m,
+      buttonLabel: A,
+      buttonSecondaryLabel: h,
+      internalFilterValue: i,
       isApplyButtonDisabled: p,
-      isSecondaryButtonDisabled: F,
-      translatedValue: f,
-      translatedDefaultValue: r,
+      isSecondaryButtonDisabled: _,
+      translatedValue: b,
+      translatedDefaultValue: o,
       // Events
       onInput: D,
-      updateFilter: m,
+      updateFilter: C,
       clearFilter: () => {
-        o.value = null, m();
+        i.value = null, C();
       },
-      openFilter: T,
-      resetFilter: () => e(d.UPDATE, { ...t, value: t.defaultValue })
+      openFilter: P,
+      resetFilter: () => e(f.UPDATE, { ...t, value: t.defaultValue })
     };
   }
 });
@@ -1246,7 +1249,7 @@ var yl = function() {
   return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { value: e.translatedValue, "default-value": e.translatedDefaultValue, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [l("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
-}, ml = [], Fl = /* @__PURE__ */ I(
+}, ml = [], Fl = /* @__PURE__ */ $(
   pl,
   yl,
   ml,
@@ -1261,10 +1264,10 @@ const Ne = Fl.exports, hl = {
     from: "From",
     to: "To"
   }
-}, Cl = $({
+}, Cl = k({
   name: "bento-range-filter",
   i18n: { messages: hl },
-  components: { BentoBaseFilter: X, BentoInputField: De },
+  components: { BentoBaseFilter: ee, BentoInputField: De },
   props: {
     /**
      * Default value of the filter to reset to.
@@ -1289,32 +1292,35 @@ const Ne = Fl.exports, hl = {
      */
     onlySlot: { type: Boolean, default: !1 }
   },
-  emits: [d.INPUT, d.UPDATE],
+  emits: [f.INPUT, f.UPDATE],
   setup(t, { emit: e }) {
-    const l = P(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: r } = ee(
-      Y(t, "value"),
-      Y(t, "defaultValue")
-    ), f = s(
-      () => {
-        var A, U;
-        return (A = t.value) != null && A[0] && ((U = t.value) != null && U[1]) ? `${z(t.value[0], 5)} - ${z(t.value[1], 5)}` : null;
-      }
-    ), _ = s(
-      () => t.defaultValue === null ? t.label : f.value
-    ), o = s(
-      () => t.defaultValue === null ? f.value : null
-    ), F = s(() => ({
+    const l = E(null), { internalFilterValue: a, isSecondaryButtonDisabled: n, isApplyButtonDisabled: o } = te(
+      j(t, "value"),
+      j(t, "defaultValue")
+    ), b = s(() => {
+      var d, T, F, O, R, U, x, I;
+      if (!((d = t.value) != null && d[0]) && !((T = t.value) != null && T[1]))
+        return null;
+      let g = "";
+      (F = t.value) != null && F[0] ? (O = t.value) != null && O[1] || (g = "≥") : g = "≤";
+      const L = (R = t.value) != null && R[0] ? `${z(t.value[0], 5)}` : "", r = (U = t.value) != null && U[0] && ((x = t.value) != null && x[1]) ? " - " : "", c = (I = t.value) != null && I[1] ? `${z(t.value[1], 5)}` : "";
+      return `${g}${L}${r}${c}`;
+    }), v = s(
+      () => t.defaultValue === null ? t.label : b.value
+    ), i = s(
+      () => t.defaultValue === null ? b.value : null
+    ), _ = s(() => ({
       ["b-range-filter--only-slot"]: t.onlySlot
     })), p = () => {
       a.value = t.value, Ke(() => l.value.focusInput());
-    }, g = () => {
-      e(d.INPUT, { ...t, value: a.value });
-    }, y = (A) => {
-      a.value = [A, a.value[1]], g();
-    }, h = (A) => {
-      a.value = [a.value[0], A], g();
+    }, A = () => {
+      e(f.INPUT, { ...t, value: a.value });
+    }, h = (g) => {
+      a.value = [g, a.value[1]], A();
+    }, m = (g) => {
+      a.value = [a.value[0], g], A();
     }, D = () => {
-      a.value.some((A) => A) || (a.value = t.defaultValue !== null ? t.defaultValue : void 0), e(d.UPDATE, {
+      a.value.some((g) => g) || (a.value = t.defaultValue !== null ? t.defaultValue : void 0), e(f.UPDATE, {
         ...t,
         value: a.value
       });
@@ -1322,21 +1328,21 @@ const Ne = Fl.exports, hl = {
     return {
       // Values
       inputTextRef: l,
-      conditionalClasses: F,
+      conditionalClasses: _,
       internalFilterValue: a,
-      isApplyButtonDisabled: r,
+      isApplyButtonDisabled: o,
       isSecondaryButtonDisabled: n,
-      buttonLabel: _,
-      buttonSecondaryLabel: o,
+      buttonLabel: v,
+      buttonSecondaryLabel: i,
       // Events
-      updateFrom: y,
-      updateTo: h,
+      updateFrom: h,
+      updateTo: m,
       updateFilter: D,
       clearFilter: () => {
         a.value = ["", ""], D();
       },
       openFilter: p,
-      resetFilter: () => e(d.UPDATE, { ...t, value: t.defaultValue })
+      resetFilter: () => e(f.UPDATE, { ...t, value: t.defaultValue })
     };
   }
 });
@@ -1345,21 +1351,21 @@ var gl = function() {
   return e._self._setupProxy, l("bento-base-filter", e._b({ attrs: { "disable-apply-button": e.isApplyButtonDisabled, "disable-secondary-button": e.isSecondaryButtonDisabled, "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, "only-slot": e.onlySlot }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [l("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(a) {
     return !a.type.indexOf("key") && e._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [l("bento-input-field", { ref: "inputTextRef", attrs: { value: e.internalFilterValue ? e.internalFilterValue[0] : "", type: "number", "aria-label": e.$t("from").toString() }, on: { input: e.updateFrom } }, [e._v(" " + e._s(e.$t("from")) + " ")]), l("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { value: e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.$t("to").toString() }, on: { input: e.updateTo } }, [e._v(" " + e._s(e.$t("to")) + " ")])], 1)]);
-}, Sl = [], Al = /* @__PURE__ */ I(
+}, Sl = [], Al = /* @__PURE__ */ $(
   Cl,
   gl,
   Sl,
   !1,
   null,
-  "7cfba883",
+  "d9161521",
   null,
   null
 );
 const Me = Al.exports;
-var oe = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(oe || {});
-const Bl = $({
+var re = /* @__PURE__ */ ((t) => (t.INPUT = "input", t))(re || {});
+const Bl = k({
   name: "base-filter-button",
-  components: { BaseButton: Ce, BentoTypography: le, ChevronUpIcon: Ae, ChevronDownIcon: Be },
+  components: { BaseButton: Ce, BentoTypography: ne, ChevronUpIcon: Ae, ChevronDownIcon: Be },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1386,27 +1392,27 @@ const Bl = $({
   },
   emits: [fe.CLICK],
   setup(t, { slots: e, emit: l, attrs: a }) {
-    const n = s(() => e.default ? ge(e)("default") : null), r = he({ ariaLabel: n }), f = P(null), _ = s(() => {
+    const n = s(() => e.default ? ge(e)("default") : null), o = he({ ariaLabel: n }), b = E(null), v = s(() => {
       var p;
       return {
         "aria-controls": (p = a["aria-controls"]) == null ? void 0 : p.toString()
       };
-    }), o = s(() => ({
+    }), i = s(() => ({
       ["b-base-filter-button--with-chevron"]: t.hasChevron,
       ["b-base-filter-button--filter-open"]: t.isFilterOpen
     }));
     return {
       // Values
-      ariaAttributes: _,
-      computedAriaLabel: r,
-      conditionalClasses: o,
+      ariaAttributes: v,
+      computedAriaLabel: o,
+      conditionalClasses: i,
       // Methods
       onClickButton: () => {
         t.disabled || l(fe.CLICK);
       },
       hasSlot: Se(e),
       // Refs
-      baseFilterButtonRef: f
+      baseFilterButtonRef: b
     };
   }
 });
@@ -1415,7 +1421,7 @@ var Dl = function() {
   return e._self._setupProxy, l("base-button", { ref: "baseFilterButtonRef", staticClass: "b-base-filter-button", class: e.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": e.computedAriaLabel, "aria-controls": e.ariaAttributes["aria-controls"], type: "button" }, on: { click: e.onClickButton }, scopedSlots: e._u([e.hasChevron ? { key: "iconRight", fn: function() {
     return [e.isFilterOpen ? l("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : l("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) }, [l("div", { staticClass: "b-base-filter-button__default-container" }, [l("div", { staticClass: "b-base-filter-button__label-container" }, [l("bento-typography", { staticClass: "b-base-filter-button__label", attrs: { el: "span", variant: "body", stronger: e.bold } }, [e._t("default")], 2)], 1), e.amountAppliedValues && !e.hasChevron ? l("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [l("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
-}, Tl = [], El = /* @__PURE__ */ I(
+}, Tl = [], El = /* @__PURE__ */ $(
   Bl,
   Dl,
   Tl,
@@ -1425,7 +1431,7 @@ var Dl = function() {
   null,
   null
 );
-const Pl = El.exports, xl = $({
+const Pl = El.exports, xl = k({
   name: "all-filters-modal-button",
   components: { BaseFilterButton: Pl },
   props: {
@@ -1462,7 +1468,7 @@ const Pl = El.exports, xl = $({
 var Il = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("base-filter-button", { staticClass: "b-all-filters-modal-button", class: e.conditionalClasses, attrs: { "amount-applied-values": e.appliedFiltersCount, "is-filter-open": e.isFilterOpen, disabled: e.disabled }, on: { click: e.onClick } }, [e._v(" " + e._s(e.label) + " ")]);
-}, Ul = [], Rl = /* @__PURE__ */ I(
+}, Ul = [], $l = /* @__PURE__ */ $(
   xl,
   Il,
   Ul,
@@ -1472,19 +1478,19 @@ var Il = function() {
   null,
   null
 );
-const Vl = Rl.exports;
+const Rl = $l.exports;
 let ye = 0;
-const kl = {
+const Vl = {
   beforeCreate() {
     this.uuid = ye.toString(), ye += 1;
   }
 };
-var $l = function() {
+var kl = function() {
   var e = this, l = e._self._c;
   return l("svg", e._b({ staticClass: "ui-assets-icons-16", attrs: { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none" } }, "svg", e.$attrs, !1), [e.$attrs["svg-title"] ? l("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), l("path", { attrs: { fill: "#00112C", d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z" } }), l("path", { attrs: { fill: "#00112C", d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z" } })]);
-}, Ll = [], Ol = /* @__PURE__ */ I(
+}, Ll = [], Ol = /* @__PURE__ */ $(
+  Vl,
   kl,
-  $l,
   Ll,
   !1,
   null,
@@ -1505,27 +1511,27 @@ const wl = Ol.exports, Nl = {
     otherFilters: "Other filters",
     searchBar: "Search bar"
   }
-}, Ml = $({
+}, Ml = k({
   i18n: { messages: Nl },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Vl,
+    AllFiltersModalButton: Rl,
     BentoBooleanFilter: Ne,
     BentoButton: nt,
-    BentoDateFilter: Re,
-    BentoDateRangeFilter: Ve,
+    BentoDateFilter: $e,
+    BentoDateRangeFilter: Re,
     BentoInputFilter: Ue,
     BentoModal: lt,
     BentoRangeFilter: Me,
-    BentoSearchBar: ae,
-    BentoSelectAvatarFilter: ke,
-    BentoSelectCurrencyFilter: $e,
+    BentoSearchBar: se,
+    BentoSelectAvatarFilter: Ve,
+    BentoSelectCurrencyFilter: ke,
     BentoSelectCountryFilter: Le,
-    BentoSelectFilter: N,
+    BentoSelectFilter: H,
     BentoSelectPaymentMethodFilter: Oe,
     BentoSelectTagFilter: we,
-    BentoTypography: le,
-    FilterBarButton: ue,
+    BentoTypography: ne,
+    FilterBarButton: ce,
     SlidersIcon: wl
   },
   props: {
@@ -1554,66 +1560,66 @@ const wl = Ol.exports, Nl = {
       default: () => []
     }
   },
-  emits: [oe.INPUT],
+  emits: [re.INPUT],
   setup(t, { emit: e }) {
-    const l = Fe({ value: t.value }), a = ie("all-filters-modal"), n = P([]), r = P(!1), f = P(0), _ = P(null), o = P(""), { t: F } = W(), p = Te(o, Y(l, "value")), g = P({});
-    re(() => {
-      g.value = [];
-    }), Q(
+    const l = Fe({ value: t.value }), a = ue("all-filters-modal"), n = E([]), o = E(!1), b = E(0), v = E(null), i = E(""), { t: _ } = Z(), p = Te(i, j(l, "value")), A = E({});
+    ie(() => {
+      A.value = [];
+    }), X(
       () => t.value,
       () => {
         l.value = t.value;
       }
     );
-    const y = (u) => (
+    const h = (u) => (
       /* eslint-disable-next-line no-nested-ternary */
       u.sort((S, B) => S.label > B.label ? 1 : B.label > S.label ? -1 : 0)
-    ), h = s(
-      () => y(
+    ), m = s(
+      () => h(
         p.value.filter(
           (u) => {
             var S, B;
-            return Array.isArray(u.value) ? ((S = u.value) == null ? void 0 : S.length) && ((B = u.value) == null ? void 0 : B.find((L) => L !== "")) : u.value;
+            return Array.isArray(u.value) ? ((S = u.value) == null ? void 0 : S.length) && ((B = u.value) == null ? void 0 : B.find((w) => w !== "")) : u.value;
           }
         )
       )
     ), D = s(
-      () => y(
+      () => h(
         p.value.filter(
           (u) => {
             var S, B;
-            return Array.isArray(u.value) ? ((S = u.value) == null ? void 0 : S.length) === 0 || ((B = u.value) == null ? void 0 : B.every((L) => L === "")) : !u.value;
+            return Array.isArray(u.value) ? ((S = u.value) == null ? void 0 : S.length) === 0 || ((B = u.value) == null ? void 0 : B.every((w) => w === "")) : !u.value;
           }
         )
       )
-    ), T = s(() => {
+    ), P = s(() => {
       var u;
-      return o.value && ((u = p.value) == null ? void 0 : u.length) === 0;
-    }), m = s(() => l.value[f.value]), A = () => {
-      const u = h.value.length ? h.value[0] : D.value[0], S = l.value.findIndex(
+      return i.value && ((u = p.value) == null ? void 0 : u.length) === 0;
+    }), C = s(() => l.value[b.value]), g = () => {
+      const u = m.value.length ? m.value[0] : D.value[0], S = l.value.findIndex(
         (B) => B.label === u.label && B.field === u.field
       );
-      f.value = S;
+      b.value = S;
     };
     me(() => {
-      A();
+      g();
     });
-    const U = s(
+    const L = s(
       () => l.value.map((u) => {
-        var S, B, L, J, q, ce;
+        var S, B, w, Y, G, J;
         switch (u.type) {
-          case w.SELECT:
-          case w.SELECT_AVATAR:
-          case w.SELECT_COUNTRY:
-          case w.SELECT_CURRENCY:
-          case w.SELECT_PAYMENT_METHOD:
-          case w.SELECT_TAG:
+          case M.SELECT:
+          case M.SELECT_AVATAR:
+          case M.SELECT_COUNTRY:
+          case M.SELECT_CURRENCY:
+          case M.SELECT_PAYMENT_METHOD:
+          case M.SELECT_TAG:
             switch ((S = u.options) == null ? void 0 : S.multiple) {
               case !0:
                 return {
                   label: u.label,
                   field: u.field,
-                  count: (B = u.value) != null && B.length ? (L = u.value) == null ? void 0 : L.length : null
+                  count: (B = u.value) != null && B.length ? (w = u.value) == null ? void 0 : w.length : null
                 };
               default:
                 return {
@@ -1622,21 +1628,21 @@ const wl = Ol.exports, Nl = {
                   count: u.value == null ? null : 1
                 };
             }
-          case w.DATE_RANGE:
+          case M.DATE_RANGE:
             return {
               label: u.label,
               field: u.field,
-              count: ((J = u.value) == null ? void 0 : J.startDate) != null && ((q = u.value) == null ? void 0 : q.endDate) != null ? 1 : null
+              count: ((Y = u.value) == null ? void 0 : Y.startDate) != null && ((G = u.value) == null ? void 0 : G.endDate) != null ? 1 : null
             };
-          case w.RANGE:
+          case M.RANGE:
             return {
               label: u.label,
               field: u.field,
-              count: (ce = u.value) != null && ce.find((He) => He !== "") ? 1 : null
+              count: (J = u.value) != null && J.find((He) => He !== "") ? 1 : null
             };
-          case w.INPUT:
-          case w.BOOLEAN:
-          case w.DATE:
+          case M.INPUT:
+          case M.BOOLEAN:
+          case M.DATE:
           default:
             return {
               label: u.label,
@@ -1645,66 +1651,66 @@ const wl = Ol.exports, Nl = {
             };
         }
       })
-    ), i = s(
+    ), r = s(
       () => {
         var u;
-        return Array.isArray(m.value.value) ? ((u = m.value) == null ? void 0 : u.value.length) && m.value.value.find((S) => S !== "") : !!l.value[f.value].value;
+        return Array.isArray(C.value.value) ? ((u = C.value) == null ? void 0 : u.value.length) && C.value.value.find((S) => S !== "") : !!l.value[b.value].value;
       }
     ), c = s(
       () => {
         var u;
         return (
           // eslint-disable-next-line no-return-assign, no-param-reassign
-          (u = U.value) == null ? void 0 : u.reduce((S, B) => S += B.count, 0)
+          (u = L.value) == null ? void 0 : u.reduce((S, B) => S += B.count, 0)
         );
       }
-    ), b = () => {
-      r.value ? r.value = !1 : r.value = !0;
-    }, E = (u) => {
-      var B, L, J;
-      const S = U.value.find((q) => q.field === u.field).count;
-      return u.type.includes("BentoSelect") && ((B = u.options) != null && B.multiple) && S === ((J = (L = u.options) == null ? void 0 : L.listboxItems) == null ? void 0 : J.length) ? F("all") : S;
-    }, C = (u, S) => {
-      f.value = l.value.findIndex(
+    ), d = () => {
+      o.value ? o.value = !1 : o.value = !0;
+    }, T = (u) => {
+      var B, w, Y;
+      const S = L.value.find((G) => G.field === u.field).count;
+      return u.type.includes("BentoSelect") && ((B = u.options) != null && B.multiple) && S === ((Y = (w = u.options) == null ? void 0 : w.listboxItems) == null ? void 0 : Y.length) ? _("all") : S;
+    }, F = (u, S) => {
+      b.value = l.value.findIndex(
         (B) => B.label === u && B.field === S
       );
-    }, M = () => {
-      o.value = "";
     }, O = () => {
-      r.value = !1, l.value = t.value, M(), A();
-    }, x = (u) => {
-      const S = l.value.map(({ value: B, ...L }, J) => J === f.value ? { value: u.value, ...L } : { value: B, ...L });
-      l.value = S;
+      i.value = "";
     }, R = () => {
-      x({
-        field: m.value.field,
-        label: m.value.label,
-        type: m.value.type,
+      o.value = !1, l.value = t.value, O(), g();
+    }, U = (u) => {
+      const S = l.value.map(({ value: B, ...w }, Y) => Y === b.value ? { value: u.value, ...w } : { value: B, ...w });
+      l.value = S;
+    }, x = () => {
+      U({
+        field: C.value.field,
+        label: C.value.label,
+        type: C.value.type,
         value: void 0
       });
-    }, V = () => {
+    }, I = () => {
       l.value = l.value.map(({ value: u, ...S }) => ({
         ...S,
         value: void 0
       }));
-    }, k = () => {
-      e(oe.INPUT, l.value), r.value = !1;
-    }, v = s(
+    }, V = () => {
+      e(re.INPUT, l.value), o.value = !1;
+    }, N = s(
       () => JSON.stringify(l.value) === JSON.stringify(t.value)
-    ), H = s(() => [
+    ), y = s(() => [
       {
-        title: F("applyAll"),
-        disabled: v.value,
-        event: k
+        title: _("applyAll"),
+        disabled: N.value,
+        event: V
       },
       {
-        title: F("cancel"),
-        event: O
+        title: _("cancel"),
+        event: R
       },
       {
-        title: F("clearAll"),
+        title: _("clearAll"),
         disabled: !c.value,
-        event: V
+        event: I
       }
     ]);
     return {
@@ -1713,32 +1719,32 @@ const wl = Ol.exports, Nl = {
       // Values
       allFiltersModalUniqueId: a,
       allFiltersModalFiltersSection: n,
-      allFiltersModalFilterButtons: g,
+      allFiltersModalFilterButtons: A,
       numberOfActiveFilters: c,
-      isEmptyResultForSearchFilter: T,
-      isModalOpen: r,
-      isClearButtonEnabled: i,
-      activeFilters: h,
+      isEmptyResultForSearchFilter: P,
+      isModalOpen: o,
+      isClearButtonEnabled: r,
+      activeFilters: m,
       otherFilters: D,
-      modalActions: H,
-      selectedFilter: m,
-      selectedFilterRef: _,
+      modalActions: y,
+      selectedFilter: C,
+      selectedFilterRef: v,
       filters: l,
-      computedCounts: U,
-      searchTerm: o,
+      computedCounts: L,
+      searchTerm: i,
       // Methods
-      onClickAllFiltersModal: b,
-      getFilterCount: E,
-      cancel: O,
-      selectFilter: C,
-      clearFilter: R,
-      updateFilter: x,
-      onSearchbarClear: M,
+      onClickAllFiltersModal: d,
+      getFilterCount: T,
+      cancel: R,
+      selectFilter: F,
+      clearFilter: x,
+      updateFilter: U,
+      onSearchbarClear: O,
       onKeydownRight: () => {
-        ot(1, _.value.$el).focus();
+        ot(1, v.value.$el).focus();
       },
       onKeydownLeft: () => {
-        g.value[m.value.label].$el.focus();
+        A.value[C.value.label].$el.focus();
       }
     };
   }
@@ -1768,7 +1774,7 @@ var Hl = function() {
       return !a.type.indexOf("key") && e._k(a.keyCode, "left", 37, a.key, ["Left", "ArrowLeft"]) || "button" in a && a.button !== 0 ? null : e.onKeydownLeft.apply(null, arguments);
     } } }, [l("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [l("bento-typography", { attrs: { el: "div", variant: "title", medium: "" } }, [e._v(e._s(e.selectedFilter.label))]), e.selectedFilter.description ? l("bento-typography", { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1), l("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [l(e.selectedFilter.type, { key: e.selectedFilter.field, ref: "selectedFilterRef", tag: "component", attrs: { field: e.selectedFilter.field, label: e.selectedFilter.label, options: e.selectedFilter.options, value: e.selectedFilter.value, "default-value": e.selectedFilter.defaultValue, "only-slot": !0 }, on: { input: e.updateFilter } })], 1), l("div", { staticClass: "b-all-filters-modal__clear-button" }, [l("bento-button", { attrs: { variant: "secondary", disabled: !e.isClearButtonEnabled }, on: { click: e.clearFilter } }, [e._v(e._s(e.$t("clear")))])], 1)])];
   }, proxy: !0 }]) })], 1);
-}, ql = [], jl = /* @__PURE__ */ I(
+}, ql = [], jl = /* @__PURE__ */ $(
   Ml,
   Hl,
   ql,
@@ -1787,24 +1793,24 @@ const Yl = jl.exports, Jl = {
     resetAll: "Reset filters",
     searchBar: "Search bar"
   }
-}, Kl = $({
+}, Kl = k({
   i18n: { messages: Jl },
   name: "bento-filter-bar",
   components: {
     AllFiltersModal: Yl,
     BentoBooleanFilter: Ne,
-    BentoDateFilter: Re,
-    BentoDateRangeFilter: Ve,
+    BentoDateFilter: $e,
+    BentoDateRangeFilter: Re,
     BentoRangeFilter: Me,
     BentoInputFilter: Ue,
-    BentoSelectFilter: N,
-    BentoSelectAvatarFilter: ke,
+    BentoSelectFilter: H,
+    BentoSelectAvatarFilter: Ve,
     BentoSelectCountryFilter: Le,
-    BentoSelectCurrencyFilter: $e,
+    BentoSelectCurrencyFilter: ke,
     BentoSelectPaymentMethodFilter: Oe,
     BentoSelectTagFilter: we,
-    BentoSearchBar: ae,
-    FilterBarButton: ue,
+    BentoSearchBar: se,
+    FilterBarButton: ce,
     FixedScroller: mt,
     RefreshIcon: yt
   },
@@ -1834,7 +1840,7 @@ const Yl = jl.exports, Jl = {
      * If the value is non-existant (null or undefined) the search bar won't be enabled.
      */
     searchTerm: {
-      type: ae.props.value.type,
+      type: se.props.value.type,
       default: void 0
     },
     /**
@@ -1883,88 +1889,88 @@ const Yl = jl.exports, Jl = {
     }
   },
   emits: [
-    te.INPUT,
-    te.UPDATE_FILTER_VALUES,
-    Z.CLEAR,
-    Z.INPUT,
-    Z.UPDATE
+    ae.INPUT,
+    ae.UPDATE_FILTER_VALUES,
+    Q.CLEAR,
+    Q.INPUT,
+    Q.UPDATE
   ],
   setup(t, { emit: e }) {
-    const { t: l } = W(), a = s(
+    const { t: l } = Z(), a = s(
       () => {
-        var i, c;
-        return (c = ((i = t.config) == null ? void 0 : i.length) > 0 ? t.config : t.value) == null ? void 0 : c.map((b) => {
-          var C;
-          let E = (C = t.filterValues.find(({ field: M }) => M === b.field)) == null ? void 0 : C.value;
-          return E === void 0 && (E = (b == null ? void 0 : b.value) === void 0 && (b == null ? void 0 : b.defaultValue) !== void 0 ? b == null ? void 0 : b.defaultValue : b == null ? void 0 : b.value), { ...b, value: E !== void 0 ? E : b == null ? void 0 : b.value };
+        var r, c;
+        return (c = ((r = t.config) == null ? void 0 : r.length) > 0 ? t.config : t.value) == null ? void 0 : c.map((d) => {
+          var F;
+          let T = (F = t.filterValues.find(({ field: O }) => O === d.field)) == null ? void 0 : F.value;
+          return T === void 0 && (T = (d == null ? void 0 : d.value) === void 0 && (d == null ? void 0 : d.defaultValue) !== void 0 ? d == null ? void 0 : d.defaultValue : d == null ? void 0 : d.value), { ...d, value: T !== void 0 ? T : d == null ? void 0 : d.value };
         });
       }
-    ), n = tt(), r = s(() => l("searchBar")), f = s(() => a.value.some(
+    ), n = tt(), o = s(() => l("searchBar")), b = s(() => a.value.some(
       ({ visible: c }) => c != null
-    ) ? a.value.some(({ visible: c }) => !c) : !1), _ = s(
-      () => a.value.filter(({ defaultValue: i }) => i !== void 0)
-    ), o = s(() => a.value.some(
+    ) ? a.value.some(({ visible: c }) => !c) : !1), v = s(
+      () => a.value.filter(({ defaultValue: r }) => r !== void 0)
+    ), i = s(() => a.value.some(
       ({ visible: c }) => c != null
     ) ? a.value.filter(
-      ({ defaultValue: c, visible: b }) => c === void 0 && b
-    ) : a.value.filter(({ defaultValue: c }) => c === void 0)), F = s(() => t.searchTerm != null), p = s(
-      () => a.value.filter(({ defaultValue: i }) => i == null).some(({ value: i }) => i != null)
-    ), g = s(() => _.value.length === 0 && p.value), y = s(() => _.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: c }) => c !== void 0 || c !== null).every(({ value: c, defaultValue: b }) => JSON.stringify(c) === JSON.stringify(b)) || p.value), h = (i) => {
-      e(te.INPUT, i), e(
-        te.UPDATE_FILTER_VALUES,
-        i == null ? void 0 : i.filter(({ value: c }) => c !== null || c !== void 0).map(({ field: c, value: b }) => ({ field: c, value: b }))
+      ({ defaultValue: c, visible: d }) => c === void 0 && d
+    ) : a.value.filter(({ defaultValue: c }) => c === void 0)), _ = s(() => t.searchTerm != null), p = s(
+      () => a.value.filter(({ defaultValue: r }) => r == null).some(({ value: r }) => r != null)
+    ), A = s(() => v.value.length === 0 && p.value), h = s(() => v.value.length === 0 ? !1 : !a.value.filter(({ defaultValue: c }) => c !== void 0 || c !== null).every(({ value: c, defaultValue: d }) => JSON.stringify(c) === JSON.stringify(d)) || p.value), m = (r) => {
+      e(ae.INPUT, r), e(
+        ae.UPDATE_FILTER_VALUES,
+        r == null ? void 0 : r.filter(({ value: c }) => c !== null || c !== void 0).map(({ field: c, value: d }) => ({ field: c, value: d }))
       );
     };
     return {
       // Values
-      hasHiddenFilters: f,
-      isClearAllVisible: g,
-      isSearchBarEnabled: F,
-      searchBarAriaLabel: r,
-      persistentFilters: _,
-      regularFilters: o,
-      isResetAllVisible: y,
+      hasHiddenFilters: b,
+      isClearAllVisible: A,
+      isSearchBarEnabled: _,
+      searchBarAriaLabel: o,
+      persistentFilters: v,
+      regularFilters: i,
+      isResetAllVisible: h,
       valueAndFilterValuesPropsMerged: a,
       // Events
-      updateAllFilters: h,
-      updateFilterHandler: (i) => {
+      updateAllFilters: m,
+      updateFilterHandler: (r) => {
         const c = a.value.findIndex(
-          (E) => E.field === i.field
-        ), b = a.value.slice();
-        b[c].value = i.value, h(b);
+          (T) => T.field === r.field
+        ), d = a.value.slice();
+        d[c].value = r.value, m(d);
       },
       clearAllFilters: () => {
-        const i = a.value.slice(), c = a.value.map(({ value: b, ...E }) => ({
-          ...E,
+        const r = a.value.slice(), c = a.value.map(({ value: d, ...T }) => ({
+          ...T,
           value: void 0
         }));
         n.addToast({
           text: l("filtersHaveBeenCleared"),
           action: {
-            handler: () => h(i),
+            handler: () => m(r),
             text: l("undo")
           }
-        }), h(c);
+        }), m(c);
       },
       onSearchbarClear: () => {
-        e(Z.CLEAR);
+        e(Q.CLEAR);
       },
-      onSearchbarInput: (i) => {
-        e(Z.INPUT, i), e(Z.UPDATE, i);
+      onSearchbarInput: (r) => {
+        e(Q.INPUT, r), e(Q.UPDATE, r);
       },
       resetAllFilters: () => {
-        const i = a.value.slice(), c = a.value.map(({ defaultValue: b, ...E }) => ({
-          ...E,
-          defaultValue: b,
-          value: b
+        const r = a.value.slice(), c = a.value.map(({ defaultValue: d, ...T }) => ({
+          ...T,
+          defaultValue: d,
+          value: d
         }));
         n.addToast({
           text: l("filtersHaveBeenReset"),
           action: {
-            handler: () => h(i),
+            handler: () => m(r),
             text: l("undo")
           }
-        }), h(c);
+        }), m(c);
       }
     };
   }
@@ -1984,7 +1990,7 @@ var zl = function() {
   }, proxy: !0 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.$t("clearAll")) + " ")]), l("filter-bar-button", { directives: [{ name: "show", rawName: "v-show", value: e.isResetAllVisible, expression: "isResetAllVisible" }], staticClass: "b-filter-bar__reset-all", on: { click: e.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [l("refresh-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }], null, !1, 3891055301) }, [e._v(" " + e._s(e.$t("resetAll")) + " ")])], 1) : e._e()])])]);
-}, Gl = [], Wl = /* @__PURE__ */ I(
+}, Gl = [], Wl = /* @__PURE__ */ $(
   Kl,
   zl,
   Gl,
@@ -1994,11 +2000,11 @@ var zl = function() {
   null,
   null
 );
-const $a = Wl.exports;
+const ka = Wl.exports;
 export {
-  $a as BentoFilterBar,
-  te as BentoFilterBarEvent,
-  d as BentoFilterEvent,
-  w as BentoFilterItemType
+  ka as BentoFilterBar,
+  ae as BentoFilterBarEvent,
+  f as BentoFilterEvent,
+  M as BentoFilterItemType
 };
 //# sourceMappingURL=filter-bar.js.map