@adyen/bento-vue2 1.72.0 → 1.74.0

package/dist/chunks/{filter-bar.Dnnv0rpV.js → filter-bar.DzHJi42d.js}

@@ -1,47 +1,45 @@
-import { defineComponent as w, useSlots as ue, useAttrs as Qe, computed as r, ref as O, watch as G, nextTick as Pe, toRef as M, onBeforeUpdate as ce, provide as Ie, reactive as Xe, onMounted as Le } from "vue";
-import { h as Fe, d as Ee, u as et, I as tt, k as lt, B as at } from "./button-actions.55vIvDsX.js";
-import { u as Z } from "./i18n.BQkEbtPM.js";
-import { g as fe } from "./generate-uid.NJ8tVoha.js";
-import "./index.Cl4_42j5.js";
-import { C as nt } from "./cross-small.CoQUe8SS.js";
-import { n as k } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
-import { B as Re, a as he } from "./base-button.Cv-1788W.js";
-import { B as ie, d as be } from "./typography.hlOAxsEn.js";
-import { u as Oe } from "./use-has-slot.C9lQZ6nz.js";
-import { u as xe } from "./aria-label.CaUURpnB.js";
-import { g as Ue } from "./get-slot-text.BQS5Olxm.js";
-import { b as ot, c as st } from "./tooltip.DOD_4rkI.js";
-import { B as it } from "./directive.Cbdox5VL.js";
-import { B as rt } from "./radio-group.DHUa6baR.js";
+import { defineComponent as N, useSlots as de, useAttrs as et, computed as r, ref as $, watch as z, nextTick as Le, toRef as H, onBeforeUpdate as pe, provide as Ee, reactive as tt, onMounted as Re } from "vue";
+import { B as lt } from "./radio-group.AcYMFudv.js";
+import { u as Z } from "./index.B6WW_F-J.js";
 import { t as le } from "./truncate.BfIl_-71.js";
-import { B as ve } from "./input-field.CwF6ldRY.js";
-import { B as _e, b as oe } from "./search-bar.CKt_-tZH.js";
-import { k as ut } from "./index.BDK4hwK_.js";
-import { F as $e } from "./fixed-scroller.QCXpkadN.js";
-import { B as ct } from "./modal.qybFapnI.js";
-import { B as dt } from "./button.CilT7NmM.js";
-import { u as ke, B as pt } from "./dropdown.DQbTuKc5.js";
-import { g as ft } from "./focus-trap.BJfpIboH.js";
-import { C as bt } from "./chevron-up.d8cwIlA_.js";
-import { C as vt } from "./chevron-down.eYtgv5ly.js";
+import { u as at, d as Oe, h as nt, I as ot, k as st, B as it } from "./button-actions.B81vY51z.js";
+import { b as rt } from "./tooltip.D3SDcRef.js";
+import { n as V } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
+import { g as ve } from "./generate-uid.NJ8tVoha.js";
+import { C as ut } from "./cross-small.CoQUe8SS.js";
+import { B as xe, a as Be } from "./base-button.Cv-1788W.js";
+import { B as ue, d as _e } from "./typography.hlOAxsEn.js";
+import { u as Ue } from "./use-has-slot.C9lQZ6nz.js";
+import { u as $e } from "./aria-label.CaUURpnB.js";
+import { g as ke } from "./get-slot-text.BQS5Olxm.js";
+import { B as ye } from "./input-field.D52XYEzU.js";
+import { B as me, b as oe } from "./search-bar.c-w7Uky2.js";
+import "./index.Cl4_42j5.js";
+import { k as ct } from "./index.BDK4hwK_.js";
+import { F as we } from "./fixed-scroller.CgVOf5VE.js";
+import { B as dt } from "./modal.Bp5twyjz.js";
+import { B as pt } from "./button.CS_kdxYh.js";
+import { u as Ve, B as ft } from "./dropdown.BOvtYKXS.js";
+import { g as bt } from "./focus-trap.BJfpIboH.js";
+import { C as vt } from "./chevron-up.d8cwIlA_.js";
+import { C as _t } from "./chevron-down.eYtgv5ly.js";
 /* empty css              */
-import { B as ye } from "./divider.CFbtmKeQ.js";
-import { c as Se, b as _t } from "./use-cached-selected-values.C7j6YhuC.js";
-import { L as we } from "./listbox-option-tag.UaD4kmXc.js";
-import { B as yt } from "./payment-method.DtvfUnit.js";
-import { u as mt } from "./use-country-items.DFdM2Ank.js";
-import { B as Ft } from "./avatar.KdcsNOsm.js";
-import { D as ht, B as St, i as de, b as gt } from "./date-range-picker.ChGfJUPq.js";
-import { g as Ve } from "./get-date-locale.CAyOIbcp.js";
-import { a as Ct, f as ee, i as Bt } from "./calendar.M69sfyB9.js";
-import { D as ge } from "./date-input.BqBdAO1E.js";
-import { B as Dt } from "./date-picker.CGTMHUNH.js";
-import { R as At } from "./refresh.arF7jP-l.js";
-import { u as Tt } from "./use-bento-toast-controller.BKHU1qBv.js";
+import { B as Fe } from "./divider.CFbtmKeQ.js";
+import { c as Ce, b as yt } from "./use-cached-selected-values.IsfhJHxQ.js";
+import { L as Ne } from "./listbox-option-tag.Dl8GwHLT.js";
+import { B as mt } from "./payment-method.DtvfUnit.js";
+import { u as Ft } from "./use-country-items.B3Cd3Tdo.js";
+import { B as ht } from "./avatar.CeDqq2Z-.js";
+import { D as St, B as Bt, i as fe, b as Ct } from "./date-range-picker.C_pJ8yH5.js";
+import { g as Me } from "./get-date-locale.CAyOIbcp.js";
+import { D as ge } from "./date-format.B8RU7D42.js";
+import { b as gt, f as ee, i as Dt } from "./calendar.EfqJlztU.js";
+import { B as At } from "./date-picker.DoYYzWcA.js";
+import { R as Tt } from "./refresh.arF7jP-l.js";
+import { u as Pt } from "./use-bento-toast-controller.BKHU1qBv.js";
 import "../assets/filter-bar.css";
-var m = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(m || {}), te = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", a.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", a))(te || {}), z = /* @__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))(z || {});
-const Pt = {}, It = /* @__PURE__ */ w({
-  ...Pt,
+const It = {}, Lt = /* @__PURE__ */ N({
+  ...It,
   __name: "filter-bar-button",
   props: {
     /**
@@ -74,14 +72,14 @@ const Pt = {}, It = /* @__PURE__ */ w({
   },
   emits: ["click"],
   setup(a, { emit: e }) {
-    const t = a, l = ue(), n = Qe(), o = Oe(l), s = r(() => l.default ? Ue(l)("default") : null), c = r(() => !o("default") && o("iconLeft")), u = xe({ ariaLabel: s }), f = O(null), y = r(() => {
+    const t = a, l = de(), n = et(), o = Ue(l), s = r(() => l.default ? ke(l)("default") : null), c = r(() => !o("default") && o("iconLeft")), u = $e({ ariaLabel: s }), f = $(null), y = r(() => {
       var F;
       return {
         "aria-controls": (F = n["aria-controls"]) == null ? void 0 : F.toString()
       };
     }), S = r(
       () => (t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter) && !t.noAppliedStateStyles
-    ), v = r(() => ({
+    ), b = r(() => ({
       "b-filter-bar-button--applied": S.value,
       "b-filter-bar-button--filter-open": t.isFilterOpen && !S.value,
       "b-filter-bar-button--filter-open-applied": t.isFilterOpen && S.value,
@@ -89,26 +87,26 @@ const Pt = {}, It = /* @__PURE__ */ w({
       "b-filter-bar-button--with-counter": t.appliedFiltersCount,
       "b-filter-bar-button--icon-only": c.value
     }));
-    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: o, labelSlot: s, isIconOnly: c, computedAriaLabel: u, filterBarButtonRef: f, ariaAttributes: y, isAppliedFilter: S, conditionalClasses: v, onClickButton: (F) => {
+    return { __sfc: !0, props: t, emit: e, slots: l, attrs: n, hasSlot: o, labelSlot: s, isIconOnly: c, computedAriaLabel: u, filterBarButtonRef: f, ariaAttributes: y, isAppliedFilter: S, conditionalClasses: b, onClickButton: (F) => {
       F.preventDefault(), t.disabled || e("click", F);
-    }, BaseButton: Re, BentoTypography: ie };
+    }, BaseButton: xe, BentoTypography: ue };
   }
 });
-var Lt = function() {
+var Et = 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 && !l.isIconOnly ? 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 && !l.isIconOnly ? t(l.BentoTypography, { staticClass: "b-filter-bar-button__label", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(":")]) : e._e()], 1), e.secondaryLabel && !l.isIconOnly ? 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)]);
-}, Et = [], Rt = /* @__PURE__ */ k(
-  It,
+}, Rt = [], Ot = /* @__PURE__ */ V(
   Lt,
   Et,
+  Rt,
   !1,
   null,
   "a64471d2"
 );
-const me = Rt.exports, Ot = {}, xt = /* @__PURE__ */ w({
-  ...Ot,
+const he = Ot.exports, xt = {}, Ut = /* @__PURE__ */ N({
+  ...xt,
   __name: "filter-bar-button-group",
   props: {
     isActive: { type: Boolean, default: !1 },
@@ -122,20 +120,20 @@ const me = Rt.exports, Ot = {}, xt = /* @__PURE__ */ w({
     return { __sfc: !0, props: e, conditionalClasses: t };
   }
 });
-var Ut = function() {
+var $t = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t("div", { staticClass: "b-filter-bar-button-group", class: l.conditionalClasses }, [e._t("default")], 2);
-}, $t = [], kt = /* @__PURE__ */ k(
-  xt,
+}, kt = [], wt = /* @__PURE__ */ V(
   Ut,
   $t,
+  kt,
   !1,
   null,
   "c0b008f0"
 );
-const wt = kt.exports;
-var Y = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a.CANCEL = "cancel", a))(Y || {});
-const Vt = {
+const Vt = wt.exports;
+var J = /* @__PURE__ */ ((a) => (a.APPLY = "apply", a.CLEAR = "clear", a.OPEN = "open", a.CLOSE = "close", a.RESET = "reset", a.CANCEL = "cancel", a))(J || {});
+const Nt = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -155,202 +153,121 @@ const Vt = {
     clear: "Limpar",
     reset: "Reiniciar"
   }
-}, Nt = w({
-  i18n: { messages: Vt },
-  name: "bento-base-filter",
-  components: {
-    BentoPopover: Fe,
-    BentoTeleport: Ee,
-    FilterBarButton: me,
-    FilterBarButtonGroup: wt,
-    CrossSmallIcon: nt
-  },
-  directives: { BentoClickOutsideDirective: it, BentoTooltipDirective: ot },
+}, Mt = {
+  i18n: { messages: Nt },
+  name: "bento-base-filter"
+}, Ht = /* @__PURE__ */ N({
+  ...Mt,
   props: {
-    /**
-     * Total count of applied filters
-     */
-    appliedFiltersCount: { type: [String, Number], default: null },
-    /**
-     * Overrides the label of the popover visibility toggle button text.
-     */
-    buttonLabel: { type: String, default: void 0 },
-    /**
-     * Sets the secondary label text of the popover visibility toggle button text.
-     */
-    buttonSecondaryLabel: { type: String, default: void 0 },
-    /**
-     * Disables the filter from being interacted with.
-     */
+    appliedFiltersCount: { default: null },
+    buttonLabel: { default: void 0 },
+    buttonSecondaryLabel: { default: void 0 },
     disabled: { type: Boolean, default: !1 },
-    /**
-     * Default value of the filter to reset to.
-     */
-    defaultValue: {
-      type: [Object, Number, Boolean, Array, String, Date],
-      default: null
-    },
-    /**
-     * Renders the base filter's slot content only - leaving out the button and the popover.
-     * Used for the allFiltersModal component.
-     */
+    defaultValue: { default: null },
     onlySlot: { type: Boolean, default: !1 },
-    /**
-     * Allows to handle the controls (apply/clear) from outside
-     * of the component
-     */
     controlled: { type: Boolean, default: !1 },
-    /**
-     * Disable the "apply" button
-     */
     disableApplyButton: { type: Boolean, default: !1 },
-    /**
-     * Disable the secondary button action.
-     */
     disableSecondaryButton: { type: Boolean, default: !1 },
-    /**
-     * Filter name/key referencing the actual property name in the data set.
-     * Should be unique per filter bar.
-     */
-    field: { type: String, required: !0 },
-    /**
-     * Label text to be displayed
-     */
-    label: { type: String, required: !0 },
-    /**
-     * Sets the size of the container to fit its content
-     */
-    fitContent: Fe.props.fitContent,
-    /**
-     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
-     */
-    tooltipText: { type: String, default: void 0 },
-    /**
-     * Position the tooltip should take if space is available.
-     */
-    tooltipPosition: { type: String, default: void 0 },
-    /**
-     * The current value of the filter, used for v-model.
-     */
-    value: {
-      type: [Object, Number, Boolean, Array, String, Date],
-      default: void 0
-    }
+    field: null,
+    label: null,
+    fitContent: { type: Boolean, default: void 0 },
+    tooltipText: { default: void 0 },
+    tooltipPosition: { default: void 0 },
+    value: { default: void 0 }
   },
   emits: [
-    Y.APPLY,
-    Y.CLEAR,
-    Y.OPEN,
-    Y.CLOSE,
-    Y.RESET,
-    Y.CANCEL
+    J.APPLY,
+    J.CLEAR,
+    J.OPEN,
+    J.CLOSE,
+    J.RESET,
+    J.CANCEL
   ],
-  setup(a, { emit: e }) {
-    const { t } = Z(), l = fe("base-filter-popover"), n = O(!1), o = O(null), s = O(null), c = r(() => a.defaultValue !== null), u = r(() => c.value ? JSON.stringify(a.value) !== JSON.stringify(a.defaultValue) : a.appliedFiltersCount || a.buttonSecondaryLabel), f = r(() => {
-      let B = a.buttonSecondaryLabel ? `: ${a.buttonSecondaryLabel}` : "";
-      return a.appliedFiltersCount && (B = `: ${t("numberSelected", { numberOfItemsSelected: a.appliedFiltersCount })}`), (c.value ? a.label : S.value) + B;
-    }), y = r(
-      () => c.value ? t("resetFilter", {
-        function: S.value
-      }) : t("clearFilter", {
-        function: S.value
+  setup(a, { expose: e, emit: t }) {
+    const l = a, { t: n } = Z(), o = ve("base-filter-popover"), s = $(!1), c = $(null), u = $(null), f = r(() => l.defaultValue !== null), y = r(() => f.value ? JSON.stringify(l.value) !== JSON.stringify(l.defaultValue) : l.appliedFiltersCount || l.buttonSecondaryLabel), S = r(() => {
+      let R = l.buttonSecondaryLabel ? `: ${l.buttonSecondaryLabel}` : "";
+      return l.appliedFiltersCount && (R = `: ${n("numberSelected", { numberOfItemsSelected: l.appliedFiltersCount })}`), (f.value ? l.label : P.value) + R;
+    }), b = r(
+      () => f.value ? n("resetFilter", {
+        function: P.value
+      }) : n("clearFilter", {
+        function: P.value
       })
-    ), S = r(() => a.buttonLabel || a.label), v = async () => {
-      var B, T;
-      await Pe(), (T = (B = o.value) == null ? void 0 : B.$el) == null || T.focus();
-    }, P = () => {
-      n.value && (n.value = !1, v(), e(Y.CLOSE));
-    }, F = () => {
-      c.value ? e(Y.RESET) : e(Y.CLEAR), v();
+    ), P = r(() => l.buttonLabel || l.label), F = async () => {
+      var R, g;
+      await Le(), (g = (R = c.value) == null ? void 0 : R.$el) == null || g.focus();
+    }, O = () => {
+      s.value && (s.value = !1, F(), t(J.CLOSE));
+    }, A = () => {
+      f.value ? t(J.RESET) : t(J.CLEAR), F();
+    }, x = () => {
+      O(), A();
     }, U = () => {
-      P(), F();
-    }, L = () => {
-      n.value ? P() : (n.value = !0, e(Y.OPEN));
-    }, R = () => {
-      P(), e(Y.APPLY);
-    }, E = () => {
-      P(), e(Y.CANCEL);
-    }, C = () => E(), h = r(() => [
+      s.value ? O() : (s.value = !0, t(J.OPEN));
+    }, C = () => {
+      O(), t(J.APPLY);
+    }, h = () => {
+      O(), t(J.CANCEL);
+    }, I = () => h(), T = r(() => [
       {
-        title: t("apply"),
-        event: R,
-        disabled: a.disableApplyButton
+        title: n("apply"),
+        event: C,
+        disabled: l.disableApplyButton
       },
       {
-        title: c.value ? t("reset") : t("clear"),
-        event: U,
-        disabled: a.disableSecondaryButton
+        title: f.value ? n("reset") : n("clear"),
+        event: x,
+        disabled: l.disableSecondaryButton
       }
     ]);
-    return G(
-      () => n.value,
-      (B, T) => {
-        var N, A;
-        !B && T && (A = (N = o.value) == null ? void 0 : N.filterBarButtonRef) != null && A.bentoBaseButtonRef && o.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+    return z(
+      () => s.value,
+      (R, g) => {
+        var k, j;
+        !R && g && (j = (k = c.value) == null ? void 0 : k.filterBarButtonRef) != null && j.bentoBaseButtonRef && c.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), et(s, C, { ignore: [o] }), {
-      // Values
-      actions: h,
-      popoverId: l,
-      isFilterOpen: n,
-      isPersistentFilter: c,
-      isValueChanged: u,
-      computedAriaLabel: f,
-      computedButtonText: S,
-      computedClearButtonLabel: y,
-      // Enums
-      BentoTooltipPosition: st,
-      // Events
-      onCancel: E,
-      onClickFilter: L,
-      onClickApply: R,
-      onClickSecondaryAction: U,
-      onClickOutside: C,
-      closePopover: P,
-      resetFilter: F,
-      // Refs
-      filterButtonRef: o,
-      popoverRef: s
-    };
+    ), at(u, I, { ignore: [c] }), e({
+      closePopover: O
+    }), { __sfc: !0, emit: t, props: l, t: n, popoverId: o, isFilterOpen: s, filterButtonRef: c, popoverRef: u, isPersistentFilter: f, isValueChanged: y, computedAriaLabel: S, computedClearButtonLabel: b, computedButtonText: P, resetFocus: F, closePopover: O, resetFilter: A, onClickSecondaryAction: x, onClickFilter: U, onClickApply: C, onCancel: h, onClickOutside: I, actions: T, BentoPopover: nt, vBentoTooltipDirective: rt, FilterBarButton: he, FilterBarButtonGroup: Vt, BentoTeleport: Oe, CrossSmallIcon: ut };
   }
 });
-var Mt = 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-group", { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], attrs: { "is-active": e.isFilterOpen, "skip-grouping": !e.isValueChanged } }, [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.isValueChanged ? t("filter-bar-button", { attrs: { "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.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
-    return [t("cross-small-icon", { attrs: { "svg-title": e.computedClearButtonLabel } })];
-  }, proxy: !0 }], null, !1, 3850482025) }) : e._e()], 1), 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.onCancel.apply(null, arguments);
+var jt = function() {
+  var e = this, t = e._self._c, l = e._self._setupProxy;
+  return e.onlySlot ? t("div", [e._t("default")], 2) : t("div", { staticClass: "b-base-filter" }, [t(l.FilterBarButtonGroup, { directives: [{ name: "bento-tooltip-directive", rawName: "v-bento-tooltip-directive:[tooltipPosition]", value: e.tooltipText, expression: "tooltipText", arg: e.tooltipPosition }], attrs: { "is-active": l.isFilterOpen, "skip-grouping": !l.isValueChanged } }, [t(l.FilterBarButton, { ref: "filterButtonRef", attrs: { "aria-label": l.computedAriaLabel, "aria-controls": l.isFilterOpen ? l.popoverId : null, "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": l.isPersistentFilter, "is-filter-open": l.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: l.onClickFilter, keydown: function(n) {
+    return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : l.closePopover.apply(null, arguments);
+  } } }, [e._v(" " + e._s(l.computedButtonText) + " ")]), l.isValueChanged ? t(l.FilterBarButton, { attrs: { "applied-filters-count": e.appliedFiltersCount, disabled: e.disabled, "is-persistent-filter": l.isPersistentFilter, "is-filter-open": l.isFilterOpen, "secondary-label": e.buttonSecondaryLabel }, on: { click: l.resetFilter }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
+    return [t(l.CrossSmallIcon, { attrs: { "svg-title": l.computedClearButtonLabel } })];
+  }, proxy: !0 }], null, !1, 892273033) }) : e._e()], 1), l.filterButtonRef ? t(l.BentoTeleport, [l.filterButtonRef ? t(l.BentoPopover, { ref: "popoverRef", staticClass: "b-base-filter__popover", attrs: { id: l.popoverId, divider: "", open: l.isFilterOpen, actions: e.controlled ? null : l.actions, "actions-layout": "space-between", "target-element": l.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(n) {
+    return !n.type.indexOf("key") && e._k(n.keyCode, "esc", 27, n.key, ["Esc", "Escape"]) ? null : l.onCancel.apply(null, arguments);
   } } }, [e._t("default")], 2)]) : e._e()], 1) : e._e()], 1);
-}, jt = [], Ht = /* @__PURE__ */ k(
-  Nt,
-  Mt,
+}, qt = [], Jt = /* @__PURE__ */ V(
+  Ht,
   jt,
+  qt,
   !1,
   null,
-  "28eaa0dc"
+  "7a80f950"
 );
-const ae = Ht.exports, qt = (a) => a instanceof Array, Ce = (a) => qt(a) ? a.length === 0 || a.every((e) => e === "") : !a, Be = (a, e) => JSON.stringify(a) === JSON.stringify(e), Q = (a, e) => {
-  const t = O(a.value);
-  G(
+const ae = Jt.exports, Yt = (a) => a instanceof Array, De = (a) => Yt(a) ? a.length === 0 || a.every((e) => e === "") : !a, Ae = (a, e) => JSON.stringify(a) === JSON.stringify(e), Q = (a, e) => {
+  const t = $(a.value);
+  z(
     () => a.value,
     () => {
       t.value = a.value;
     }
   );
-  const l = r(() => Ce(a.value)), n = r(
-    () => e.value !== null ? Be(e.value, a.value) : l.value
-  ), o = r(() => Be(t.value, a.value) || Ce(t.value) && l.value);
+  const l = r(() => De(a.value)), n = r(
+    () => e.value !== null ? Ae(e.value, a.value) : l.value
+  ), o = r(() => Ae(t.value, a.value) || De(t.value) && l.value);
   return {
     internalFilterValue: t,
     isSecondaryButtonDisabled: n,
     isApplyButtonDisabled: o
   };
-}, Jt = {
+}, Gt = {
   name: "bento-input-filter"
-}, Yt = /* @__PURE__ */ w({
-  ...Jt,
+}, Wt = /* @__PURE__ */ N({
+  ...Gt,
   props: {
     defaultValue: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -362,40 +279,40 @@ const ae = Ht.exports, qt = (a) => a instanceof Array, Ce = (a) => qt(a) ? a.len
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    var T, N;
-    const t = a, l = O(null), n = O((N = (T = t == null ? void 0 : t.options) == null ? void 0 : T.dropdown) == null ? void 0 : N.value), o = r(
+    var T, R;
+    const t = a, l = $(null), n = $((R = (T = t == null ? void 0 : t.options) == null ? void 0 : T.dropdown) == null ? void 0 : R.value), o = r(
       () => {
-        var A, H;
-        return ((A = t == null ? void 0 : t.options) == null ? void 0 : A.variant) === "dropdown" && ((H = t == null ? void 0 : t.options) == null ? void 0 : H.dropdown) !== void 0;
+        var g, k;
+        return ((g = t == null ? void 0 : t.options) == null ? void 0 : g.variant) === "dropdown" && ((k = t == null ? void 0 : t.options) == null ? void 0 : k.dropdown) !== void 0;
       }
     ), s = r(
       () => {
-        var A;
-        return o.value ? { ...(A = t == null ? void 0 : t.options) == null ? void 0 : A.dropdown, value: n.value } : void 0;
+        var g;
+        return o.value ? { ...(g = t == null ? void 0 : t.options) == null ? void 0 : g.dropdown, value: n.value } : void 0;
       }
     ), c = r(() => {
-      var A;
-      return ((A = t == null ? void 0 : t.options) == null ? void 0 : A.variant) === "dropdown" ? "dropdown" : "default";
+      var g;
+      return ((g = t == null ? void 0 : t.options) == null ? void 0 : g.variant) === "dropdown" ? "dropdown" : "default";
     }), u = r(
       () => {
-        var A;
-        return o.value ? (A = t.value) == null ? void 0 : A.inputValue : t == null ? void 0 : t.value;
+        var g;
+        return o.value ? (g = t.value) == null ? void 0 : g.inputValue : t == null ? void 0 : t.value;
       }
     ), { internalFilterValue: f, isSecondaryButtonDisabled: y, isApplyButtonDisabled: S } = Q(
       u,
-      M(t, "defaultValue")
-    ), v = r(() => t.label), P = r(() => le(u.value, 12)), F = r(() => ({
+      H(t, "defaultValue")
+    ), b = r(() => t.label), P = r(() => le(u.value, 12)), F = r(() => ({
       "b-input-filter--only-slot": t.onlySlot
     }));
-    ce(() => {
+    pe(() => {
       f.value === "" && (f.value = null);
-    }), G(l, () => {
-      var A;
-      (A = l.value) == null || A.focusInput();
+    }), z(l, () => {
+      var g;
+      (g = l.value) == null || g.focusInput();
     });
-    const U = () => {
+    const O = () => {
       f.value = u.value;
-    }, L = () => {
+    }, A = () => {
       !f.value && t.defaultValue !== null && (f.value = t.defaultValue), e("update", {
         ...t,
         value: o.value ? {
@@ -403,20 +320,20 @@ const ae = Ht.exports, qt = (a) => a instanceof Array, Ce = (a) => qt(a) ? a.len
           dropdownValue: n.value
         } : f.value
       });
-    }, R = () => e("update", { ...t, value: t.defaultValue }), E = () => {
-      f.value = null, L();
+    }, x = () => e("update", { ...t, value: t.defaultValue }), U = () => {
+      f.value = null, A();
     }, C = () => {
       e("input", { ...t, value: f.value });
-    }, h = (A) => {
-      f.value = A;
-    }, B = (A) => {
-      n.value = A;
+    }, h = (g) => {
+      f.value = g;
+    }, I = (g) => {
+      n.value = g;
     };
-    return Ie(tt, o.value), G(
+    return Ee(ot, o.value), z(
       () => t.options,
       () => {
-        var A, H, J;
-        ((A = t.options) != null && A.dropdown || (H = t.options) != null && H.dropdownPosition || (J = t.options) != null && J.variant) && be(
+        var g, k, j;
+        ((g = t.options) != null && g.dropdown || (k = t.options) != null && k.dropdownPosition || (j = t.options) != null && j.variant) && _e(
           'BentoInputFilter "options" property',
           `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
                             Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
@@ -432,27 +349,29 @@ const ae = Ht.exports, qt = (a) => a instanceof Array, Ce = (a) => qt(a) ? a.len
         );
       },
       { immediate: !0 }
-    ), { __sfc: !0, props: t, emit: e, inputTextRef: l, dropdownValue: n, isDropdownVariant: o, dropdownProp: s, inputVariant: c, valueProp: u, internalFilterValue: f, isSecondaryButtonDisabled: y, isApplyButtonDisabled: S, buttonLabel: v, buttonSecondaryLabel: P, conditionalClasses: F, openFilter: U, updateFilter: L, resetFilter: R, clearFilter: E, onInput: C, setInternalFilterValue: h, onDropdownInput: B, BentoBaseFilter: ae, BentoInputField: ve };
+    ), { __sfc: !0, props: t, emit: e, inputTextRef: l, dropdownValue: n, isDropdownVariant: o, dropdownProp: s, inputVariant: c, valueProp: u, internalFilterValue: f, isSecondaryButtonDisabled: y, isApplyButtonDisabled: S, buttonLabel: b, buttonSecondaryLabel: P, conditionalClasses: F, openFilter: O, updateFilter: A, resetFilter: x, clearFilter: U, onInput: C, setInternalFilterValue: h, onDropdownInput: I, BentoBaseFilter: ae, BentoInputField: ye };
   }
 });
-var Wt = function() {
+var zt = function() {
   var n, o, s, c;
   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, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText }, 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(u) {
     return !u.type.indexOf("key") && e._k(u.keyCode, "enter", 13, u.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
   }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownProp, "dropdown-position": (s = e.options) == null ? void 0 : s.dropdownPosition, placeholder: (c = e.options) == null ? void 0 : c.placeholder, variant: l.inputVariant, value: l.internalFilterValue, disabled: e.disabled }, on: { input: l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
-}, zt = [], Gt = /* @__PURE__ */ k(
-  Yt,
+}, Kt = [], Zt = /* @__PURE__ */ V(
   Wt,
   zt,
+  Kt,
   !1,
   null,
-  "5048c46f"
+  "39fd573d"
 );
-const Ne = Gt.exports, Kt = {
+const He = Zt.exports;
+var m = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE = "update", a))(m || {}), te = /* @__PURE__ */ ((a) => (a.INPUT = "input", a.UPDATE_FILTER_VALUES_OBJECT = "update:filter-values-object", a.UPDATE_FILTER_VALUES_ARRAY = "update:filter-values", a))(te || {}), W = /* @__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))(W || {});
+const Qt = {
   name: "bento-input-with-dropdown-filter"
-}, Zt = /* @__PURE__ */ w({
-  ...Kt,
+}, Xt = /* @__PURE__ */ N({
+  ...Qt,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -464,13 +383,13 @@ const Ne = Gt.exports, Kt = {
   },
   emits: [m.INPUT, m.UPDATE],
   setup(a, { emit: e }) {
-    const t = a, l = O(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(M(t, "value"), M(t, "defaultValue")), c = r(() => t.label), u = r(() => {
+    const t = a, l = $(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(H(t, "value"), H(t, "defaultValue")), c = r(() => t.label), u = r(() => {
       var h;
       return le((h = t.value) == null ? void 0 : h.inputValue, 12);
     }), f = r(
       () => {
-        var h, B, T;
-        return ((h = n.value) == null ? void 0 : h.dropdownValue) ?? ((T = (B = t.options) == null ? void 0 : B.dropdown) == null ? void 0 : T.value);
+        var h, I, T;
+        return ((h = n.value) == null ? void 0 : h.dropdownValue) ?? ((T = (I = t.options) == null ? void 0 : I.dropdown) == null ? void 0 : T.value);
       }
     ), y = r(() => {
       var h;
@@ -480,14 +399,14 @@ const Ne = Gt.exports, Kt = {
       };
     }), S = r(() => ({
       "b-input-with-dropdown-filter--only-slot": t.onlySlot
-    })), v = r(() => {
-      var B;
-      return !(!!((B = n.value) != null && B.inputValue) && !!f.value) || s.value;
+    })), b = r(() => {
+      var I;
+      return !(!!((I = n.value) != null && I.inputValue) && !!f.value) || s.value;
     });
-    ce(() => {
+    pe(() => {
       var h;
       ((h = n.value) == null ? void 0 : h.inputValue) === "" && (n.value = { ...n.value, inputValue: void 0 });
-    }), G(l, () => {
+    }), z(l, () => {
       var h;
       (h = l.value) == null || h.focusInput();
     });
@@ -499,39 +418,39 @@ const Ne = Gt.exports, Kt = {
         ...t,
         value: n.value
       });
-    }, U = () => e(m.UPDATE, { ...t, value: t.defaultValue }), L = () => {
+    }, O = () => e(m.UPDATE, { ...t, value: t.defaultValue }), A = () => {
       n.value = null, F();
-    }, R = () => {
+    }, x = () => {
       e(m.INPUT, { ...t, value: n.value });
-    }, E = (h) => {
+    }, U = (h) => {
       n.value = { dropdownValue: f.value, inputValue: h };
     }, C = (h) => {
       n.value = { ...n.value, dropdownValue: h };
     };
-    return Ie(lt, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s, buttonLabel: c, buttonSecondaryLabel: u, dropdownSelection: f, dropdownOptions: y, conditionalClasses: S, shouldDisableApply: v, openFilter: P, updateFilter: F, resetFilter: U, clearFilter: L, onInput: R, setInternalFilterValue: E, onDropdownInput: C, BentoBaseFilter: ae, BentoInputField: ve };
+    return Ee(st, !0), { __sfc: !0, props: t, emit: e, inputTextRef: l, internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s, buttonLabel: c, buttonSecondaryLabel: u, dropdownSelection: f, dropdownOptions: y, conditionalClasses: S, shouldDisableApply: b, openFilter: P, updateFilter: F, resetFilter: O, clearFilter: A, onInput: x, setInternalFilterValue: U, onDropdownInput: C, BentoBaseFilter: ae, BentoInputField: ye };
   }
 });
-var Qt = function() {
+var el = function() {
   var n, o, s, c;
   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, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText }, 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(u) {
     return !u.type.indexOf("key") && e._k(u.keyCode, "enter", 13, u.key, "Enter") ? null : l.updateFilter.apply(null, arguments);
   }, input: l.onInput } }, [t(l.BentoInputField, { ref: "inputTextRef", attrs: { dropdown: l.dropdownOptions, "dropdown-position": (s = e.options) == null ? void 0 : s.dropdownPosition, variant: "dropdown", value: (c = l.internalFilterValue) == null ? void 0 : c.inputValue, disabled: e.disabled }, on: { input: l.setInternalFilterValue, "dropdown-input": l.onDropdownInput } })], 1)]);
-}, Xt = [], el = /* @__PURE__ */ k(
-  Zt,
-  Qt,
+}, tl = [], ll = /* @__PURE__ */ V(
   Xt,
+  el,
+  tl,
   !1,
   null,
-  "5dce5d6e"
+  "f304d68d"
 );
-const Me = el.exports, tl = w({
+const je = ll.exports, al = N({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: ae,
-    BentoDatePicker: Dt,
-    BentoDivider: ye,
-    Calendar: Ct
+    BentoDatePicker: At,
+    BentoDivider: Fe,
+    Calendar: gt
   },
   props: {
     /**
@@ -576,23 +495,26 @@ const Me = el.exports, tl = w({
   },
   emits: [m.INPUT, m.UPDATE],
   setup(a, { emit: e }) {
-    const { locale: t } = Z(void 0, !0), l = Ve(), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(
-      M(a, "value"),
-      M(a, "defaultValue")
+    const { locale: t } = Z(void 0, !0), l = Me(), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(
+      H(a, "value"),
+      H(a, "defaultValue")
     ), c = r(
-      () => a.value ? ee(a.value, "dd MMM, yyyy", {
-        locale: l[t.value.substring(0, 2)] || l.enUS
-      }) : null
+      () => {
+        var A;
+        return a.value ? ee(a.value, "dd MMM, yyyy", {
+          locale: l[(A = t.value) == null ? void 0 : A.substring(0, 2)] || l.enUS
+        }) : null;
+      }
     ), u = r(() => a.label), f = r(() => c.value), y = () => {
       e(m.UPDATE, { ...a, value: n.value });
     }, S = () => {
       n.value = null, y();
-    }, v = () => {
+    }, b = () => {
       n.value = a.defaultValue, y();
     }, P = () => {
       n.value = a.value;
-    }, F = (L) => {
-      n.value = L, e(m.INPUT, { ...a, value: n.value });
+    }, F = (A) => {
+      n.value = A, e(m.INPUT, { ...a, value: n.value });
     };
     return {
       // Values
@@ -606,26 +528,26 @@ const Me = el.exports, tl = w({
       onDateSelected: F,
       openFilter: P,
       updateFilter: y,
-      resetFilter: v,
-      onDateInputSelected: (L) => {
-        n.value = L, F(L), y();
+      resetFilter: b,
+      onDateInputSelected: (A) => {
+        n.value = A, F(A), y();
       }
     };
   }
 });
-var ll = function() {
+var nl = function() {
   var l, n, o, s, c, u, f, y;
   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, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "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": (o = e.options) == null ? void 0 : o.firstDayOfWeek, "is-date-disabled": (s = e.options) == null ? void 0 : s.isDateDisabled, variant: (c = e.options) == null ? void 0 : c.variant, disabled: e.disabled }, 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": (u = e.options) == null ? void 0 : u.firstDayOfWeek, "is-date-disabled": (f = e.options) == null ? void 0 : f.isDateDisabled, "number-of-months": 1, value: e.internalFilterValue, variant: (y = e.options) == null ? void 0 : y.variant }, on: { input: e.onDateSelected } })], 1)]], 2);
-}, al = [], nl = /* @__PURE__ */ k(
-  tl,
-  ll,
+}, ol = [], sl = /* @__PURE__ */ V(
   al,
+  nl,
+  ol,
   !1,
   null,
-  "f98b9c57"
+  "482189f2"
 );
-const je = nl.exports, ol = {
+const qe = sl.exports, il = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -641,16 +563,16 @@ const je = nl.exports, ol = {
     clear: "Limpar",
     reset: "Reiniciar"
   }
-}, sl = w({
-  i18n: { messages: ol },
+}, rl = N({
+  i18n: { messages: il },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: ae,
-    BentoButtonActions: at,
-    BentoDateRangePicker: St,
-    BentoTypography: ie,
-    BentoDivider: ye,
-    DateRangePickerCalendar: ht
+    BentoButtonActions: it,
+    BentoDateRangePicker: Bt,
+    BentoTypography: ue,
+    BentoDivider: Fe,
+    DateRangePickerCalendar: St
   },
   props: {
     /**
@@ -704,81 +626,87 @@ const je = nl.exports, ol = {
   },
   emits: [m.INPUT, m.UPDATE],
   setup(a, { emit: e }) {
-    var _, I, $, j;
-    const { locale: t, t: l } = Z(), n = Ve(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: c } = Q(
-      M(a, "value"),
-      M(a, "defaultValue")
-    ), u = O(!1), f = r(() => {
+    var _, E, w, q;
+    const { locale: t, t: l } = Z(), n = Me(), { internalFilterValue: o, isSecondaryButtonDisabled: s, isApplyButtonDisabled: c } = Q(
+      H(a, "value"),
+      H(a, "defaultValue")
+    ), u = $(!1), f = r(() => {
       var i;
-      return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.quickSelectRanges) && a.options.quickSelectRanges.map((x) => {
-        const b = x.data.endDate ? void 0 : new Date(Date.now()).getTime() - x.data.startDate.getTime();
+      return ((i = a == null ? void 0 : a.options) == null ? void 0 : i.quickSelectRanges) && a.options.quickSelectRanges.map((L) => {
+        const v = L.data.endDate ? void 0 : new Date(Date.now()).getTime() - L.data.startDate.getTime();
         return {
-          ...x,
+          ...L,
           data: {
-            ...x.data,
+            ...L.data,
             // Adding timeDifference to calculate an up-to-date endDate on range selection
-            timeDifference: b
+            timeDifference: v
           }
         };
       });
-    }), y = (i) => i ? ee(i, ge.NUMERIC_DATE_YEAR_FIRST, {
-      locale: n[t.value.substring(0, 2)] || n.enUS
-    }) : void 0, S = (i) => i ? ee(i, ge.HOUR_MINUTE_SECONDS, {
-      locale: n[t.value.substring(0, 2)] || n.enUS
-    }) : "", v = O(null), P = O(!1), F = Xe({
+    }), y = (i) => {
+      var L;
+      return i ? ee(i, ge.NUMERIC_DATE_YEAR_FIRST, {
+        locale: n[(L = t.value) == null ? void 0 : L.substring(0, 2)] || n.enUS
+      }) : void 0;
+    }, S = (i) => {
+      var L;
+      return i ? ee(i, ge.HOUR_MINUTE_SECONDS, {
+        locale: n[(L = t.value) == null ? void 0 : L.substring(0, 2)] || n.enUS
+      }) : "";
+    }, b = $(null), P = $(!1), F = tt({
       startDate: y((_ = a.value) == null ? void 0 : _.startDate),
-      endDate: y((I = a.value) == null ? void 0 : I.endDate),
-      startTime: S(($ = a.value) == null ? void 0 : $.startDate),
-      endTime: S((j = a.value) == null ? void 0 : j.endDate)
+      endDate: y((E = a.value) == null ? void 0 : E.endDate),
+      startTime: S((w = a.value) == null ? void 0 : w.startDate),
+      endTime: S((q = a.value) == null ? void 0 : q.endDate)
     });
-    G(
+    z(
       () => a.value,
       () => {
-        var i, x, b, d;
-        F.startDate = y((i = a.value) == null ? void 0 : i.startDate), F.endDate = y((x = a.value) == null ? void 0 : x.endDate), F.startTime = S((b = a.value) == null ? void 0 : b.startDate), F.endTime = S((d = a.value) == null ? void 0 : d.endDate);
+        var i, L, v, d;
+        F.startDate = y((i = a.value) == null ? void 0 : i.startDate), F.endDate = y((L = a.value) == null ? void 0 : L.endDate), F.startTime = S((v = a.value) == null ? void 0 : v.startDate), F.endTime = S((d = a.value) == null ? void 0 : d.endDate);
       }
     );
-    function U(i) {
+    function O(i) {
       return (i == null ? void 0 : i.length) !== void 0;
     }
-    const L = (i) => {
-      var x, b, d, D, V, K;
+    const A = (i) => {
+      var L, v, d, D, M, K, X, ie, re, ce;
       if (!i || !(i != null && i.startDate) && !i.endDate)
         return null;
-      if (U((x = a.options) == null ? void 0 : x.quickSelectRanges) && ((d = (b = a.options) == null ? void 0 : b.quickSelectRanges) == null ? void 0 : d.length) > 0) {
-        const X = (V = (D = a.options) == null ? void 0 : D.quickSelectRanges) == null ? void 0 : V.find(({ value: re, data: q }) => i ? i.range ? re === i.range : !i.startDate || !i.endDate ? !1 : q != null && q.endDate ? de(q == null ? void 0 : q.startDate, i.startDate) && de(q == null ? void 0 : q.endDate, i.endDate) : de(q == null ? void 0 : q.startDate, i.startDate) && gt(i.endDate) : !1);
-        if (X)
-          return X.label;
+      if (O((L = a.options) == null ? void 0 : L.quickSelectRanges) && ((d = (v = a.options) == null ? void 0 : v.quickSelectRanges) == null ? void 0 : d.length) > 0) {
+        const Se = (M = (D = a.options) == null ? void 0 : D.quickSelectRanges) == null ? void 0 : M.find(({ value: Xe, data: G }) => i ? i.range ? Xe === i.range : !i.startDate || !i.endDate ? !1 : G != null && G.endDate ? fe(G == null ? void 0 : G.startDate, i.startDate) && fe(G == null ? void 0 : G.endDate, i.endDate) : fe(G == null ? void 0 : G.startDate, i.startDate) && Ct(i.endDate) : !1);
+        if (Se)
+          return Se.label;
       }
-      return !i.startDate || !i.endDate ? null : Bt(i.startDate, i.endDate) && ((K = a == null ? void 0 : a.options) != null && K.allowTimeInput) ? `${ee(i.startDate, "dd MMM, yyyy HH:mm:ss", {
-        locale: n[t.value.substring(0, 2)] || n.enUS
+      return !i.startDate || !i.endDate ? null : Dt(i.startDate, i.endDate) && ((K = a == null ? void 0 : a.options) != null && K.allowTimeInput) ? `${ee(i.startDate, "dd MMM, yyyy HH:mm:ss", {
+        locale: n[(X = t.value) == null ? void 0 : X.substring(0, 2)] || n.enUS
       })} - ${ee(i.endDate, "HH:mm:ss", {
-        locale: n[t.value.substring(0, 2)] || n.enUS
+        locale: n[(ie = t.value) == null ? void 0 : ie.substring(0, 2)] || n.enUS
       })}` : `${ee(i.startDate, "dd MMM, yyyy", {
-        locale: n[t.value.substring(0, 2)] || n.enUS
+        locale: n[(re = t.value) == null ? void 0 : re.substring(0, 2)] || n.enUS
       })} - ${ee(i.endDate, "dd MMM, yyyy", {
-        locale: n[t.value.substring(0, 2)] || n.enUS
+        locale: n[(ce = t.value) == null ? void 0 : ce.substring(0, 2)] || n.enUS
       })}`;
-    }, R = O(L(a.value)), E = r(() => a.label), C = () => {
-      v.value.closePopover();
-      const { onlySlot: i, ...x } = a;
-      e(m.UPDATE, { ...x, value: o.value });
+    }, x = $(A(a.value)), U = r(() => a.label), C = () => {
+      b.value.closePopover();
+      const { onlySlot: i, ...L } = a;
+      e(m.UPDATE, { ...L, value: o.value });
     }, h = () => {
       o.value = void 0, C();
-    }, B = () => {
+    }, I = () => {
       o.value = a.defaultValue, C();
     }, T = () => {
       o.value = a.value;
-    }, N = () => {
-      var i, x, b, d;
-      o.value = a.value, u.value = !1, F.startDate = y((i = a.value) == null ? void 0 : i.startDate), F.endDate = y((x = a.value) == null ? void 0 : x.endDate), F.startTime = S((b = a.value) == null ? void 0 : b.startDate), F.endTime = S((d = a.value) == null ? void 0 : d.endDate);
-    }, A = (i) => {
+    }, R = () => {
+      var i, L, v, d;
+      o.value = a.value, u.value = !1, F.startDate = y((i = a.value) == null ? void 0 : i.startDate), F.endDate = y((L = a.value) == null ? void 0 : L.endDate), F.startTime = S((v = a.value) == null ? void 0 : v.startDate), F.endTime = S((d = a.value) == null ? void 0 : d.endDate);
+    }, g = (i) => {
       u.value = !1, o.value = i, F.startDate = y(i.startDate), F.endDate = y(i.endDate), e(m.INPUT, { ...a, value: o.value });
-    }, H = (i) => {
+    }, k = (i) => {
       i != null && i.startDate && (i != null && i.endDate) && (o.value = i, F.startDate = y(i.startDate), F.endDate = y(i.endDate), e(m.INPUT, { ...a, value: o.value }));
-    }, J = (i) => {
-      A(i), e(m.INPUT, { ...a, value: o.value });
-    }, W = r(
+    }, j = (i) => {
+      g(i), e(m.INPUT, { ...a, value: o.value });
+    }, Y = r(
       () => [
         {
           title: l("apply"),
@@ -787,67 +715,67 @@ const je = nl.exports, ol = {
         },
         {
           title: a.defaultValue ? l("reset") : l("clear"),
-          event: a.defaultValue ? B : h,
+          event: a.defaultValue ? I : h,
           disabled: P.value && s.value
         }
       ]
-    ), g = () => {
+    ), B = () => {
       P.value = !0, o.value = { startDate: void 0, endDate: void 0 }, e(m.INPUT, { ...a, value: o.value });
     }, p = (i) => {
       P.value = !1, i.startTime && (F.startTime = i.startTime), i.endTime && (F.endTime = i.endTime);
     };
-    return G(
+    return z(
       () => a.value,
       (i) => {
-        R.value = L(i);
+        x.value = A(i);
       },
       { deep: !0 }
     ), {
       // Refs
-      baseFilter: v,
+      baseFilter: b,
       // Values
-      actions: W,
+      actions: Y,
       formData: F,
       internalFilterValue: o,
       isApplyButtonDisabled: c,
       isSecondaryButtonDisabled: s,
       isSelectingDate: u,
-      buttonLabel: E,
-      buttonSecondaryLabel: R,
+      buttonLabel: U,
+      buttonSecondaryLabel: x,
       adjustedQuickSelectRanges: f,
       // Events
-      onCancel: N,
-      onDateSelected: A,
+      onCancel: R,
+      onDateSelected: g,
       openFilter: T,
       clearFilter: h,
-      resetFilter: B,
+      resetFilter: I,
       updateFilter: C,
-      onDatePickerRangeError: g,
+      onDatePickerRangeError: B,
       onDatePickerRangeFormDateInputUpdate: p,
-      onDateInputSelected: J,
-      onRangeSelectorInput: H
+      onDateInputSelected: j,
+      onRangeSelectorInput: k
     };
   }
 });
-var il = function() {
-  var l, n, o, s, c, u, f, y, S, v, P, F, U, L, R, E, C, h;
+var ul = function() {
+  var l, n, o, s, c, u, f, y, S, b, P, F, O, A, x, U, C, h, I, T, R, g, k;
   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, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (o = e.options) == null ? void 0 : o.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (c = e.options) == null ? void 0 : c.isDateDisabled, "number-of-months": (u = e.options) == null ? void 0 : u.numberOfMonths, "quick-select-ranges": (f = e.options) == null ? void 0 : f.quickSelectRanges, variant: (y = e.options) == null ? void 0 : y.variant, disabled: e.disabled }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (S = e.options) == null ? void 0 : S.allowTimeInput, "first-day-of-week": (v = e.options) == null ? void 0 : v.firstDayOfWeek, "is-date-disabled": (P = e.options) == null ? void 0 : P.isDateDisabled, granularities: (F = e.options) == null ? void 0 : F.granularities, "max-range": (U = e.options) == null ? void 0 : U.maxRange, min: (L = e.options) == null ? void 0 : L.min, max: (R = e.options) == null ? void 0 : R.max, "number-of-months": (E = e.options) == null ? void 0 : E.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (C = e.options) == null ? void 0 : C.showEndDateOnOpen, variant: (h = e.options) == null ? void 0 : h.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(B) {
+  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, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText, "fit-content": "" }, on: { open: e.openFilter, clear: e.clearFilter, reset: e.resetFilter, cancel: e.onCancel } }, [e.onlySlot ? t("bento-date-range-picker", { attrs: { "allow-time-input": (o = e.options) == null ? void 0 : o.allowTimeInput, value: e.internalFilterValue, "first-day-of-week": (s = e.options) == null ? void 0 : s.firstDayOfWeek, "is-date-disabled": (c = e.options) == null ? void 0 : c.isDateDisabled, "number-of-months": (u = e.options) == null ? void 0 : u.numberOfMonths, "quick-select-ranges": (f = e.options) == null ? void 0 : f.quickSelectRanges, variant: (y = e.options) == null ? void 0 : y.variant, disabled: e.disabled, granularities: (S = e.options) == null ? void 0 : S.granularities, "max-range": (b = e.options) == null ? void 0 : b.maxRange, min: (P = e.options) == null ? void 0 : P.min, max: (F = e.options) == null ? void 0 : F.max, "date-form-data": e.formData, "show-end-date-on-open": (O = e.options) == null ? void 0 : O.showEndDateOnOpen }, on: { input: e.onDateInputSelected } }) : [t("div", { staticClass: "b-date-range-filter" }, [t("date-range-picker-calendar", { attrs: { "allow-time-input": (A = e.options) == null ? void 0 : A.allowTimeInput, "first-day-of-week": (x = e.options) == null ? void 0 : x.firstDayOfWeek, "is-date-disabled": (U = e.options) == null ? void 0 : U.isDateDisabled, granularities: (C = e.options) == null ? void 0 : C.granularities, "max-range": (h = e.options) == null ? void 0 : h.maxRange, min: (I = e.options) == null ? void 0 : I.min, max: (T = e.options) == null ? void 0 : T.max, "number-of-months": (R = e.options) == null ? void 0 : R.numberOfMonths, "quick-select-ranges": e.adjustedQuickSelectRanges, value: e.internalFilterValue, "date-form-data": e.formData, "show-end-date-on-open": (g = e.options) == null ? void 0 : g.showEndDateOnOpen, variant: (k = e.options) == null ? void 0 : k.variant }, on: { input: e.onDateSelected, "custom-range": e.onRangeSelectorInput, error: e.onDatePickerRangeError, "form-date": e.onDatePickerRangeFormDateInputUpdate, "start-date-selected": function(j) {
     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) + " ")])];
   }, proxy: !0 }, { key: "actions", fn: function() {
     return [t("bento-divider", { staticClass: "b-date-range-filter__divider" }), t("bento-button-actions", { staticClass: "b-date-range-filter__actions", attrs: { actions: e.actions, layout: "space-between" } })];
   }, proxy: !0 }]) })], 1)]], 2);
-}, rl = [], ul = /* @__PURE__ */ k(
-  sl,
-  il,
+}, cl = [], dl = /* @__PURE__ */ V(
   rl,
+  ul,
+  cl,
   !1,
   null,
-  "96c9c378"
+  "cbb9bf1a"
 );
-const He = ul.exports, cl = {
+const Je = dl.exports, pl = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -859,10 +787,10 @@ const He = ul.exports, cl = {
   "pt-BR": {
     all: "Todos"
   }
-}, dl = {
-  i18n: { messages: cl }
-}, pl = /* @__PURE__ */ w({
-  ...dl,
+}, fl = {
+  i18n: { messages: pl }
+}, bl = /* @__PURE__ */ N({
+  ...fl,
   __name: "select-filter-button",
   props: {
     /**
@@ -915,116 +843,117 @@ const He = ul.exports, cl = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    var W, g;
-    const t = a, l = ue(), { t: n } = Z(), o = O(""), s = M(t, "options"), c = O(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: u, setCachedValues: f, resetCache: y } = Se(
+    var Y, B;
+    const t = a, l = de(), { t: n } = Z(), o = $(""), s = H(t, "options"), c = $(t.options.listboxItems ?? []), { cachedSelectedListboxOptions: u, setCachedValues: f, resetCache: y } = Ce(
       c,
-      M(t, "value"),
-      M(s.value, "multiple")
-    ), { cachedSelectedListboxOptions: S } = Se(
+      H(t, "value"),
+      H(s.value, "multiple")
+    ), { cachedSelectedListboxOptions: S } = Ce(
       c,
-      M(t, "defaultValue"),
-      M(s.value, "multiple")
-    ), { internalFilterValue: v, isSecondaryButtonDisabled: P, isApplyButtonDisabled: F } = Q(u, S);
-    G(s, () => {
+      H(t, "defaultValue"),
+      H(s.value, "multiple")
+    ), { internalFilterValue: b, isSecondaryButtonDisabled: P, isApplyButtonDisabled: F } = Q(u, S);
+    z(s, () => {
       c.value = s.value.listboxItems ?? [];
     });
-    const U = ke(
+    const O = Ve(
       o,
       c,
-      (g = (W = t.options) == null ? void 0 : W.search) == null ? void 0 : g.searchEvent
-    ), L = r(() => n("noFiltersMatchThisSearch")), R = r(() => t.label), E = r(() => {
-      var I, $, j, i, x;
-      const p = !((I = t == null ? void 0 : t.options) != null && I.multiple) && (t == null ? void 0 : t.value), _ = (($ = t == null ? void 0 : t.options) == null ? void 0 : $.multiple) && Array.isArray(t.value) && t.value.length === 1;
+      (B = (Y = t.options) == null ? void 0 : Y.search) == null ? void 0 : B.searchEvent
+    ), A = r(() => n("noFiltersMatchThisSearch")), x = r(() => t.label), U = r(() => {
+      var E, w, q, i, L;
+      const p = !((E = t == null ? void 0 : t.options) != null && E.multiple) && (t == null ? void 0 : t.value), _ = ((w = t == null ? void 0 : t.options) == null ? void 0 : w.multiple) && Array.isArray(t.value) && t.value.length === 1;
       if (p || _) {
-        if ((j = t.options) != null && j.enableValueLabelPair) {
-          const D = ((i = v.value) == null ? void 0 : i.length) > 0 ? v.value[0].label : t.value;
+        if ((q = t.options) != null && q.enableValueLabelPair) {
+          const D = ((i = b.value) == null ? void 0 : i.length) > 0 ? b.value[0].label : t.value;
           return le(D, 12);
         }
-        let d = (x = t.options.listboxItems.flatMap((D) => D.items ? D.items : D).find(
+        let d = (L = t.options.listboxItems.flatMap((D) => D.items ? D.items : D).find(
           ({ value: D }) => {
-            var V;
-            return Array.isArray(t.value) ? (V = t == null ? void 0 : t.value) == null ? void 0 : V.includes(D) : D === t.value;
+            var M;
+            return Array.isArray(t.value) ? (M = t == null ? void 0 : t.value) == null ? void 0 : M.includes(D) : D === t.value;
           }
-        )) == null ? void 0 : x.label;
+        )) == null ? void 0 : L.label;
         return !d && t.value && (d = t.value[0]), le(d, 12);
       }
       return null;
-    }), C = r(() => fe(`filter-listbox-${t.field}`)), h = (p) => {
-      var j, i, x;
-      v.value = p;
-      const { onlySlot: _, ...I } = t;
-      if ((j = t.options) != null && j.multiple) {
-        let b;
-        (i = t.options) != null && i.enableValueLabelPair ? b = p.length ? v.value : null : b = p.length ? v.value.map(({ value: d }) => d) : null, e(m.INPUT, { ...I, value: b });
+    }), C = r(() => ve(`filter-listbox-${t.field}`)), h = (p) => {
+      var q, i, L;
+      b.value = p;
+      const { onlySlot: _, ...E } = t;
+      if ((q = t.options) != null && q.multiple) {
+        let v;
+        (i = t.options) != null && i.enableValueLabelPair ? v = p.length ? b.value : null : v = p.length ? b.value.map(({ value: d }) => d) : null, e(m.INPUT, { ...E, value: v });
         return;
       }
-      let $;
-      (x = t.options) != null && x.enableValueLabelPair ? $ = p.length ? p[0] : null : $ = p.length ? p[0].value : null, e(m.INPUT, { ...I, value: $ });
-    }, B = () => {
-      var $, j, i, x, b, d;
+      let w;
+      (L = t.options) != null && L.enableValueLabelPair ? w = p.length ? p[0] : null : w = p.length ? p[0].value : null, e(m.INPUT, { ...E, value: w });
+    }, I = () => {
+      var w, q, i, L, v, d;
       const { onlySlot: p, ..._ } = t;
       if (t.options.multiple) {
-        v.value && (($ = v.value) == null ? void 0 : $.length) === 0 && (v.value = t.defaultValue !== null ? S.value : void 0);
+        b.value && ((w = b.value) == null ? void 0 : w.length) === 0 && (b.value = t.defaultValue !== null ? S.value : void 0);
         let D;
-        (j = t.options) != null && j.enableValueLabelPair ? D = (i = v.value) != null && i.length ? v.value : null : D = (x = v.value) != null && x.length ? (b = v.value) == null ? void 0 : b.map(({ value: V }) => V) : null, e(m.UPDATE, {
+        (q = t.options) != null && q.enableValueLabelPair ? D = (i = b.value) != null && i.length ? b.value : null : D = (L = b.value) != null && L.length ? (v = b.value) == null ? void 0 : v.map(({ value: M }) => M) : null, e(m.UPDATE, {
           ..._,
           value: D
         });
         return;
       }
-      let I;
-      (d = t.options) != null && d.enableValueLabelPair ? I = v.value.length ? v.value[0] : void 0 : I = v.value.length ? v.value[0].value : void 0, e(m.UPDATE, { ..._, value: I });
+      let E;
+      (d = t.options) != null && d.enableValueLabelPair ? E = b.value.length ? b.value[0] : void 0 : E = b.value.length ? b.value[0].value : void 0, e(m.UPDATE, { ..._, value: E });
     }, T = () => {
-      v.value = u.value;
-    }, N = () => {
+      var p, _;
+      b.value = u.value, (_ = (p = t.options) == null ? void 0 : p.onOpen) == null || _.call(p);
+    }, R = () => {
       o.value && (o.value = "");
-    }, A = () => {
-      f(S.value), v.value = S.value, B();
-    }, H = () => {
-      y(), v.value = [], B();
-    }, J = r(() => {
-      var I, $;
+    }, g = () => {
+      f(S.value), b.value = S.value, I();
+    }, k = () => {
+      y(), b.value = [], I();
+    }, j = r(() => {
+      var E, w;
       if (t.value == null || !t.options.multiple)
         return null;
-      const p = (I = t.options.listboxItems) == null ? void 0 : I.reduce((j, i) => {
-        var x;
-        return j += (x = i == null ? void 0 : i.items) != null && x.length ? i.items.length : 1, j;
-      }, 0), _ = ($ = t.value) == null ? void 0 : $.length;
+      const p = (E = t.options.listboxItems) == null ? void 0 : E.reduce((q, i) => {
+        var L;
+        return q += (L = i == null ? void 0 : i.items) != null && L.length ? i.items.length : 1, q;
+      }, 0), _ = (w = t.value) == null ? void 0 : w.length;
       return _ === 1 ? null : _ === p ? n("all") : _;
     });
-    return { __sfc: !0, slots: l, emit: e, props: t, t: n, searchTerm: o, optionsRef: s, itemsRef: c, cachedSelectedListboxOptions: u, setCachedValues: f, resetCache: y, cachedDefaultSelectedListboxOptions: S, internalFilterValue: v, isSecondaryButtonDisabled: P, isApplyButtonDisabled: F, filteredItems: U, noResultsMessage: L, buttonLabel: R, buttonSecondaryLabel: E, listboxFilterId: C, onOptionSelected: h, updateFilter: B, openFilter: T, closeFilter: N, resetFilter: A, clearFilter: H, appliedFiltersCount: J, BentoSearchBar: _e, BentoDivider: ye, BentoListbox: _t, BentoBaseFilter: ae };
+    return { __sfc: !0, slots: l, emit: e, props: t, t: n, searchTerm: o, optionsRef: s, itemsRef: c, cachedSelectedListboxOptions: u, setCachedValues: f, resetCache: y, cachedDefaultSelectedListboxOptions: S, internalFilterValue: b, isSecondaryButtonDisabled: P, isApplyButtonDisabled: F, filteredItems: O, noResultsMessage: A, buttonLabel: x, buttonSecondaryLabel: U, listboxFilterId: C, onOptionSelected: h, updateFilter: I, openFilter: T, closeFilter: R, resetFilter: g, clearFilter: k, appliedFiltersCount: j, BentoSearchBar: me, BentoDivider: Fe, BentoListbox: yt, BentoBaseFilter: ae };
   }
 });
-var fl = function() {
-  var n, o, s, c, u, f, y, S, v, P, F, U, L, R, E, C;
+var vl = function() {
+  var n, o, s, c, u, f, y, S, b, P, F, O, A, x, U, C, h;
   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, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText, value: e.value }, 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": (c = (s = e.options) == null ? void 0 : s.search) == null ? void 0 : c.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(h) {
-    l.searchTerm = h;
-  } } })], 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": (u = e.options) == null ? void 0 : u.loading, "empty-state": (f = e.options) == null ? void 0 : f.emptyState, "has-more-items": (S = (y = e.options) == null ? void 0 : y.lazy) == null ? void 0 : S.hasMoreItems, items: l.filteredItems, "is-option-disabled": (v = e.options) == null ? void 0 : v.isOptionDisabled, "lazy-load-type": (F = (P = e.options) == null ? void 0 : P.lazy) == null ? void 0 : F.lazyLoadType, loading: (L = (U = e.options) == null ? void 0 : U.lazy) == null ? void 0 : L.loading, multiple: (R = e.options) == null ? void 0 : R.multiple, "static-categories": (E = e.options) == null ? void 0 : E.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(h) {
-    var B, T;
-    (T = (B = e.options) == null ? void 0 : B.lazy) == null || T.showMoreEvent();
-  } }, scopedSlots: e._u([e._l(l.slots, function(h, B) {
-    return { key: B, fn: function(T) {
-      return [e._t(B, null, null, T)];
+  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, "tooltip-position": (n = e.options) == null ? void 0 : n.tooltipPosition, "tooltip-text": (o = e.options) == null ? void 0 : o.tooltipText, value: e.value }, 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-wrapper" }, [((s = e.options) == null ? void 0 : s.dynamicFiltering) ?? !0 ? t("div", { staticClass: "b-select-filter-button__search-bar" }, [t(l.BentoSearchBar, { attrs: { "debounce-time": (u = (c = e.options) == null ? void 0 : c.search) == null ? void 0 : u.debounceTime, value: l.searchTerm, "input-field-aria-label": l.t("searchFilter", { filter: e.label.toLocaleLowerCase() }) }, on: { input: function(I) {
+    l.searchTerm = I;
+  } } })], 1) : e._e(), 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": (f = e.options) == null ? void 0 : f.loading, "empty-state": (y = e.options) == null ? void 0 : y.emptyState, "has-more-items": (b = (S = e.options) == null ? void 0 : S.lazy) == null ? void 0 : b.hasMoreItems, items: l.filteredItems, "is-option-disabled": (P = e.options) == null ? void 0 : P.isOptionDisabled, "lazy-load-type": (O = (F = e.options) == null ? void 0 : F.lazy) == null ? void 0 : O.lazyLoadType, loading: (x = (A = e.options) == null ? void 0 : A.lazy) == null ? void 0 : x.loading, multiple: (U = e.options) == null ? void 0 : U.multiple, "static-categories": (C = e.options) == null ? void 0 : C.staticCategories, "no-results-message": l.noResultsMessage, searching: !!l.searchTerm, "selected-value": l.internalFilterValue, "virtual-scroll": (h = e.options) == null ? void 0 : h.virtualScroll }, on: { select: l.onOptionSelected, "space-pressed": l.onOptionSelected, "enter-pressed": l.onOptionSelected, "show-more": function(I) {
+    var T, R;
+    (R = (T = e.options) == null ? void 0 : T.lazy) == null || R.showMoreEvent();
+  } }, scopedSlots: e._u([e._l(l.slots, function(I, T) {
+    return { key: T, fn: function(R) {
+      return [e._t(T, null, null, R)];
     } };
   })], null, !0) })], 1);
-}, bl = [], vl = /* @__PURE__ */ k(
-  pl,
-  fl,
+}, _l = [], yl = /* @__PURE__ */ V(
   bl,
+  vl,
+  _l,
   !1,
   null,
-  "d1e80924"
+  "f283e2d6"
 );
-const _l = vl.exports, yl = {
+const ml = yl.exports, Fl = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search"
   }
-}, ml = {
-  i18n: { messages: yl },
+}, hl = {
+  i18n: { messages: Fl },
   name: "select-filter-dropdown"
-}, Fl = /* @__PURE__ */ w({
-  ...ml,
+}, Sl = /* @__PURE__ */ N({
+  ...hl,
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1077,35 +1006,38 @@ const _l = vl.exports, yl = {
   },
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    const t = a, { t: l } = Z(), n = ue(), { internalFilterValue: o } = Q(M(t, "value"), M(t, "defaultValue")), s = M(t, "options"), c = O(t.options.listboxItems);
-    G(s, () => {
+    const t = a, { t: l } = Z(), n = de(), { internalFilterValue: o } = Q(H(t, "value"), H(t, "defaultValue")), s = H(t, "options"), c = $(t.options.listboxItems);
+    z(s, () => {
       c.value = s.value.listboxItems;
     });
     const u = r(() => l("noFiltersMatchThisSearch"));
     return { __sfc: !0, t: l, slots: n, emit: e, props: t, internalFilterValue: o, optionsRef: s, itemsRef: c, noResultsMessage: u, onOptionSelected: (y) => {
       o.value = y;
-      const { onlySlot: S, ...v } = t;
-      e(m.INPUT, { ...v, value: o.value });
-    }, BentoDropdown: pt };
+      const { onlySlot: S, ...b } = t;
+      e(m.INPUT, { ...b, value: o.value });
+    }, BentoDropdown: ft };
   }
 });
-var hl = function() {
-  var n, o, s, c, u, f;
+var Bl = function() {
+  var n, o, s, c, u, f, y;
   var e = this, t = e._self._c, l = e._self._setupProxy;
-  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, search: (n = e.options) == null ? void 0 : n.search, multiple: (o = e.options) == null ? void 0 : o.multiple, "static-categories": (s = e.options) == null ? void 0 : s.staticCategories, "no-results-message": l.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": !0, "component-loading": (c = e.options) == null ? void 0 : c.loading, "empty-state": (u = e.options) == null ? void 0 : u.emptyState, disabled: e.disabled, "enable-value-label-pair": (f = e.options) == null ? void 0 : f.enableValueLabelPair }, on: { input: l.onOptionSelected }, scopedSlots: e._u([e._l(l.slots, function(y, S) {
-    return { key: S, fn: function(v) {
-      return [e._t(S, null, null, v)];
+  return t(l.BentoDropdown, { attrs: { value: l.internalFilterValue, items: e.options.listboxItems, search: (n = e.options) == null ? void 0 : n.search, multiple: (o = e.options) == null ? void 0 : o.multiple, "static-categories": (s = e.options) == null ? void 0 : s.staticCategories, "no-results-message": l.noResultsMessage, "is-option-disabled": e.options.isOptionDisabled, "dynamic-filtering": ((c = e.options) == null ? void 0 : c.dynamicFiltering) ?? !0, "component-loading": (u = e.options) == null ? void 0 : u.loading, "empty-state": (f = e.options) == null ? void 0 : f.emptyState, disabled: e.disabled, "enable-value-label-pair": (y = e.options) == null ? void 0 : y.enableValueLabelPair }, on: { input: l.onOptionSelected, open: () => {
+    var S, b;
+    return (b = (S = e.options) == null ? void 0 : S.onOpen) == null ? void 0 : b.call(S);
+  } }, scopedSlots: e._u([e._l(l.slots, function(S, b) {
+    return { key: b, fn: function(P) {
+      return [e._t(b, null, null, P)];
     } };
   })], null, !0) });
-}, Sl = [], gl = /* @__PURE__ */ k(
-  Fl,
-  hl,
+}, Cl = [], gl = /* @__PURE__ */ V(
   Sl,
+  Bl,
+  Cl,
   !1,
   null,
   null
 );
-const Cl = gl.exports, se = {
+const Dl = gl.exports, se = {
   /**
    * Disables the filter from being interacted with.
    */
@@ -1156,25 +1088,25 @@ const Cl = gl.exports, se = {
     type: [String, Number, Array, Object],
     default: void 0
   }
-}, Bl = {}, Dl = /* @__PURE__ */ w({
-  ...Bl,
+}, Al = {}, Tl = /* @__PURE__ */ N({
+  ...Al,
   __name: "select-filter",
   props: se,
   emits: ["input", "update"],
   setup(a, { emit: e }) {
-    const t = a, l = ue(), n = (s) => e("input", s), o = (s) => e("update", s);
-    return Le(() => {
+    const t = a, l = de(), n = (s) => e("input", s), o = (s) => e("update", s);
+    return Re(() => {
       var s;
-      (s = t == null ? void 0 : t.options) != null && s.messages && be(
+      (s = t == null ? void 0 : t.options) != null && s.messages && _e(
         'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
         `Please remove the "options.messages" property from this filter, it is not required any more for persistent filters.
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), { __sfc: !0, slots: l, emit: e, props: t, onInput: n, onUpdate: o, SelectFilterButton: _l, SelectFilterDropdown: Cl };
+    }), { __sfc: !0, slots: l, emit: e, props: t, onInput: n, onUpdate: o, SelectFilterButton: ml, SelectFilterDropdown: Dl };
   }
 });
-var Al = function() {
+var Pl = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return e.onlySlot ? t(l.SelectFilterDropdown, { attrs: { disabled: e.disabled, "default-value": e.defaultValue, field: e.field, label: e.label, options: e.options, value: e.value }, on: { input: l.onInput, update: l.onUpdate }, scopedSlots: e._u([e._l(l.slots, function(n, o) {
     return { key: o, fn: function(s) {
@@ -1185,19 +1117,19 @@ var Al = function() {
       return [e._t(o, null, null, s)];
     } };
   })], null, !0) });
-}, Tl = [], Pl = /* @__PURE__ */ k(
-  Dl,
-  Al,
+}, Il = [], Ll = /* @__PURE__ */ V(
   Tl,
+  Pl,
+  Il,
   !1,
   null,
   null
 );
-const ne = Pl.exports, Il = w({
+const ne = Ll.exports, El = N({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: ne,
-    BentoAvatar: Ft
+    BentoAvatar: ht
   },
   props: {
     ...se,
@@ -1222,24 +1154,24 @@ const ne = Pl.exports, Il = w({
     };
   }
 });
-var Ll = function() {
+var Rl = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
     return [t("bento-avatar", { attrs: { username: l, src: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, El = [], Rl = /* @__PURE__ */ k(
-  Il,
-  Ll,
+}, Ol = [], xl = /* @__PURE__ */ V(
   El,
+  Rl,
+  Ol,
   !1,
   null,
   null
 );
-const qe = Rl.exports, Ol = w({
+const Ye = xl.exports, Ul = N({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: ne,
-    ListboxOptionTag: we
+    ListboxOptionTag: Ne
   },
   props: {
     ...se,
@@ -1266,23 +1198,23 @@ const qe = Rl.exports, Ol = w({
     };
   }
 });
-var xl = function() {
+var $l = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function(l) {
     return [t("listbox-option-tag", { attrs: { option: l } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, Ul = [], $l = /* @__PURE__ */ k(
-  Ol,
-  xl,
+}, kl = [], wl = /* @__PURE__ */ V(
   Ul,
+  $l,
+  kl,
   !1,
   null,
   null
 );
-const Je = $l.exports, kl = {
+const Ge = wl.exports, Vl = {
   name: "bento-select-country-filter"
-}, wl = /* @__PURE__ */ w({
-  ...kl,
+}, Nl = /* @__PURE__ */ N({
+  ...Vl,
   props: {
     ...se,
     /**
@@ -1299,39 +1231,39 @@ const Je = $l.exports, kl = {
   },
   emits: [m.INPUT, m.UPDATE],
   setup(a, { emit: e }) {
-    const t = a, l = O(t.options.variant), n = O(t.options.listboxItems);
-    G([() => t.options.variant, () => t.options.listboxItems], () => {
+    const t = a, l = $(t.options.variant), n = $(t.options.listboxItems);
+    z([() => t.options.variant, () => t.options.listboxItems], () => {
       l.value = t.options.variant, n.value = t.options.listboxItems;
     });
-    const o = (u) => e(m.UPDATE, u), s = mt(l, n), c = r(() => ({
+    const o = (u) => e(m.UPDATE, u), s = Ft(l, n), c = r(() => ({
       ...t != null && t.options ? t.options : {},
       listboxItems: s.value
     }));
-    return (!l.value || l.value === "custom") && be(
+    return (!l.value || l.value === "custom") && _e(
       '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: c, BentoFilterEvent: m, BentoTypography: ie, BentoSelectFilter: ne };
+    ), { __sfc: !0, props: t, emit: e, variant: l, listboxItems: n, onUpdate: o, countryItems: s, countryOptions: c, BentoFilterEvent: m, BentoTypography: ue, BentoSelectFilter: ne };
   }
 });
-var Vl = function() {
+var Ml = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t(l.BentoSelectFilter, e._b({ attrs: { field: e.field, label: e.label, options: l.countryOptions }, on: { update: l.onUpdate, input: (n) => e.$emit(l.BentoFilterEvent.INPUT, n) }, scopedSlots: e._u([{ key: "default", fn: function({ label: n }) {
     return [t(l.BentoTypography, { attrs: { el: "span" } }, [e._v(e._s(n))])];
   } }]) }, "bento-select-filter", l.props, !1));
-}, Nl = [], Ml = /* @__PURE__ */ k(
-  wl,
-  Vl,
+}, Hl = [], jl = /* @__PURE__ */ V(
   Nl,
+  Ml,
+  Hl,
   !1,
   null,
   null
 );
-const Ye = Ml.exports, jl = w({
+const We = jl.exports, ql = N({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: ne,
-    BentoPaymentMethod: yt
+    BentoPaymentMethod: mt
   },
   props: {
     ...se,
@@ -1356,24 +1288,24 @@ const Ye = Ml.exports, jl = w({
     };
   }
 });
-var Hl = function() {
+var Jl = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ value: l, label: n }) {
     return [t("bento-payment-method", { attrs: { type: l, label: n } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, ql = [], Jl = /* @__PURE__ */ k(
-  jl,
-  Hl,
+}, Yl = [], Gl = /* @__PURE__ */ V(
   ql,
+  Jl,
+  Yl,
   !1,
   null,
   null
 );
-const We = Jl.exports, Yl = w({
+const ze = Gl.exports, Wl = N({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: ne,
-    ListboxOptionTag: we
+    ListboxOptionTag: Ne
   },
   props: {
     ...se,
@@ -1409,20 +1341,20 @@ const We = Jl.exports, Yl = w({
     };
   }
 });
-var Wl = function() {
+var zl = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("bento-select-filter", e._b({ attrs: { field: e.field, label: e.label, options: e.countryOptions }, on: { update: e.onUpdate, input: (l) => e.$emit(e.BentoFilterEvent.INPUT, l) }, scopedSlots: e._u([{ key: "default", fn: function({ label: l, data: n }) {
     return [t("listbox-option-tag", { attrs: { option: { value: l, data: n, label: "" } } })];
   } }]) }, "bento-select-filter", e.$props, !1));
-}, zl = [], Gl = /* @__PURE__ */ k(
-  Yl,
+}, Kl = [], Zl = /* @__PURE__ */ V(
   Wl,
   zl,
+  Kl,
   !1,
   null,
   null
 );
-const ze = Gl.exports, Kl = {
+const Ke = Zl.exports, Ql = {
   "en-US": {
     no: "No",
     yes: "Yes"
@@ -1435,10 +1367,10 @@ const ze = Gl.exports, Kl = {
     no: "Não",
     yes: "Sim"
   }
-}, Zl = w({
+}, Xl = N({
   name: "bento-boolean-filter",
-  i18n: { messages: Kl },
-  components: { BentoBaseFilter: ae, BentoRadioGroup: rt },
+  i18n: { messages: Ql },
+  components: { BentoBaseFilter: ae, BentoRadioGroup: lt },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1482,8 +1414,8 @@ const ze = Gl.exports, Kl = {
   emits: [m.INPUT, m.UPDATE],
   setup(a, { emit: e }) {
     const { t } = Z(), l = (C) => typeof C == "boolean" ? C == null ? void 0 : C.toString() : C, n = (C) => {
-      var h, B, T, N;
-      return ((B = (h = a == null ? void 0 : a.options) == null ? void 0 : h.positiveOption) == null ? void 0 : B.value) !== void 0 && ((N = (T = a == null ? void 0 : a.options) == null ? void 0 : T.negativeOption) == null ? void 0 : N.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof C == "string" ? C === "true" : C;
+      var h, I, T, R;
+      return ((I = (h = a == null ? void 0 : a.options) == null ? void 0 : h.positiveOption) == null ? void 0 : I.value) !== void 0 && ((R = (T = a == null ? void 0 : a.options) == null ? void 0 : T.negativeOption) == null ? void 0 : R.value) !== void 0 && typeof a.options.positiveOption.value == "boolean" && typeof a.options.negativeOption.value == "boolean" && typeof C == "string" ? C === "true" : C;
     }, o = r(() => l(a.defaultValue)), s = r(() => l(a.value)), c = r(() => a.options && a.options.positiveOption && a.options.negativeOption ? [
       {
         ...a.options.positiveOption,
@@ -1499,7 +1431,7 @@ const ze = Gl.exports, Kl = {
     ]), { internalFilterValue: u, isSecondaryButtonDisabled: f, isApplyButtonDisabled: y } = Q(
       s,
       o
-    ), S = r(() => a.label), v = r(
+    ), S = r(() => a.label), b = r(
       () => {
         var C;
         return le((C = c.value.find(({ value: h }) => h === s.value)) == null ? void 0 : C.label, 12);
@@ -1507,7 +1439,7 @@ const ze = Gl.exports, Kl = {
     ), P = r(() => ({
       "b-boolean-filter--only-slot": a.onlySlot
     }));
-    ce(() => {
+    pe(() => {
       u.value || (u.value = null);
     });
     const F = (C) => {
@@ -1515,9 +1447,9 @@ const ze = Gl.exports, Kl = {
         ...a,
         value: n(u.value)
       });
-    }, U = () => {
+    }, O = () => {
       u.value = s.value;
-    }, L = () => {
+    }, A = () => {
       e(m.UPDATE, {
         ...a,
         value: n(u.value)
@@ -1528,7 +1460,7 @@ const ze = Gl.exports, Kl = {
       items: c,
       conditionalClasses: P,
       buttonLabel: S,
-      buttonSecondaryLabel: v,
+      buttonSecondaryLabel: b,
       internalFilterValue: u,
       isApplyButtonDisabled: y,
       isSecondaryButtonDisabled: f,
@@ -1536,38 +1468,38 @@ const ze = Gl.exports, Kl = {
       translatedDefaultValue: o,
       // Events
       onInput: F,
-      updateFilter: L,
+      updateFilter: A,
       clearFilter: () => {
-        u.value = null, L();
+        u.value = null, A();
       },
-      openFilter: U,
+      openFilter: O,
       resetFilter: () => e(m.UPDATE, { ...a, value: a.defaultValue })
     };
   }
 });
-var Ql = function() {
+var ea = function() {
   var l, n;
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("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, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-boolean-filter", class: e.conditionalClasses, on: { keydown: function(o) {
     return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [t("bento-radio-group", { attrs: { items: e.items, label: e.label, "model-value": e.internalFilterValue, disabled: e.disabled, "hide-label": "" }, on: { "update:model-value": e.onInput } })], 1)]);
-}, Xl = [], ea = /* @__PURE__ */ k(
-  Zl,
-  Ql,
+}, ta = [], la = /* @__PURE__ */ V(
   Xl,
+  ea,
+  ta,
   !1,
   null,
   "69632f6f"
 );
-const Ge = ea.exports, ta = {
+const Ze = la.exports, aa = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, la = w({
+}, na = N({
   name: "bento-range-filter",
-  i18n: { messages: ta },
-  components: { BentoBaseFilter: ae, BentoInputField: ve },
+  i18n: { messages: aa },
+  components: { BentoBaseFilter: ae, BentoInputField: ye },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1605,29 +1537,29 @@ const Ge = ea.exports, ta = {
   },
   emits: [m.INPUT, m.UPDATE],
   setup(a, { emit: e }) {
-    const { t } = Z(), l = O(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(
-      M(a, "value"),
-      M(a, "defaultValue")
+    const { t } = Z(), l = $(null), { internalFilterValue: n, isSecondaryButtonDisabled: o, isApplyButtonDisabled: s } = Q(
+      H(a, "value"),
+      H(a, "defaultValue")
     ), c = r(() => {
-      var T, N, A, H, J, W, g, p;
-      if (!((T = a.value) != null && T[0]) && !((N = a.value) != null && N[1]))
+      var T, R, g, k, j, Y, B, p;
+      if (!((T = a.value) != null && T[0]) && !((R = a.value) != null && R[1]))
         return null;
-      let E = "";
-      (A = a.value) != null && A[0] ? (H = a.value) != null && H[1] || (E = "≥") : E = "≤";
-      const C = (J = a.value) != null && J[0] ? `${le(a.value[0], 5)}` : "", h = (W = a.value) != null && W[0] && ((g = a.value) != null && g[1]) ? " - " : "", B = (p = a.value) != null && p[1] ? `${le(a.value[1], 5)}` : "";
-      return `${E}${C}${h}${B}`;
+      let U = "";
+      (g = a.value) != null && g[0] ? (k = a.value) != null && k[1] || (U = "≥") : U = "≤";
+      const C = (j = a.value) != null && j[0] ? `${le(a.value[0], 5)}` : "", h = (Y = a.value) != null && Y[0] && ((B = a.value) != null && B[1]) ? " - " : "", I = (p = a.value) != null && p[1] ? `${le(a.value[1], 5)}` : "";
+      return `${U}${C}${h}${I}`;
     }), u = r(() => a.label), f = r(() => c.value), y = r(() => ({
       "b-range-filter--only-slot": a.onlySlot
     })), S = () => {
-      n.value = a.value, Pe(() => l.value.focusInput());
-    }, v = () => {
+      n.value = a.value, Le(() => l.value.focusInput());
+    }, b = () => {
       e(m.INPUT, { ...a, value: n.value });
-    }, P = (E) => {
-      n.value = [E, n.value[1]], v();
-    }, F = (E) => {
-      n.value = [n.value[0], E], v();
-    }, U = () => {
-      n.value.some((E) => E) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(m.UPDATE, {
+    }, P = (U) => {
+      n.value = [U, n.value[1]], b();
+    }, F = (U) => {
+      n.value = [n.value[0], U], b();
+    }, O = () => {
+      n.value.some((U) => U) || (n.value = a.defaultValue !== null ? a.defaultValue : void 0), e(m.UPDATE, {
         ...a,
         value: n.value
       });
@@ -1644,9 +1576,9 @@ const Ge = ea.exports, ta = {
       // Events
       updateFrom: P,
       updateTo: F,
-      updateFilter: U,
+      updateFilter: O,
       clearFilter: () => {
-        n.value = ["", ""], U();
+        n.value = ["", ""], O();
       },
       openFilter: S,
       resetFilter: () => e(m.UPDATE, { ...a, value: a.defaultValue }),
@@ -1655,33 +1587,33 @@ const Ge = ea.exports, ta = {
     };
   }
 });
-var aa = function() {
+var oa = function() {
   var l, n;
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("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, "tooltip-position": (l = e.options) == null ? void 0 : l.tooltipPosition, "tooltip-text": (n = e.options) == null ? void 0 : n.tooltipText }, on: { apply: e.updateFilter, clear: e.clearFilter, open: e.openFilter, reset: e.resetFilter } }, "bento-base-filter", e.$props, !1), [t("div", { staticClass: "b-range-filter", class: e.conditionalClasses, on: { keydown: function(o) {
     return !o.type.indexOf("key") && e._k(o.keyCode, "enter", 13, o.key, "Enter") ? null : e.updateFilter.apply(null, arguments);
   } } }, [t("bento-input-field", { ref: "inputTextRef", attrs: { value: e.internalFilterValue ? e.internalFilterValue[0] : "", type: "number", "aria-label": e.t("from").toString(), disabled: e.disabled }, on: { input: e.updateFrom } }, [e._v(" " + e._s(e.t("from")) + " ")]), t("bento-input-field", { staticClass: "b-range-filter__input-field", attrs: { value: e.internalFilterValue ? e.internalFilterValue[1] : "", type: "number", "aria-label": e.t("to"), disabled: e.disabled }, on: { input: e.updateTo } }, [e._v(" " + e._s(e.t("to")) + " ")])], 1)]);
-}, na = [], oa = /* @__PURE__ */ k(
-  la,
-  aa,
+}, sa = [], ia = /* @__PURE__ */ V(
   na,
+  oa,
+  sa,
   !1,
   null,
-  "517ad62b"
+  "338dc119"
 );
-const Ke = oa.exports, De = 430, Ae = 700;
-function sa(a, e) {
-  const t = O("div"), l = O(!1), n = O(0), o = r(() => !(n.value < De && e.value.small === "multi-line"));
+const Qe = ia.exports, Te = 430, Pe = 700;
+function ra(a, e) {
+  const t = $("div"), l = $(!1), n = $(0), o = r(() => !(n.value < Te && e.value.small === "multi-line"));
   function s() {
     l.value = !1, t.value = "div";
   }
   function c() {
-    l.value = !0, t.value = $e;
+    l.value = !0, t.value = we;
   }
   function u() {
-    n.value > Ae || n.value < Ae && n.value >= De && e.value.medium === "multi-line" ? s() : c();
+    n.value > Pe || n.value < Pe && n.value >= Te && e.value.medium === "multi-line" ? s() : c();
   }
-  return G(() => e.value, u), ut(a, (f) => {
+  return z(() => e.value, u), ct(a, (f) => {
     n.value = f[0].contentRect.width, u();
   }), {
     screenLayoutComponent: t,
@@ -1689,10 +1621,10 @@ function sa(a, e) {
     isOneLineLayout: l
   };
 }
-var pe = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(pe || {});
-const ia = w({
+var be = /* @__PURE__ */ ((a) => (a.INPUT = "input", a))(be || {});
+const ua = N({
   name: "base-filter-button",
-  components: { BaseButton: Re, BentoTypography: ie, ChevronUpIcon: bt, ChevronDownIcon: vt },
+  components: { BaseButton: xe, BentoTypography: ue, ChevronUpIcon: vt, ChevronDownIcon: _t },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1717,9 +1649,9 @@ const ia = w({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [he.CLICK],
+  emits: [Be.CLICK],
   setup(a, { slots: e, emit: t, attrs: l }) {
-    const n = r(() => e.default ? Ue(e)("default") : null), o = xe({ ariaLabel: n }), s = O(null), c = r(() => {
+    const n = r(() => e.default ? ke(e)("default") : null), o = $e({ ariaLabel: n }), s = $(null), c = r(() => {
       var y;
       return {
         "aria-controls": (y = l["aria-controls"]) == null ? void 0 : y.toString()
@@ -1735,30 +1667,30 @@ const ia = w({
       conditionalClasses: u,
       // Methods
       onClickButton: () => {
-        a.disabled || t(he.CLICK);
+        a.disabled || t(Be.CLICK);
       },
-      hasSlot: Oe(e),
+      hasSlot: Ue(e),
       // Refs
       baseFilterButtonRef: s
     };
   }
 });
-var ra = function() {
+var ca = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("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 ? t("chevron-up-icon", { attrs: { "aria-hidden": "true" } }) : t("chevron-down-icon", { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 } : null], null, !0) }, [t("div", { staticClass: "b-base-filter-button__default-container" }, [t("div", { staticClass: "b-base-filter-button__label-container" }, [t("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 ? t("div", { staticClass: "b-base-filter-button__counter-wrapper" }, [t("bento-typography", { staticClass: "b-base-filter-button__counter", attrs: { el: "span", variant: "body", stronger: "" } }, [e._v(" " + e._s(e.amountAppliedValues) + " ")])], 1) : e._e()])]);
-}, ua = [], ca = /* @__PURE__ */ k(
-  ia,
-  ra,
+}, da = [], pa = /* @__PURE__ */ V(
   ua,
+  ca,
+  da,
   !1,
   null,
   "66b170d4"
 );
-const da = ca.exports, pa = w({
+const fa = pa.exports, ba = N({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: da },
+  components: { BaseFilterButton: fa },
   props: {
     /**
      * Button label to be displayed
@@ -1790,36 +1722,36 @@ const da = ca.exports, pa = w({
     };
   }
 });
-var fa = function() {
+var va = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("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) + " ")]);
-}, ba = [], va = /* @__PURE__ */ k(
-  pa,
-  fa,
+}, _a = [], ya = /* @__PURE__ */ V(
   ba,
+  va,
+  _a,
   !1,
   null,
   "4c415ac7"
 );
-const _a = va.exports;
-let Te = 0;
-const ya = {
+const ma = ya.exports;
+let Ie = 0;
+const Fa = {
   beforeCreate() {
-    this.uuid = Te.toString(), Te += 1;
+    this.uuid = Ie.toString(), Ie += 1;
   }
 };
-var ma = function() {
+var ha = function() {
   var e = this, t = e._self._c;
   return t("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"] ? t("title", [e._v(e._s(e.$attrs["svg-title"]))]) : e._e(), t("path", { attrs: { fill: "#001222", 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" } }), t("path", { attrs: { fill: "#001222", 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" } })]);
-}, Fa = [], ha = /* @__PURE__ */ k(
-  ya,
-  ma,
+}, Sa = [], Ba = /* @__PURE__ */ V(
   Fa,
+  ha,
+  Sa,
   !1,
   null,
   null
 );
-const Sa = ha.exports, ga = {
+const Ca = Ba.exports, ga = {
   "en-US": {
     activeFilters: "Active filters",
     all: "All",
@@ -1856,29 +1788,29 @@ const Sa = ha.exports, ga = {
     otherFilters: "Outros filtros",
     searchBar: "Barra de pesquisa"
   }
-}, Ca = w({
+}, Da = N({
   i18n: { messages: ga },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: _a,
-    BentoBooleanFilter: Ge,
-    BentoButton: dt,
-    BentoDateFilter: je,
-    BentoDateRangeFilter: He,
-    BentoInputFilter: Ne,
-    BentoInputWithDropdownFilter: Me,
-    BentoModal: ct,
-    BentoRangeFilter: Ke,
-    BentoSearchBar: _e,
-    BentoSelectAvatarFilter: qe,
-    BentoSelectCurrencyFilter: Je,
-    BentoSelectCountryFilter: Ye,
+    AllFiltersModalButton: ma,
+    BentoBooleanFilter: Ze,
+    BentoButton: pt,
+    BentoDateFilter: qe,
+    BentoDateRangeFilter: Je,
+    BentoInputFilter: He,
+    BentoInputWithDropdownFilter: je,
+    BentoModal: dt,
+    BentoRangeFilter: Qe,
+    BentoSearchBar: me,
+    BentoSelectAvatarFilter: Ye,
+    BentoSelectCurrencyFilter: Ge,
+    BentoSelectCountryFilter: We,
     BentoSelectFilter: ne,
-    BentoSelectPaymentMethodFilter: We,
-    BentoSelectTagFilter: ze,
-    BentoTypography: ie,
-    FilterBarButton: me,
-    SlidersIcon: Sa
+    BentoSelectPaymentMethodFilter: ze,
+    BentoSelectTagFilter: Ke,
+    BentoTypography: ue,
+    FilterBarButton: he,
+    SlidersIcon: Ca
   },
   props: {
     /**
@@ -1906,62 +1838,62 @@ const Sa = ha.exports, ga = {
       default: () => []
     }
   },
-  emits: [pe.INPUT],
+  emits: [be.INPUT],
   setup(a, { emit: e }) {
-    const t = O(a.value), l = fe("all-filters-modal"), n = O([]), o = O(!1), s = O(0), c = O(null), u = O(""), { t: f, n: y } = Z(), S = ke(u, M(t, "value")), v = O({});
-    ce(() => {
-      v.value = [];
-    }), G(
+    const t = $(a.value), l = ve("all-filters-modal"), n = $([]), o = $(!1), s = $(0), c = $(null), u = $(""), { t: f, n: y } = Z(), S = Ve(u, H(t, "value")), b = $({});
+    pe(() => {
+      b.value = [];
+    }), z(
       () => a.value,
       () => {
-        o.value ? t.value = a.value.map((b, d) => ({ ...b, value: t.value[d].value })) : t.value = a.value;
+        o.value ? t.value = a.value.map((v, d) => ({ ...v, value: t.value[d].value })) : t.value = a.value;
       }
     );
-    const P = (b) => b.sort((d, D) => d.label > D.label ? 1 : D.label > d.label ? -1 : 0), F = r(
+    const P = (v) => v.sort((d, D) => d.label > D.label ? 1 : D.label > d.label ? -1 : 0), F = r(
       () => P(
         S.value.filter(
-          (b) => {
+          (v) => {
             var d, D;
-            return Array.isArray(b.value) ? ((d = b.value) == null ? void 0 : d.length) && ((D = b.value) == null ? void 0 : D.find((V) => V !== "")) : b.value;
+            return Array.isArray(v.value) ? ((d = v.value) == null ? void 0 : d.length) && ((D = v.value) == null ? void 0 : D.find((M) => M !== "")) : v.value;
           }
         )
       )
-    ), U = r(
+    ), O = r(
       () => P(
         S.value.filter(
-          (b) => {
+          (v) => {
             var d, D;
-            return Array.isArray(b.value) ? ((d = b.value) == null ? void 0 : d.length) === 0 || ((D = b.value) == null ? void 0 : D.every((V) => V === "")) : !b.value;
+            return Array.isArray(v.value) ? ((d = v.value) == null ? void 0 : d.length) === 0 || ((D = v.value) == null ? void 0 : D.every((M) => M === "")) : !v.value;
           }
         )
       )
-    ), L = r(() => {
-      var b;
-      return u.value && ((b = S.value) == null ? void 0 : b.length) === 0;
-    }), R = r(() => t.value[s.value]), E = () => {
-      const b = F.value.length ? F.value[0] : U.value[0], d = t.value.findIndex(
-        (D) => D.label === b.label && D.field === b.field
+    ), A = r(() => {
+      var v;
+      return u.value && ((v = S.value) == null ? void 0 : v.length) === 0;
+    }), x = r(() => t.value[s.value]), U = () => {
+      const v = F.value.length ? F.value[0] : O.value[0], d = t.value.findIndex(
+        (D) => D.label === v.label && D.field === v.field
       );
       s.value = d;
     };
-    Le(() => {
-      E();
+    Re(() => {
+      U();
     });
-    const C = (b) => b.map((d) => {
-      var D, V, K, X, re, q;
+    const C = (v) => v.map((d) => {
+      var D, M, K, X, ie, re;
       switch (d.type) {
-        case z.SELECT:
-        case z.SELECT_AVATAR:
-        case z.SELECT_COUNTRY:
-        case z.SELECT_CURRENCY:
-        case z.SELECT_PAYMENT_METHOD:
-        case z.SELECT_TAG:
+        case W.SELECT:
+        case W.SELECT_AVATAR:
+        case W.SELECT_COUNTRY:
+        case W.SELECT_CURRENCY:
+        case W.SELECT_PAYMENT_METHOD:
+        case W.SELECT_TAG:
           switch ((D = d.options) == null ? void 0 : D.multiple) {
             case !0:
               return {
                 label: d.label,
                 field: d.field,
-                count: (V = d.value) != null && V.length ? (K = d.value) == null ? void 0 : K.length : null
+                count: (M = d.value) != null && M.length ? (K = d.value) == null ? void 0 : K.length : null
               };
             default:
               return {
@@ -1970,21 +1902,21 @@ const Sa = ha.exports, ga = {
                 count: d.value == null ? null : 1
               };
           }
-        case z.DATE_RANGE:
+        case W.DATE_RANGE:
           return {
             label: d.label,
             field: d.field,
-            count: ((X = d.value) == null ? void 0 : X.startDate) != null && ((re = d.value) == null ? void 0 : re.endDate) != null ? 1 : null
+            count: ((X = d.value) == null ? void 0 : X.startDate) != null && ((ie = d.value) == null ? void 0 : ie.endDate) != null ? 1 : null
           };
-        case z.RANGE:
+        case W.RANGE:
           return {
             label: d.label,
             field: d.field,
-            count: (q = d.value) != null && q.find((Ze) => Ze !== "") ? 1 : null
+            count: (re = d.value) != null && re.find((ce) => ce !== "") ? 1 : null
           };
-        case z.INPUT:
-        case z.BOOLEAN:
-        case z.DATE:
+        case W.INPUT:
+        case W.BOOLEAN:
+        case W.DATE:
         default:
           return {
             label: d.label,
@@ -1994,56 +1926,57 @@ const Sa = ha.exports, ga = {
       }
     }), h = r(
       () => {
-        var b;
-        return Array.isArray(R.value.value) ? ((b = R.value) == null ? void 0 : b.value.length) && R.value.value.find((d) => d !== "") : !!t.value[s.value].value;
+        var v;
+        return Array.isArray(x.value.value) ? ((v = x.value) == null ? void 0 : v.value.length) && x.value.value.find((d) => d !== "") : !!t.value[s.value].value;
       }
-    ), B = r(() => !h.value || R.value.disabled), T = r(
+    ), I = r(() => !h.value || x.value.disabled), T = r(
       () => {
-        var b;
-        return (b = C(a.value)) == null ? void 0 : b.filter(({ count: d }) => !!d).length;
+        var v;
+        return (v = C(a.value)) == null ? void 0 : v.filter(({ count: d }) => !!d).length;
       }
-    ), N = () => {
+    ), R = () => {
       o.value ? o.value = !1 : o.value = !0;
-    }, A = (b) => {
-      var D, V, K;
-      const d = C(t.value).find((X) => X.field === b.field).count;
-      return b.type.includes("BentoSelect") && ((D = b.options) != null && D.multiple) && d === ((K = (V = b.options) == null ? void 0 : V.listboxItems) == null ? void 0 : K.length) ? f("all") : d === null ? null : y(d);
-    }, H = (b, d) => {
+    }, g = (v) => {
+      var D, M, K;
+      const d = C(t.value).find((X) => X.field === v.field).count;
+      return typeof v.type == "string" && // Type guard to avoid casting
+      v.type.includes("BentoSelect") && ((D = v.options) != null && D.multiple) && d === ((K = (M = v.options) == null ? void 0 : M.listboxItems) == null ? void 0 : K.length) ? f("all") : d === null ? null : y(d);
+    }, k = (v, d) => {
       s.value = t.value.findIndex(
-        (D) => D.label === b && D.field === d
+        (D) => D.label === v && D.field === d
       );
-    }, J = () => {
+    }, j = () => {
       u.value = "";
-    }, W = () => {
-      o.value = !1, t.value = a.value, J(), E();
-    }, g = (b) => {
-      const d = t.value.map(({ value: D, ...V }, K) => K === s.value ? { value: b.value, ...V } : { value: D, ...V });
+    }, Y = () => {
+      o.value = !1, t.value = a.value, j(), U();
+    }, B = (v) => {
+      const d = t.value.map(({ value: D, ...M }, K) => K === s.value ? { value: v.value, ...M } : { value: D, ...M });
       t.value = d;
     }, p = () => {
-      g({
-        field: R.value.field,
-        label: R.value.label,
-        type: R.value.type,
+      B({
+        field: x.value.field,
+        label: x.value.label,
+        type: x.value.type,
         value: void 0
       });
     }, _ = () => {
-      t.value = a.value.map(({ value: b, ...d }) => ({
+      t.value = a.value.map(({ value: v, ...d }) => ({
         ...d,
         value: void 0
       }));
-    }, I = () => {
-      e(pe.INPUT, t.value), o.value = !1;
-    }, $ = r(
+    }, E = () => {
+      e(be.INPUT, t.value), o.value = !1;
+    }, w = r(
       () => JSON.stringify(t.value) === JSON.stringify(a.value)
-    ), j = r(() => [
+    ), q = r(() => [
       {
         title: f("applyAll"),
-        disabled: $.value,
-        event: I
+        disabled: w.value,
+        event: E
       },
       {
         title: f("cancel"),
-        event: W
+        event: Y
       },
       {
         title: f("clearAll"),
@@ -2055,37 +1988,37 @@ const Sa = ha.exports, ga = {
       // Values
       allFiltersModalUniqueId: l,
       allFiltersModalFiltersSection: n,
-      allFiltersModalFilterButtons: v,
+      allFiltersModalFilterButtons: b,
       numberOfActiveFilters: T,
-      isEmptyResultForSearchFilter: L,
+      isEmptyResultForSearchFilter: A,
       isModalOpen: o,
-      isClearButtonDisabled: B,
+      isClearButtonDisabled: I,
       activeFilters: F,
-      otherFilters: U,
-      modalActions: j,
-      selectedFilter: R,
+      otherFilters: O,
+      modalActions: q,
+      selectedFilter: x,
       selectedFilterRef: c,
       searchTerm: u,
       // Methods
-      onClickAllFiltersModal: N,
-      getFilterCount: A,
-      cancel: W,
-      selectFilter: H,
+      onClickAllFiltersModal: R,
+      getFilterCount: g,
+      cancel: Y,
+      selectFilter: k,
       clearFilter: p,
-      updateFilter: g,
-      onSearchbarClear: J,
+      updateFilter: B,
+      onSearchbarClear: j,
       onKeydownRight: () => {
-        ft(1, c.value.$el).focus();
+        bt(1, c.value.$el).focus();
       },
       onKeydownLeft: () => {
-        v.value[R.value.label].$el.focus();
+        b.value[x.value.label].$el.focus();
       },
       // Translations
       t: f
     };
   }
 });
-var Ba = function() {
+var Aa = function() {
   var e = this, t = e._self._c;
   return e._self._setupProxy, t("div", { staticClass: "b-all-filters-modal" }, [t("filter-bar-button", { attrs: { "is-filter-open": e.isModalOpen, "applied-filters-count": e.numberOfActiveFilters, "no-applied-state-styles": "" }, on: { click: e.onClickAllFiltersModal }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [t("sliders-icon", { attrs: { "aria-hidden": "true" } })];
@@ -2110,15 +2043,15 @@ var Ba = function() {
       return !l.type.indexOf("key") && e._k(l.keyCode, "left", 37, l.key, ["Left", "ArrowLeft"]) || "button" in l && l.button !== 0 ? null : e.onKeydownLeft.apply(null, arguments);
     } } }, [t("div", { staticClass: "b-all-filters-modal__selected-filter-text" }, [t("bento-typography", { attrs: { el: "div", variant: "title", medium: "" } }, [e._v(e._s(e.selectedFilter.label))]), e.selectedFilter.description ? t("bento-typography", { attrs: { el: "div", variant: "body", wide: "" } }, [e._v(" " + e._s(e.selectedFilter.description) + " ")]) : e._e()], 1), t("div", { staticClass: "b-all-filters-modal__selected-filter-component" }, [t(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, disabled: e.selectedFilter.disabled }, on: { input: e.updateFilter } })], 1), t("div", { staticClass: "b-all-filters-modal__clear-button" }, [t("bento-button", { attrs: { variant: "secondary", disabled: e.isClearButtonDisabled }, on: { click: e.clearFilter } }, [e._v(e._s(e.t("clear")))])], 1)])];
   }, proxy: !0 }]) })], 1);
-}, Da = [], Aa = /* @__PURE__ */ k(
-  Ca,
-  Ba,
+}, Ta = [], Pa = /* @__PURE__ */ V(
   Da,
+  Aa,
+  Ta,
   !1,
   null,
-  "5f863053"
+  "d3bf9be0"
 );
-const Ta = Aa.exports, Pa = {
+const Ia = Pa.exports, La = {
   "en-US": {
     clearFilters: "Clear filters",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2143,27 +2076,27 @@ const Ta = Aa.exports, Pa = {
     searchBar: "Barra de pesquisa",
     undo: "Desfazer"
   }
-}, Ia = {
-  i18n: { messages: Pa },
+}, Ea = {
+  i18n: { messages: La },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: Ge,
-    BentoDateFilter: je,
-    BentoDateRangeFilter: He,
-    BentoInputFilter: Ne,
-    BentoInputWithDropdownFilter: Me,
-    BentoRangeFilter: Ke,
-    BentoSelectAvatarFilter: qe,
-    BentoSelectCountryFilter: Ye,
-    BentoSelectCurrencyFilter: Je,
+    BentoBooleanFilter: Ze,
+    BentoDateFilter: qe,
+    BentoDateRangeFilter: Je,
+    BentoInputFilter: He,
+    BentoInputWithDropdownFilter: je,
+    BentoRangeFilter: Qe,
+    BentoSelectAvatarFilter: Ye,
+    BentoSelectCountryFilter: We,
+    BentoSelectCurrencyFilter: Ge,
     BentoSelectFilter: ne,
-    BentoSelectPaymentMethodFilter: We,
-    BentoSelectTagFilter: ze,
-    BentoTeleport: Ee,
-    FixedScroller: $e
+    BentoSelectPaymentMethodFilter: ze,
+    BentoSelectTagFilter: Ke,
+    BentoTeleport: Oe,
+    FixedScroller: we
   }
-}, La = /* @__PURE__ */ w({
-  ...Ia,
+}, Ra = /* @__PURE__ */ N({
+  ...Ea,
   props: {
     config: { default: () => [] },
     filterValues: { default: () => [] },
@@ -2186,99 +2119,99 @@ const Ta = Aa.exports, Pa = {
     oe.UPDATE
   ],
   setup(a, { expose: e, emit: t }) {
-    const l = a, { t: n } = Z(), o = O(null), s = r(
+    const l = a, { t: n } = Z(), o = $(null), s = r(
       () => {
-        var g, p;
-        return (p = ((g = l.config) == null ? void 0 : g.length) > 0 ? l.config : l.value) == null ? void 0 : p.map((_) => {
-          var $;
-          let I = ($ = l.filterValues.find(({ field: j }) => j === _.field)) == null ? void 0 : $.value;
-          return l.filterValuesObject && _.field in l.filterValuesObject && (I = l.filterValuesObject[_.field]), I === void 0 && (I = (_ == null ? void 0 : _.value) === void 0 && (_ == null ? void 0 : _.defaultValue) !== void 0 ? _ == null ? void 0 : _.defaultValue : _ == null ? void 0 : _.value), { ..._, value: I !== void 0 ? I : _ == null ? void 0 : _.value };
+        var B, p;
+        return (p = ((B = l.config) == null ? void 0 : B.length) > 0 ? l.config : l.value) == null ? void 0 : p.map((_) => {
+          var w;
+          let E = (w = l.filterValues.find(({ field: q }) => q === _.field)) == null ? void 0 : w.value;
+          return l.filterValuesObject && _.field in l.filterValuesObject && (E = l.filterValuesObject[_.field]), E === void 0 && (E = (_ == null ? void 0 : _.value) === void 0 && (_ == null ? void 0 : _.defaultValue) !== void 0 ? _ == null ? void 0 : _.defaultValue : _ == null ? void 0 : _.value), { ..._, value: E !== void 0 ? E : _ == null ? void 0 : _.value };
         });
       }
-    ), { addToast: c } = Tt(), { screenLayoutComponent: u, showSearchbarInsideContainer: f, isOneLineLayout: y } = sa(
+    ), { addToast: c } = Pt(), { screenLayoutComponent: u, showSearchbarInsideContainer: f, isOneLineLayout: y } = ra(
       o,
-      M(l, "containerSizeLayout")
+      H(l, "containerSizeLayout")
     ), S = r(() => ({
       "b-filter-bar__fixed-scroller": y.value,
       "b-filter-bar__container": !y.value
       // Multi-line
-    })), v = r(() => ({
+    })), b = r(() => ({
       "b-filter-bar__scroller-content": y.value,
       "b-filter-bar__filters": !y.value
       // Multi-line
     })), P = r(() => {
-      var g;
-      return ((g = l.search) == null ? void 0 : g.inputFieldAriaLabel) || n("searchBar");
+      var B;
+      return ((B = l.search) == null ? void 0 : B.inputFieldAriaLabel) || n("searchBar");
     }), F = r(() => {
       if (!l.search)
         return;
-      const { debounceTime: g, disabled: p, inputFieldAriaLabel: _, hint: I, placeholder: $ } = l.search;
-      return { debounceTime: g, disabled: p, inputFieldAriaLabel: _, hint: I, placeholder: $ };
-    }), U = r(() => s.value.some(
+      const { debounceTime: B, disabled: p, inputFieldAriaLabel: _, hint: E, placeholder: w } = l.search;
+      return { debounceTime: B, disabled: p, inputFieldAriaLabel: _, hint: E, placeholder: w };
+    }), O = r(() => s.value.some(
       ({ visible: p }) => p != null
-    ) ? s.value.some(({ visible: p }) => !p) : !1), L = r(
-      () => s.value.filter(({ defaultValue: g }) => g !== void 0)
-    ), R = r(() => s.value.some(
+    ) ? s.value.some(({ visible: p }) => !p) : !1), A = r(
+      () => s.value.filter(({ defaultValue: B }) => B !== void 0)
+    ), x = r(() => s.value.some(
       ({ visible: p }) => p != null
     ) ? s.value.filter(
-      ({ defaultValue: p, visible: _, value: I }) => (
+      ({ defaultValue: p, visible: _, value: E }) => (
         // eslint-disable-next-line eqeqeq
-        p === void 0 && _ || l.showAppliedHiddenFilters && I != null
+        p === void 0 && _ || l.showAppliedHiddenFilters && E != null
       )
     ) : s.value.filter(
       ({ defaultValue: p, value: _ }) => (
         // eslint-disable-next-line eqeqeq
         p === void 0 || l.showAppliedHiddenFilters && _ != null
       )
-    )), E = r(() => l.searchTerm != null), C = r(
-      () => s.value.filter(({ defaultValue: g }) => g == null).some(({ value: g }) => g != null)
-    ), h = r(() => L.value.length === 0 && C.value), B = r(() => L.value.length === 0 ? !1 : !s.value.filter(({ defaultValue: p }) => p !== void 0 || p !== null).every(({ value: p, defaultValue: _ }) => JSON.stringify(p) === JSON.stringify(_)) || C.value), T = (g) => {
-      t(te.INPUT, g), t(
+    )), U = r(() => l.searchTerm != null), C = r(
+      () => s.value.filter(({ defaultValue: B }) => B == null).some(({ value: B }) => B != null)
+    ), h = r(() => A.value.length === 0 && C.value), I = r(() => A.value.length === 0 ? !1 : !s.value.filter(({ defaultValue: p }) => p !== void 0 || p !== null).every(({ value: p, defaultValue: _ }) => JSON.stringify(p) === JSON.stringify(_)) || C.value), T = (B) => {
+      t(te.INPUT, B), t(
         te.UPDATE_FILTER_VALUES_ARRAY,
-        g == null ? void 0 : g.filter(({ value: p }) => p !== null || p !== void 0).map(({ field: p, value: _ }) => ({ field: p, value: _ }))
+        B == null ? void 0 : B.filter(({ value: p }) => p !== null || p !== void 0).map(({ field: p, value: _ }) => ({ field: p, value: _ }))
       ), t(
         te.UPDATE_FILTER_VALUES_OBJECT,
-        g == null ? void 0 : g.filter(({ value: p }) => p !== null || p !== void 0).reduce((p, _) => (p[_.field] = _.value, p), {})
+        B == null ? void 0 : B.filter(({ value: p }) => p !== null || p !== void 0).reduce((p, _) => (p[_.field] = _.value, p), {})
       );
-    }, N = (g) => {
+    }, R = (B) => {
       const p = s.value.findIndex(
-        (I) => I.field === g.field
+        (E) => E.field === B.field
       ), _ = s.value.slice();
-      _[p].value = g.value, T(_);
-    }, A = () => {
-      const g = s.value.slice(), p = s.value.map(({ value: _, ...I }) => ({
-        ...I,
+      _[p].value = B.value, T(_);
+    }, g = () => {
+      const B = s.value.slice(), p = s.value.map(({ value: _, ...E }) => ({
+        ...E,
         value: void 0
       }));
       c({
         text: n("filtersHaveBeenCleared"),
         action: {
-          handler: () => T(g),
+          handler: () => T(B),
           text: n("undo")
         }
       }), T(p);
-    }, H = () => {
-      const g = s.value.slice(), p = s.value.map(({ defaultValue: _, ...I }) => ({
-        ...I,
+    }, k = () => {
+      const B = s.value.slice(), p = s.value.map(({ defaultValue: _, ...E }) => ({
+        ...E,
         defaultValue: _,
         value: _
       }));
       c({
         text: n("filtersHaveBeenReset"),
         action: {
-          handler: () => T(g),
+          handler: () => T(B),
           text: n("undo")
         }
       }), T(p);
-    }, J = (g) => {
-      t(oe.INPUT, g), t(oe.UPDATE, g);
-    }, W = () => {
+    }, j = (B) => {
+      t(oe.INPUT, B), t(oe.UPDATE, B);
+    }, Y = () => {
       t(oe.CLEAR);
     };
-    return e({ isClearAllVisible: h, clearAllFilters: A, isResetAllVisible: B, resetAllFilters: H }), { __sfc: !0, props: l, emit: t, t: n, filterBarRef: o, valueAndFilterValuesPropsMerged: s, addToast: c, screenLayoutComponent: u, showSearchbarInsideContainer: f, isOneLineLayout: y, containerConditionalClasses: S, contentConditionalClasses: v, searchBarAriaLabel: P, searchBarProps: F, hasHiddenFilters: U, persistentFilters: L, regularFilters: R, isSearchBarEnabled: E, hasActiveFilters: C, isClearAllVisible: h, isResetAllVisible: B, updateAllFilters: T, updateFilterHandler: N, clearAllFilters: A, resetAllFilters: H, onSearchbarInput: J, onSearchbarClear: W, FilterBarButton: me, BentoSearchBar: _e, AllFiltersModal: Ta, RefreshIcon: At };
+    return e({ isClearAllVisible: h, clearAllFilters: g, isResetAllVisible: I, resetAllFilters: k }), { __sfc: !0, props: l, emit: t, t: n, filterBarRef: o, valueAndFilterValuesPropsMerged: s, addToast: c, screenLayoutComponent: u, showSearchbarInsideContainer: f, isOneLineLayout: y, containerConditionalClasses: S, contentConditionalClasses: b, searchBarAriaLabel: P, searchBarProps: F, hasHiddenFilters: O, persistentFilters: A, regularFilters: x, isSearchBarEnabled: U, hasActiveFilters: C, isClearAllVisible: h, isResetAllVisible: I, updateAllFilters: T, updateFilterHandler: R, clearAllFilters: g, resetAllFilters: k, onSearchbarInput: j, onSearchbarClear: Y, FilterBarButton: he, BentoSearchBar: me, AllFiltersModal: Ia, RefreshIcon: Tt };
   }
 });
-var Ea = function() {
+var Oa = function() {
   var e = this, t = e._self._c, l = e._self._setupProxy;
   return t("div", { ref: "filterBarRef", staticClass: "b-filter-bar" }, [!l.showSearchbarInsideContainer && l.isSearchBarEnabled ? t("div", { staticClass: "b-filter-bar__search-external-container" }, [t(l.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }, "bento-search-bar", l.searchBarProps, !1))], 1) : e._e(), t(l.screenLayoutComponent, { tag: "component", class: l.containerConditionalClasses, attrs: { condensed: "" } }, [t("div", { class: l.contentConditionalClasses }, [l.showSearchbarInsideContainer && l.isSearchBarEnabled ? t("div", [t(l.BentoSearchBar, e._b({ staticClass: "b-filter-bar__search-bar", attrs: { "input-field-aria-label": l.searchBarAriaLabel, value: e.searchTerm, condensed: "" }, on: { input: l.onSearchbarInput, clear: l.onSearchbarClear } }, "bento-search-bar", l.searchBarProps, !1))], 1) : e._e(), l.persistentFilters.length ? e._l(l.persistentFilters, function(n) {
     return t(n.type, { key: n.field, tag: "component", attrs: { field: n.field, label: n.label, disabled: n == null ? void 0 : n.disabled, options: n.options, value: n.value, "default-value": n.defaultValue }, on: { update: l.updateFilterHandler } });
@@ -2289,19 +2222,20 @@ var Ea = function() {
   }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("clearFilters")) + " ")]) : e._e(), l.isResetAllVisible ? t(l.FilterBarButton, { staticClass: "b-filter-bar__reset-all", on: { click: l.resetAllFilters }, scopedSlots: e._u([{ key: "iconLeft", fn: function() {
     return [t(l.RefreshIcon, { attrs: { "aria-hidden": "true" } })];
   }, proxy: !0 }], null, !1, 4046500904) }, [e._v(" " + e._s(l.t("resetFilters")) + " ")]) : e._e()], 2)])], 1);
-}, Ra = [], Oa = /* @__PURE__ */ k(
-  La,
-  Ea,
+}, xa = [], Ua = /* @__PURE__ */ V(
   Ra,
+  Oa,
+  xa,
   !1,
   null,
-  "d6bc45e9"
+  "b5b27933"
 );
-const Sn = Oa.exports;
+const Bn = Ua.exports;
 export {
-  Sn as B,
-  m as a,
-  te as b,
-  z as c
+  Bn as B,
+  ae as a,
+  m as b,
+  te as c,
+  W as d
 };
-//# sourceMappingURL=filter-bar.Dnnv0rpV.js.map
+//# sourceMappingURL=filter-bar.DzHJi42d.js.map