@adyen/bento-vue2 1.52.0 → 1.53.0

package/dist/chunks/{filter-bar.CwqoJGiK.js → filter-bar.BdGtQC7p.js}

@@ -1,8 +1,8 @@
-import { defineComponent as L, useSlots as ie, useAttrs as We, computed as r, ref as E, watch as z, nextTick as De, toRef as $, onBeforeUpdate as ue, provide as Ae, reactive as Te, onMounted as Pe } from "vue";
-import { B as me, I as Ke, b as ze } from "./popover.Cb6utVhS.js";
+import { defineComponent as L, useSlots as ie, useAttrs as Ke, computed as r, ref as U, watch as z, nextTick as De, toRef as $, onBeforeUpdate as ue, provide as Ae, reactive as Te, onMounted as Pe } from "vue";
+import { B as me, I as ze, b as Ge } from "./popover.BvsqsZQ1.js";
 import { u as G } from "./i18n.BQkEbtPM.js";
 import { g as fe } from "./generate-uid.NJ8tVoha.js";
-import { B as Ge, u as Ze } from "./teleport.B5fwsT5y.js";
+import { B as Ze, u as Qe } from "./teleport.BHfrns33.js";
 import "./index.Cl4_42j5.js";
 import { B as se, d as pe } from "./typography.J1v_SPG3.js";
 import { u as Ie } from "./aria-label.CaUURpnB.js";
@@ -10,39 +10,39 @@ import { B as Ee, a as Fe } from "./base-button.-gx_u8Bd.js";
 import { g as Ue } from "./get-slot-text.BQS5Olxm.js";
 import { u as Re } from "./use-has-slot.C9lQZ6nz.js";
 import { n as x } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { a as Qe } from "./tooltip.RPURZd36.js";
-import { B as Xe } from "./directive.O3yEdalv.js";
-import { B as et } from "./radio-group._8PsjPCZ.js";
+import { a as Xe } from "./tooltip.DShIiBiY.js";
+import { B as et } from "./directive.Cbdox5VL.js";
+import { B as tt } from "./radio-group.BvswbJa8.js";
 import { t as ae } from "./chip.BeK9uqmW.js";
-import { B as be } from "./input-field.De4sp76g.js";
-import { B as ve, b as le } from "./search-bar.CVY2e8_B.js";
-import { B as tt } from "./modal.BpDz0Dhc.js";
-import { g as lt } from "./base-modal.CiTysydg.js";
-import { B as at } from "./button.D-3uUhuG.js";
-import { u as xe, B as nt } from "./dropdown.CcHoKbLz.js";
-import { g as ot } from "./focus-trap.CWlKh48z.js";
-import { a as st, C as rt } from "./chevron-up.CSVyoaTy.js";
+import { B as be } from "./input-field.tP3Eupoo.js";
+import { B as ve, b as le } from "./search-bar.kKLreEXo.js";
+import { B as lt } from "./modal.CnmRkXZM.js";
+import { g as at } from "./base-modal.DnaWOvaM.js";
+import { B as nt } from "./button.D-3uUhuG.js";
+import { u as xe, B as ot } from "./dropdown.DzWXcJyF.js";
+import { g as st } from "./focus-trap.CIUzScHc.js";
+import { a as rt, C as it } from "./chevron-up.CSVyoaTy.js";
 /* empty css              */
 import { B as _e } from "./divider.Cc4JFWG_.js";
-import { c as he, b as it } from "./use-cached-selected-values.CxlYYUbd.js";
-import { L as Le } from "./listbox-option-tag.xGQr3Su1.js";
-import { B as ut } from "./payment-method.NZKiNOmM.js";
-import { u as ct } from "./use-country-items.HFnjuDsG.js";
-import { B as dt } from "./avatar.BgwjpLQO.js";
-import { D as ft, B as pt, i as ce, b as bt } from "./date-range-picker.BHfvD0GK.js";
+import { c as he, b as ut } from "./use-cached-selected-values.LVldNial.js";
+import { L as Le } from "./listbox-option-tag.T9cfTst7.js";
+import { B as ct } from "./payment-method.NZKiNOmM.js";
+import { u as dt } from "./use-country-items.HFnjuDsG.js";
+import { B as ft } from "./avatar.BgwjpLQO.js";
+import { D as pt, B as bt, i as ce, b as vt } from "./date-range-picker.-s05jOQA.js";
 import { g as Ve } from "./get-date-locale.BN8xEjY0.js";
-import { a as vt, i as _t } from "./calendar.Bq67h02Z.js";
+import { a as _t, i as yt } from "./calendar.CJToU_uI.js";
 import { f as X } from "./date.dYFFEunA.js";
-import { B as yt } from "./button-actions.DAvSJtOB.js";
+import { B as mt } from "./button-actions.DAvSJtOB.js";
 import { D as Se } from "./date-input.BqBdAO1E.js";
-import { B as mt } from "./date-picker.BdMr3Sn2.js";
-import { R as Ft } from "./refresh.Bc9FzGjJ.js";
-import { u as ht } from "./use-bento-toast-controller.Cn_2Eogn.js";
-import { F as St } from "./fixed-scroller.BwvXYzE6.js";
+import { B as Ft } from "./date-picker.bgk9aymW.js";
+import { R as ht } from "./refresh.Bc9FzGjJ.js";
+import { u as St } from "./use-bento-toast-controller.Cn_2Eogn.js";
+import { F as Bt } from "./fixed-scroller.BwvXYzE6.js";
 import "../assets/filter-bar.css";
-var p = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(p || {}), oe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES = "update:filter-values", a))(oe || {}), J = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a))(J || {});
-const Bt = {}, gt = /* @__PURE__ */ L({
-  ...Bt,
+var b = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(b || {}), oe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES = "update:filter-values", a))(oe || {}), J = /* @__PURE__ */ ((a) => (a.BOOLEAN = "BentoBooleanFilter", a.RANGE = "BentoRangeFilter", a.INPUT = "BentoInputFilter", a.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", a.SELECT = "BentoSelectFilter", a.SELECT_AVATAR = "BentoSelectAvatarFilter", a.SELECT_COUNTRY = "BentoSelectCountryFilter", a.SELECT_CURRENCY = "BentoSelectCurrencyFilter", a.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", a.SELECT_TAG = "BentoSelectTagFilter", a.DATE = "BentoDateFilter", a.DATE_RANGE = "BentoDateRangeFilter", a))(J || {});
+const gt = {}, Ct = /* @__PURE__ */ L({
+  ...gt,
   __name: "filter-bar-button",
   props: {
     /**
@@ -71,7 +71,7 @@ const Bt = {}, gt = /* @__PURE__ */ L({
   },
   emits: ["click"],
   setup(a, { emit: e }) {
-    const t = a, l = ie(), n = We(), o = Re(l), s = r(() => l.default ? Ue(l)("default") : null), b = Ie({ ariaLabel: s }), c = E(null), d = r(() => {
+    const t = a, l = ie(), n = Ke(), o = Re(l), s = r(() => l.default ? Ue(l)("default") : null), d = Ie({ ariaLabel: s }), c = U(null), f = r(() => {
       var v;
       return {
         "aria-controls": (v = n["aria-controls"]) == null ? void 0 : v.toString()
@@ -82,27 +82,27 @@ const Bt = {}, gt = /* @__PURE__ */ L({
       "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
       "b-filter-bar-button--with-counter": t.appliedFiltersCount
     }));
-    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: o, labelSlot: s, computedAriaLabel: b, filterBarButtonRef: c, ariaAttributes: d, conditionalClasses: F, onClickButton: (v) => {
+    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: o, labelSlot: s, computedAriaLabel: d, filterBarButtonRef: c, ariaAttributes: f, conditionalClasses: F, onClickButton: (v) => {
       v.preventDefault(), t.disabled || e("click", v);
     }, BentoTypography: se, BaseButton: Ee };
   }
 });
-var Ct = function() {
+var Dt = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t(l.BaseButton, { ref: "filterBarButtonRef", staticClass: "b-filter-bar-button", class: l.conditionalClasses, attrs: { disabled: e.disabled, "aria-label": l.computedAriaLabel, "aria-controls": l.ariaAttributes["aria-controls"], type: "button" }, on: { click: l.onClickButton }, scopedSlots: e._u([{ key: "iconRight", fn: function() {
     return [e.appliedFiltersCount ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.appliedFiltersCount) + " ")]) : e._e()];
   }, proxy: !0 }]) }, [t("div", { staticClass: "b-filter-bar-button__container" }, [l.hasSlot("iconLeft") ? [e._t("iconLeft")] : e._e(), t("div", { staticClass: "b-filter-bar-button__label-container" }, [t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [t("span", [e._t("default")], 2), e.secondaryLabel ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(":")]) : e._e()], 1), e.secondaryLabel ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__secondary-label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.secondaryLabel) + " ")]) : e._e()], 1)], 2)]);
-}, Dt = [], At = /* @__PURE__ */ x(
-  gt,
+}, At = [], Tt = /* @__PURE__ */ x(
   Ct,
   Dt,
+  At,
   !1,
   null,
   "83ed6ba5"
 );
-const ye = At.exports;
+const ye = Tt.exports;
 var Y = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a))(Y || {});
-const Tt = {
+const Pt = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -119,15 +119,15 @@ const Tt = {
     clear: "Limpar",
     reset: "Reiniciar"
   }
-}, Pt = L({
-  i18n: { messages: Tt },
+}, It = L({
+  i18n: { messages: Pt },
   name: "bento-base-filter",
   components: {
     BentoPopover: me,
-    BentoTeleport: Ge,
+    BentoTeleport: Ze,
     FilterBarButton: ye
   },
-  directives: { BentoClickOutsideDirective: Xe },
+  directives: { BentoClickOutsideDirective: et },
   props: {
     /**
      * Total count of applied filters
@@ -192,29 +192,29 @@ const Tt = {
     Y.RESET
   ],
   setup(a, { emit: e }) {
-    const { t } = G(), l = fe("base-filter-popover"), n = E(!1), o = E(null), s = E(null), b = r(() => a.defaultValue !== null), c = r(
-      () => b.value ? t("filterButton", {
+    const { t } = G(), l = fe("base-filter-popover"), n = U(!1), o = U(null), s = U(null), d = r(() => a.defaultValue !== null), c = r(
+      () => d.value ? t("filterButton", {
         function: a.label
-      }) : d.value
-    ), d = r(() => a.buttonLabel || a.label), F = () => {
+      }) : f.value
+    ), f = r(() => a.buttonLabel || a.label), F = () => {
       n.value && (n.value = !1, De(() => {
         var B, C;
         (C = (B = o.value) == null ? void 0 : B.$el) == null || C.focus();
       }), e(Y.CLOSE));
     }, g = () => {
-      F(), b.value ? e(Y.RESET) : e(Y.CLEAR);
+      F(), d.value ? e(Y.RESET) : e(Y.CLEAR);
     }, v = () => F(), S = () => {
       n.value ? F() : (n.value = !0, e(Y.OPEN));
     }, T = () => {
       F(), e(Y.APPLY);
-    }, I = r(() => [
+    }, E = r(() => [
       {
         title: t("apply"),
         event: T,
         disabled: a.disableApplyButton
       },
       {
-        title: b.value ? t("reset") : t("clear"),
+        title: d.value ? t("reset") : t("clear"),
         event: g,
         disabled: a.disableSecondaryButton
       }
@@ -225,16 +225,16 @@ const Tt = {
         var D, u;
         !B && C && (u = (D = o.value) == null ? void 0 : D.filterBarButtonRef) != null && u.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Ze(s, v, { ignore: [o] }), {
+    ), Qe(s, v, { ignore: [o] }), {
       // Values
-      actions: I,
+      actions: E,
       popoverId: l,
       isFilterOpen: n,
-      isPersistentFilter: b,
+      isPersistentFilter: d,
       computedAriaLabel: c,
-      computedButtonText: d,
+      computedButtonText: f,
       // Enums
-      BentoTooltipPosition: Qe,
+      BentoTooltipPosition: Xe,
       // Events
       onClickFilter: S,
       onClickApply: T,
@@ -247,23 +247,23 @@ const Tt = {
     };
   }
 });
-var It = function() {
+var Et = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t("filter-bar-button", { ref: "filterButtonRef", attrs: { "aria-label": e.computedAriaLabel, "aria-controls": e.isFilterOpen ? e.popoverId : null, "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": e.isPersistentFilter, "is-filter-open": e.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: e.onClickFilter, keydown: function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._v(" " + e._s(e.computedButtonText) + " ")]), e.filterButtonRef ? t("bento-teleport", [e.filterButtonRef ? t("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"] } }, [t("div", { on: { keydown: function(l) {
     return !l.type.indexOf("key") && e._k(l.keyCode, "esc", 27, l.key, ["Esc", "Escape"]) ? null : e.closePopover.apply(null, arguments);
   } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, Et = [], Ut = /* @__PURE__ */ x(
-  Pt,
+}, Ut = [], Rt = /* @__PURE__ */ x(
   It,
   Et,
+  Ut,
   !1,
   null,
   "16bfaad0"
 );
-const ee = Ut.exports, Rt = (a) => a instanceof Array, Be = (a) => Rt(a) ? a.length === 0 || a.every((e) => e === "") : !a, ge = (a, e) => JSON.stringify(a) === JSON.stringify(e), Z = (a, e) => {
-  const t = E(a.value);
+const ee = Rt.exports, xt = (a) => a instanceof Array, Be = (a) => xt(a) ? a.length === 0 || a.every((e) => e === "") : !a, ge = (a, e) => JSON.stringify(a) === JSON.stringify(e), Z = (a, e) => {
+  const t = U(a.value);
   z(
     () => a.value,
     () => {
@@ -278,10 +278,10 @@ const ee = Ut.exports, Rt = (a) => a instanceof Array, Be = (a) => Rt(a) ? a.len
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: o
   };
-}, xt = {
+}, Lt = {
   name: "bento-input-filter"
-}, Lt = /* @__PURE__ */ L({
-  ...xt,
+}, Vt = /* @__PURE__ */ L({
+  ...Lt,
   props: {
     defaultValue: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -294,7 +294,7 @@ const ee = Ut.exports, Rt = (a) => a instanceof Array, Be = (a) => Rt(a) ? a.len
   emits: ["input", "update"],
   setup(a, { emit: e }) {
     var _, y;
-    const t = a, l = E(null), n = E((y = (_ = t == null ? void 0 : t.options) == null ? void 0 : _.dropdown) == null ? void 0 : y.value), o = r(
+    const t = a, l = U(null), n = U((y = (_ = t == null ? void 0 : t.options) == null ? void 0 : _.dropdown) == null ? void 0 : y.value), o = r(
       () => {
         var i, P;
         return ((i = t == null ? void 0 : t.options) == null ? void 0 : i.variant) === "dropdown" && ((P = t == null ? void 0 : t.options) == null ? void 0 : P.dropdown) !== void 0;
@@ -304,7 +304,7 @@ const ee = Ut.exports, Rt = (a) => a instanceof Array, Be = (a) => Rt(a) ? a.len
         var i;
         return o.value ? { ...(i = t == null ? void 0 : t.options) == null ? void 0 : i.dropdown, value: n.value } : void 0;
       }
-    ), b = r(() => {
+    ), d = r(() => {
       var i;
       return ((i = t == null ? void 0 : t.options) == null ? void 0 : i.variant) === "dropdown" ? "dropdown" : "default";
     }), c = r(
@@ -312,38 +312,38 @@ const ee = Ut.exports, Rt = (a) => a instanceof Array, Be = (a) => Rt(a) ? a.len
         var i;
         return o.value ? (i = t.value) == null ? void 0 : i.inputValue : t == null ? void 0 : t.value;
       }
-    ), { internalFilterValue: d, isSecondaryButtonDisabled: F, isApplyButtonDisabled: g } = Z(
+    ), { internalFilterValue: f, isSecondaryButtonDisabled: F, isApplyButtonDisabled: g } = Z(
       c,
       $(t, "defaultValue")
     ), v = r(() => t.label), S = r(() => ae(c.value, 12)), T = r(() => ({
       "b-input-filter--only-slot": t.onlySlot
     }));
     ue(() => {
-      d.value === "" && (d.value = null);
+      f.value === "" && (f.value = null);
     }), z(l, () => {
       var i;
       (i = l.value) == null || i.focusInput();
     });
-    const I = () => {
-      d.value = c.value;
+    const E = () => {
+      f.value = c.value;
     }, B = () => {
-      !d.value && t.defaultValue !== null && (d.value = t.defaultValue), e("update", {
+      !f.value && t.defaultValue !== null && (f.value = t.defaultValue), e("update", {
         ...t,
         value: o.value ? {
-          inputValue: d.value,
+          inputValue: f.value,
           dropdownValue: n.value
-        } : d.value
+        } : f.value
       });
     }, C = () => e("update", { ...t, value: t.defaultValue }), D = () => {
-      d.value = null, B();
+      f.value = null, B();
     }, u = () => {
-      e("input", { ...t, value: d.value });
-    }, U = (i) => {
-      d.value = i;
+      e("input", { ...t, value: f.value });
+    }, I = (i) => {
+      f.value = i;
     }, R = (i) => {
       n.value = i;
     };
-    return Ae(Ke, o.value), z(
+    return Ae(ze, o.value), z(
       () => t.options,
       () => {
         var i, P, M;
@@ -363,27 +363,27 @@ const ee = Ut.exports, Rt = (a) => a instanceof Array, Be = (a) => Rt(a) ? a.len
         );
       },
       { immediate: !0 }
-    ), { __sfc: !0, props: t, emit: e, inputTextRef: l, dropdownValue: n, isDropdownVariant: o, dropdownProp: s, inputVariant: b, valueProp: c, internalFilterValue: d, isSecondaryButtonDisabled: F, isApplyButtonDisabled: g, buttonLabel: v, buttonSecondaryLabel: S, conditionalClasses: T, openFilter: I, updateFilter: B, resetFilter: C, clearFilter: D, onInput: u, setInternalFilterValue: U, onDropdownInput: R, BentoBaseFilter: ee, BentoInputField: be };
+    ), { __sfc: !0, props: t, emit: e, inputTextRef: l, dropdownValue: n, isDropdownVariant: o, dropdownProp: s, inputVariant: d, valueProp: c, internalFilterValue: f, isSecondaryButtonDisabled: F, isApplyButtonDisabled: g, buttonLabel: v, buttonSecondaryLabel: S, conditionalClasses: T, openFilter: E, updateFilter: B, resetFilter: C, clearFilter: D, onInput: u, setInternalFilterValue: I, onDropdownInput: R, BentoBaseFilter: ee, BentoInputField: be };
   }
 });
-var Vt = function() {
+var $t = function() {
   var n, o;
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t(l.BentoBaseFilter, e._b({ attrs: { "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "only-slot": e.onlySlot, "popover-overflow-visible": l.isDropdownVariant }, on: { apply: l.updateFilter, clear: l.clearFilter, open: l.openFilter, reset: l.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-filter", class: l.conditionalClasses, on: { keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
   }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownProp, "dropdown-position": (n = e.options) == null ? void 0 : n.dropdownPosition, placeholder: (o = e.options) == null ? void 0 : o.placeholder, variant: l.inputVariant, value: l.internalFilterValue }, on: { input: l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
-}, $t = [], kt = /* @__PURE__ */ x(
-  Lt,
+}, kt = [], Ot = /* @__PURE__ */ x(
   Vt,
   $t,
+  kt,
   !1,
   null,
   "84f6bd65"
 );
-const $e = kt.exports, Ot = {
+const $e = Ot.exports, wt = {
   name: "bento-input-with-dropdown-filter"
-}, wt = /* @__PURE__ */ L({
-  ...Ot,
+}, Nt = /* @__PURE__ */ L({
+  ...wt,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -393,22 +393,22 @@ const $e = kt.exports, Ot = {
     options: { default: void 0 },
     value: { default: void 0 }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
-    const t = a, l = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z($(t, "value"), $(t, "defaultValue")), b = r(() => t.label), c = r(() => {
+    const t = a, l = U(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z($(t, "value"), $(t, "defaultValue")), d = r(() => t.label), c = r(() => {
       var u;
       return ae((u = t.value) == null ? void 0 : u.inputValue, 12);
-    }), d = r(() => {
-      var u, U;
+    }), f = r(() => {
+      var u, I;
       return {
         ...((u = t.options) == null ? void 0 : u.dropdown) || {},
-        value: (U = n.value) == null ? void 0 : U.dropdownValue
+        value: (I = n.value) == null ? void 0 : I.dropdownValue
       };
     }), F = r(() => ({
       "b-input-with-dropdown-filter--only-slot": t.onlySlot
     })), g = r(() => {
-      var U, R;
-      return !(!!((U = n.value) != null && U.inputValue) && !!((R = n.value) != null && R.dropdownValue)) || s.value;
+      var I, R;
+      return !(!!((I = n.value) != null && I.inputValue) && !!((R = n.value) != null && R.dropdownValue)) || s.value;
     });
     ue(() => {
       var u;
@@ -421,43 +421,43 @@ const $e = kt.exports, Ot = {
       n.value = t.value;
     }, S = () => {
       var u;
-      !((u = n.value) != null && u.inputValue) && t.defaultValue !== null && (n.value = { ...t.defaultValue }), e(p.UPDATE, {
+      !((u = n.value) != null && u.inputValue) && t.defaultValue !== null && (n.value = { ...t.defaultValue }), e(b.UPDATE, {
         ...t,
         value: n.value
       });
-    }, T = () => e(p.UPDATE, { ...t, value: t.defaultValue }), I = () => {
+    }, T = () => e(b.UPDATE, { ...t, value: t.defaultValue }), E = () => {
       n.value = null, S();
     }, B = () => {
-      e(p.INPUT, { ...t, value: n.value });
+      e(b.INPUT, { ...t, value: n.value });
     }, C = (u) => {
       n.value = { ...n.value, inputValue: u };
     }, D = (u) => {
       n.value = { ...n.value, dropdownValue: u };
     };
-    return Ae(ze, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s, buttonLabel: b, buttonSecondaryLabel: c, dropdownOptions: d, conditionalClasses: F, shouldDisableApply: g, openFilter: v, updateFilter: S, resetFilter: T, clearFilter: I, onInput: B, setInternalFilterValue: C, onDropdownInput: D, BentoBaseFilter: ee, BentoInputField: be };
+    return Ae(Ge, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s, buttonLabel: d, buttonSecondaryLabel: c, dropdownOptions: f, conditionalClasses: F, shouldDisableApply: g, openFilter: v, updateFilter: S, resetFilter: T, clearFilter: E, onInput: B, setInternalFilterValue: C, onDropdownInput: D, BentoBaseFilter: ee, BentoInputField: be };
   }
 });
-var Nt = function() {
+var Mt = function() {
   var n, o;
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t(l.BentoBaseFilter, e._b({ attrs: { "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, "disable-apply-button": l.shouldDisableApply, "disable-secondary-button": l.isSecondaryButtonDisabled, "only-slot": e.onlySlot }, on: { apply: l.updateFilter, clear: l.clearFilter, open: l.openFilter, reset: l.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-input-with-dropdown-filter", class: l.conditionalClasses, on: { keydown: function(s) {
     return !s.type.indexOf("key") && e._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
   }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownOptions, "dropdown-position": (n = e.options) == null ? void 0 : n.dropdownPosition, variant: "dropdown", value: (o = l.internalFilterValue) == null ? void 0 : o.inputValue }, on: { input: l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
-}, Mt = [], Ht = /* @__PURE__ */ x(
-  wt,
+}, Ht = [], jt = /* @__PURE__ */ x(
   Nt,
   Mt,
+  Ht,
   !1,
   null,
   "0406187f"
 );
-const jt = Ht.exports, qt = L({
+const ke = jt.exports, qt = L({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: ee,
-    BentoDatePicker: mt,
+    BentoDatePicker: Ft,
     BentoDivider: _e,
-    Calendar: vt
+    Calendar: _t
   },
   props: {
     /**
@@ -498,17 +498,17 @@ const jt = Ht.exports, qt = L({
      */
     value: { type: Date, default: void 0 }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
     const { locale: t } = G(void 0, !0), l = Ve(), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z(
       $(a, "value"),
       $(a, "defaultValue")
-    ), b = r(
+    ), d = r(
       () => a.value ? X(a.value, "dd MMM, yyyy", {
         locale: l[t.value.substring(0, 2)] || l.enUS
       }) : null
-    ), c = r(() => a.label), d = r(() => b.value), F = () => {
-      e(p.UPDATE, { ...a, value: n.value });
+    ), c = r(() => a.label), f = r(() => d.value), F = () => {
+      e(b.UPDATE, { ...a, value: n.value });
     }, g = () => {
       n.value = null, F();
     }, v = () => {
@@ -516,7 +516,7 @@ const jt = Ht.exports, qt = L({
     }, S = () => {
       n.value = a.value;
     }, T = (B) => {
-      n.value = B, e(p.INPUT, { ...a, value: n.value });
+      n.value = B, e(b.INPUT, { ...a, value: n.value });
     };
     return {
       // Values
@@ -524,7 +524,7 @@ const jt = Ht.exports, qt = L({
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: o,
       buttonLabel: c,
-      buttonSecondaryLabel: d,
+      buttonSecondaryLabel: f,
       // Events
       clearFilter: g,
       onDateSelected: T,
@@ -538,18 +538,18 @@ const jt = Ht.exports, qt = L({
   }
 });
 var Jt = function() {
-  var l, n, o, s;
+  var l, n, o, s, d, c;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "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 ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (l = e.options) == null ? void 0 : l.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue }, on: { input: e.onDateSelected } })], 1)]], 2);
+  return e._self._setupProxy, t("bento-base-filter", { attrs: { "button-label": e.buttonLabel, "button-secondary-label": e.buttonSecondaryLabel, disabled: e.disabled, "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 ? t("bento-date-picker", { attrs: { value: e.internalFilterValue, "first-day-of-week": (l = e.options) == null ? void 0 : l.firstDayOfWeek, "is-date-disabled": (n = e.options) == null ? void 0 : n.isDateDisabled, variant: (o = e.options) == null ? void 0 : o.variant }, on: { input: e.onDateInputSelected } }) : [t("bento-divider", { staticClass: "b-date-filter__divider" }), t("div", { staticClass: "b-date-filter" }, [t("calendar", { attrs: { "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (d = e.options) == null ? void 0 : d.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue, variant: (c = e.options) == null ? void 0 : c.variant }, on: { input: e.onDateSelected } })], 1)]], 2);
 }, Yt = [], Wt = /* @__PURE__ */ x(
   qt,
   Jt,
   Yt,
   !1,
   null,
-  "eeb380bc"
+  "cc990c60"
 );
-const ke = Wt.exports, Kt = {
+const Oe = Wt.exports, Kt = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -570,11 +570,11 @@ const ke = Wt.exports, Kt = {
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: ee,
-    BentoButtonActions: yt,
-    BentoDateRangePicker: pt,
+    BentoButtonActions: mt,
+    BentoDateRangePicker: bt,
     BentoTypography: se,
     BentoDivider: _e,
-    DateRangePickerCalendar: ft
+    DateRangePickerCalendar: pt
   },
   props: {
     /**
@@ -622,42 +622,42 @@ const ke = Wt.exports, Kt = {
       default: () => ({ startDate: void 0, endDate: void 0 })
     }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
     var q, W, k, H;
-    const { locale: t, t: l } = G(), n = Ve(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: b } = Z(
+    const { locale: t, t: l } = G(), n = Ve(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: d } = Z(
       $(a, "value"),
       $(a, "defaultValue")
-    ), c = E(!1), d = (m) => m ? X(m, Se.NUMERIC_DATE_YEAR_FIRST, {
+    ), c = U(!1), f = (m) => m ? X(m, Se.NUMERIC_DATE_YEAR_FIRST, {
       locale: n[t.value.substring(0, 2)] || n.enUS
     }) : void 0, F = (m) => m ? X(m, Se.HOUR_MINUTE_SECONDS, {
       locale: n[t.value.substring(0, 2)] || n.enUS
-    }) : "", g = E(null), v = E(!1), S = Te({
-      startDate: d((q = a.value) == null ? void 0 : q.startDate),
-      endDate: d((W = a.value) == null ? void 0 : W.endDate),
+    }) : "", g = U(null), v = U(!1), S = Te({
+      startDate: f((q = a.value) == null ? void 0 : q.startDate),
+      endDate: f((W = a.value) == null ? void 0 : W.endDate),
       startTime: F((k = a.value) == null ? void 0 : k.startDate),
       endTime: F((H = a.value) == null ? void 0 : H.endDate)
     });
     function T(m) {
       return (m == null ? void 0 : m.length) !== void 0;
     }
-    const I = r(() => {
-      var m, O, j, w, h, f, A, V, K;
+    const E = r(() => {
+      var m, O, j, w, h, p, A, V, K;
       if (!((m = a.value) != null && m.startDate) && !a.value.endDate)
         return null;
       if (T((O = a.options) == null ? void 0 : O.quickSelectRanges) && ((w = (j = a.options) == null ? void 0 : j.quickSelectRanges) == null ? void 0 : w.length) > 0) {
-        const Q = (f = (h = a.options) == null ? void 0 : h.quickSelectRanges) == null ? void 0 : f.find(({ value: re, data: N }) => {
+        const Q = (p = (h = a.options) == null ? void 0 : h.quickSelectRanges) == null ? void 0 : p.find(({ value: re, data: N }) => {
           if (o.value.range)
             return re === o.value.range;
           if (!(N != null && N.endDate))
-            ce(N == null ? void 0 : N.startDate, o.value.startDate) && bt(o.value.endDate);
+            ce(N == null ? void 0 : N.startDate, o.value.startDate) && vt(o.value.endDate);
           else
             return ce(N == null ? void 0 : N.startDate, o.value.startDate) && ce(N == null ? void 0 : N.endDate, o.value.endDate);
         });
         if (Q)
           return Q.label;
       }
-      return _t((A = a.value) == null ? void 0 : A.startDate, (V = a.value) == null ? void 0 : V.endDate) && ((K = a == null ? void 0 : a.options) != null && K.allowTimeInput) ? `${X(a.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return yt((A = a.value) == null ? void 0 : A.startDate, (V = a.value) == null ? void 0 : V.endDate) && ((K = a == null ? void 0 : a.options) != null && K.allowTimeInput) ? `${X(a.value.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: n[t.value.substring(0, 2)] || n.enUS
       })} - ${X(a.value.endDate, "HH:mm:ss", {
         locale: n[t.value.substring(0, 2)] || n.enUS
@@ -669,25 +669,25 @@ const ke = Wt.exports, Kt = {
     }), B = r(() => a.label), C = () => {
       g.value.closePopover();
       const { onlySlot: m, ...O } = a;
-      e(p.UPDATE, { ...O, value: o.value });
+      e(b.UPDATE, { ...O, value: o.value });
     }, D = () => {
       o.value = void 0, C();
     }, u = () => {
       o.value = a.defaultValue, C();
-    }, U = () => {
+    }, I = () => {
       o.value = a.value;
     }, R = (m) => {
-      c.value = !1, o.value = m, S.startDate = d(m.startDate), S.endDate = d(m.endDate), e(p.INPUT, { ...a, value: o.value });
+      c.value = !1, o.value = m, S.startDate = f(m.startDate), S.endDate = f(m.endDate), e(b.INPUT, { ...a, value: o.value });
     }, _ = (m) => {
-      m != null && m.startDate && (m != null && m.endDate) && (o.value = m, S.startDate = d(m.startDate), S.endDate = d(m.endDate), e(p.INPUT, { ...a, value: o.value }));
+      m != null && m.startDate && (m != null && m.endDate) && (o.value = m, S.startDate = f(m.startDate), S.endDate = f(m.endDate), e(b.INPUT, { ...a, value: o.value }));
     }, y = (m) => {
-      R(m), e(p.INPUT, { ...a, value: o.value });
+      R(m), e(b.INPUT, { ...a, value: o.value });
     }, i = r(
       () => [
         {
           title: l("apply"),
           event: C,
-          disabled: c.value || v.value || b.value
+          disabled: c.value || v.value || d.value
         },
         {
           title: a.defaultValue ? l("reset") : l("clear"),
@@ -703,17 +703,17 @@ const ke = Wt.exports, Kt = {
       actions: i,
       formData: S,
       internalFilterValue: o,
-      isApplyButtonDisabled: b,
+      isApplyButtonDisabled: d,
       isSecondaryButtonDisabled: s,
       isSelectingDate: c,
       buttonLabel: B,
-      buttonSecondaryLabel: I,
+      buttonSecondaryLabel: E,
       // Events
       onDateSelected: R,
-      openFilter: U,
+      openFilter: I,
       updateFilter: C,
       onDatePickerRangeError: () => {
-        v.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(p.INPUT, { ...a, value: o.value });
+        v.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(b.INPUT, { ...a, value: o.value });
       },
       onDatePickerRangeFormDateInputUpdate: (m) => {
         v.value = !1, m.startTime && (S.startTime = m.startTime), m.endTime && (S.endTime = m.endTime);
@@ -724,9 +724,9 @@ const ke = Wt.exports, Kt = {
   }
 });
 var Gt = function() {
-  var l, n, o, s, b, c, d, F, g, v, S, T, I, B, C;
+  var l, n, o, s, d, c, f, F, g, v, S, T, E, B, C, D, u;
   var e = this, t = e._self._c;
-  return e._self._setupProxy, t("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, disabled: e.disabled, "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 ? t("bento-date-range-picker", { attrs: { "allow-time-input": (l = e.options) == null ? void 0 : l.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": (s = e.options) == null ? void 0 : s.numberOfMonths, "quick-select-ranges": (b = e.options) == null ? void 0 : b.quickSelectRanges }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (c = e.options) == null ? void 0 : c.allowTimeInput, "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek, "is-date-disabled": (F = e.options) == null ? void 0 : F.isDateDisabled, granularities: (g = e.options) == null ? void 0 : g.granularities, "max-range": (v = e.options) == null ? void 0 : v.maxRange, min: (S = e.options) == null ? void 0 : S.min, max: (T = e.options) == null ? void 0 : T.max, "number-of-months": (I = e.options) == null ? void 0 : I.numberOfMonths, "quick-select-ranges": (B = e.options) == null ? void 0 : B.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (C = e.options) == null ? void 0 : C.showEndDateOnOpen }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(D) {
+  return e._self._setupProxy, t("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, disabled: e.disabled, "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 ? t("bento-date-range-picker", { attrs: { "allow-time-input": (l = e.options) == null ? void 0 : l.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": (s = e.options) == null ? void 0 : s.numberOfMonths, "quick-select-ranges": (d = e.options) == null ? void 0 : d.quickSelectRanges, variant: (c = e.options) == null ? void 0 : c.variant }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (f = e.options) == null ? void 0 : f.allowTimeInput, "first-day-of-week": (F = e.options) == null ? void 0 : F.firstDayOfWeek, "is-date-disabled": (g = e.options) == null ? void 0 : g.isDateDisabled, granularities: (v = e.options) == null ? void 0 : v.granularities, "max-range": (S = e.options) == null ? void 0 : S.maxRange, min: (T = e.options) == null ? void 0 : T.min, max: (E = e.options) == null ? void 0 : E.max, "number-of-months": (B = e.options) == null ? void 0 : B.numberOfMonths, "quick-select-ranges": (C = e.options) == null ? void 0 : C.quickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (D = e.options) == null ? void 0 : D.showEndDateOnOpen, variant: (u = e.options) == null ? void 0 : u.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(I) {
     e.isSelectingDate = !0;
   } }, scopedSlots: e._u([{ key: "title", fn: function() {
     return [t("bento-typography", { attrs: { strongest: "", variant: "body", el: "span" } }, [e._v(" " + e._s(e.label) + " ")])];
@@ -739,9 +739,9 @@ var Gt = function() {
   Zt,
   !1,
   null,
-  "b965dc1e"
+  "dfc0571f"
 );
-const Oe = Qt.exports, Xt = {
+const we = Qt.exports, Xt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -810,65 +810,65 @@ const Oe = Qt.exports, Xt = {
   emits: ["input", "update"],
   setup(a, { emit: e }) {
     var q, W;
-    const t = a, l = ie(), { t: n } = G(), o = E(""), s = $(t, "options"), b = E(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: F } = he(
-      b,
+    const t = a, l = ie(), { t: n } = G(), o = U(""), s = $(t, "options"), d = U(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: c, setCachedValues: f, resetCache: F } = he(
+      d,
       $(t, "value"),
       $(s.value, "multiple")
     ), { cachedSelectedListboxOptions: g } = he(
-      b,
+      d,
       $(t, "defaultValue"),
       $(s.value, "multiple")
     ), { internalFilterValue: v, isSecondaryButtonDisabled: S, isApplyButtonDisabled: T } = Z(c, g);
     z(s, () => {
-      b.value = s.value.listboxItems ?? [];
+      d.value = s.value.listboxItems ?? [];
     });
-    const I = xe(
+    const E = xe(
       o,
-      b,
+      d,
       (W = (q = t.options) == null ? void 0 : q.search) == null ? void 0 : W.searchEvent
     ), B = r(() => n("noFiltersMatchThisSearch")), C = r(() => t.label), D = r(() => {
       var m, O, j, w;
       const k = !((m = t == null ? void 0 : t.options) != null && m.multiple) && (t == null ? void 0 : t.value), H = ((j = ((O = t == null ? void 0 : t.options) == null ? void 0 : O.multiple) && t.value) == null ? void 0 : j.length) === 1;
       if (k || H) {
-        let f = (w = t.options.listboxItems.flatMap((A) => A.items ? A.items : A).find(
+        let p = (w = t.options.listboxItems.flatMap((A) => A.items ? A.items : A).find(
           ({ value: A }) => {
             var V;
             return Array.isArray(t.value) ? (V = t == null ? void 0 : t.value) == null ? void 0 : V.includes(A) : A === t.value;
           }
         )) == null ? void 0 : w.label;
-        return !f && t.value && (f = t.value[0]), ae(f, 12);
+        return !p && t.value && (p = t.value[0]), ae(p, 12);
       }
       return null;
-    }), u = r(() => fe(`filter-listbox-${t.field}`)), U = (k) => {
+    }), u = r(() => fe(`filter-listbox-${t.field}`)), I = (k) => {
       v.value = k;
       const { onlySlot: H, ...m } = t;
       if (t.options.multiple) {
         const j = k.length ? v.value.map(({ value: w }) => w) : null;
-        e(p.INPUT, { ...m, value: j });
+        e(b.INPUT, { ...m, value: j });
         return;
       }
       const O = k.length ? k[0].value : null;
-      e(p.INPUT, { ...m, value: O });
+      e(b.INPUT, { ...m, value: O });
     }, R = () => {
       var O, j, w;
       const { onlySlot: k, ...H } = t;
       if (t.options.multiple) {
         v.value && ((O = v.value) == null ? void 0 : O.length) === 0 && (v.value = t.defaultValue !== null ? g.value : void 0);
-        const h = (j = v.value) != null && j.length ? (w = v.value) == null ? void 0 : w.map(({ value: f }) => f) : null;
-        e(p.UPDATE, {
+        const h = (j = v.value) != null && j.length ? (w = v.value) == null ? void 0 : w.map(({ value: p }) => p) : null;
+        e(b.UPDATE, {
           ...H,
           value: h
         });
         return;
       }
       const m = v.value.length ? v.value[0].value : void 0;
-      e(p.UPDATE, { ...H, value: m });
+      e(b.UPDATE, { ...H, value: m });
     }, _ = () => {
       v.value = c.value;
     }, y = () => {
       o.value && (o.value = "");
     }, i = () => {
-      d(g.value), v.value = g.value, R();
+      f(g.value), v.value = g.value, R();
     }, P = () => {
       F(), v.value = [], R();
     }, M = r(() => {
@@ -881,20 +881,20 @@ const Oe = Qt.exports, Xt = {
       }, 0), H = (O = t.value) == null ? void 0 : O.length;
       return H === 1 ? null : H === k ? n("all") : H;
     });
-    return { __sfc: !0, slots: l, emit: e, props: t, t: n, searchTerm: o, optionsRef: s, itemsRef: b, cachedSelectedListboxOptions: c, setCachedValues: d, resetCache: F, cachedDefaultSelectedListboxOptions: g, internalFilterValue: v, isSecondaryButtonDisabled: S, isApplyButtonDisabled: T, filteredItems: I, noResultsMessage: B, buttonLabel: C, buttonSecondaryLabel: D, listboxFilterId: u, onOptionSelected: U, updateFilter: R, openFilter: _, closeFilter: y, resetFilter: i, clearFilter: P, appliedFiltersCount: M, BentoSearchBar: ve, BentoDivider: _e, BentoListbox: it, BentoBaseFilter: ee };
+    return { __sfc: !0, slots: l, emit: e, props: t, t: n, searchTerm: o, optionsRef: s, itemsRef: d, cachedSelectedListboxOptions: c, setCachedValues: f, resetCache: F, cachedDefaultSelectedListboxOptions: g, internalFilterValue: v, isSecondaryButtonDisabled: S, isApplyButtonDisabled: T, filteredItems: E, noResultsMessage: B, buttonLabel: C, buttonSecondaryLabel: D, listboxFilterId: u, onOptionSelected: I, updateFilter: R, openFilter: _, closeFilter: y, resetFilter: i, clearFilter: P, appliedFiltersCount: M, BentoSearchBar: ve, BentoDivider: _e, BentoListbox: ut, BentoBaseFilter: ee };
   }
 });
 var ll = function() {
-  var n, o, s, b, c, d, F, g, v, S, T, I, B;
+  var n, o, s, d, c, f, F, g, v, S, T, E, B, C;
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoBaseFilter, { attrs: { "applied-filters-count": l.appliedFiltersCount, "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1 }, on: { apply: l.updateFilter, clear: l.clearFilter, reset: l.resetFilter, open: l.openFilter, close: l.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (o = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : o.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(C) {
-    l.searchTerm = C;
-  } } })], 1), t("div", { staticClass: "b-select-filter-button__divider" }, [t(l.BentoDivider)], 1), t(l.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: l.listboxFilterId, "aria-label": e.label, "empty-state": (s = e.options) == null ? void 0 : s.emptyState, "has-more-items": (c = (b = e.options) == null ? void 0 : b.lazy) == null ? void 0 : c.hasMoreItems, items: l.filteredItems, "is-option-disabled": (d = e.options) == null ? void 0 : d.isOptionDisabled, "lazy-load-type": (g = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : g.lazyLoadType, loading: (S = (v = e.options) == null ? void 0 : v.lazy) == null ? void 0 : S.loading, multiple: (T = e.options) == null ? void 0 : T.multiple, "static-categories": (I = e.options) == null ? void 0 : I.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (B = e.options) == null ? void 0 : B.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(C) {
-    var D, u;
-    (u = (D = e.options) == null ? void 0 : D.lazy) == null || u.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(l.slots, function(C, D) {
-    return { key: D, fn: function(u) {
-      return [e._t(D, null, null, u)];
+  return t(l.BentoBaseFilter, { attrs: { "applied-filters-count": l.appliedFiltersCount, "button-label": l.buttonLabel, "button-secondary-label": l.buttonSecondaryLabel, disabled: e.disabled, "disable-apply-button": l.isApplyButtonDisabled, "disable-secondary-button": l.isSecondaryButtonDisabled, "default-value": e.defaultValue, label: e.label, field: e.field, "only-slot": !1 }, on: { apply: l.updateFilter, clear: l.clearFilter, reset: l.resetFilter, open: l.openFilter, close: l.closeFilter } }, [t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (o = (n = e.options) == null ? void 0 : n.search) == null ? void 0 : o.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(D) {
+    l.searchTerm = D;
+  } } })], 1), t("div", { staticClass: "b-select-filter-button__divider" }, [t(l.BentoDivider)], 1), t(l.BentoListbox, { staticClass: "b-select-filter-button__wrapper", attrs: { id: l.listboxFilterId, "aria-label": e.label, "component-loading": (s = e.options) == null ? void 0 : s.loading, "empty-state": (d = e.options) == null ? void 0 : d.emptyState, "has-more-items": (f = (c = e.options) == null ? void 0 : c.lazy) == null ? void 0 : f.hasMoreItems, items: l.filteredItems, "is-option-disabled": (F = e.options) == null ? void 0 : F.isOptionDisabled, "lazy-load-type": (v = (g = e.options) == null ? void 0 : g.lazy) == null ? void 0 : v.lazyLoadType, loading: (T = (S = e.options) == null ? void 0 : S.lazy) == null ? void 0 : T.loading, multiple: (E = e.options) == null ? void 0 : E.multiple, "static-categories": (B = e.options) == null ? void 0 : B.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (C = e.options) == null ? void 0 : C.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(D) {
+    var u, I;
+    (I = (u = e.options) == null ? void 0 : u.lazy) == null || I.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(l.slots, function(D, u) {
+    return { key: u, fn: function(I) {
+      return [e._t(u, null, null, I)];
     } };
   })], null, !0) })], 1);
 }, al = [], nl = /* @__PURE__ */ x(
@@ -903,7 +903,7 @@ var ll = function() {
   al,
   !1,
   null,
-  "d19bf8a6"
+  "0a100ee7"
 );
 const ol = nl.exports, sl = {
   "en-US": {
@@ -966,24 +966,24 @@ const ol = nl.exports, sl = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    const t = a, { t: l } = G(), n = ie(), { internalFilterValue: o } = Z($(t, "value"), $(t, "defaultValue")), s = E(""), b = $(t, "options"), c = E(t.options.listboxItems);
-    z(b, () => {
-      c.value = b.value.listboxItems;
+    const t = a, { t: l } = G(), n = ie(), { internalFilterValue: o } = Z($(t, "value"), $(t, "defaultValue")), s = U(""), d = $(t, "options"), c = U(t.options.listboxItems);
+    z(d, () => {
+      c.value = d.value.listboxItems;
     });
-    const d = r(() => l("noFiltersMatchThisSearch"));
-    return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: o, searchTerm: s, optionsRef: b, itemsRef: c, noResultsMessage: d, onOptionSelected: (g) => {
+    const f = r(() => l("noFiltersMatchThisSearch"));
+    return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: o, searchTerm: s, optionsRef: d, itemsRef: c, noResultsMessage: f, onOptionSelected: (g) => {
       o.value = g;
       const { onlySlot: v, ...S } = t;
-      e(p.INPUT, { ...S, value: o.value });
-    }, BentoDropdown: nt };
+      e(b.INPUT, { ...S, value: o.value });
+    }, BentoDropdown: ot };
   }
 });
 var ul = function() {
   var n, o, s;
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, multiple: (n = e.options) == null ? void 0 : n.multiple, "static-categories": (o = e.options) == null ? void 0 : o.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (s = e.options) == null ? void 0 : s.emptyState, disabled: e.disabled }, on: { input: l.onOptionSelected }, scopedSlots: e._u([e._l(l.slots, function(b, c) {
-    return { key: c, fn: function(d) {
-      return [e._t(c, null, null, d)];
+  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, multiple: (n = e.options) == null ? void 0 : n.multiple, "static-categories": (o = e.options) == null ? void 0 : o.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "empty-state": (s = e.options) == null ? void 0 : s.emptyState, disabled: e.disabled }, on: { input: l.onOptionSelected }, scopedSlots: e._u([e._l(l.slots, function(d, c) {
+    return { key: c, fn: function(f) {
+      return [e._t(c, null, null, f)];
     } };
   })], null, !0) });
 }, cl = [], dl = /* @__PURE__ */ x(
@@ -1084,7 +1084,7 @@ const te = yl.exports, ml = L({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: te,
-    BentoAvatar: dt
+    BentoAvatar: ft
   },
   props: {
     ...ne,
@@ -1099,13 +1099,13 @@ const te = yl.exports, ml = L({
       default: void 0
     }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: p,
+      BentoFilterEvent: b,
       // Methods
-      onUpdate: (l) => e(p.UPDATE, l)
+      onUpdate: (l) => e(b.UPDATE, l)
     };
   }
 });
@@ -1122,7 +1122,7 @@ var Fl = function() {
   null,
   null
 );
-const we = Sl.exports, Bl = L({
+const Ne = Sl.exports, Bl = L({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: te,
@@ -1141,14 +1141,14 @@ const we = Sl.exports, Bl = L({
       default: void 0
     }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: p,
+      BentoFilterEvent: b,
       // Methods
       onUpdate: (l) => {
-        e(p.UPDATE, l);
+        e(b.UPDATE, l);
       }
     };
   }
@@ -1166,7 +1166,7 @@ var gl = function() {
   null,
   null
 );
-const Ne = Dl.exports, Al = {
+const Me = Dl.exports, Al = {
   name: "bento-select-country-filter"
 }, Tl = /* @__PURE__ */ L({
   ...Al,
@@ -1184,13 +1184,13 @@ const Ne = Dl.exports, Al = {
       default: void 0
     }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
-    const t = a, l = E(t.options.variant), n = E(t.options.listboxItems);
+    const t = a, l = U(t.options.variant), n = U(t.options.listboxItems);
     z([() => t.options.variant, () => t.options.listboxItems], () => {
       l.value = t.options.variant, n.value = t.options.listboxItems;
     });
-    const o = (c) => e(p.UPDATE, c), s = ct(l, n), b = r(() => ({
+    const o = (c) => e(b.UPDATE, c), s = dt(l, n), d = r(() => ({
       ...t != null && t.options ? t.options : {},
       listboxItems: s.value
     }));
@@ -1198,7 +1198,7 @@ const Ne = Dl.exports, Al = {
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: o, countryItems: s, countryOptions: b, BentoFilterEvent: p, BentoTypography: se, BentoSelectFilter: te };
+    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: o, countryItems: s, countryOptions: d, BentoFilterEvent: b, BentoTypography: se, BentoSelectFilter: te };
   }
 });
 var Pl = function() {
@@ -1214,11 +1214,11 @@ var Pl = function() {
   null,
   null
 );
-const Me = El.exports, Ul = L({
+const He = El.exports, Ul = L({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: te,
-    BentoPaymentMethod: ut
+    BentoPaymentMethod: ct
   },
   props: {
     ...ne,
@@ -1233,13 +1233,13 @@ const Me = El.exports, Ul = L({
       default: void 0
     }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
     return {
       // Enums
-      BentoFilterEvent: p,
+      BentoFilterEvent: b,
       // Methods
-      onUpdate: (l) => e(p.UPDATE, l)
+      onUpdate: (l) => e(b.UPDATE, l)
     };
   }
 });
@@ -1256,7 +1256,7 @@ var Rl = function() {
   null,
   null
 );
-const He = Ll.exports, Vl = L({
+const je = Ll.exports, Vl = L({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: te,
@@ -1275,12 +1275,12 @@ const He = Ll.exports, Vl = L({
       default: void 0
     }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
-    const t = (o) => e(p.UPDATE, o), l = r(
+    const t = (o) => e(b.UPDATE, o), l = r(
       () => {
         var o, s;
-        return (s = (o = a == null ? void 0 : a.options) == null ? void 0 : o.listboxItems) == null ? void 0 : s.map(({ label: b, value: c, variant: d }) => ({ label: b, value: c, data: d }));
+        return (s = (o = a == null ? void 0 : a.options) == null ? void 0 : o.listboxItems) == null ? void 0 : s.map(({ label: d, value: c, variant: f }) => ({ label: d, value: c, data: f }));
       }
     );
     return {
@@ -1292,7 +1292,7 @@ const He = Ll.exports, Vl = L({
       // Methods
       onUpdate: t,
       // Enums
-      BentoFilterEvent: p
+      BentoFilterEvent: b
     };
   }
 });
@@ -1309,7 +1309,7 @@ var $l = function() {
   null,
   null
 );
-const je = Ol.exports, wl = {
+const qe = Ol.exports, wl = {
   "en-US": {
     no: "No",
     yes: "Yes"
@@ -1325,7 +1325,7 @@ const je = Ol.exports, wl = {
 }, Nl = L({
   name: "bento-boolean-filter",
   i18n: { messages: wl },
-  components: { BentoBaseFilter: ee, BentoRadioGroup: et },
+  components: { BentoBaseFilter: ee, BentoRadioGroup: tt },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1363,12 +1363,12 @@ const je = Ol.exports, wl = {
       default: void 0
     }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
     const { t } = G(), l = (u) => typeof u == "boolean" ? u == null ? void 0 : u.toString() : u, n = (u) => {
-      var U, R, _, y;
-      return ((R = (U = a == null ? void 0 : a.options) == null ? void 0 : U.positiveOption) == null ? void 0 : R.value) !== void 0 && ((y = (_ = a == null ? void 0 : a.options) == null ? void 0 : _.negativeOption) == null ? void 0 : y.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof u == "string" ? u === "true" : u;
-    }, o = r(() => l(a.defaultValue)), s = r(() => l(a.value)), b = r(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
+      var I, R, _, y;
+      return ((R = (I = a == null ? void 0 : a.options) == null ? void 0 : I.positiveOption) == null ? void 0 : R.value) !== void 0 && ((y = (_ = a == null ? void 0 : a.options) == null ? void 0 : _.negativeOption) == null ? void 0 : y.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof u == "string" ? u === "true" : u;
+    }, o = r(() => l(a.defaultValue)), s = r(() => l(a.value)), d = r(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
       {
         ...a.options.positiveOption,
         value: l(a.options.positiveOption.value)
@@ -1380,13 +1380,13 @@ const je = Ol.exports, wl = {
     ] : [
       { value: "yes", label: t("yes") },
       { value: "no", label: t("no") }
-    ]), { internalFilterValue: c, isSecondaryButtonDisabled: d, isApplyButtonDisabled: F } = Z(
+    ]), { internalFilterValue: c, isSecondaryButtonDisabled: f, isApplyButtonDisabled: F } = Z(
       s,
       o
     ), g = r(() => a.label), v = r(
       () => {
         var u;
-        return ae((u = b.value.find(({ value: U }) => U === s.value)) == null ? void 0 : u.label, 12);
+        return ae((u = d.value.find(({ value: I }) => I === s.value)) == null ? void 0 : u.label, 12);
       }
     ), S = r(() => ({
       "b-boolean-filter--only-slot": a.onlySlot
@@ -1395,27 +1395,27 @@ const je = Ol.exports, wl = {
       c.value || (c.value = null);
     });
     const T = (u) => {
-      c.value = u, e(p.INPUT, {
+      c.value = u, e(b.INPUT, {
         ...a,
         value: n(c.value)
       });
-    }, I = () => {
+    }, E = () => {
       c.value = s.value;
     }, B = () => {
-      e(p.UPDATE, {
+      e(b.UPDATE, {
         ...a,
         value: n(c.value)
       });
     };
     return {
       // Values
-      items: b,
+      items: d,
       conditionalClasses: S,
       buttonLabel: g,
       buttonSecondaryLabel: v,
       internalFilterValue: c,
       isApplyButtonDisabled: F,
-      isSecondaryButtonDisabled: d,
+      isSecondaryButtonDisabled: f,
       translatedValue: s,
       translatedDefaultValue: o,
       // Events
@@ -1424,8 +1424,8 @@ const je = Ol.exports, wl = {
       clearFilter: () => {
         c.value = null, B();
       },
-      openFilter: I,
-      resetFilter: () => e(p.UPDATE, { ...a, value: a.defaultValue })
+      openFilter: E,
+      resetFilter: () => e(b.UPDATE, { ...a, value: a.defaultValue })
     };
   }
 });
@@ -1442,7 +1442,7 @@ var Ml = function() {
   null,
   "c8af6e48"
 );
-const qe = jl.exports, ql = {
+const Je = jl.exports, ql = {
   "en-US": {
     from: "From",
     to: "To"
@@ -1479,31 +1479,31 @@ const qe = jl.exports, ql = {
      */
     onlySlot: { type: Boolean, default: !1 }
   },
-  emits: [p.INPUT, p.UPDATE],
+  emits: [b.INPUT, b.UPDATE],
   setup(a, { emit: e }) {
-    const { t } = G(), l = E(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z(
+    const { t } = G(), l = U(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Z(
       $(a, "value"),
       $(a, "defaultValue")
-    ), b = r(() => {
+    ), d = r(() => {
       var _, y, i, P, M, q, W, k;
       if (!((_ = a.value) != null && _[0]) && !((y = a.value) != null && y[1]))
         return null;
       let D = "";
       (i = a.value) != null && i[0] ? (P = a.value) != null && P[1] || (D = "≥") : D = "≤";
-      const u = (M = a.value) != null && M[0] ? `${ae(a.value[0], 5)}` : "", U = (q = a.value) != null && q[0] && ((W = a.value) != null && W[1]) ? " - " : "", R = (k = a.value) != null && k[1] ? `${ae(a.value[1], 5)}` : "";
-      return `${D}${u}${U}${R}`;
-    }), c = r(() => a.label), d = r(() => b.value), F = r(() => ({
+      const u = (M = a.value) != null && M[0] ? `${ae(a.value[0], 5)}` : "", I = (q = a.value) != null && q[0] && ((W = a.value) != null && W[1]) ? " - " : "", R = (k = a.value) != null && k[1] ? `${ae(a.value[1], 5)}` : "";
+      return `${D}${u}${I}${R}`;
+    }), c = r(() => a.label), f = r(() => d.value), F = r(() => ({
       "b-range-filter--only-slot": a.onlySlot
     })), g = () => {
       n.value = a.value, De(() => l.value.focusInput());
     }, v = () => {
-      e(p.INPUT, { ...a, value: n.value });
+      e(b.INPUT, { ...a, value: n.value });
     }, S = (D) => {
       n.value = [D, n.value[1]], v();
     }, T = (D) => {
       n.value = [n.value[0], D], v();
-    }, I = () => {
-      n.value.some((D) => D) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(p.UPDATE, {
+    }, E = () => {
+      n.value.some((D) => D) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(b.UPDATE, {
         ...a,
         value: n.value
       });
@@ -1516,16 +1516,16 @@ const qe = jl.exports, ql = {
       isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: o,
       buttonLabel: c,
-      buttonSecondaryLabel: d,
+      buttonSecondaryLabel: f,
       // Events
       updateFrom: S,
       updateTo: T,
-      updateFilter: I,
+      updateFilter: E,
       clearFilter: () => {
-        n.value = ["", ""], I();
+        n.value = ["", ""], E();
       },
       openFilter: g,
-      resetFilter: () => e(p.UPDATE, { ...a, value: a.defaultValue }),
+      resetFilter: () => e(b.UPDATE, { ...a, value: a.defaultValue }),
       // Translations
       t
     };
@@ -1544,11 +1544,11 @@ var Yl = function() {
   null,
   "0d8531d1"
 );
-const Je = Kl.exports;
+const Ye = Kl.exports;
 var de = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(de || {});
 const zl = L({
   name: "base-filter-button",
-  components: { BaseButton: Ee, BentoTypography: se, ChevronUpIcon: rt, ChevronDownIcon: st },
+  components: { BaseButton: Ee, BentoTypography: se, ChevronUpIcon: it, ChevronDownIcon: rt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1575,7 +1575,7 @@ const zl = L({
   },
   emits: [Fe.CLICK],
   setup(a, { slots: e, emit: t, attrs: l }) {
-    const n = r(() => e.default ? Ue(e)("default") : null), o = Ie({ ariaLabel: n }), s = E(null), b = r(() => {
+    const n = r(() => e.default ? Ue(e)("default") : null), o = Ie({ ariaLabel: n }), s = U(null), d = r(() => {
       var F;
       return {
         "aria-controls": (F = l["aria-controls"]) == null ? void 0 : F.toString()
@@ -1586,7 +1586,7 @@ const zl = L({
     }));
     return {
       // Values
-      ariaAttributes: b,
+      ariaAttributes: d,
       computedAriaLabel: o,
       conditionalClasses: c,
       // Methods
@@ -1705,20 +1705,21 @@ const ua = ia.exports, ca = {
   name: "all-filters-modal",
   components: {
     AllFiltersModalButton: na,
-    BentoBooleanFilter: qe,
-    BentoButton: at,
-    BentoDateFilter: ke,
-    BentoDateRangeFilter: Oe,
+    BentoBooleanFilter: Je,
+    BentoButton: nt,
+    BentoDateFilter: Oe,
+    BentoDateRangeFilter: we,
     BentoInputFilter: $e,
-    BentoModal: tt,
-    BentoRangeFilter: Je,
+    BentoInputWithDropdownFilter: ke,
+    BentoModal: lt,
+    BentoRangeFilter: Ye,
     BentoSearchBar: ve,
-    BentoSelectAvatarFilter: we,
-    BentoSelectCurrencyFilter: Ne,
-    BentoSelectCountryFilter: Me,
+    BentoSelectAvatarFilter: Ne,
+    BentoSelectCurrencyFilter: Me,
+    BentoSelectCountryFilter: He,
     BentoSelectFilter: te,
-    BentoSelectPaymentMethodFilter: He,
-    BentoSelectTagFilter: je,
+    BentoSelectPaymentMethodFilter: je,
+    BentoSelectTagFilter: qe,
     BentoTypography: se,
     FilterBarButton: ye,
     SlidersIcon: ua
@@ -1751,7 +1752,7 @@ const ua = ia.exports, ca = {
   },
   emits: [de.INPUT],
   setup(a, { emit: e }) {
-    const t = Te({ value: a.value }), l = E(t.value), n = fe("all-filters-modal"), o = E([]), s = E(!1), b = E(0), c = E(null), d = E(""), { t: F } = G(), g = xe(d, $(l, "value")), v = E({});
+    const t = Te({ value: a.value }), l = U(t.value), n = fe("all-filters-modal"), o = U([]), s = U(!1), d = U(0), c = U(null), f = U(""), { t: F } = G(), g = xe(f, $(l, "value")), v = U({});
     ue(() => {
       v.value = [];
     }), z(
@@ -1762,109 +1763,109 @@ const ua = ia.exports, ca = {
     );
     const S = (h) => (
       /* eslint-disable-next-line no-nested-ternary */
-      h.sort((f, A) => f.label > A.label ? 1 : A.label > f.label ? -1 : 0)
+      h.sort((p, A) => p.label > A.label ? 1 : A.label > p.label ? -1 : 0)
     ), T = r(
       () => S(
         g.value.filter(
           (h) => {
-            var f, A;
-            return Array.isArray(h.value) ? ((f = h.value) == null ? void 0 : f.length) && ((A = h.value) == null ? void 0 : A.find((V) => V !== "")) : h.value;
+            var p, A;
+            return Array.isArray(h.value) ? ((p = h.value) == null ? void 0 : p.length) && ((A = h.value) == null ? void 0 : A.find((V) => V !== "")) : h.value;
           }
         )
       )
-    ), I = r(
+    ), E = r(
       () => S(
         g.value.filter(
           (h) => {
-            var f, A;
-            return Array.isArray(h.value) ? ((f = h.value) == null ? void 0 : f.length) === 0 || ((A = h.value) == null ? void 0 : A.every((V) => V === "")) : !h.value;
+            var p, A;
+            return Array.isArray(h.value) ? ((p = h.value) == null ? void 0 : p.length) === 0 || ((A = h.value) == null ? void 0 : A.every((V) => V === "")) : !h.value;
           }
         )
       )
     ), B = r(() => {
       var h;
-      return d.value && ((h = g.value) == null ? void 0 : h.length) === 0;
-    }), C = r(() => l.value[b.value]), D = () => {
-      const h = T.value.length ? T.value[0] : I.value[0], f = l.value.findIndex(
+      return f.value && ((h = g.value) == null ? void 0 : h.length) === 0;
+    }), C = r(() => l.value[d.value]), D = () => {
+      const h = T.value.length ? T.value[0] : E.value[0], p = l.value.findIndex(
         (A) => A.label === h.label && A.field === h.field
       );
-      b.value = f;
+      d.value = p;
     };
     Pe(() => {
       D();
     });
-    const u = (h) => h.map((f) => {
+    const u = (h) => h.map((p) => {
       var A, V, K, Q, re, N;
-      switch (f.type) {
+      switch (p.type) {
         case J.SELECT:
         case J.SELECT_AVATAR:
         case J.SELECT_COUNTRY:
         case J.SELECT_CURRENCY:
         case J.SELECT_PAYMENT_METHOD:
         case J.SELECT_TAG:
-          switch ((A = f.options) == null ? void 0 : A.multiple) {
+          switch ((A = p.options) == null ? void 0 : A.multiple) {
             case !0:
               return {
-                label: f.label,
-                field: f.field,
-                count: (V = f.value) != null && V.length ? (K = f.value) == null ? void 0 : K.length : null
+                label: p.label,
+                field: p.field,
+                count: (V = p.value) != null && V.length ? (K = p.value) == null ? void 0 : K.length : null
               };
             default:
               return {
-                label: f.label,
-                field: f.field,
-                count: f.value == null ? null : 1
+                label: p.label,
+                field: p.field,
+                count: p.value == null ? null : 1
               };
           }
         case J.DATE_RANGE:
           return {
-            label: f.label,
-            field: f.field,
-            count: ((Q = f.value) == null ? void 0 : Q.startDate) != null && ((re = f.value) == null ? void 0 : re.endDate) != null ? 1 : null
+            label: p.label,
+            field: p.field,
+            count: ((Q = p.value) == null ? void 0 : Q.startDate) != null && ((re = p.value) == null ? void 0 : re.endDate) != null ? 1 : null
           };
         case J.RANGE:
           return {
-            label: f.label,
-            field: f.field,
-            count: (N = f.value) != null && N.find((Ye) => Ye !== "") ? 1 : null
+            label: p.label,
+            field: p.field,
+            count: (N = p.value) != null && N.find((We) => We !== "") ? 1 : null
           };
         case J.INPUT:
         case J.BOOLEAN:
         case J.DATE:
         default:
           return {
-            label: f.label,
-            field: f.field,
-            count: f.value != null ? 1 : null
+            label: p.label,
+            field: p.field,
+            count: p.value != null ? 1 : null
           };
       }
-    }), U = r(
+    }), I = r(
       () => {
         var h;
-        return Array.isArray(C.value.value) ? ((h = C.value) == null ? void 0 : h.value.length) && C.value.value.find((f) => f !== "") : !!l.value[b.value].value;
+        return Array.isArray(C.value.value) ? ((h = C.value) == null ? void 0 : h.value.length) && C.value.value.find((p) => p !== "") : !!l.value[d.value].value;
       }
     ), R = r(
       () => {
         var h;
-        return (h = u(t.value)) == null ? void 0 : h.filter(({ count: f }) => !!f).length;
+        return (h = u(t.value)) == null ? void 0 : h.filter(({ count: p }) => !!p).length;
       }
     ), _ = () => {
       s.value ? s.value = !1 : s.value = !0;
     }, y = (h) => {
       var A, V, K;
-      const f = u(l.value).find((Q) => Q.field === h.field).count;
-      return h.type.includes("BentoSelect") && ((A = h.options) != null && A.multiple) && f === ((K = (V = h.options) == null ? void 0 : V.listboxItems) == null ? void 0 : K.length) ? F("all") : f;
-    }, i = (h, f) => {
-      b.value = l.value.findIndex(
-        (A) => A.label === h && A.field === f
+      const p = u(l.value).find((Q) => Q.field === h.field).count;
+      return h.type.includes("BentoSelect") && ((A = h.options) != null && A.multiple) && p === ((K = (V = h.options) == null ? void 0 : V.listboxItems) == null ? void 0 : K.length) ? F("all") : p;
+    }, i = (h, p) => {
+      d.value = l.value.findIndex(
+        (A) => A.label === h && A.field === p
       );
     }, P = () => {
-      d.value = "";
+      f.value = "";
     }, M = () => {
       s.value = !1, t.value = a.value, l.value = a.value, P(), D();
     }, q = (h) => {
-      const f = l.value.map(({ value: A, ...V }, K) => K === b.value ? { value: h.value, ...V } : { value: A, ...V });
-      l.value = f;
+      const p = l.value.map(({ value: A, ...V }, K) => K === d.value ? { value: h.value, ...V } : { value: A, ...V });
+      l.value = p;
     }, W = () => {
       q({
         field: C.value.field,
@@ -1873,8 +1874,8 @@ const ua = ia.exports, ca = {
         value: void 0
       });
     }, k = () => {
-      l.value = t.value.map(({ value: h, ...f }) => ({
-        ...f,
+      l.value = t.value.map(({ value: h, ...p }) => ({
+        ...p,
         value: void 0
       }));
     }, H = () => {
@@ -1899,7 +1900,7 @@ const ua = ia.exports, ca = {
     ]);
     return {
       // Enums
-      BentoModalEvent: lt,
+      BentoModalEvent: at,
       // Values
       allFiltersModalUniqueId: n,
       allFiltersModalFiltersSection: o,
@@ -1907,14 +1908,14 @@ const ua = ia.exports, ca = {
       numberOfActiveFilters: R,
       isEmptyResultForSearchFilter: B,
       isModalOpen: s,
-      isClearButtonEnabled: U,
+      isClearButtonEnabled: I,
       activeFilters: T,
-      otherFilters: I,
+      otherFilters: E,
       modalActions: O,
       selectedFilter: C,
       selectedFilterRef: c,
       filters: t,
-      searchTerm: d,
+      searchTerm: f,
       // Methods
       onClickAllFiltersModal: _,
       getFilterCount: y,
@@ -1924,7 +1925,7 @@ const ua = ia.exports, ca = {
       updateFilter: q,
       onSearchbarClear: P,
       onKeydownRight: () => {
-        ot(1, c.value.$el).focus();
+        st(1, c.value.$el).focus();
       },
       onKeydownLeft: () => {
         v.value[C.value.label].$el.focus();
@@ -1965,7 +1966,7 @@ var fa = function() {
   pa,
   !1,
   null,
-  "d7f1c1e5"
+  "b453a00d"
 );
 const va = ba.exports, _a = {
   "en-US": {
@@ -1992,18 +1993,18 @@ const va = ba.exports, _a = {
   i18n: { messages: _a },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: qe,
-    BentoDateFilter: ke,
-    BentoDateRangeFilter: Oe,
+    BentoBooleanFilter: Je,
+    BentoDateFilter: Oe,
+    BentoDateRangeFilter: we,
     BentoInputFilter: $e,
-    BentoInputWithDropdownFilter: jt,
-    BentoRangeFilter: Je,
-    BentoSelectAvatarFilter: we,
-    BentoSelectCountryFilter: Me,
-    BentoSelectCurrencyFilter: Ne,
+    BentoInputWithDropdownFilter: ke,
+    BentoRangeFilter: Ye,
+    BentoSelectAvatarFilter: Ne,
+    BentoSelectCountryFilter: He,
+    BentoSelectCurrencyFilter: Me,
     BentoSelectFilter: te,
-    BentoSelectPaymentMethodFilter: He,
-    BentoSelectTagFilter: je
+    BentoSelectPaymentMethodFilter: je,
+    BentoSelectTagFilter: qe
   }
 }, ma = /* @__PURE__ */ L({
   ...ya,
@@ -2032,7 +2033,7 @@ const va = ba.exports, _a = {
           return P === void 0 && (P = (i == null ? void 0 : i.value) === void 0 && (i == null ? void 0 : i.defaultValue) !== void 0 ? i == null ? void 0 : i.defaultValue : i == null ? void 0 : i.value), { ...i, value: P !== void 0 ? P : i == null ? void 0 : i.value };
         });
       }
-    ), { addToast: s } = ht(), b = r(() => {
+    ), { addToast: s } = St(), d = r(() => {
       var _;
       return ((_ = l.search) == null ? void 0 : _.inputFieldAriaLabel) || n("searchBar");
     }), c = r(() => {
@@ -2040,7 +2041,7 @@ const va = ba.exports, _a = {
         return;
       const { hint: _, inputFieldAriaLabel: y, debounceTime: i, placeholder: P } = l.search;
       return { hint: _, inputFieldAriaLabel: y, debounceTime: i, placeholder: P };
-    }), d = r(() => o.value.some(
+    }), f = r(() => o.value.some(
       ({ visible: y }) => y != null
     ) ? o.value.some(({ visible: y }) => !y) : !1), F = r(
       () => o.value.filter(({ defaultValue: _ }) => _ !== void 0)
@@ -2052,7 +2053,7 @@ const va = ba.exports, _a = {
       ({ defaultValue: y, value: i }) => y === void 0 || l.showAppliedHiddenFilters && i != null
     )), v = r(() => l.searchTerm != null), S = r(
       () => o.value.filter(({ defaultValue: _ }) => _ == null).some(({ value: _ }) => _ != null)
-    ), T = r(() => F.value.length === 0 && S.value), I = r(() => F.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: i }) => JSON.stringify(y) === JSON.stringify(i)) || S.value), B = (_) => {
+    ), T = r(() => F.value.length === 0 && S.value), E = r(() => F.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: i }) => JSON.stringify(y) === JSON.stringify(i)) || S.value), B = (_) => {
       t(oe.INPUT, _), t(
         oe.UPDATE_FILTER_VALUES,
         _ == null ? void 0 : _.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: i }) => ({ field: y, value: i }))
@@ -2087,12 +2088,12 @@ const va = ba.exports, _a = {
           text: n("undo")
         }
       }), B(y);
-    }, U = (_) => {
+    }, I = (_) => {
       t(le.INPUT, _), t(le.UPDATE, _);
     }, R = () => {
       t(le.CLEAR);
     };
-    return e({ isClearAllVisible: T, clearAllFilters: D, isResetAllVisible: I, resetAllFilters: u }), { __sfc: !0, props: l, emit: t, t: n, valueAndFilterValuesPropsMerged: o, addToast: s, searchBarAriaLabel: b, searchBarProps: c, hasHiddenFilters: d, persistentFilters: F, regularFilters: g, isSearchBarEnabled: v, hasActiveFilters: S, isClearAllVisible: T, isResetAllVisible: I, updateAllFilters: B, updateFilterHandler: C, clearAllFilters: D, resetAllFilters: u, onSearchbarInput: U, onSearchbarClear: R, FilterBarButton: ye, BentoSearchBar: ve, FixedScroller: St, AllFiltersModal: va, RefreshIcon: Ft };
+    return e({ isClearAllVisible: T, clearAllFilters: D, isResetAllVisible: E, resetAllFilters: u }), { __sfc: !0, props: l, emit: t, t: n, valueAndFilterValuesPropsMerged: o, addToast: s, searchBarAriaLabel: d, searchBarProps: c, hasHiddenFilters: f, persistentFilters: F, regularFilters: g, isSearchBarEnabled: v, hasActiveFilters: S, isClearAllVisible: T, isResetAllVisible: E, updateAllFilters: B, updateFilterHandler: C, clearAllFilters: D, resetAllFilters: u, onSearchbarInput: I, onSearchbarClear: R, FilterBarButton: ye, BentoSearchBar: ve, FixedScroller: Bt, AllFiltersModal: va, RefreshIcon: ht };
   }
 });
 var Fa = function() {
@@ -2117,8 +2118,8 @@ var Fa = function() {
 const cn = Sa.exports;
 export {
   cn as B,
-  p as a,
+  b as a,
   oe as b,
   J as c
 };
-//# sourceMappingURL=filter-bar.CwqoJGiK.js.map
+//# sourceMappingURL=filter-bar.BdGtQC7p.js.map