@adyen/bento-vue3 1.52.0 → 1.53.0

package/dist/chunks/{filter-bar.DYrXBQDF.js → filter-bar.GGHRoo6O.js}

@@ -1,47 +1,47 @@
-import { defineComponent as Y, useSlots as Ee, useAttrs as $t, computed as c, ref as N, createBlock as E, openBlock as y, unref as A, normalizeClass as ye, withCtx as F, createElementVNode as H, renderSlot as re, createCommentVNode as x, createVNode as $, createTextVNode as q, toDisplayString as J, watch as ue, nextTick as ot, resolveComponent as P, createElementBlock as z, withKeys as pe, toRef as G, onBeforeUpdate as Oe, provide as st, mergeProps as oe, Fragment as De, reactive as it, createSlots as Ae, renderList as be, normalizeProps as $e, guardReactiveProps as Pe, onMounted as rt, resolveDynamicComponent as Le, withDirectives as qe, vShow as Je } from "vue";
-import { B as ke, b as ge } from "./search-bar.DlihXfPt.js";
-import { u as Pt } from "./use-bento-toast-controller.D3LA1FCd.js";
+import { defineComponent as Y, useSlots as Ee, useAttrs as Ut, computed as c, ref as N, createBlock as E, openBlock as y, unref as A, normalizeClass as ye, withCtx as F, createElementVNode as H, renderSlot as re, createCommentVNode as ee, createVNode as $, createTextVNode as q, toDisplayString as J, watch as ue, nextTick as st, resolveComponent as P, createElementBlock as z, withKeys as pe, toRef as Z, onBeforeUpdate as Oe, provide as it, mergeProps as se, Fragment as De, reactive as rt, createSlots as Ae, renderList as be, normalizeProps as $e, guardReactiveProps as Pe, onMounted as ut, resolveDynamicComponent as Le, withDirectives as Je, vShow as Ye } from "vue";
+import { B as ke, b as ge } from "./search-bar.21CWuOHb.js";
+import { u as Et } from "./use-bento-toast-controller.D3LA1FCd.js";
 import { u as de } from "./i18n.D9azDLPe.js";
-import { _ as Ut } from "./modal.vue_vue_type_script_setup_true_lang.BAuxqA66.js";
-import { g as Et } from "./base-modal.BlC6TZNz.js";
-import { B as Ot } from "./button.6HMG0xEY.js";
-import { B as Ye, I as wt, b as Rt } from "./popover.COzLcAET.js";
-import { B as Lt } from "./directive.O3yEdalv.js";
-import { B as Vt } from "./events.FNmSWp_P.js";
+import { _ as Ot } from "./modal.vue_vue_type_script_setup_true_lang.CGV0E6eK.js";
+import { g as wt } from "./base-modal.D4INiJGX.js";
+import { B as Rt } from "./button.6HMG0xEY.js";
+import { B as ze, I as Lt, b as Vt } from "./popover.BBnUL5Y_.js";
+import { B as kt } from "./directive.Cbdox5VL.js";
+import { B as Nt } from "./events.FNmSWp_P.js";
 import { g as Ne } from "./generate-uid.NJ8tVoha.js";
-import { B as kt, u as Nt } from "./teleport.B1NhF5-O.js";
+import { B as Mt, u as Ht } from "./teleport.DfTpEQBR.js";
 import { B as ce, d as Me } from "./typography.DN5eC5ch.js";
-import { u as ut } from "./aria-label.CaUURpnB.js";
-import { B as dt, a as ze } from "./base-button.DdNFlbgH.js";
-import { g as ct } from "./get-slot-text.DQlZEsId.js";
-import { u as pt } from "./use-has-slot.B7eQSabc.js";
-import { _ as Z } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as Mt } from "./radio-group.rxg-4rF_.js";
+import { u as dt } from "./aria-label.CaUURpnB.js";
+import { B as ct, a as We } from "./base-button.DdNFlbgH.js";
+import { g as pt } from "./get-slot-text.DQlZEsId.js";
+import { u as bt } from "./use-has-slot.B7eQSabc.js";
+import { _ as Q } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { B as Kt } from "./radio-group.BUazlUAi.js";
 import { t as Se } from "./chip.3T0x6FuI.js";
-import { B as He } from "./input-field.DqMdqM2u.js";
-import { u as bt, B as Ht } from "./dropdown.qw5oXFYs.js";
-import { g as Kt } from "./focus-trap.DMgm-9f7.js";
-import { a as jt, C as qt } from "./chevron-up.-0oLlHmh.js";
+import { B as He } from "./input-field.CRlXtS3z.js";
+import { u as ft, B as jt } from "./dropdown.RVt9T6j5.js";
+import { g as qt } from "./focus-trap.D-HSKa_Q.js";
+import { a as Jt, C as Yt } from "./chevron-up.-0oLlHmh.js";
 /* empty css              */
 import { B as Ke } from "./divider.qUOSAbU6.js";
-import { c as We, b as Jt } from "./use-cached-selected-values.DDP7LJoI.js";
-import { L as ft } from "./listbox-option-tag.YSvtcy4P.js";
-import { B as Yt } from "./payment-method.CLUppDo_.js";
-import { u as zt } from "./use-country-items.BMhCqIWd.js";
-import { B as Wt } from "./avatar.B0-9jC6H.js";
-import { D as Gt, B as Zt, i as Re, b as Qt } from "./date-range-picker.1Vbf9Zk8.js";
-import { g as vt } from "./get-date-locale.BN8xEjY0.js";
-import { D as Ge } from "./date-input.BqBdAO1E.js";
-import { a as Xt, i as xt } from "./calendar.D2X834TU.js";
+import { c as Ge, b as zt } from "./use-cached-selected-values.Chb18cq_.js";
+import { L as vt } from "./listbox-option-tag.2k0hRv0z.js";
+import { B as Wt } from "./payment-method.CLUppDo_.js";
+import { u as Gt } from "./use-country-items.BMhCqIWd.js";
+import { B as Zt } from "./avatar.B0-9jC6H.js";
+import { D as Qt, B as Xt, i as Re, b as xt } from "./date-range-picker.DVQ-j-JX.js";
+import { g as mt } from "./get-date-locale.BN8xEjY0.js";
+import { D as Ze } from "./date-input.BqBdAO1E.js";
+import { a as el, i as tl } from "./calendar.DKHNrb9_.js";
 import { f as me } from "./date.DoJuTLhO.js";
-import { B as el } from "./button-actions.BvGAE7sw.js";
-import { B as tl } from "./date-picker.BWJYkSmo.js";
-import { R as Ze } from "./refresh.C20ROVDS.js";
-import { F as ll } from "./fixed-scroller.Bfk75Nei.js";
+import { B as ll } from "./button-actions.BvGAE7sw.js";
+import { B as al } from "./date-picker.CA2i6QxD.js";
+import { R as Qe } from "./refresh.C20ROVDS.js";
+import { F as nl } from "./fixed-scroller.Bfk75Nei.js";
 import "../assets/filter-bar.css";
 var h = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(h || {}), Ce = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(Ce || {}), ae = /* @__PURE__ */ ((e) => (e.BOOLEAN = "BentoBooleanFilter", e.RANGE = "BentoRangeFilter", e.INPUT = "BentoInputFilter", e.INPUT_DROPDOWN = "BentoInputWithDropdownFilter", e.SELECT = "BentoSelectFilter", e.SELECT_AVATAR = "BentoSelectAvatarFilter", e.SELECT_COUNTRY = "BentoSelectCountryFilter", e.SELECT_CURRENCY = "BentoSelectCurrencyFilter", e.SELECT_PAYMENT_METHOD = "BentoSelectPaymentMethodFilter", e.SELECT_TAG = "BentoSelectTagFilter", e.DATE = "BentoDateFilter", e.DATE_RANGE = "BentoDateRangeFilter", e))(ae || {});
-const al = { class: "b-filter-bar-button__container" }, nl = { class: "b-filter-bar-button__label-container" }, ol = {}, sl = /* @__PURE__ */ Y({
-  ...ol,
+const ol = { class: "b-filter-bar-button__container" }, sl = { class: "b-filter-bar-button__label-container" }, il = {}, rl = /* @__PURE__ */ Y({
+  ...il,
   __name: "filter-bar-button",
   props: {
     /**
@@ -70,28 +70,28 @@ const al = { class: "b-filter-bar-button__container" }, nl = { class: "b-filter-
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, i = n, l = Ee(), a = $t(), o = pt(l), r = c(() => l.default ? ct(l)("default") : null), d = ut({ ariaLabel: r }), p = N(null), b = c(() => {
+    const t = e, i = n, l = Ee(), a = Ut(), o = bt(l), r = c(() => l.default ? pt(l)("default") : null), d = dt({ ariaLabel: r }), p = N(null), b = c(() => {
       var u;
       return {
         "aria-controls": (u = a["aria-controls"]) == null ? void 0 : u.toString()
       };
-    }), B = c(() => ({
+    }), _ = c(() => ({
       "b-filter-bar-button--attention": t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter,
       "b-filter-bar-button--filter-open": t.isFilterOpen,
       "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
       "b-filter-bar-button--with-counter": t.appliedFiltersCount
-    })), C = (u) => {
+    })), D = (u) => {
       u.preventDefault(), t.disabled || i("click", u);
     };
-    return (u, D) => (y(), E(A(dt), {
+    return (u, B) => (y(), E(A(ct), {
       ref_key: "filterBarButtonRef",
       ref: p,
-      class: ye(["b-filter-bar-button", B.value]),
+      class: ye(["b-filter-bar-button", _.value]),
       disabled: e.disabled,
       "aria-label": A(d),
       "aria-controls": b.value["aria-controls"],
       type: "button",
-      onClick: C
+      onClick: D
     }, {
       iconRight: F(() => [
         e.appliedFiltersCount ? (y(), E(A(ce), {
@@ -105,12 +105,12 @@ const al = { class: "b-filter-bar-button__container" }, nl = { class: "b-filter-
             q(J(e.appliedFiltersCount), 1)
           ]),
           _: 1
-        })) : x("", !0)
+        })) : ee("", !0)
       ]),
       default: F(() => [
-        H("div", al, [
-          A(o)("iconLeft") ? re(u.$slots, "iconLeft", { key: 0 }, void 0, !0) : x("", !0),
-          H("div", nl, [
+        H("div", ol, [
+          A(o)("iconLeft") ? re(u.$slots, "iconLeft", { key: 0 }, void 0, !0) : ee("", !0),
+          H("div", sl, [
             $(A(ce), {
               el: "span",
               variant: "body",
@@ -128,11 +128,11 @@ const al = { class: "b-filter-bar-button__container" }, nl = { class: "b-filter-
                   stronger: "",
                   class: "b-filter-bar-button__label"
                 }, {
-                  default: F(() => D[0] || (D[0] = [
+                  default: F(() => B[0] || (B[0] = [
                     q(":")
                   ])),
                   _: 1
-                })) : x("", !0)
+                })) : ee("", !0)
               ]),
               _: 3
             }),
@@ -147,16 +147,16 @@ const al = { class: "b-filter-bar-button__container" }, nl = { class: "b-filter-
                 q(J(e.secondaryLabel), 1)
               ]),
               _: 1
-            })) : x("", !0)
+            })) : ee("", !0)
           ])
         ])
       ]),
       _: 3
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
-}), Ue = /* @__PURE__ */ Z(sl, [["__scopeId", "data-v-fc0dbb83"]]);
-var ne = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(ne || {});
-const Qe = {
+}), Ue = /* @__PURE__ */ Q(rl, [["__scopeId", "data-v-fc0dbb83"]]);
+var oe = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(oe || {});
+const Xe = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -173,15 +173,15 @@ const Qe = {
     clear: "Limpar",
     reset: "Reiniciar"
   }
-}, il = Y({
-  i18n: { messages: Qe },
+}, ul = Y({
+  i18n: { messages: Xe },
   name: "bento-base-filter",
   components: {
-    BentoPopover: Ye,
-    BentoTeleport: kt,
+    BentoPopover: ze,
+    BentoTeleport: Mt,
     FilterBarButton: Ue
   },
-  directives: { BentoClickOutsideDirective: Lt },
+  directives: { BentoClickOutsideDirective: kt },
   props: {
     /**
      * Total count of applied filters
@@ -236,40 +236,40 @@ const Qe = {
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: Ye.props.fitContent
+    fitContent: ze.props.fitContent
   },
   emits: [
-    ne.APPLY,
-    ne.CLEAR,
-    ne.OPEN,
-    ne.CLOSE,
-    ne.RESET
+    oe.APPLY,
+    oe.CLEAR,
+    oe.OPEN,
+    oe.CLOSE,
+    oe.RESET
   ],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: Qe }), i = Ne("base-filter-popover"), l = N(!1), a = N(null), o = N(null), r = c(() => e.defaultValue !== null), d = c(
+    const { t } = de({ messages: Xe }), i = Ne("base-filter-popover"), l = N(!1), a = N(null), o = N(null), r = c(() => e.defaultValue !== null), d = c(
       () => r.value ? t("filterButton", {
         function: e.label
       }) : p.value
     ), p = c(() => e.buttonLabel || e.label), b = () => {
-      l.value && (l.value = !1, ot(() => {
+      l.value && (l.value = !1, st(() => {
         var O, I;
         (I = (O = a.value) == null ? void 0 : O.$el) == null || I.focus();
-      }), n(ne.CLOSE));
+      }), n(oe.CLOSE));
+    }, _ = () => {
+      b(), r.value ? n(oe.RESET) : n(oe.CLEAR);
+    }, D = () => b(), u = () => {
+      l.value ? b() : (l.value = !0, n(oe.OPEN));
     }, B = () => {
-      b(), r.value ? n(ne.RESET) : n(ne.CLEAR);
-    }, C = () => b(), u = () => {
-      l.value ? b() : (l.value = !0, n(ne.OPEN));
-    }, D = () => {
-      b(), n(ne.APPLY);
+      b(), n(oe.APPLY);
     }, L = c(() => [
       {
         title: t("apply"),
-        event: D,
+        event: B,
         disabled: e.disableApplyButton
       },
       {
         title: r.value ? t("reset") : t("clear"),
-        event: B,
+        event: _,
         disabled: e.disableSecondaryButton
       }
     ]);
@@ -279,7 +279,7 @@ const Qe = {
         var w, T;
         !O && I && (T = (w = a.value) == null ? void 0 : w.filterBarButtonRef) != null && T.bentoBaseButtonRef && a.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Nt(o, C, { ignore: [a] }), {
+    ), Ht(o, D, { ignore: [a] }), {
       // Values
       actions: L,
       popoverId: i,
@@ -288,27 +288,27 @@ const Qe = {
       computedAriaLabel: d,
       computedButtonText: p,
       // Enums
-      BentoTooltipPosition: Vt,
+      BentoTooltipPosition: Nt,
       // Events
       onClickFilter: u,
-      onClickApply: D,
-      onClickSecondaryAction: B,
-      onClickOutside: C,
+      onClickApply: B,
+      onClickSecondaryAction: _,
+      onClickOutside: D,
       closePopover: b,
       // Refs
       filterButtonRef: a,
       popoverRef: o
     };
   }
-}), rl = { key: 0 }, ul = {
+}), dl = { key: 0 }, cl = {
   key: 1,
   class: "b-base-filter"
 };
-function dl(e, n, t, i, l, a) {
+function pl(e, n, t, i, l, a) {
   const o = P("filter-bar-button"), r = P("bento-popover"), d = P("bento-teleport");
-  return e.onlySlot ? (y(), z("div", rl, [
+  return e.onlySlot ? (y(), z("div", dl, [
     re(e.$slots, "default", {}, void 0, !0)
-  ])) : (y(), z("div", ul, [
+  ])) : (y(), z("div", cl, [
     $(o, {
       ref: "filterButtonRef",
       "aria-label": e.computedAriaLabel,
@@ -352,13 +352,13 @@ function dl(e, n, t, i, l, a) {
             ], 32)
           ]),
           _: 3
-        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : x("", !0)
+        }, 8, ["id", "open", "actions", "target-element", "title", "fit-content", "without-space"])) : ee("", !0)
       ]),
       _: 3
-    })) : x("", !0)
+    })) : ee("", !0)
   ]));
 }
-const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a"]]), cl = (e) => e instanceof Array, Xe = (e) => cl(e) ? e.length === 0 || e.every((n) => n === "") : !e, xe = (e, n) => JSON.stringify(e) === JSON.stringify(n), fe = (e, n) => {
+const Fe = /* @__PURE__ */ Q(ul, [["render", pl], ["__scopeId", "data-v-5245899a"]]), bl = (e) => e instanceof Array, xe = (e) => bl(e) ? e.length === 0 || e.every((n) => n === "") : !e, et = (e, n) => JSON.stringify(e) === JSON.stringify(n), fe = (e, n) => {
   const t = N(e.value);
   ue(
     () => e.value,
@@ -366,18 +366,18 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
       t.value = e.value;
     }
   );
-  const i = c(() => Xe(e.value)), l = c(
-    () => n.value !== null ? xe(n.value, e.value) : i.value
-  ), a = c(() => xe(t.value, e.value) || Xe(t.value) && i.value);
+  const i = c(() => xe(e.value)), l = c(
+    () => n.value !== null ? et(n.value, e.value) : i.value
+  ), a = c(() => et(t.value, e.value) || xe(t.value) && i.value);
   return {
     internalFilterValue: t,
     isSecondaryButtonDisabled: l,
     isApplyButtonDisabled: a
   };
-}, pl = {
+}, fl = {
   name: "bento-input-filter"
-}, bl = /* @__PURE__ */ Y({
-  ...pl,
+}, vl = /* @__PURE__ */ Y({
+  ...fl,
   props: {
     defaultValue: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -408,10 +408,10 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
         var s;
         return o.value ? (s = t.value) == null ? void 0 : s.inputValue : t == null ? void 0 : t.value;
       }
-    ), { internalFilterValue: b, isSecondaryButtonDisabled: B, isApplyButtonDisabled: C } = fe(
+    ), { internalFilterValue: b, isSecondaryButtonDisabled: _, isApplyButtonDisabled: D } = fe(
       p,
-      G(t, "defaultValue")
-    ), u = c(() => t.label), D = c(() => Se(p.value, 12)), L = c(() => ({
+      Z(t, "defaultValue")
+    ), u = c(() => t.label), B = c(() => Se(p.value, 12)), L = c(() => ({
       "b-input-filter--only-slot": t.onlySlot
     }));
     Oe(() => {
@@ -432,14 +432,14 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
       });
     }, w = () => i("update", { ...t, value: t.defaultValue }), T = () => {
       b.value = null, I();
-    }, _ = () => {
+    }, C = () => {
       i("input", { ...t, value: b.value });
     }, V = (s) => {
       b.value = s;
     }, k = (s) => {
       a.value = s;
     };
-    return st(wt, o.value), ue(
+    return it(Lt, o.value), ue(
       () => t.options,
       () => {
         var s, R, K;
@@ -459,11 +459,11 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
         );
       },
       { immediate: !0 }
-    ), (s, R) => (y(), E(A(Fe), oe(s.$props, {
+    ), (s, R) => (y(), E(A(Fe), se(s.$props, {
       "button-label": u.value,
-      "button-secondary-label": D.value,
-      "disable-apply-button": A(C),
-      "disable-secondary-button": A(B),
+      "button-secondary-label": B.value,
+      "disable-apply-button": A(D),
+      "disable-secondary-button": A(_),
       "only-slot": s.onlySlot,
       "popover-overflow-visible": o.value,
       onApply: I,
@@ -472,19 +472,19 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
       onReset: w
     }), {
       default: F(() => {
-        var K, le;
+        var K, W;
         return [
           H("div", {
             class: ye(["b-input-filter", L.value]),
             onKeydown: pe(I, ["enter"]),
-            onInput: _
+            onInput: C
           }, [
             $(A(He), {
               ref_key: "inputTextRef",
               ref: l,
               dropdown: r.value,
               "dropdown-position": (K = s.options) == null ? void 0 : K.dropdownPosition,
-              placeholder: (le = s.options) == null ? void 0 : le.placeholder,
+              placeholder: (W = s.options) == null ? void 0 : W.placeholder,
               variant: d.value,
               value: A(b),
               onInput: V,
@@ -496,10 +496,10 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible"]));
   }
-}), mt = /* @__PURE__ */ Z(bl, [["__scopeId", "data-v-3323f252"]]), fl = {
+}), yt = /* @__PURE__ */ Q(vl, [["__scopeId", "data-v-3323f252"]]), ml = {
   name: "bento-input-with-dropdown-filter"
-}, vl = /* @__PURE__ */ Y({
-  ...fl,
+}, yl = /* @__PURE__ */ Y({
+  ...ml,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -511,52 +511,52 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
   },
   emits: [h.INPUT, h.UPDATE],
   setup(e, { emit: n }) {
-    const t = e, i = n, l = N(null), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = fe(G(t, "value"), G(t, "defaultValue")), d = c(() => t.label), p = c(() => {
-      var _;
-      return Se((_ = t.value) == null ? void 0 : _.inputValue, 12);
+    const t = e, i = n, l = N(null), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = fe(Z(t, "value"), Z(t, "defaultValue")), d = c(() => t.label), p = c(() => {
+      var C;
+      return Se((C = t.value) == null ? void 0 : C.inputValue, 12);
     }), b = c(() => {
-      var _, V;
+      var C, V;
       return {
-        ...((_ = t.options) == null ? void 0 : _.dropdown) || {},
+        ...((C = t.options) == null ? void 0 : C.dropdown) || {},
         value: (V = a.value) == null ? void 0 : V.dropdownValue
       };
-    }), B = c(() => ({
+    }), _ = c(() => ({
       "b-input-with-dropdown-filter--only-slot": t.onlySlot
-    })), C = c(() => {
+    })), D = c(() => {
       var V, k;
       return !(!!((V = a.value) != null && V.inputValue) && !!((k = a.value) != null && k.dropdownValue)) || r.value;
     });
     Oe(() => {
-      var _;
-      ((_ = a.value) == null ? void 0 : _.inputValue) === "" && (a.value = { ...a.value, inputValue: void 0 });
+      var C;
+      ((C = a.value) == null ? void 0 : C.inputValue) === "" && (a.value = { ...a.value, inputValue: void 0 });
     }), ue(l, () => {
-      var _;
-      (_ = l.value) == null || _.focusInput();
+      var C;
+      (C = l.value) == null || C.focusInput();
     });
     const u = () => {
       a.value = t.value;
-    }, D = () => {
-      var _;
-      !((_ = a.value) != null && _.inputValue) && t.defaultValue !== null && (a.value = { ...t.defaultValue }), i(h.UPDATE, {
+    }, B = () => {
+      var C;
+      !((C = a.value) != null && C.inputValue) && t.defaultValue !== null && (a.value = { ...t.defaultValue }), i(h.UPDATE, {
         ...t,
         value: a.value
       });
     }, L = () => i(h.UPDATE, { ...t, value: t.defaultValue }), O = () => {
-      a.value = null, D();
+      a.value = null, B();
     }, I = () => {
       i(h.INPUT, { ...t, value: a.value });
-    }, w = (_) => {
-      a.value = { ...a.value, inputValue: _ };
-    }, T = (_) => {
-      a.value = { ...a.value, dropdownValue: _ };
+    }, w = (C) => {
+      a.value = { ...a.value, inputValue: C };
+    }, T = (C) => {
+      a.value = { ...a.value, dropdownValue: C };
     };
-    return st(Rt, !0), (_, V) => (y(), E(A(Fe), oe(_.$props, {
+    return it(Vt, !0), (C, V) => (y(), E(A(Fe), se(C.$props, {
       "button-label": d.value,
       "button-secondary-label": p.value,
-      "disable-apply-button": C.value,
+      "disable-apply-button": D.value,
       "disable-secondary-button": A(o),
-      "only-slot": _.onlySlot,
-      onApply: D,
+      "only-slot": C.onlySlot,
+      onApply: B,
       onClear: O,
       onOpen: u,
       onReset: L
@@ -565,15 +565,15 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
         var k, f;
         return [
           H("div", {
-            class: ye(["b-input-with-dropdown-filter", B.value]),
-            onKeydown: pe(D, ["enter"]),
+            class: ye(["b-input-with-dropdown-filter", _.value]),
+            onKeydown: pe(B, ["enter"]),
             onInput: I
           }, [
             $(A(He), {
               ref_key: "inputTextRef",
               ref: l,
               dropdown: b.value,
-              "dropdown-position": (k = _.options) == null ? void 0 : k.dropdownPosition,
+              "dropdown-position": (k = C.options) == null ? void 0 : k.dropdownPosition,
               variant: "dropdown",
               value: (f = A(a)) == null ? void 0 : f.inputValue,
               onInput: w,
@@ -585,13 +585,13 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
       _: 1
     }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot"]));
   }
-}), ml = /* @__PURE__ */ Z(vl, [["__scopeId", "data-v-f096c58d"]]), yl = Y({
+}), Ft = /* @__PURE__ */ Q(yl, [["__scopeId", "data-v-f096c58d"]]), Fl = Y({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: Fe,
-    BentoDatePicker: tl,
+    BentoDatePicker: al,
     BentoDivider: Ke,
-    Calendar: Xt
+    Calendar: el
   },
   props: {
     /**
@@ -634,22 +634,22 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
   },
   emits: [h.INPUT, h.UPDATE],
   setup(e, { emit: n }) {
-    const { locale: t } = de(void 0, !0), i = vt(), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: o } = fe(
-      G(e, "value"),
-      G(e, "defaultValue")
+    const { locale: t } = de(void 0, !0), i = mt(), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: o } = fe(
+      Z(e, "value"),
+      Z(e, "defaultValue")
     ), r = c(
       () => e.value ? me(e.value, "dd MMM, yyyy", {
         locale: i[t.value.substring(0, 2)] || i.enUS
       }) : null
     ), d = c(() => e.label), p = c(() => r.value), b = () => {
       n(h.UPDATE, { ...e, value: l.value });
-    }, B = () => {
+    }, _ = () => {
       l.value = null, b();
-    }, C = () => {
+    }, D = () => {
       l.value = e.defaultValue, b();
     }, u = () => {
       l.value = e.value;
-    }, D = (O) => {
+    }, B = (O) => {
       l.value = O, n(h.INPUT, { ...e, value: l.value });
     };
     return {
@@ -660,18 +660,18 @@ const Fe = /* @__PURE__ */ Z(il, [["render", dl], ["__scopeId", "data-v-5245899a
       buttonLabel: d,
       buttonSecondaryLabel: p,
       // Events
-      clearFilter: B,
-      onDateSelected: D,
+      clearFilter: _,
+      onDateSelected: B,
       openFilter: u,
       updateFilter: b,
-      resetFilter: C,
+      resetFilter: D,
       onDateInputSelected: (O) => {
-        l.value = O, D(O), b();
+        l.value = O, B(O), b();
       }
     };
   }
-}), Fl = { class: "b-date-filter" };
-function hl(e, n, t, i, l, a) {
+}), hl = { class: "b-date-filter" };
+function gl(e, n, t, i, l, a) {
   const o = P("bento-date-picker"), r = P("bento-divider"), d = P("calendar"), p = P("bento-base-filter");
   return y(), E(p, {
     "button-label": e.buttonLabel,
@@ -690,24 +690,26 @@ function hl(e, n, t, i, l, a) {
     onReset: e.resetFilter
   }, {
     default: F(() => {
-      var b, B, C, u;
+      var b, _, D, u, B, L;
       return [
         e.onlySlot ? (y(), E(o, {
           key: 0,
           value: e.internalFilterValue,
           "first-day-of-week": (b = e.options) == null ? void 0 : b.firstDayOfWeek,
-          "is-date-disabled": (B = e.options) == null ? void 0 : B.isDateDisabled,
+          "is-date-disabled": (_ = e.options) == null ? void 0 : _.isDateDisabled,
+          variant: (D = e.options) == null ? void 0 : D.variant,
           onInput: e.onDateInputSelected
-        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "onInput"])) : (y(), z(De, { key: 1 }, [
+        }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "onInput"])) : (y(), z(De, { key: 1 }, [
           $(r, { class: "b-date-filter__divider" }),
-          H("div", Fl, [
+          H("div", hl, [
             $(d, {
-              "first-day-of-week": (C = e.options) == null ? void 0 : C.firstDayOfWeek,
-              "is-date-disabled": (u = e.options) == null ? void 0 : u.isDateDisabled,
+              "first-day-of-week": (u = e.options) == null ? void 0 : u.firstDayOfWeek,
+              "is-date-disabled": (B = e.options) == null ? void 0 : B.isDateDisabled,
               "number-of-months": 1,
               value: e.internalFilterValue,
+              variant: (L = e.options) == null ? void 0 : L.variant,
               onInput: e.onDateSelected
-            }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "onInput"])
+            }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "variant", "onInput"])
           ])
         ], 64))
       ];
@@ -715,7 +717,7 @@ function hl(e, n, t, i, l, a) {
     _: 1
   }, 8, ["button-label", "button-secondary-label", "disabled", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const yt = /* @__PURE__ */ Z(yl, [["render", hl], ["__scopeId", "data-v-389ccc27"]]), et = {
+const ht = /* @__PURE__ */ Q(Fl, [["render", gl], ["__scopeId", "data-v-1e5e2fcf"]]), tt = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -731,16 +733,16 @@ const yt = /* @__PURE__ */ Z(yl, [["render", hl], ["__scopeId", "data-v-389ccc27
     clear: "Limpar",
     reset: "Reiniciar"
   }
-}, gl = Y({
-  i18n: { messages: et },
+}, Sl = Y({
+  i18n: { messages: tt },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: Fe,
-    BentoButtonActions: el,
-    BentoDateRangePicker: Zt,
+    BentoButtonActions: ll,
+    BentoDateRangePicker: Xt,
     BentoTypography: ce,
     BentoDivider: Ke,
-    DateRangePickerCalendar: Gt
+    DateRangePickerCalendar: Qt
   },
   props: {
     /**
@@ -790,40 +792,40 @@ const yt = /* @__PURE__ */ Z(yl, [["render", hl], ["__scopeId", "data-v-389ccc27
   },
   emits: [h.INPUT, h.UPDATE],
   setup(e, { emit: n }) {
-    var K, le, se, ee;
-    const { locale: t, t: i } = de({ messages: et }), l = vt(), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = fe(
-      G(e, "value"),
-      G(e, "defaultValue")
-    ), d = N(!1), p = (g) => g ? me(g, Ge.NUMERIC_DATE_YEAR_FIRST, {
+    var K, W, ne, te;
+    const { locale: t, t: i } = de({ messages: tt }), l = mt(), { internalFilterValue: a, isSecondaryButtonDisabled: o, isApplyButtonDisabled: r } = fe(
+      Z(e, "value"),
+      Z(e, "defaultValue")
+    ), d = N(!1), p = (g) => g ? me(g, Ze.NUMERIC_DATE_YEAR_FIRST, {
       locale: l[t.value.substring(0, 2)] || l.enUS
-    }) : void 0, b = (g) => g ? me(g, Ge.HOUR_MINUTE_SECONDS, {
+    }) : void 0, b = (g) => g ? me(g, Ze.HOUR_MINUTE_SECONDS, {
       locale: l[t.value.substring(0, 2)] || l.enUS
-    }) : "", B = N(null), C = N(!1), u = it({
+    }) : "", _ = N(null), D = N(!1), u = rt({
       startDate: p((K = e.value) == null ? void 0 : K.startDate),
-      endDate: p((le = e.value) == null ? void 0 : le.endDate),
-      startTime: b((se = e.value) == null ? void 0 : se.startDate),
-      endTime: b((ee = e.value) == null ? void 0 : ee.endDate)
+      endDate: p((W = e.value) == null ? void 0 : W.endDate),
+      startTime: b((ne = e.value) == null ? void 0 : ne.startDate),
+      endTime: b((te = e.value) == null ? void 0 : te.endDate)
     });
-    function D(g) {
+    function B(g) {
       return (g == null ? void 0 : g.length) !== void 0;
     }
     const L = c(() => {
-      var g, j, Q, X, v, m, U, M, te;
+      var g, j, X, x, v, m, U, M, le;
       if (!((g = e.value) != null && g.startDate) && !e.value.endDate)
         return null;
-      if (D((j = e.options) == null ? void 0 : j.quickSelectRanges) && ((X = (Q = e.options) == null ? void 0 : Q.quickSelectRanges) == null ? void 0 : X.length) > 0) {
-        const ie = (m = (v = e.options) == null ? void 0 : v.quickSelectRanges) == null ? void 0 : m.find(({ value: ve, data: W }) => {
+      if (B((j = e.options) == null ? void 0 : j.quickSelectRanges) && ((x = (X = e.options) == null ? void 0 : X.quickSelectRanges) == null ? void 0 : x.length) > 0) {
+        const ie = (m = (v = e.options) == null ? void 0 : v.quickSelectRanges) == null ? void 0 : m.find(({ value: ve, data: G }) => {
           if (a.value.range)
             return ve === a.value.range;
-          if (!(W != null && W.endDate))
-            Re(W == null ? void 0 : W.startDate, a.value.startDate) && Qt(a.value.endDate);
+          if (!(G != null && G.endDate))
+            Re(G == null ? void 0 : G.startDate, a.value.startDate) && xt(a.value.endDate);
           else
-            return Re(W == null ? void 0 : W.startDate, a.value.startDate) && Re(W == null ? void 0 : W.endDate, a.value.endDate);
+            return Re(G == null ? void 0 : G.startDate, a.value.startDate) && Re(G == null ? void 0 : G.endDate, a.value.endDate);
         });
         if (ie)
           return ie.label;
       }
-      return xt((U = e.value) == null ? void 0 : U.startDate, (M = e.value) == null ? void 0 : M.endDate) && ((te = e == null ? void 0 : e.options) != null && te.allowTimeInput) ? `${me(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return tl((U = e.value) == null ? void 0 : U.startDate, (M = e.value) == null ? void 0 : M.endDate) && ((le = e == null ? void 0 : e.options) != null && le.allowTimeInput) ? `${me(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: l[t.value.substring(0, 2)] || l.enUS
       })} - ${me(e.value.endDate, "HH:mm:ss", {
         locale: l[t.value.substring(0, 2)] || l.enUS
@@ -833,14 +835,14 @@ const yt = /* @__PURE__ */ Z(yl, [["render", hl], ["__scopeId", "data-v-389ccc27
         locale: l[t.value.substring(0, 2)] || l.enUS
       })}`;
     }), O = c(() => e.label), I = () => {
-      B.value.closePopover();
+      _.value.closePopover();
       const { onlySlot: g, ...j } = e;
       n(h.UPDATE, { ...j, value: a.value });
     }, w = () => {
       a.value = void 0, I();
     }, T = () => {
       a.value = e.defaultValue, I();
-    }, _ = () => {
+    }, C = () => {
       a.value = e.value;
     }, V = (g) => {
       d.value = !1, a.value = g, u.startDate = p(g.startDate), u.endDate = p(g.endDate), n(h.INPUT, { ...e, value: a.value });
@@ -853,18 +855,18 @@ const yt = /* @__PURE__ */ Z(yl, [["render", hl], ["__scopeId", "data-v-389ccc27
         {
           title: i("apply"),
           event: I,
-          disabled: d.value || C.value || r.value
+          disabled: d.value || D.value || r.value
         },
         {
           title: e.defaultValue ? i("reset") : i("clear"),
           event: e.defaultValue ? T : w,
-          disabled: C.value && o.value
+          disabled: D.value && o.value
         }
       ]
     );
     return {
       // Refs
-      baseFilter: B,
+      baseFilter: _,
       // Values
       actions: S,
       formData: u,
@@ -876,25 +878,25 @@ const yt = /* @__PURE__ */ Z(yl, [["render", hl], ["__scopeId", "data-v-389ccc27
       buttonSecondaryLabel: L,
       // Events
       onDateSelected: V,
-      openFilter: _,
+      openFilter: C,
       updateFilter: I,
       onDatePickerRangeError: () => {
-        C.value = !0, a.value = { startDate: void 0, endDate: void 0 }, n(h.INPUT, { ...e, value: a.value });
+        D.value = !0, a.value = { startDate: void 0, endDate: void 0 }, n(h.INPUT, { ...e, value: a.value });
       },
       onDatePickerRangeFormDateInputUpdate: (g) => {
-        C.value = !1, g.startTime && (u.startTime = g.startTime), g.endTime && (u.endTime = g.endTime);
+        D.value = !1, g.startTime && (u.startTime = g.startTime), g.endTime && (u.endTime = g.endTime);
       },
       onDateInputSelected: f,
       onRangeSelectorInput: k
     };
   }
-}), Sl = {
+}), Bl = {
   key: 1,
   class: "b-date-range-filter"
 };
-function Bl(e, n, t, i, l, a) {
-  const o = P("bento-date-range-picker"), r = P("bento-typography"), d = P("bento-divider"), p = P("bento-button-actions"), b = P("date-range-picker-calendar"), B = P("bento-base-filter");
-  return y(), E(B, {
+function _l(e, n, t, i, l, a) {
+  const o = P("bento-date-range-picker"), r = P("bento-typography"), d = P("bento-divider"), p = P("bento-button-actions"), b = P("date-range-picker-calendar"), _ = P("bento-base-filter");
+  return y(), E(_, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -911,36 +913,38 @@ function Bl(e, n, t, i, l, a) {
     onOpen: e.openFilter
   }, {
     default: F(() => {
-      var C, u, D, L, O, I, w, T, _, V, k, f, S, s, R;
+      var D, u, B, L, O, I, w, T, C, V, k, f, S, s, R, K, W;
       return [
         e.onlySlot ? (y(), E(o, {
           key: 0,
-          "allow-time-input": (C = e.options) == null ? void 0 : C.allowTimeInput,
+          "allow-time-input": (D = e.options) == null ? void 0 : D.allowTimeInput,
           value: e.internalFilterValue,
           "first-day-of-week": (u = e.options) == null ? void 0 : u.firstDayOfWeek,
-          "is-date-disabled": (D = e.options) == null ? void 0 : D.isDateDisabled,
+          "is-date-disabled": (B = e.options) == null ? void 0 : B.isDateDisabled,
           "number-of-months": (L = e.options) == null ? void 0 : L.numberOfMonths,
           "quick-select-ranges": (O = e.options) == null ? void 0 : O.quickSelectRanges,
+          variant: (I = e.options) == null ? void 0 : I.variant,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "onInput"])) : (y(), z("div", Sl, [
+        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "onInput"])) : (y(), z("div", Bl, [
           $(b, {
-            "allow-time-input": (I = e.options) == null ? void 0 : I.allowTimeInput,
-            "first-day-of-week": (w = e.options) == null ? void 0 : w.firstDayOfWeek,
-            "is-date-disabled": (T = e.options) == null ? void 0 : T.isDateDisabled,
-            granularities: (_ = e.options) == null ? void 0 : _.granularities,
-            "max-range": (V = e.options) == null ? void 0 : V.maxRange,
-            min: (k = e.options) == null ? void 0 : k.min,
-            max: (f = e.options) == null ? void 0 : f.max,
-            "number-of-months": (S = e.options) == null ? void 0 : S.numberOfMonths,
-            "quick-select-ranges": (s = e.options) == null ? void 0 : s.quickSelectRanges,
+            "allow-time-input": (w = e.options) == null ? void 0 : w.allowTimeInput,
+            "first-day-of-week": (T = e.options) == null ? void 0 : T.firstDayOfWeek,
+            "is-date-disabled": (C = e.options) == null ? void 0 : C.isDateDisabled,
+            granularities: (V = e.options) == null ? void 0 : V.granularities,
+            "max-range": (k = e.options) == null ? void 0 : k.maxRange,
+            min: (f = e.options) == null ? void 0 : f.min,
+            max: (S = e.options) == null ? void 0 : S.max,
+            "number-of-months": (s = e.options) == null ? void 0 : s.numberOfMonths,
+            "quick-select-ranges": (R = e.options) == null ? void 0 : R.quickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
-            "show-end-date-on-open": (R = e.options) == null ? void 0 : R.showEndDateOnOpen,
+            "show-end-date-on-open": (K = e.options) == null ? void 0 : K.showEndDateOnOpen,
+            variant: (W = e.options) == null ? void 0 : W.variant,
             onInput: e.onDateSelected,
             onCustomRange: e.onRangeSelectorInput,
             onError: e.onDatePickerRangeError,
             onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-            onStartDateSelected: n[0] || (n[0] = (K) => e.isSelectingDate = !0)
+            onStartDateSelected: n[0] || (n[0] = (ne) => e.isSelectingDate = !0)
           }, {
             title: F(() => [
               $(r, {
@@ -963,14 +967,14 @@ function Bl(e, n, t, i, l, a) {
               }, null, 8, ["actions"])
             ]),
             _: 1
-          }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "granularities", "max-range", "min", "max", "number-of-months", "quick-select-ranges", "value", "date-form-data", "show-end-date-on-open", "onInput", "onCustomRange", "onError", "onFormDate"])
+          }, 8, ["allow-time-input", "first-day-of-week", "is-date-disabled", "granularities", "max-range", "min", "max", "number-of-months", "quick-select-ranges", "value", "date-form-data", "show-end-date-on-open", "variant", "onInput", "onCustomRange", "onError", "onFormDate"])
         ]))
       ];
     }),
     _: 1
   }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen"]);
 }
-const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6"]]), ht = {
+const gt = /* @__PURE__ */ Q(Sl, [["render", _l], ["__scopeId", "data-v-4f0fd88b"]]), St = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -982,10 +986,10 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
   "pt-BR": {
     all: "Todos"
   }
-}, _l = { class: "b-select-filter-button__search-bar" }, Cl = { class: "b-select-filter-button__divider" }, Dl = {
-  i18n: { messages: ht }
-}, Al = /* @__PURE__ */ Y({
-  ...Dl,
+}, Cl = { class: "b-select-filter-button__search-bar" }, Dl = { class: "b-select-filter-button__divider" }, Al = {
+  i18n: { messages: St }
+}, Il = /* @__PURE__ */ Y({
+  ...Al,
   __name: "select-filter-button",
   props: {
     /**
@@ -1038,52 +1042,52 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    var le, se;
-    const t = Ee(), i = n, l = e, { t: a } = de({ messages: ht }), o = N(""), r = G(l, "options"), d = N(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: p, setCachedValues: b, resetCache: B } = We(
+    var W, ne;
+    const t = Ee(), i = n, l = e, { t: a } = de({ messages: St }), o = N(""), r = Z(l, "options"), d = N(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: p, setCachedValues: b, resetCache: _ } = Ge(
       d,
-      G(l, "value"),
-      G(r.value, "multiple")
-    ), { cachedSelectedListboxOptions: C } = We(
+      Z(l, "value"),
+      Z(r.value, "multiple")
+    ), { cachedSelectedListboxOptions: D } = Ge(
       d,
-      G(l, "defaultValue"),
-      G(r.value, "multiple")
-    ), { internalFilterValue: u, isSecondaryButtonDisabled: D, isApplyButtonDisabled: L } = fe(p, C);
+      Z(l, "defaultValue"),
+      Z(r.value, "multiple")
+    ), { internalFilterValue: u, isSecondaryButtonDisabled: B, isApplyButtonDisabled: L } = fe(p, D);
     ue(r, () => {
       d.value = r.value.listboxItems ?? [];
     });
-    const O = bt(
+    const O = ft(
       o,
       d,
-      (se = (le = l.options) == null ? void 0 : le.search) == null ? void 0 : se.searchEvent
+      (ne = (W = l.options) == null ? void 0 : W.search) == null ? void 0 : ne.searchEvent
     ), I = c(() => a("noFiltersMatchThisSearch")), w = c(() => l.label), T = c(() => {
-      var j, Q, X, v;
-      const ee = !((j = l == null ? void 0 : l.options) != null && j.multiple) && (l == null ? void 0 : l.value), g = ((X = ((Q = l == null ? void 0 : l.options) == null ? void 0 : Q.multiple) && l.value) == null ? void 0 : X.length) === 1;
-      if (ee || g) {
+      var j, X, x, v;
+      const te = !((j = l == null ? void 0 : l.options) != null && j.multiple) && (l == null ? void 0 : l.value), g = ((x = ((X = l == null ? void 0 : l.options) == null ? void 0 : X.multiple) && l.value) == null ? void 0 : x.length) === 1;
+      if (te || g) {
         let U = (v = l.options.listboxItems.flatMap((M) => M.items ? M.items : M).find(
           ({ value: M }) => {
-            var te;
-            return Array.isArray(l.value) ? (te = l == null ? void 0 : l.value) == null ? void 0 : te.includes(M) : M === l.value;
+            var le;
+            return Array.isArray(l.value) ? (le = l == null ? void 0 : l.value) == null ? void 0 : le.includes(M) : M === l.value;
           }
         )) == null ? void 0 : v.label;
         return !U && l.value && (U = l.value[0]), Se(U, 12);
       }
       return null;
-    }), _ = c(() => Ne(`filter-listbox-${l.field}`)), V = (ee) => {
-      u.value = ee;
+    }), C = c(() => Ne(`filter-listbox-${l.field}`)), V = (te) => {
+      u.value = te;
       const { onlySlot: g, ...j } = l;
       if (l.options.multiple) {
-        const X = ee.length ? u.value.map(({ value: v }) => v) : null;
-        i(h.INPUT, { ...j, value: X });
+        const x = te.length ? u.value.map(({ value: v }) => v) : null;
+        i(h.INPUT, { ...j, value: x });
         return;
       }
-      const Q = ee.length ? ee[0].value : null;
-      i(h.INPUT, { ...j, value: Q });
+      const X = te.length ? te[0].value : null;
+      i(h.INPUT, { ...j, value: X });
     }, k = () => {
-      var Q, X, v;
-      const { onlySlot: ee, ...g } = l;
+      var X, x, v;
+      const { onlySlot: te, ...g } = l;
       if (l.options.multiple) {
-        u.value && ((Q = u.value) == null ? void 0 : Q.length) === 0 && (u.value = l.defaultValue !== null ? C.value : void 0);
-        const m = (X = u.value) != null && X.length ? (v = u.value) == null ? void 0 : v.map(({ value: U }) => U) : null;
+        u.value && ((X = u.value) == null ? void 0 : X.length) === 0 && (u.value = l.defaultValue !== null ? D.value : void 0);
+        const m = (x = u.value) != null && x.length ? (v = u.value) == null ? void 0 : v.map(({ value: U }) => U) : null;
         i(h.UPDATE, {
           ...g,
           value: m
@@ -1097,26 +1101,26 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
     }, S = () => {
       o.value && (o.value = "");
     }, s = () => {
-      b(C.value), u.value = C.value, k();
+      b(D.value), u.value = D.value, k();
     }, R = () => {
-      B(), u.value = [], k();
+      _(), u.value = [], k();
     }, K = c(() => {
-      var j, Q;
+      var j, X;
       if (l.value == null || !l.options.multiple)
         return null;
-      const ee = (j = l.options.listboxItems) == null ? void 0 : j.reduce((X, v) => {
+      const te = (j = l.options.listboxItems) == null ? void 0 : j.reduce((x, v) => {
         var m;
-        return X += (m = v == null ? void 0 : v.items) != null && m.length ? v.items.length : 1, X;
-      }, 0), g = (Q = l.value) == null ? void 0 : Q.length;
-      return g === 1 ? null : g === ee ? a("all") : g;
+        return x += (m = v == null ? void 0 : v.items) != null && m.length ? v.items.length : 1, x;
+      }, 0), g = (X = l.value) == null ? void 0 : X.length;
+      return g === 1 ? null : g === te ? a("all") : g;
     });
-    return (ee, g) => (y(), E(A(Fe), {
+    return (te, g) => (y(), E(A(Fe), {
       "applied-filters-count": K.value,
       "button-label": w.value,
       "button-secondary-label": T.value,
       disabled: e.disabled,
       "disable-apply-button": A(L),
-      "disable-secondary-button": A(D),
+      "disable-secondary-button": A(B),
       "default-value": e.defaultValue,
       label: e.label,
       field: e.field,
@@ -1128,35 +1132,36 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
       onClose: S
     }, {
       default: F(() => {
-        var j, Q, X, v, m, U, M, te, ie, ve, W, Ie, je;
+        var j, X, x, v, m, U, M, le, ie, ve, G, Ie, je, qe;
         return [
-          H("div", _l, [
+          H("div", Cl, [
             $(A(ke), {
-              "debounce-time": (Q = (j = e.options) == null ? void 0 : j.search) == null ? void 0 : Q.debounceTime,
+              "debounce-time": (X = (j = e.options) == null ? void 0 : j.search) == null ? void 0 : X.debounceTime,
               value: o.value,
               "input-field-aria-label": A(a)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
               onInput: g[0] || (g[0] = (we) => o.value = we)
             }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
           ]),
-          H("div", Cl, [
+          H("div", Dl, [
             $(A(Ke))
           ]),
-          $(A(Jt), {
-            id: _.value,
+          $(A(zt), {
+            id: C.value,
             "aria-label": e.label,
             class: "b-select-filter-button__wrapper",
-            "empty-state": (X = e.options) == null ? void 0 : X.emptyState,
-            "has-more-items": (m = (v = e.options) == null ? void 0 : v.lazy) == null ? void 0 : m.hasMoreItems,
+            "component-loading": (x = e.options) == null ? void 0 : x.loading,
+            "empty-state": (v = e.options) == null ? void 0 : v.emptyState,
+            "has-more-items": (U = (m = e.options) == null ? void 0 : m.lazy) == null ? void 0 : U.hasMoreItems,
             items: A(O),
-            "is-option-disabled": (U = e.options) == null ? void 0 : U.isOptionDisabled,
-            "lazy-load-type": (te = (M = e.options) == null ? void 0 : M.lazy) == null ? void 0 : te.lazyLoadType,
-            loading: (ve = (ie = e.options) == null ? void 0 : ie.lazy) == null ? void 0 : ve.loading,
-            multiple: (W = e.options) == null ? void 0 : W.multiple,
-            "static-categories": (Ie = e.options) == null ? void 0 : Ie.staticCategories,
+            "is-option-disabled": (M = e.options) == null ? void 0 : M.isOptionDisabled,
+            "lazy-load-type": (ie = (le = e.options) == null ? void 0 : le.lazy) == null ? void 0 : ie.lazyLoadType,
+            loading: (G = (ve = e.options) == null ? void 0 : ve.lazy) == null ? void 0 : G.loading,
+            multiple: (Ie = e.options) == null ? void 0 : Ie.multiple,
+            "static-categories": (je = e.options) == null ? void 0 : je.staticCategories,
             "no-results-message": I.value,
             searching: !!o.value,
             "selected-value": A(u),
-            "virtual-scroll": (je = e.options) == null ? void 0 : je.virtualScroll,
+            "virtual-scroll": (qe = e.options) == null ? void 0 : qe.virtualScroll,
             onSelect: V,
             onSpacePressed: V,
             onEnterPressed: V,
@@ -1168,24 +1173,24 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
             be(A(t), (we, _e) => ({
               name: _e,
               fn: F((Te) => [
-                re(ee.$slots, _e, $e(Pe(Te)), void 0, !0)
+                re(te.$slots, _e, $e(Pe(Te)), void 0, !0)
               ])
             }))
-          ]), 1032, ["id", "aria-label", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll"])
+          ]), 1032, ["id", "aria-label", "component-loading", "empty-state", "has-more-items", "items", "is-option-disabled", "lazy-load-type", "loading", "multiple", "static-categories", "no-results-message", "searching", "selected-value", "virtual-scroll"])
         ];
       }),
       _: 3
     }, 8, ["applied-filters-count", "button-label", "button-secondary-label", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "label", "field"]));
   }
-}), Il = /* @__PURE__ */ Z(Al, [["__scopeId", "data-v-3cbbd712"]]), gt = {
+}), Tl = /* @__PURE__ */ Q(Il, [["__scopeId", "data-v-8ece5cdc"]]), Bt = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search"
   }
-}, Tl = {
-  i18n: { messages: gt },
+}, $l = {
+  i18n: { messages: Bt },
   name: "select-filter-dropdown"
-}, $l = /* @__PURE__ */ Y({
-  ...Tl,
+}, Pl = /* @__PURE__ */ Y({
+  ...$l,
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1238,21 +1243,21 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: gt }), i = Ee(), l = n, a = e, { internalFilterValue: o } = fe(G(a, "value"), G(a, "defaultValue")), r = N(""), d = G(a, "options"), p = N(a.options.listboxItems);
+    const { t } = de({ messages: Bt }), i = Ee(), l = n, a = e, { internalFilterValue: o } = fe(Z(a, "value"), Z(a, "defaultValue")), r = N(""), d = Z(a, "options"), p = N(a.options.listboxItems);
     ue(d, () => {
       p.value = d.value.listboxItems;
     });
-    const b = c(() => t("noFiltersMatchThisSearch")), B = (C) => {
-      o.value = C;
-      const { onlySlot: u, ...D } = a;
-      l(h.INPUT, { ...D, value: o.value });
+    const b = c(() => t("noFiltersMatchThisSearch")), _ = (D) => {
+      o.value = D;
+      const { onlySlot: u, ...B } = a;
+      l(h.INPUT, { ...B, value: o.value });
     };
-    return (C, u) => {
-      var D, L, O;
-      return y(), E(A(Ht), {
+    return (D, u) => {
+      var B, L, O;
+      return y(), E(A(jt), {
         value: A(o),
         items: e.options.listboxItems,
-        multiple: (D = e.options) == null ? void 0 : D.multiple,
+        multiple: (B = e.options) == null ? void 0 : B.multiple,
         "static-categories": (L = e.options) == null ? void 0 : L.staticCategories,
         "no-results-message": b.value,
         searching: !!r.value,
@@ -1260,12 +1265,12 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
         "dynamic-filtering": !0,
         "empty-state": (O = e.options) == null ? void 0 : O.emptyState,
         disabled: e.disabled,
-        onInput: B
+        onInput: _
       }, Ae({ _: 2 }, [
         be(A(i), (I, w) => ({
           name: w,
           fn: F((T) => [
-            re(C.$slots, w, $e(Pe(T)))
+            re(D.$slots, w, $e(Pe(T)))
           ])
         }))
       ]), 1032, ["value", "items", "multiple", "static-categories", "no-results-message", "searching", "is-option-disabled", "empty-state", "disabled"]);
@@ -1320,14 +1325,14 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
     type: [String, Number, Array],
     default: void 0
   }
-}, Pl = {}, he = /* @__PURE__ */ Y({
-  ...Pl,
+}, Ul = {}, he = /* @__PURE__ */ Y({
+  ...Ul,
   __name: "select-filter",
   props: Be,
   emits: ["input", "update"],
   setup(e, { emit: n }) {
     const t = Ee(), i = n, l = e, a = (r) => i("input", r), o = (r) => i("update", r);
-    return rt(() => {
+    return ut(() => {
       var r;
       (r = l == null ? void 0 : l.options) != null && r.messages && Me(
         'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
@@ -1335,7 +1340,7 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), (r, d) => r.onlySlot ? (y(), E(A($l), {
+    }), (r, d) => r.onlySlot ? (y(), E(A(Pl), {
       key: 0,
       disabled: r.disabled,
       "default-value": r.defaultValue,
@@ -1348,11 +1353,11 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
     }, Ae({ _: 2 }, [
       be(A(t), (p, b) => ({
         name: b,
-        fn: F((B) => [
-          re(r.$slots, b, $e(Pe(B)))
+        fn: F((_) => [
+          re(r.$slots, b, $e(Pe(_)))
         ])
       }))
-    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (y(), E(A(Il), {
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (y(), E(A(Tl), {
       key: 1,
       disabled: r.disabled,
       "default-value": r.defaultValue,
@@ -1365,17 +1370,17 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
     }, Ae({ _: 2 }, [
       be(A(t), (p, b) => ({
         name: b,
-        fn: F((B) => [
-          re(r.$slots, b, $e(Pe(B)))
+        fn: F((_) => [
+          re(r.$slots, b, $e(Pe(_)))
         ])
       }))
     ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
   }
-}), Ul = Y({
+}), El = Y({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: he,
-    BentoAvatar: Wt
+    BentoAvatar: Zt
   },
   props: {
     ...Be,
@@ -1400,9 +1405,9 @@ const Ft = /* @__PURE__ */ Z(gl, [["render", Bl], ["__scopeId", "data-v-6d3c49e6
     };
   }
 });
-function El(e, n, t, i, l, a) {
+function Ol(e, n, t, i, l, a) {
   const o = P("bento-avatar"), r = P("bento-select-filter");
-  return y(), E(r, oe(e.$props, {
+  return y(), E(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
@@ -1417,11 +1422,11 @@ function El(e, n, t, i, l, a) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const St = /* @__PURE__ */ Z(Ul, [["render", El]]), Ol = Y({
+const _t = /* @__PURE__ */ Q(El, [["render", Ol]]), wl = Y({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: he,
-    ListboxOptionTag: ft
+    ListboxOptionTag: vt
   },
   props: {
     ...Be,
@@ -1448,9 +1453,9 @@ const St = /* @__PURE__ */ Z(Ul, [["render", El]]), Ol = Y({
     };
   }
 });
-function wl(e, n, t, i, l, a) {
+function Rl(e, n, t, i, l, a) {
   const o = P("listbox-option-tag"), r = P("bento-select-filter");
-  return y(), E(r, oe(e.$props, {
+  return y(), E(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
@@ -1462,10 +1467,10 @@ function wl(e, n, t, i, l, a) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const Bt = /* @__PURE__ */ Z(Ol, [["render", wl]]), Rl = {
+const Ct = /* @__PURE__ */ Q(wl, [["render", Rl]]), Ll = {
   name: "bento-select-country-filter"
-}, _t = /* @__PURE__ */ Y({
-  ...Rl,
+}, Dt = /* @__PURE__ */ Y({
+  ...Ll,
   props: {
     ...Be,
     /**
@@ -1486,7 +1491,7 @@ const Bt = /* @__PURE__ */ Z(Ol, [["render", wl]]), Rl = {
     ue([() => t.options.variant, () => t.options.listboxItems], () => {
       l.value = t.options.variant, a.value = t.options.listboxItems;
     });
-    const o = (p) => i(h.UPDATE, p), r = zt(l, a), d = c(() => ({
+    const o = (p) => i(h.UPDATE, p), r = Gt(l, a), d = c(() => ({
       ...t != null && t.options ? t.options : {},
       listboxItems: r.value
     }));
@@ -1494,17 +1499,17 @@ const Bt = /* @__PURE__ */ Z(Ol, [["render", wl]]), Rl = {
       'BentoSelectCountryFilter type with `options.variant==="custom"`',
       "Use any of the other BentoSelectCountryFilter variants instead OR use BentoSelectFilter type for custom labels",
       "2.0.0"
-    ), (p, b) => (y(), E(he, oe(t, {
+    ), (p, b) => (y(), E(he, se(t, {
       field: p.field,
       label: p.label,
       options: d.value,
       onUpdate: o,
-      onInput: b[0] || (b[0] = (B) => p.$emit(A(h).INPUT, B))
+      onInput: b[0] || (b[0] = (_) => p.$emit(A(h).INPUT, _))
     }), {
-      default: F(({ label: B }) => [
+      default: F(({ label: _ }) => [
         $(A(ce), { el: "span" }, {
           default: F(() => [
-            q(J(B), 1)
+            q(J(_), 1)
           ]),
           _: 2
         }, 1024)
@@ -1512,11 +1517,11 @@ const Bt = /* @__PURE__ */ Z(Ol, [["render", wl]]), Rl = {
       _: 1
     }, 16, ["field", "label", "options"]));
   }
-}), Ll = Y({
+}), Vl = Y({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: he,
-    BentoPaymentMethod: Yt
+    BentoPaymentMethod: Wt
   },
   props: {
     ...Be,
@@ -1541,9 +1546,9 @@ const Bt = /* @__PURE__ */ Z(Ol, [["render", wl]]), Rl = {
     };
   }
 });
-function Vl(e, n, t, i, l, a) {
+function kl(e, n, t, i, l, a) {
   const o = P("bento-payment-method"), r = P("bento-select-filter");
-  return y(), E(r, oe(e.$props, {
+  return y(), E(r, se(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
@@ -1558,11 +1563,11 @@ function Vl(e, n, t, i, l, a) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const Ct = /* @__PURE__ */ Z(Ll, [["render", Vl]]), kl = Y({
+const At = /* @__PURE__ */ Q(Vl, [["render", kl]]), Nl = Y({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: he,
-    ListboxOptionTag: ft
+    ListboxOptionTag: vt
   },
   props: {
     ...Be,
@@ -1598,9 +1603,9 @@ const Ct = /* @__PURE__ */ Z(Ll, [["render", Vl]]), kl = Y({
     };
   }
 });
-function Nl(e, n, t, i, l, a) {
+function Ml(e, n, t, i, l, a) {
   const o = P("listbox-option-tag"), r = P("bento-select-filter");
-  return y(), E(r, oe(e.$props, {
+  return y(), E(r, se(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
@@ -1615,7 +1620,7 @@ function Nl(e, n, t, i, l, a) {
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const Dt = /* @__PURE__ */ Z(kl, [["render", Nl]]), tt = {
+const It = /* @__PURE__ */ Q(Nl, [["render", Ml]]), lt = {
   "en-US": {
     no: "No",
     yes: "Yes"
@@ -1628,10 +1633,10 @@ const Dt = /* @__PURE__ */ Z(kl, [["render", Nl]]), tt = {
     no: "Não",
     yes: "Sim"
   }
-}, Ml = Y({
+}, Hl = Y({
   name: "bento-boolean-filter",
-  i18n: { messages: tt },
-  components: { BentoBaseFilter: Fe, BentoRadioGroup: Mt },
+  i18n: { messages: lt },
+  components: { BentoBaseFilter: Fe, BentoRadioGroup: Kt },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1671,9 +1676,9 @@ const Dt = /* @__PURE__ */ Z(kl, [["render", Nl]]), tt = {
   },
   emits: [h.INPUT, h.UPDATE],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: tt }), i = (T) => typeof T == "boolean" ? T == null ? void 0 : T.toString() : T, l = (T) => {
-      var _, V, k, f;
-      return ((V = (_ = e == null ? void 0 : e.options) == null ? void 0 : _.positiveOption) == null ? void 0 : V.value) !== void 0 && ((f = (k = e == null ? void 0 : e.options) == null ? void 0 : k.negativeOption) == null ? void 0 : f.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof T == "string" ? T === "true" : T;
+    const { t } = de({ messages: lt }), i = (T) => typeof T == "boolean" ? T == null ? void 0 : T.toString() : T, l = (T) => {
+      var C, V, k, f;
+      return ((V = (C = e == null ? void 0 : e.options) == null ? void 0 : C.positiveOption) == null ? void 0 : V.value) !== void 0 && ((f = (k = e == null ? void 0 : e.options) == null ? void 0 : k.negativeOption) == null ? void 0 : f.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof T == "string" ? T === "true" : T;
     }, a = c(() => i(e.defaultValue)), o = c(() => i(e.value)), r = c(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
       {
         ...e.options.positiveOption,
@@ -1689,10 +1694,10 @@ const Dt = /* @__PURE__ */ Z(kl, [["render", Nl]]), tt = {
     ]), { internalFilterValue: d, isSecondaryButtonDisabled: p, isApplyButtonDisabled: b } = fe(
       o,
       a
-    ), B = c(() => e.label), C = c(
+    ), _ = c(() => e.label), D = c(
       () => {
         var T;
-        return Se((T = r.value.find(({ value: _ }) => _ === o.value)) == null ? void 0 : T.label, 12);
+        return Se((T = r.value.find(({ value: C }) => C === o.value)) == null ? void 0 : T.label, 12);
       }
     ), u = c(() => ({
       "b-boolean-filter--only-slot": e.onlySlot
@@ -1700,7 +1705,7 @@ const Dt = /* @__PURE__ */ Z(kl, [["render", Nl]]), tt = {
     Oe(() => {
       d.value || (d.value = null);
     });
-    const D = (T) => {
+    const B = (T) => {
       d.value = T, n(h.INPUT, {
         ...e,
         value: l(d.value)
@@ -1717,15 +1722,15 @@ const Dt = /* @__PURE__ */ Z(kl, [["render", Nl]]), tt = {
       // Values
       items: r,
       conditionalClasses: u,
-      buttonLabel: B,
-      buttonSecondaryLabel: C,
+      buttonLabel: _,
+      buttonSecondaryLabel: D,
       internalFilterValue: d,
       isApplyButtonDisabled: b,
       isSecondaryButtonDisabled: p,
       translatedValue: o,
       translatedDefaultValue: a,
       // Events
-      onInput: D,
+      onInput: B,
       updateFilter: O,
       clearFilter: () => {
         d.value = null, O();
@@ -1735,9 +1740,9 @@ const Dt = /* @__PURE__ */ Z(kl, [["render", Nl]]), tt = {
     };
   }
 });
-function Hl(e, n, t, i, l, a) {
+function Kl(e, n, t, i, l, a) {
   const o = P("bento-radio-group"), r = P("bento-base-filter");
-  return y(), E(r, oe(e.$props, {
+  return y(), E(r, se(e.$props, {
     value: e.translatedValue,
     "default-value": e.translatedDefaultValue,
     "button-label": e.buttonLabel,
@@ -1767,14 +1772,14 @@ function Hl(e, n, t, i, l, a) {
     _: 1
   }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const At = /* @__PURE__ */ Z(Ml, [["render", Hl], ["__scopeId", "data-v-4619720e"]]), lt = {
+const Tt = /* @__PURE__ */ Q(Hl, [["render", Kl], ["__scopeId", "data-v-4619720e"]]), at = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, Kl = Y({
+}, jl = Y({
   name: "bento-range-filter",
-  i18n: { messages: lt },
+  i18n: { messages: at },
   components: { BentoBaseFilter: Fe, BentoInputField: He },
   props: {
     /**
@@ -1806,27 +1811,27 @@ const At = /* @__PURE__ */ Z(Ml, [["render", Hl], ["__scopeId", "data-v-4619720e
   },
   emits: [h.INPUT, h.UPDATE],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: lt }), i = N(null), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: o } = fe(
-      G(e, "value"),
-      G(e, "defaultValue")
+    const { t } = de({ messages: at }), i = N(null), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: o } = fe(
+      Z(e, "value"),
+      Z(e, "defaultValue")
     ), r = c(() => {
-      var k, f, S, s, R, K, le, se;
+      var k, f, S, s, R, K, W, ne;
       if (!((k = e.value) != null && k[0]) && !((f = e.value) != null && f[1]))
         return null;
       let w = "";
       (S = e.value) != null && S[0] ? (s = e.value) != null && s[1] || (w = "≥") : w = "≤";
-      const T = (R = e.value) != null && R[0] ? `${Se(e.value[0], 5)}` : "", _ = (K = e.value) != null && K[0] && ((le = e.value) != null && le[1]) ? " - " : "", V = (se = e.value) != null && se[1] ? `${Se(e.value[1], 5)}` : "";
-      return `${w}${T}${_}${V}`;
+      const T = (R = e.value) != null && R[0] ? `${Se(e.value[0], 5)}` : "", C = (K = e.value) != null && K[0] && ((W = e.value) != null && W[1]) ? " - " : "", V = (ne = e.value) != null && ne[1] ? `${Se(e.value[1], 5)}` : "";
+      return `${w}${T}${C}${V}`;
     }), d = c(() => e.label), p = c(() => r.value), b = c(() => ({
       "b-range-filter--only-slot": e.onlySlot
-    })), B = () => {
-      l.value = e.value, ot(() => i.value.focusInput());
-    }, C = () => {
+    })), _ = () => {
+      l.value = e.value, st(() => i.value.focusInput());
+    }, D = () => {
       n(h.INPUT, { ...e, value: l.value });
     }, u = (w) => {
-      l.value = [w, l.value[1]], C();
-    }, D = (w) => {
-      l.value = [l.value[0], w], C();
+      l.value = [w, l.value[1]], D();
+    }, B = (w) => {
+      l.value = [l.value[0], w], D();
     }, L = () => {
       l.value.some((w) => w) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), n(h.UPDATE, {
         ...e,
@@ -1844,21 +1849,21 @@ const At = /* @__PURE__ */ Z(Ml, [["render", Hl], ["__scopeId", "data-v-4619720e
       buttonSecondaryLabel: p,
       // Events
       updateFrom: u,
-      updateTo: D,
+      updateTo: B,
       updateFilter: L,
       clearFilter: () => {
         l.value = ["", ""], L();
       },
-      openFilter: B,
+      openFilter: _,
       resetFilter: () => n(h.UPDATE, { ...e, value: e.defaultValue }),
       // Translations
       t
     };
   }
 });
-function jl(e, n, t, i, l, a) {
+function ql(e, n, t, i, l, a) {
   const o = P("bento-input-field"), r = P("bento-base-filter");
-  return y(), E(r, oe(e.$props, {
+  return y(), E(r, se(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
@@ -1903,11 +1908,11 @@ function jl(e, n, t, i, l, a) {
     _: 1
   }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const It = /* @__PURE__ */ Z(Kl, [["render", jl], ["__scopeId", "data-v-e7e81bac"]]);
+const $t = /* @__PURE__ */ Q(jl, [["render", ql], ["__scopeId", "data-v-e7e81bac"]]);
 var Ve = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Ve || {});
-const ql = Y({
+const Jl = Y({
   name: "base-filter-button",
-  components: { BaseButton: dt, BentoTypography: ce, ChevronUpIcon: qt, ChevronDownIcon: jt },
+  components: { BaseButton: ct, BentoTypography: ce, ChevronUpIcon: Yt, ChevronDownIcon: Jt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -1932,9 +1937,9 @@ const ql = Y({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [ze.CLICK],
+  emits: [We.CLICK],
   setup(e, { slots: n, emit: t, attrs: i }) {
-    const l = c(() => n.default ? ct(n)("default") : null), a = ut({ ariaLabel: l }), o = N(null), r = c(() => {
+    const l = c(() => n.default ? pt(n)("default") : null), a = dt({ ariaLabel: l }), o = N(null), r = c(() => {
       var b;
       return {
         "aria-controls": (b = i["aria-controls"]) == null ? void 0 : b.toString()
@@ -1950,18 +1955,18 @@ const ql = Y({
       conditionalClasses: d,
       // Methods
       onClickButton: () => {
-        e.disabled || t(ze.CLICK);
+        e.disabled || t(We.CLICK);
       },
-      hasSlot: pt(n),
+      hasSlot: bt(n),
       // Refs
       baseFilterButtonRef: o
     };
   }
-}), Jl = { class: "b-base-filter-button__default-container" }, Yl = { class: "b-base-filter-button__label-container" }, zl = {
+}), Yl = { class: "b-base-filter-button__default-container" }, zl = { class: "b-base-filter-button__label-container" }, Wl = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function Wl(e, n, t, i, l, a) {
+function Gl(e, n, t, i, l, a) {
   const o = P("bento-typography"), r = P("chevron-up-icon"), d = P("chevron-down-icon"), p = P("base-button");
   return y(), E(p, {
     ref: "baseFilterButtonRef",
@@ -1973,8 +1978,8 @@ function Wl(e, n, t, i, l, a) {
     onClick: e.onClickButton
   }, Ae({
     default: F(() => [
-      H("div", Jl, [
-        H("div", Yl, [
+      H("div", Yl, [
+        H("div", zl, [
           $(o, {
             el: "span",
             variant: "body",
@@ -1987,7 +1992,7 @@ function Wl(e, n, t, i, l, a) {
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (y(), z("div", zl, [
+        e.amountAppliedValues && !e.hasChevron ? (y(), z("div", Wl, [
           $(o, {
             class: "b-base-filter-button__counter",
             el: "span",
@@ -1999,7 +2004,7 @@ function Wl(e, n, t, i, l, a) {
             ]),
             _: 1
           })
-        ])) : x("", !0)
+        ])) : ee("", !0)
       ])
     ]),
     _: 2
@@ -2019,9 +2024,9 @@ function Wl(e, n, t, i, l, a) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const Gl = /* @__PURE__ */ Z(ql, [["render", Wl], ["__scopeId", "data-v-af9efc73"]]), Zl = Y({
+const Zl = /* @__PURE__ */ Q(Jl, [["render", Gl], ["__scopeId", "data-v-af9efc73"]]), Ql = Y({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: Gl },
+  components: { BaseFilterButton: Zl },
   props: {
     /**
      * Button label to be displayed
@@ -2053,7 +2058,7 @@ const Gl = /* @__PURE__ */ Z(ql, [["render", Wl], ["__scopeId", "data-v-af9efc73
     };
   }
 });
-function Ql(e, n, t, i, l, a) {
+function Xl(e, n, t, i, l, a) {
   const o = P("base-filter-button");
   return y(), E(o, {
     class: ye(["b-all-filters-modal-button", e.conditionalClasses]),
@@ -2068,22 +2073,22 @@ function Ql(e, n, t, i, l, a) {
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const Xl = /* @__PURE__ */ Z(Zl, [["render", Ql], ["__scopeId", "data-v-b96a672f"]]);
-let at = 0;
-const xl = {
+const xl = /* @__PURE__ */ Q(Ql, [["render", Xl], ["__scopeId", "data-v-b96a672f"]]);
+let nt = 0;
+const ea = {
   beforeCreate() {
-    this.uuid = at.toString(), at += 1;
+    this.uuid = nt.toString(), nt += 1;
   }
-}, ea = { key: 0 };
-function ta(e, n, t, i, l, a) {
-  return y(), z("svg", oe({ role: "img" }, e.$attrs, {
+}, ta = { key: 0 };
+function la(e, n, t, i, l, a) {
+  return y(), z("svg", se({ role: "img" }, e.$attrs, {
     class: "ui-assets-icons-16",
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     fill: "none"
   }), [
-    e.$attrs["svg-title"] ? (y(), z("title", ea, J(e.$attrs["svg-title"]), 1)) : x("", !0),
+    e.$attrs["svg-title"] ? (y(), z("title", ta, J(e.$attrs["svg-title"]), 1)) : ee("", !0),
     n[0] || (n[0] = H("path", {
       fill: "#00112C",
       d: "M12.6465 4.58337C12.32 3.42912 11.2588 2.58337 10 2.58337C8.74122 2.58337 7.67998 3.42912 7.35352 4.58337H1.25V6.08337H7.35352C7.67998 7.23763 8.74122 8.08337 10 8.08337C11.2588 8.08337 12.32 7.23763 12.6465 6.08337H14.75V4.58337H12.6465ZM11.25 5.33337C11.25 6.02373 10.6904 6.58337 10 6.58337C9.30964 6.58337 8.75 6.02373 8.75 5.33337C8.75 4.64302 9.30964 4.08337 10 4.08337C10.6904 4.08337 11.25 4.64302 11.25 5.33337Z"
@@ -2094,7 +2099,7 @@ function ta(e, n, t, i, l, a) {
     }, null, -1))
   ], 16);
 }
-const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
+const aa = /* @__PURE__ */ Q(ea, [["render", la]]), ot = {
   "en-US": {
     activeFilters: "Active filters",
     all: "All",
@@ -2119,28 +2124,29 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
     clear: "Limpar",
     clearAll: "Limpar tudo"
   }
-}, aa = Y({
-  i18n: { messages: nt },
+}, na = Y({
+  i18n: { messages: ot },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: Xl,
-    BentoBooleanFilter: At,
-    BentoButton: Ot,
-    BentoDateFilter: yt,
-    BentoDateRangeFilter: Ft,
-    BentoInputFilter: mt,
-    BentoModal: Ut,
-    BentoRangeFilter: It,
+    AllFiltersModalButton: xl,
+    BentoBooleanFilter: Tt,
+    BentoButton: Rt,
+    BentoDateFilter: ht,
+    BentoDateRangeFilter: gt,
+    BentoInputFilter: yt,
+    BentoInputWithDropdownFilter: Ft,
+    BentoModal: Ot,
+    BentoRangeFilter: $t,
     BentoSearchBar: ke,
-    BentoSelectAvatarFilter: St,
-    BentoSelectCurrencyFilter: Bt,
-    BentoSelectCountryFilter: _t,
+    BentoSelectAvatarFilter: _t,
+    BentoSelectCurrencyFilter: Ct,
+    BentoSelectCountryFilter: Dt,
     BentoSelectFilter: he,
-    BentoSelectPaymentMethodFilter: Ct,
-    BentoSelectTagFilter: Dt,
+    BentoSelectPaymentMethodFilter: At,
+    BentoSelectTagFilter: It,
     BentoTypography: ce,
     FilterBarButton: Ue,
-    SlidersIcon: la
+    SlidersIcon: aa
   },
   props: {
     /**
@@ -2170,9 +2176,9 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
   },
   emits: [Ve.INPUT],
   setup(e, { emit: n }) {
-    const t = it({ value: e.value }), i = N(t.value), l = Ne("all-filters-modal"), a = N([]), o = N(!1), r = N(0), d = N(null), p = N(""), { t: b } = de({ messages: nt }), B = bt(p, G(i, "value")), C = N({});
+    const t = rt({ value: e.value }), i = N(t.value), l = Ne("all-filters-modal"), a = N([]), o = N(!1), r = N(0), d = N(null), p = N(""), { t: b } = de({ messages: ot }), _ = ft(p, Z(i, "value")), D = N({});
     Oe(() => {
-      C.value = [];
+      D.value = [];
     }), ue(
       () => e.value,
       () => {
@@ -2182,9 +2188,9 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
     const u = (v) => (
       /* eslint-disable-next-line no-nested-ternary */
       v.sort((m, U) => m.label > U.label ? 1 : U.label > m.label ? -1 : 0)
-    ), D = c(
+    ), B = c(
       () => u(
-        B.value.filter(
+        _.value.filter(
           (v) => {
             var m, U;
             return Array.isArray(v.value) ? ((m = v.value) == null ? void 0 : m.length) && ((U = v.value) == null ? void 0 : U.find((M) => M !== "")) : v.value;
@@ -2193,7 +2199,7 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
       )
     ), L = c(
       () => u(
-        B.value.filter(
+        _.value.filter(
           (v) => {
             var m, U;
             return Array.isArray(v.value) ? ((m = v.value) == null ? void 0 : m.length) === 0 || ((U = v.value) == null ? void 0 : U.every((M) => M === "")) : !v.value;
@@ -2202,18 +2208,18 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
       )
     ), O = c(() => {
       var v;
-      return p.value && ((v = B.value) == null ? void 0 : v.length) === 0;
+      return p.value && ((v = _.value) == null ? void 0 : v.length) === 0;
     }), I = c(() => i.value[r.value]), w = () => {
-      const v = D.value.length ? D.value[0] : L.value[0], m = i.value.findIndex(
+      const v = B.value.length ? B.value[0] : L.value[0], m = i.value.findIndex(
         (U) => U.label === v.label && U.field === v.field
       );
       r.value = m;
     };
-    rt(() => {
+    ut(() => {
       w();
     });
     const T = (v) => v.map((m) => {
-      var U, M, te, ie, ve, W;
+      var U, M, le, ie, ve, G;
       switch (m.type) {
         case ae.SELECT:
         case ae.SELECT_AVATAR:
@@ -2226,7 +2232,7 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
               return {
                 label: m.label,
                 field: m.field,
-                count: (M = m.value) != null && M.length ? (te = m.value) == null ? void 0 : te.length : null
+                count: (M = m.value) != null && M.length ? (le = m.value) == null ? void 0 : le.length : null
               };
             default:
               return {
@@ -2245,7 +2251,7 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
           return {
             label: m.label,
             field: m.field,
-            count: (W = m.value) != null && W.find((Ie) => Ie !== "") ? 1 : null
+            count: (G = m.value) != null && G.find((Ie) => Ie !== "") ? 1 : null
           };
         case ae.INPUT:
         case ae.BOOLEAN:
@@ -2257,7 +2263,7 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
             count: m.value != null ? 1 : null
           };
       }
-    }), _ = c(
+    }), C = c(
       () => {
         var v;
         return Array.isArray(I.value.value) ? ((v = I.value) == null ? void 0 : v.value.length) && I.value.value.find((m) => m !== "") : !!i.value[r.value].value;
@@ -2270,9 +2276,9 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
     ), k = () => {
       o.value ? o.value = !1 : o.value = !0;
     }, f = (v) => {
-      var U, M, te;
+      var U, M, le;
       const m = T(i.value).find((ie) => ie.field === v.field).count;
-      return v.type.includes("BentoSelect") && ((U = v.options) != null && U.multiple) && m === ((te = (M = v.options) == null ? void 0 : M.listboxItems) == null ? void 0 : te.length) ? b("all") : m;
+      return v.type.includes("BentoSelect") && ((U = v.options) != null && U.multiple) && m === ((le = (M = v.options) == null ? void 0 : M.listboxItems) == null ? void 0 : le.length) ? b("all") : m;
     }, S = (v, m) => {
       r.value = i.value.findIndex(
         (U) => U.label === v && U.field === m
@@ -2282,21 +2288,21 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
     }, R = () => {
       o.value = !1, t.value = e.value, i.value = e.value, s(), w();
     }, K = (v) => {
-      const m = i.value.map(({ value: U, ...M }, te) => te === r.value ? { value: v.value, ...M } : { value: U, ...M });
+      const m = i.value.map(({ value: U, ...M }, le) => le === r.value ? { value: v.value, ...M } : { value: U, ...M });
       i.value = m;
-    }, le = () => {
+    }, W = () => {
       K({
         field: I.value.field,
         label: I.value.label,
         type: I.value.type,
         value: void 0
       });
-    }, se = () => {
+    }, ne = () => {
       i.value = t.value.map(({ value: v, ...m }) => ({
         ...m,
         value: void 0
       }));
-    }, ee = () => {
+    }, te = () => {
       n(Ve.INPUT, i.value), o.value = !1;
     }, g = c(
       () => JSON.stringify(i.value) === JSON.stringify(e.value)
@@ -2304,7 +2310,7 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
       {
         title: b("applyAll"),
         disabled: g.value,
-        event: ee
+        event: te
       },
       {
         title: b("cancel"),
@@ -2313,21 +2319,21 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
       {
         title: b("clearAll"),
         disabled: !V.value,
-        event: se
+        event: ne
       }
     ]);
     return {
       // Enums
-      BentoModalEvent: Et,
+      BentoModalEvent: wt,
       // Values
       allFiltersModalUniqueId: l,
       allFiltersModalFiltersSection: a,
-      allFiltersModalFilterButtons: C,
+      allFiltersModalFilterButtons: D,
       numberOfActiveFilters: V,
       isEmptyResultForSearchFilter: O,
       isModalOpen: o,
-      isClearButtonEnabled: _,
-      activeFilters: D,
+      isClearButtonEnabled: C,
+      activeFilters: B,
       otherFilters: L,
       modalActions: j,
       selectedFilter: I,
@@ -2339,32 +2345,32 @@ const la = /* @__PURE__ */ Z(xl, [["render", ta]]), nt = {
       getFilterCount: f,
       cancel: R,
       selectFilter: S,
-      clearFilter: le,
+      clearFilter: W,
       updateFilter: K,
       onSearchbarClear: s,
       onKeydownRight: () => {
-        Kt(1, d.value.$el).focus();
+        qt(1, d.value.$el).focus();
       },
       onKeydownLeft: () => {
-        C.value[I.value.label].$el.focus();
+        D.value[I.value.label].$el.focus();
       },
       // Translations
       t: b
     };
   }
-}), na = { class: "b-all-filters-modal" }, oa = {
+}), oa = { class: "b-all-filters-modal" }, sa = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, sa = {
+}, ia = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, ia = ["aria-labelledby"], ra = {
+}, ra = ["aria-labelledby"], ua = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, ua = ["aria-labelledby"], da = { class: "b-all-filters-modal__selected-filter-text" }, ca = { class: "b-all-filters-modal__selected-filter-component" }, pa = { class: "b-all-filters-modal__clear-button" };
-function ba(e, n, t, i, l, a) {
-  const o = P("sliders-icon"), r = P("filter-bar-button"), d = P("bento-search-bar"), p = P("bento-typography"), b = P("all-filters-modal-button"), B = P("bento-button"), C = P("bento-modal");
-  return y(), z("div", na, [
+}, da = ["aria-labelledby"], ca = { class: "b-all-filters-modal__selected-filter-text" }, pa = { class: "b-all-filters-modal__selected-filter-component" }, ba = { class: "b-all-filters-modal__clear-button" };
+function fa(e, n, t, i, l, a) {
+  const o = P("sliders-icon"), r = P("filter-bar-button"), d = P("bento-search-bar"), p = P("bento-typography"), b = P("all-filters-modal-button"), _ = P("bento-button"), D = P("bento-modal");
+  return y(), z("div", oa, [
     $(r, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
@@ -2378,7 +2384,7 @@ function ba(e, n, t, i, l, a) {
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    $(C, {
+    $(D, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2404,15 +2410,15 @@ function ba(e, n, t, i, l, a) {
             onInput: n[0] || (n[0] = (u) => e.searchTerm = u),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (y(), z("div", oa, [
+          e.isEmptyResultForSearchFilter ? (y(), z("div", sa, [
             $(p, { el: "span" }, {
               default: F(() => [
                 q(J(e.t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
-          ])) : x("", !0),
-          e.activeFilters.length ? (y(), z("div", sa, [
+          ])) : ee("", !0),
+          e.activeFilters.length ? (y(), z("div", ia, [
             $(p, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
@@ -2433,16 +2439,16 @@ function ba(e, n, t, i, l, a) {
               }, [
                 $(b, {
                   ref_for: !0,
-                  ref: (D) => e.allFiltersModalFilterButtons[u.label] = D,
+                  ref: (B) => e.allFiltersModalFilterButtons[u.label] = B,
                   label: u.label,
                   "applied-filters-count": e.getFilterCount(u),
                   "is-filter-open": e.selectedFilter.label === u.label,
-                  onClick: (D) => e.selectFilter(u.label, u.field)
+                  onClick: (B) => e.selectFilter(u.label, u.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, ia)
-          ])) : x("", !0),
-          e.otherFilters.length ? (y(), z("div", ra, [
+            ], 8, ra)
+          ])) : ee("", !0),
+          e.otherFilters.length ? (y(), z("div", ua, [
             e.activeFilters.length ? (y(), E(p, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
@@ -2454,7 +2460,7 @@ function ba(e, n, t, i, l, a) {
                 q(J(e.t("otherFilters")), 1)
               ]),
               _: 1
-            }, 8, ["id"])) : x("", !0),
+            }, 8, ["id"])) : ee("", !0),
             H("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
@@ -2464,15 +2470,15 @@ function ba(e, n, t, i, l, a) {
               }, [
                 $(b, {
                   ref_for: !0,
-                  ref: (D) => e.allFiltersModalFilterButtons[u.label] = D,
+                  ref: (B) => e.allFiltersModalFilterButtons[u.label] = B,
                   label: u.label,
                   "applied-filters-count": e.getFilterCount(u),
                   "is-filter-open": e.selectedFilter.label === u.label,
-                  onClick: (D) => e.selectFilter(u.label, u.field)
+                  onClick: (B) => e.selectFilter(u.label, u.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, ua)
-          ])) : x("", !0)
+            ], 8, da)
+          ])) : ee("", !0)
         ], 544)
       ]),
       "content-col-2": F(() => [
@@ -2480,7 +2486,7 @@ function ba(e, n, t, i, l, a) {
           class: "b-all-filters-modal__selected-filter-content",
           onKeydown: n[2] || (n[2] = pe((...u) => e.onKeydownLeft && e.onKeydownLeft(...u), ["left"]))
         }, [
-          H("div", da, [
+          H("div", ca, [
             $(p, {
               el: "div",
               variant: "title",
@@ -2501,9 +2507,9 @@ function ba(e, n, t, i, l, a) {
                 q(J(e.selectedFilter.description), 1)
               ]),
               _: 1
-            })) : x("", !0)
+            })) : ee("", !0)
           ]),
-          H("div", ca, [
+          H("div", pa, [
             (y(), E(Le(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
@@ -2516,8 +2522,8 @@ function ba(e, n, t, i, l, a) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          H("div", pa, [
-            $(B, {
+          H("div", ba, [
+            $(_, {
               variant: "secondary",
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
@@ -2534,7 +2540,7 @@ function ba(e, n, t, i, l, a) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500"]]), Tt = {
+const va = /* @__PURE__ */ Q(na, [["render", fa], ["__scopeId", "data-v-44d92c8d"]]), Pt = {
   "en-US": {
     clearFilters: "Clear filters",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2555,28 +2561,28 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
     resetFilters: "Redefinir filtros",
     undo: "Desfazer"
   }
-}, va = { class: "b-filter-bar" }, ma = { class: "b-filter-bar__container" }, ya = { class: "b-filter-bar__filters" }, Fa = { class: "b-filter-bar__scroller-content" }, ha = {
+}, ma = { class: "b-filter-bar" }, ya = { class: "b-filter-bar__container" }, Fa = { class: "b-filter-bar__filters" }, ha = { class: "b-filter-bar__scroller-content" }, ga = {
   key: 0,
   class: "b-filter-bar__actions"
-}, ga = {
-  i18n: { messages: Tt },
+}, Sa = {
+  i18n: { messages: Pt },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: At,
-    BentoDateFilter: yt,
-    BentoDateRangeFilter: Ft,
-    BentoInputFilter: mt,
-    BentoInputWithDropdownFilter: ml,
-    BentoRangeFilter: It,
-    BentoSelectAvatarFilter: St,
-    BentoSelectCountryFilter: _t,
-    BentoSelectCurrencyFilter: Bt,
+    BentoBooleanFilter: Tt,
+    BentoDateFilter: ht,
+    BentoDateRangeFilter: gt,
+    BentoInputFilter: yt,
+    BentoInputWithDropdownFilter: Ft,
+    BentoRangeFilter: $t,
+    BentoSelectAvatarFilter: _t,
+    BentoSelectCountryFilter: Dt,
+    BentoSelectCurrencyFilter: Ct,
     BentoSelectFilter: he,
-    BentoSelectPaymentMethodFilter: Ct,
-    BentoSelectTagFilter: Dt
+    BentoSelectPaymentMethodFilter: At,
+    BentoSelectTagFilter: It
   }
-}, Sa = /* @__PURE__ */ Y({
-  ...ga,
+}, Ba = /* @__PURE__ */ Y({
+  ...Sa,
   props: {
     config: { default: () => [] },
     filterValues: { default: () => [] },
@@ -2593,16 +2599,16 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
     ge.UPDATE
   ],
   setup(e, { expose: n, emit: t }) {
-    const i = e, l = t, { t: a } = de({ messages: Tt }), o = c(
+    const i = e, l = t, { t: a } = de({ messages: Pt }), o = c(
       () => {
         var f, S;
         return (S = ((f = i.config) == null ? void 0 : f.length) > 0 ? i.config : i.value) == null ? void 0 : S.map((s) => {
           var K;
-          let R = (K = i.filterValues.find(({ field: le }) => le === s.field)) == null ? void 0 : K.value;
+          let R = (K = i.filterValues.find(({ field: W }) => W === s.field)) == null ? void 0 : K.value;
           return R === void 0 && (R = (s == null ? void 0 : s.value) === void 0 && (s == null ? void 0 : s.defaultValue) !== void 0 ? s == null ? void 0 : s.defaultValue : s == null ? void 0 : s.value), { ...s, value: R !== void 0 ? R : s == null ? void 0 : s.value };
         });
       }
-    ), { addToast: r } = Pt(), d = c(() => {
+    ), { addToast: r } = Et(), d = c(() => {
       var f;
       return ((f = i.search) == null ? void 0 : f.inputFieldAriaLabel) || a("searchBar");
     }), p = c(() => {
@@ -2612,17 +2618,17 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
       return { hint: f, inputFieldAriaLabel: S, debounceTime: s, placeholder: R };
     }), b = c(() => o.value.some(
       ({ visible: S }) => S != null
-    ) ? o.value.some(({ visible: S }) => !S) : !1), B = c(
+    ) ? o.value.some(({ visible: S }) => !S) : !1), _ = c(
       () => o.value.filter(({ defaultValue: f }) => f !== void 0)
-    ), C = c(() => o.value.some(
+    ), D = c(() => o.value.some(
       ({ visible: S }) => S != null
     ) ? o.value.filter(
       ({ defaultValue: S, visible: s, value: R }) => S === void 0 && s || i.showAppliedHiddenFilters && R != null
     ) : o.value.filter(
       ({ defaultValue: S, value: s }) => S === void 0 || i.showAppliedHiddenFilters && s != null
-    )), u = c(() => i.searchTerm != null), D = c(
+    )), u = c(() => i.searchTerm != null), B = c(
       () => o.value.filter(({ defaultValue: f }) => f == null).some(({ value: f }) => f != null)
-    ), L = c(() => B.value.length === 0 && D.value), O = c(() => B.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: S }) => S !== void 0 || S !== null).every(({ value: S, defaultValue: s }) => JSON.stringify(S) === JSON.stringify(s)) || D.value), I = (f) => {
+    ), L = c(() => _.value.length === 0 && B.value), O = c(() => _.value.length === 0 ? !1 : !o.value.filter(({ defaultValue: S }) => S !== void 0 || S !== null).every(({ value: S, defaultValue: s }) => JSON.stringify(S) === JSON.stringify(s)) || B.value), I = (f) => {
       l(Ce.INPUT, f), l(
         Ce.UPDATE_FILTER_VALUES,
         f == null ? void 0 : f.filter(({ value: S }) => S !== null || S !== void 0).map(({ field: S, value: s }) => ({ field: S, value: s }))
@@ -2644,7 +2650,7 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
           text: a("undo")
         }
       }), I(S);
-    }, _ = () => {
+    }, C = () => {
       const f = o.value.slice(), S = o.value.map(({ defaultValue: s, ...R }) => ({
         ...R,
         defaultValue: s,
@@ -2662,16 +2668,16 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
     }, k = () => {
       l(ge.CLEAR);
     };
-    return n({ isClearAllVisible: L, clearAllFilters: T, isResetAllVisible: O, resetAllFilters: _ }), (f, S) => (y(), z("div", va, [
-      H("div", ma, [
-        H("div", ya, [
-          $(A(ll), {
+    return n({ isClearAllVisible: L, clearAllFilters: T, isResetAllVisible: O, resetAllFilters: C }), (f, S) => (y(), z("div", ma, [
+      H("div", ya, [
+        H("div", Fa, [
+          $(A(nl), {
             class: "b-filter-bar__fixed-scroller",
             condensed: ""
           }, {
             default: F(() => [
-              H("div", Fa, [
-                u.value ? (y(), E(A(ke), oe({
+              H("div", ha, [
+                u.value ? (y(), E(A(ke), se({
                   key: 0,
                   class: "b-filter-bar__search-bar"
                 }, p.value, {
@@ -2680,8 +2686,8 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
                   condensed: "",
                   onInput: V,
                   onClear: k
-                }), null, 16, ["input-field-aria-label", "value"])) : x("", !0),
-                B.value.length ? (y(!0), z(De, { key: 1 }, be(B.value, (s) => (y(), E(Le(s.type), {
+                }), null, 16, ["input-field-aria-label", "value"])) : ee("", !0),
+                _.value.length ? (y(!0), z(De, { key: 1 }, be(_.value, (s) => (y(), E(Le(s.type), {
                   key: s.field,
                   field: s.field,
                   label: s.label,
@@ -2690,8 +2696,8 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
                   value: s.value,
                   "default-value": s.defaultValue,
                   onUpdate: w
-                }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : x("", !0),
-                (y(!0), z(De, null, be(C.value, (s) => (y(), E(Le(s.type), {
+                }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : ee("", !0),
+                (y(!0), z(De, null, be(D.value, (s) => (y(), E(Le(s.type), {
                   key: s.field,
                   field: s.field,
                   label: s.label,
@@ -2705,50 +2711,50 @@ const fa = /* @__PURE__ */ Z(aa, [["render", ba], ["__scopeId", "data-v-eb3ae500
             _: 1
           })
         ]),
-        b.value || L.value || O.value ? (y(), z("div", ha, [
-          b.value ? (y(), E(fa, {
+        b.value || L.value || O.value ? (y(), z("div", ga, [
+          b.value ? (y(), E(va, {
             key: 0,
             class: "b-filter-bar__all-filters-modal",
             value: o.value,
             onInput: I
-          }, null, 8, ["value"])) : x("", !0),
-          qe($(A(Ue), {
+          }, null, 8, ["value"])) : ee("", !0),
+          Je($(A(Ue), {
             class: "b-filter-bar__clear-all",
             onClick: T
           }, {
             iconLeft: F(() => [
-              $(A(Ze), { "aria-hidden": "true" })
+              $(A(Qe), { "aria-hidden": "true" })
             ]),
             default: F(() => [
               q(J(A(a)("clearFilters")) + " ", 1)
             ]),
             _: 1
           }, 512), [
-            [Je, L.value]
+            [Ye, L.value]
           ]),
-          qe($(A(Ue), {
+          Je($(A(Ue), {
             class: "b-filter-bar__reset-all",
-            onClick: _
+            onClick: C
           }, {
             iconLeft: F(() => [
-              $(A(Ze), { "aria-hidden": "true" })
+              $(A(Qe), { "aria-hidden": "true" })
             ]),
             default: F(() => [
               q(J(A(a)("resetFilters")) + " ", 1)
             ]),
             _: 1
           }, 512), [
-            [Je, O.value]
+            [Ye, O.value]
           ])
-        ])) : x("", !0)
+        ])) : ee("", !0)
       ])
     ]));
   }
-}), un = /* @__PURE__ */ Z(Sa, [["__scopeId", "data-v-969edd1e"]]);
+}), dn = /* @__PURE__ */ Q(Ba, [["__scopeId", "data-v-969edd1e"]]);
 export {
-  un as B,
+  dn as B,
   h as a,
   Ce as b,
   ae as c
 };
-//# sourceMappingURL=filter-bar.DYrXBQDF.js.map
+//# sourceMappingURL=filter-bar.GGHRoo6O.js.map