@adyen/bento-vue3 1.57.0 → 1.58.0

package/dist/chunks/{filter-bar.BbLKMSsn.js → filter-bar.CY2ZlyD4.js}

@@ -1,50 +1,51 @@
-import { defineComponent as Y, useSlots as Le, useAttrs as Et, computed as c, ref as M, createBlock as E, openBlock as v, unref as C, normalizeClass as ie, withCtx as y, createElementVNode as j, renderSlot as re, createCommentVNode as X, createVNode as $, createTextVNode as Z, toDisplayString as Q, watch as ue, createElementBlock as z, nextTick as st, resolveComponent as P, withKeys as be, toRef as ee, onBeforeUpdate as Oe, provide as it, mergeProps as oe, Fragment as Ae, reactive as Lt, createSlots as De, renderList as fe, normalizeProps as $e, guardReactiveProps as Pe, onMounted as rt, resolveDynamicComponent as Te } from "vue";
-import { B as Ue, b as he } from "./search-bar.DgDUdcot.js";
-import { u as Ot } from "./use-bento-toast-controller.D3LA1FCd.js";
+import { defineComponent as Y, useSlots as Le, useAttrs as Ot, computed as c, ref as M, createBlock as E, openBlock as v, unref as D, normalizeClass as se, withCtx as g, createElementVNode as K, renderSlot as re, createCommentVNode as X, createVNode as U, createTextVNode as Z, toDisplayString as Q, watch as ue, createElementBlock as z, nextTick as rt, resolveComponent as $, resolveDirective as Rt, withDirectives as wt, withKeys as be, toRef as ee, onBeforeUpdate as Oe, provide as ut, mergeProps as ne, Fragment as Ae, reactive as Vt, createSlots as _e, renderList as fe, normalizeProps as $e, guardReactiveProps as Pe, onMounted as dt, resolveDynamicComponent as Te } from "vue";
+import { B as Ue, b as he } from "./search-bar.BUG88A0q.js";
+import { u as kt } from "./use-bento-toast-controller.D3LA1FCd.js";
 import { u as de } from "./i18n.B6g5VX0q.js";
-import { i as Rt } from "./index.CVpo3mlK.js";
-import { F as ut } from "./fixed-scroller.BjxA_R63.js";
-import { _ as wt } from "./modal.vue_vue_type_script_setup_true_lang.y7pMBxB0.js";
-import { g as Vt } from "./base-modal.DhzWPnD5.js";
-import { B as kt } from "./button.CVZJTZv0.js";
-import { B as Je, I as Nt, b as Mt } from "./popover.BzzdIK19.js";
-import { B as Ht } from "./directive.Cbdox5VL.js";
-import { B as jt } from "./events.FNmSWp_P.js";
+import { i as Nt } from "./index.CVpo3mlK.js";
+import { F as ct } from "./fixed-scroller.BjxA_R63.js";
+import { _ as Mt } from "./modal.vue_vue_type_script_setup_true_lang.hMWefloS.js";
+import { g as Ht } from "./base-modal.C9t8wOxU.js";
+import { B as jt } from "./button.CVZJTZv0.js";
+import { B as Ye, I as Kt, b as qt } from "./popover.DiIZe9RM.js";
+import { B as Jt } from "./directive.Cbdox5VL.js";
+import { B as zt } from "./events.FNmSWp_P.js";
+import { B as Yt } from "./tooltip.CFgesodr.js";
 import { g as ke } from "./generate-uid.NJ8tVoha.js";
-import { u as Kt } from "./use-click-outside.BnhTgpSt.js";
-import { C as qt } from "./cross-small.CFrBIeYK.js";
+import { u as Wt } from "./use-click-outside.BnhTgpSt.js";
+import { C as Gt } from "./cross-small.CFrBIeYK.js";
 import { _ as te } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { B as dt, a as ze } from "./base-button.DdNFlbgH.js";
+import { B as pt, a as We } from "./base-button.DdNFlbgH.js";
 import { B as pe, d as Ne } from "./typography.DN5eC5ch.js";
-import { u as ct } from "./use-has-slot.B7eQSabc.js";
-import { u as pt } from "./aria-label.CaUURpnB.js";
-import { g as bt } from "./get-slot-text.DQlZEsId.js";
-import { B as ft } from "./teleport.CfGWjxe2.js";
-import { B as Jt } from "./radio-group.seLW9WC9.js";
+import { u as bt } from "./use-has-slot.B7eQSabc.js";
+import { u as ft } from "./aria-label.CaUURpnB.js";
+import { g as vt } from "./get-slot-text.DQlZEsId.js";
+import { B as mt } from "./teleport.CfGWjxe2.js";
+import { B as Zt } from "./radio-group.DG_SxGuf.js";
 import { t as Se } from "./chip.DbhxDQiT.js";
-import { B as Me } from "./input-field.CtV60WoD.js";
-import { u as vt, B as zt } from "./dropdown.D4lL2ytb.js";
-import { g as Yt } from "./focus-trap.DY5E-2JV.js";
-import { a as Wt, C as Gt } from "./chevron-up.-0oLlHmh.js";
+import { B as Me } from "./input-field.CUfSQLYO.js";
+import { u as yt, B as Qt } from "./dropdown.CnMnzXc2.js";
+import { g as Xt } from "./focus-trap.DY5E-2JV.js";
+import { a as xt, C as el } from "./chevron-up.-0oLlHmh.js";
 /* empty css              */
 import { B as He } from "./divider.qUOSAbU6.js";
-import { c as Ye, b as Zt } from "./use-cached-selected-values.BgoZ5uGq.js";
-import { L as mt } from "./listbox-option-tag.DsnH9Q9j.js";
-import { B as Qt } from "./payment-method.eazefwm6.js";
-import { u as Xt } from "./use-country-items.4kZgVg_l.js";
-import { B as xt } from "./avatar.B0-9jC6H.js";
-import { D as el, B as tl, i as we, b as ll } from "./date-range-picker.RzinIKLS.js";
-import { g as yt } from "./get-date-locale.BN8xEjY0.js";
-import { D as We } from "./date-input.BqBdAO1E.js";
-import { a as al, i as nl } from "./calendar.D61aBwg1.js";
+import { c as Ge, b as tl } from "./use-cached-selected-values.CE98s5Ai.js";
+import { L as Ft } from "./listbox-option-tag.v1qrgVav.js";
+import { B as ll } from "./payment-method.eazefwm6.js";
+import { u as al } from "./use-country-items.4kZgVg_l.js";
+import { B as ol } from "./avatar.B0-9jC6H.js";
+import { D as nl, B as il, i as we, b as sl } from "./date-range-picker.D-_e1W8W.js";
+import { g as gt } from "./get-date-locale.BN8xEjY0.js";
+import { D as Ze } from "./date-input.BqBdAO1E.js";
+import { a as rl, i as ul } from "./calendar.DzwpAB0z.js";
 import { f as ye } from "./date.CKXySBQv.js";
-import { B as ol } from "./button-actions.DWGBFisz.js";
-import { B as sl } from "./date-picker.CWGFy7Hb.js";
-import { R as Ge } from "./refresh.C20ROVDS.js";
+import { B as dl } from "./button-actions.WnxN4KnV.js";
+import { B as cl } from "./date-picker.Bmkc0eYL.js";
+import { R as Qe } from "./refresh.C20ROVDS.js";
 import "../assets/filter-bar.css";
-var g = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(g || {}), _e = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(_e || {}), ne = /* @__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))(ne || {});
-const il = { class: "b-filter-bar-button__container" }, rl = { class: "b-filter-bar-button__label-container" }, ul = {}, dl = /* @__PURE__ */ Y({
-  ...ul,
+var S = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE = "update", e))(S || {}), De = /* @__PURE__ */ ((e) => (e.INPUT = "input", e.UPDATE_FILTER_VALUES = "update:filter-values", e))(De || {}), oe = /* @__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))(oe || {});
+const pl = { class: "b-filter-bar-button__container" }, bl = { class: "b-filter-bar-button__label-container" }, fl = {}, vl = /* @__PURE__ */ Y({
+  ...fl,
   __name: "filter-bar-button",
   props: {
     /**
@@ -77,69 +78,69 @@ const il = { class: "b-filter-bar-button__container" }, rl = { class: "b-filter-
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, r = n, l = Le(), a = Et(), i = ct(l), s = c(() => l.default ? bt(l)("default") : null), u = c(() => !i("default") && i("iconLeft")), p = pt({ ariaLabel: s }), b = M(null), h = c(() => {
-      var A;
+    const t = e, r = n, l = Le(), a = Ot(), s = bt(l), i = c(() => l.default ? vt(l)("default") : null), u = c(() => !s("default") && s("iconLeft")), p = ft({ ariaLabel: i }), b = M(null), B = c(() => {
+      var I;
       return {
-        "aria-controls": (A = a["aria-controls"]) == null ? void 0 : A.toString()
+        "aria-controls": (I = a["aria-controls"]) == null ? void 0 : I.toString()
       };
-    }), _ = c(
+    }), A = c(
       () => (t.appliedFiltersCount || t.secondaryLabel || t.isPersistentFilter) && !t.noAppliedStateStyles
     ), d = c(() => ({
-      "b-filter-bar-button--applied": _.value,
-      "b-filter-bar-button--filter-open": t.isFilterOpen && !_.value,
-      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && _.value,
+      "b-filter-bar-button--applied": A.value,
+      "b-filter-bar-button--filter-open": t.isFilterOpen && !A.value,
+      "b-filter-bar-button--filter-open-applied": t.isFilterOpen && A.value,
       "b-filter-bar-button--with-secondary-label": t.secondaryLabel,
       "b-filter-bar-button--with-counter": t.appliedFiltersCount,
       "b-filter-bar-button--icon-only": u.value
-    })), I = (A) => {
-      A.preventDefault(), t.disabled || r("click", A);
+    })), T = (I) => {
+      I.preventDefault(), t.disabled || r("click", I);
     };
-    return (A, T) => (v(), E(C(dt), {
+    return (I, _) => (v(), E(D(pt), {
       ref_key: "filterBarButtonRef",
       ref: b,
-      class: ie(["b-filter-bar-button", d.value]),
+      class: se(["b-filter-bar-button", d.value]),
       disabled: e.disabled,
-      "aria-label": C(p),
-      "aria-controls": h.value["aria-controls"],
+      "aria-label": D(p),
+      "aria-controls": B.value["aria-controls"],
       type: "button",
-      onClick: I
+      onClick: T
     }, {
-      iconRight: y(() => [
-        e.appliedFiltersCount && !u.value ? (v(), E(C(pe), {
+      iconRight: g(() => [
+        e.appliedFiltersCount && !u.value ? (v(), E(D(pe), {
           key: 0,
           class: "b-filter-bar-button__counter",
           el: "span",
           variant: "body",
           stronger: ""
         }, {
-          default: y(() => [
+          default: g(() => [
             Z(Q(e.appliedFiltersCount), 1)
           ]),
           _: 1
         })) : X("", !0)
       ]),
-      default: y(() => [
-        j("div", il, [
-          C(i)("iconLeft") ? re(A.$slots, "iconLeft", { key: 0 }, void 0, !0) : X("", !0),
-          j("div", rl, [
-            $(C(pe), {
+      default: g(() => [
+        K("div", pl, [
+          D(s)("iconLeft") ? re(I.$slots, "iconLeft", { key: 0 }, void 0, !0) : X("", !0),
+          K("div", bl, [
+            U(D(pe), {
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__label"
             }, {
-              default: y(() => [
-                j("span", null, [
-                  re(A.$slots, "default", {}, void 0, !0)
+              default: g(() => [
+                K("span", null, [
+                  re(I.$slots, "default", {}, void 0, !0)
                 ]),
-                e.secondaryLabel && !u.value ? (v(), E(C(pe), {
+                e.secondaryLabel && !u.value ? (v(), E(D(pe), {
                   key: 0,
                   el: "span",
                   variant: "body",
                   stronger: "",
                   class: "b-filter-bar-button__label"
                 }, {
-                  default: y(() => T[0] || (T[0] = [
+                  default: g(() => _[0] || (_[0] = [
                     Z(":")
                   ])),
                   _: 1
@@ -147,14 +148,14 @@ const il = { class: "b-filter-bar-button__container" }, rl = { class: "b-filter-
               ]),
               _: 3
             }),
-            e.secondaryLabel && !u.value ? (v(), E(C(pe), {
+            e.secondaryLabel && !u.value ? (v(), E(D(pe), {
               key: 0,
               el: "span",
               variant: "body",
               stronger: "",
               class: "b-filter-bar-button__secondary-label"
             }, {
-              default: y(() => [
+              default: g(() => [
                 Z(Q(e.secondaryLabel), 1)
               ]),
               _: 1
@@ -165,19 +166,19 @@ const il = { class: "b-filter-bar-button__container" }, rl = { class: "b-filter-
       _: 3
     }, 8, ["class", "disabled", "aria-label", "aria-controls"]));
   }
-}), Ee = /* @__PURE__ */ te(dl, [["__scopeId", "data-v-3556e231"]]), Ze = 430, Qe = 700;
-function cl(e, n) {
-  const t = M("div"), r = M(!1), l = M(0), a = c(() => !(l.value < Ze && n.value.small === "multi-line"));
-  function i() {
+}), Ee = /* @__PURE__ */ te(vl, [["__scopeId", "data-v-3556e231"]]), Xe = 430, xe = 700;
+function ml(e, n) {
+  const t = M("div"), r = M(!1), l = M(0), a = c(() => !(l.value < Xe && n.value.small === "multi-line"));
+  function s() {
     r.value = !1, t.value = "div";
   }
-  function s() {
-    r.value = !0, t.value = ut;
+  function i() {
+    r.value = !0, t.value = ct;
   }
   function u() {
-    l.value > Qe || l.value < Qe && l.value >= Ze && n.value.medium === "multi-line" ? i() : s();
+    l.value > xe || l.value < xe && l.value >= Xe && n.value.medium === "multi-line" ? s() : i();
   }
-  return ue(() => n.value, u), Rt(e, (p) => {
+  return ue(() => n.value, u), Nt(e, (p) => {
     l.value = p[0].contentRect.width, u();
   }), {
     screenLayoutComponent: t,
@@ -185,8 +186,8 @@ function cl(e, n) {
     isOneLineLayout: r
   };
 }
-const pl = {}, bl = /* @__PURE__ */ Y({
-  ...pl,
+const yl = {}, Fl = /* @__PURE__ */ Y({
+  ...yl,
   __name: "filter-bar-button-group",
   props: {
     isActive: { type: Boolean, default: !1 },
@@ -198,14 +199,14 @@ const pl = {}, bl = /* @__PURE__ */ Y({
       "b-filter-bar-button-group--grouped": !n.skipGrouping
     }));
     return (r, l) => (v(), z("div", {
-      class: ie(["b-filter-bar-button-group", t.value])
+      class: se(["b-filter-bar-button-group", t.value])
     }, [
       re(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), fl = /* @__PURE__ */ te(bl, [["__scopeId", "data-v-5b52b43a"]]);
-var se = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(se || {});
-const Xe = {
+}), gl = /* @__PURE__ */ te(Fl, [["__scopeId", "data-v-5b52b43a"]]);
+var ie = /* @__PURE__ */ ((e) => (e.APPLY = "apply", e.CLEAR = "clear", e.OPEN = "open", e.CLOSE = "close", e.RESET = "reset", e))(ie || {});
+const et = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -225,17 +226,17 @@ const Xe = {
     clear: "Limpar",
     reset: "Reiniciar"
   }
-}, vl = Y({
-  i18n: { messages: Xe },
+}, hl = Y({
+  i18n: { messages: et },
   name: "bento-base-filter",
   components: {
-    BentoPopover: Je,
-    BentoTeleport: ft,
+    BentoPopover: Ye,
+    BentoTeleport: mt,
     FilterBarButton: Ee,
-    FilterBarButtonGroup: fl,
-    CrossSmallIcon: qt
+    FilterBarButtonGroup: gl,
+    CrossSmallIcon: Gt
   },
-  directives: { BentoClickOutsideDirective: Ht },
+  directives: { BentoClickOutsideDirective: Jt, BentoTooltipDirective: Yt },
   props: {
     /**
      * Total count of applied filters
@@ -290,7 +291,15 @@ const Xe = {
     /**
      * Sets the size of the container to fit its content
      */
-    fitContent: Je.props.fitContent,
+    fitContent: Ye.props.fitContent,
+    /**
+     * Attaches a `BentoTooltip` if present. Text showed in the tooltip on hover.
+     */
+    tooltipText: { type: String, default: void 0 },
+    /**
+     * Position the tooltip should take if space is available.
+     */
+    tooltipPosition: { type: String, default: void 0 },
     /**
      * The current value of the filter, used for v-model.
      */
@@ -300,93 +309,93 @@ const Xe = {
     }
   },
   emits: [
-    se.APPLY,
-    se.CLEAR,
-    se.OPEN,
-    se.CLOSE,
-    se.RESET
+    ie.APPLY,
+    ie.CLEAR,
+    ie.OPEN,
+    ie.CLOSE,
+    ie.RESET
   ],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: Xe }), r = ke("base-filter-popover"), l = M(!1), a = M(null), i = M(null), s = c(() => e.defaultValue !== null), u = c(() => s.value ? JSON.stringify(e.value) !== JSON.stringify(e.defaultValue) : e.appliedFiltersCount || e.buttonSecondaryLabel), p = c(
-      () => s.value ? t("filterButton", {
+    const { t } = de({ messages: et }), r = ke("base-filter-popover"), l = M(!1), a = M(null), s = M(null), i = c(() => e.defaultValue !== null), u = c(() => i.value ? JSON.stringify(e.value) !== JSON.stringify(e.defaultValue) : e.appliedFiltersCount || e.buttonSecondaryLabel), p = c(
+      () => i.value ? t("filterButton", {
         function: e.label
-      }) : h.value
+      }) : B.value
     ), b = c(
-      () => s.value ? t("resetFilter", {
-        function: h.value
+      () => i.value ? t("resetFilter", {
+        function: B.value
       }) : t("clearFilter", {
-        function: h.value
+        function: B.value
       })
-    ), h = c(() => e.buttonLabel || e.label), _ = async () => {
+    ), B = c(() => e.buttonLabel || e.label), A = async () => {
       var N, F;
-      await st(), (F = (N = a.value) == null ? void 0 : N.$el) == null || F.focus();
+      await rt(), (F = (N = a.value) == null ? void 0 : N.$el) == null || F.focus();
     }, d = () => {
-      l.value && (l.value = !1, _(), n(se.CLOSE));
+      l.value && (l.value = !1, A(), n(ie.CLOSE));
+    }, T = () => {
+      i.value ? n(ie.RESET) : n(ie.CLEAR), A();
     }, I = () => {
-      s.value ? n(se.RESET) : n(se.CLEAR), _();
-    }, A = () => {
-      d(), I();
-    }, T = () => d(), k = () => {
-      l.value ? d() : (l.value = !0, n(se.OPEN));
-    }, w = () => {
-      d(), n(se.APPLY);
-    }, U = c(() => [
+      d(), T();
+    }, _ = () => d(), R = () => {
+      l.value ? d() : (l.value = !0, n(ie.OPEN));
+    }, V = () => {
+      d(), n(ie.APPLY);
+    }, P = c(() => [
       {
         title: t("apply"),
-        event: w,
+        event: V,
         disabled: e.disableApplyButton
       },
       {
-        title: s.value ? t("reset") : t("clear"),
-        event: A,
+        title: i.value ? t("reset") : t("clear"),
+        event: I,
         disabled: e.disableSecondaryButton
       }
     ]);
     return ue(
       () => l.value,
       (N, F) => {
-        var V, R;
-        !N && F && (R = (V = a.value) == null ? void 0 : V.filterBarButtonRef) != null && R.bentoBaseButtonRef && a.value.filterBarButtonRef.bentoBaseButtonRef.focus();
+        var k, w;
+        !N && F && (w = (k = a.value) == null ? void 0 : k.filterBarButtonRef) != null && w.bentoBaseButtonRef && a.value.filterBarButtonRef.bentoBaseButtonRef.focus();
       }
-    ), Kt(i, T, { ignore: [a] }), {
+    ), Wt(s, _, { ignore: [a] }), {
       // Values
-      actions: U,
+      actions: P,
       popoverId: r,
       isFilterOpen: l,
-      isPersistentFilter: s,
+      isPersistentFilter: i,
       isValueChanged: u,
       computedAriaLabel: p,
-      computedButtonText: h,
+      computedButtonText: B,
       computedClearButtonLabel: b,
       // Enums
-      BentoTooltipPosition: jt,
+      BentoTooltipPosition: zt,
       // Events
-      onClickFilter: k,
-      onClickApply: w,
-      onClickSecondaryAction: A,
-      onClickOutside: T,
+      onClickFilter: R,
+      onClickApply: V,
+      onClickSecondaryAction: I,
+      onClickOutside: _,
       closePopover: d,
-      resetFilter: I,
+      resetFilter: T,
       // Refs
       filterButtonRef: a,
-      popoverRef: i
+      popoverRef: s
     };
   }
-}), ml = { key: 0 }, yl = {
+}), Sl = { key: 0 }, Bl = {
   key: 1,
   class: "b-base-filter"
 };
-function Fl(e, n, t, r, l, a) {
-  const i = P("filter-bar-button"), s = P("cross-small-icon"), u = P("filter-bar-button-group"), p = P("bento-popover"), b = P("bento-teleport");
-  return e.onlySlot ? (v(), z("div", ml, [
+function Cl(e, n, t, r, l, a) {
+  const s = $("filter-bar-button"), i = $("cross-small-icon"), u = $("filter-bar-button-group"), p = $("bento-popover"), b = $("bento-teleport"), B = Rt("bento-tooltip-directive");
+  return e.onlySlot ? (v(), z("div", Sl, [
     re(e.$slots, "default", {}, void 0, !0)
-  ])) : (v(), z("div", yl, [
-    $(u, {
+  ])) : (v(), z("div", Bl, [
+    wt((v(), E(u, {
       "is-active": e.isFilterOpen,
       "skip-grouping": !e.isValueChanged
     }, {
-      default: y(() => [
-        $(i, {
+      default: g(() => [
+        U(s, {
           ref: "filterButtonRef",
           "aria-label": e.computedAriaLabel,
           "aria-controls": e.isFilterOpen ? e.popoverId : null,
@@ -398,12 +407,12 @@ function Fl(e, n, t, r, l, a) {
           onClick: e.onClickFilter,
           onKeydown: be(e.closePopover, ["esc"])
         }, {
-          default: y(() => [
+          default: g(() => [
             Z(Q(e.computedButtonText), 1)
           ]),
           _: 1
         }, 8, ["aria-label", "aria-controls", "applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label", "onClick", "onKeydown"]),
-        e.isValueChanged ? (v(), E(i, {
+        e.isValueChanged ? (v(), E(s, {
           key: 0,
           "applied-filters-count": e.appliedFiltersCount,
           disabled: e.disabled,
@@ -412,16 +421,18 @@ function Fl(e, n, t, r, l, a) {
           "secondary-label": e.buttonSecondaryLabel,
           onClick: e.resetFilter
         }, {
-          iconLeft: y(() => [
-            $(s, { "svg-title": e.computedClearButtonLabel }, null, 8, ["svg-title"])
+          iconLeft: g(() => [
+            U(i, { "svg-title": e.computedClearButtonLabel }, null, 8, ["svg-title"])
           ]),
           _: 1
         }, 8, ["applied-filters-count", "disabled", "is-persistent-filter", "is-filter-open", "secondary-label", "onClick"])) : X("", !0)
       ]),
       _: 1
-    }, 8, ["is-active", "skip-grouping"]),
+    }, 8, ["is-active", "skip-grouping"])), [
+      [B, e.tooltipText, e.tooltipPosition]
+    ]),
     e.filterButtonRef ? (v(), E(b, { key: 0 }, {
-      default: y(() => [
+      default: g(() => [
         e.filterButtonRef ? (v(), E(p, {
           key: 0,
           id: e.popoverId,
@@ -438,9 +449,9 @@ function Fl(e, n, t, r, l, a) {
           "without-space": e.controlled,
           "fallback-position": ["bottom-end"]
         }, {
-          default: y(() => [
-            j("div", {
-              onKeydown: n[0] || (n[0] = be((...h) => e.closePopover && e.closePopover(...h), ["esc"]))
+          default: g(() => [
+            K("div", {
+              onKeydown: n[0] || (n[0] = be((...A) => e.closePopover && e.closePopover(...A), ["esc"]))
             }, [
               re(e.$slots, "default", {}, void 0, !0)
             ], 32)
@@ -452,7 +463,7 @@ function Fl(e, n, t, r, l, a) {
     })) : X("", !0)
   ]));
 }
-const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab178"]]), gl = (e) => e instanceof Array, xe = (e) => gl(e) ? e.length === 0 || e.every((n) => n === "") : !e, et = (e, n) => JSON.stringify(e) === JSON.stringify(n), ve = (e, n) => {
+const Fe = /* @__PURE__ */ te(hl, [["render", Cl], ["__scopeId", "data-v-0115cdd4"]]), Dl = (e) => e instanceof Array, tt = (e) => Dl(e) ? e.length === 0 || e.every((n) => n === "") : !e, lt = (e, n) => JSON.stringify(e) === JSON.stringify(n), ve = (e, n) => {
   const t = M(e.value);
   ue(
     () => e.value,
@@ -460,18 +471,18 @@ const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab17
       t.value = e.value;
     }
   );
-  const r = c(() => xe(e.value)), l = c(
-    () => n.value !== null ? et(n.value, e.value) : r.value
-  ), a = c(() => et(t.value, e.value) || xe(t.value) && r.value);
+  const r = c(() => tt(e.value)), l = c(
+    () => n.value !== null ? lt(n.value, e.value) : r.value
+  ), a = c(() => lt(t.value, e.value) || tt(t.value) && r.value);
   return {
     internalFilterValue: t,
     isSecondaryButtonDisabled: l,
     isApplyButtonDisabled: a
   };
-}, hl = {
+}, Al = {
   name: "bento-input-filter"
-}, Sl = /* @__PURE__ */ Y({
-  ...hl,
+}, _l = /* @__PURE__ */ Y({
+  ...Al,
   props: {
     defaultValue: { default: null },
     disabled: { type: Boolean, default: !1 },
@@ -483,61 +494,61 @@ const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab17
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    var R, K;
-    const t = e, r = n, l = M(null), a = M((K = (R = t == null ? void 0 : t.options) == null ? void 0 : R.dropdown) == null ? void 0 : K.value), i = c(
+    var w, q;
+    const t = e, r = n, l = M(null), a = M((q = (w = t == null ? void 0 : t.options) == null ? void 0 : w.dropdown) == null ? void 0 : q.value), s = c(
       () => {
-        var D, q;
-        return ((D = t == null ? void 0 : t.options) == null ? void 0 : D.variant) === "dropdown" && ((q = t == null ? void 0 : t.options) == null ? void 0 : q.dropdown) !== void 0;
+        var C, H;
+        return ((C = t == null ? void 0 : t.options) == null ? void 0 : C.variant) === "dropdown" && ((H = t == null ? void 0 : t.options) == null ? void 0 : H.dropdown) !== void 0;
       }
-    ), s = c(
+    ), i = c(
       () => {
-        var D;
-        return i.value ? { ...(D = t == null ? void 0 : t.options) == null ? void 0 : D.dropdown, value: a.value } : void 0;
+        var C;
+        return s.value ? { ...(C = t == null ? void 0 : t.options) == null ? void 0 : C.dropdown, value: a.value } : void 0;
       }
     ), u = c(() => {
-      var D;
-      return ((D = t == null ? void 0 : t.options) == null ? void 0 : D.variant) === "dropdown" ? "dropdown" : "default";
+      var C;
+      return ((C = t == null ? void 0 : t.options) == null ? void 0 : C.variant) === "dropdown" ? "dropdown" : "default";
     }), p = c(
       () => {
-        var D;
-        return i.value ? (D = t.value) == null ? void 0 : D.inputValue : t == null ? void 0 : t.value;
+        var C;
+        return s.value ? (C = t.value) == null ? void 0 : C.inputValue : t == null ? void 0 : t.value;
       }
-    ), { internalFilterValue: b, isSecondaryButtonDisabled: h, isApplyButtonDisabled: _ } = ve(
+    ), { internalFilterValue: b, isSecondaryButtonDisabled: B, isApplyButtonDisabled: A } = ve(
       p,
       ee(t, "defaultValue")
-    ), d = c(() => t.label), I = c(() => Se(p.value, 12)), A = c(() => ({
+    ), d = c(() => t.label), T = c(() => Se(p.value, 12)), I = c(() => ({
       "b-input-filter--only-slot": t.onlySlot
     }));
     Oe(() => {
       b.value === "" && (b.value = null);
     }), ue(l, () => {
-      var D;
-      (D = l.value) == null || D.focusInput();
+      var C;
+      (C = l.value) == null || C.focusInput();
     });
-    const T = () => {
+    const _ = () => {
       b.value = p.value;
-    }, k = () => {
+    }, R = () => {
       !b.value && t.defaultValue !== null && (b.value = t.defaultValue), r("update", {
         ...t,
-        value: i.value ? {
+        value: s.value ? {
           inputValue: b.value,
           dropdownValue: a.value
         } : b.value
       });
-    }, w = () => r("update", { ...t, value: t.defaultValue }), U = () => {
-      b.value = null, k();
+    }, V = () => r("update", { ...t, value: t.defaultValue }), P = () => {
+      b.value = null, R();
     }, N = () => {
       r("input", { ...t, value: b.value });
-    }, F = (D) => {
-      b.value = D;
-    }, V = (D) => {
-      a.value = D;
+    }, F = (C) => {
+      b.value = C;
+    }, k = (C) => {
+      a.value = C;
     };
-    return it(Nt, i.value), ue(
+    return ut(Kt, s.value), ue(
       () => t.options,
       () => {
-        var D, q, J;
-        ((D = t.options) != null && D.dropdown || (q = t.options) != null && q.dropdownPosition || (J = t.options) != null && J.variant) && Ne(
+        var C, H, J;
+        ((C = t.options) != null && C.dropdown || (H = t.options) != null && H.dropdownPosition || (J = t.options) != null && J.variant) && Ne(
           'BentoInputFilter "options" property',
           `BentoInputFilter "options" no longer supports "dropdown", "dropdownPosition" or "variant" attributes.
                             Use the "BentoFilterItemType.INPUT_DROPDOWN" instead of "BentoFilterItemType.INPUT"
@@ -553,47 +564,52 @@ const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab17
         );
       },
       { immediate: !0 }
-    ), (D, q) => (v(), E(C(Fe), oe(D.$props, {
-      "button-label": d.value,
-      "button-secondary-label": I.value,
-      "disable-apply-button": C(_),
-      "disable-secondary-button": C(h),
-      "only-slot": D.onlySlot,
-      "popover-overflow-visible": i.value,
-      onApply: k,
-      onClear: U,
-      onOpen: T,
-      onReset: w
-    }), {
-      default: y(() => {
-        var J, x;
-        return [
-          j("div", {
-            class: ie(["b-input-filter", A.value]),
-            onKeydown: be(k, ["enter"]),
-            onInput: N
-          }, [
-            $(C(Me), {
-              ref_key: "inputTextRef",
-              ref: l,
-              dropdown: s.value,
-              "dropdown-position": (J = D.options) == null ? void 0 : J.dropdownPosition,
-              placeholder: (x = D.options) == null ? void 0 : x.placeholder,
-              variant: u.value,
-              value: C(b),
-              onInput: F,
-              onDropdownInput: V
-            }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "value"])
-          ], 34)
-        ];
-      }),
-      _: 1
-    }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible"]));
+    ), (C, H) => {
+      var J, x;
+      return v(), E(D(Fe), ne(C.$props, {
+        "button-label": d.value,
+        "button-secondary-label": T.value,
+        "disable-apply-button": D(A),
+        "disable-secondary-button": D(B),
+        "only-slot": C.onlySlot,
+        "popover-overflow-visible": s.value,
+        "tooltip-position": (J = C.options) == null ? void 0 : J.tooltipPosition,
+        "tooltip-text": (x = C.options) == null ? void 0 : x.tooltipText,
+        onApply: R,
+        onClear: P,
+        onOpen: _,
+        onReset: V
+      }), {
+        default: g(() => {
+          var h, y;
+          return [
+            K("div", {
+              class: se(["b-input-filter", I.value]),
+              onKeydown: be(R, ["enter"]),
+              onInput: N
+            }, [
+              U(D(Me), {
+                ref_key: "inputTextRef",
+                ref: l,
+                dropdown: i.value,
+                "dropdown-position": (h = C.options) == null ? void 0 : h.dropdownPosition,
+                placeholder: (y = C.options) == null ? void 0 : y.placeholder,
+                variant: u.value,
+                value: D(b),
+                onInput: F,
+                onDropdownInput: k
+              }, null, 8, ["dropdown", "dropdown-position", "placeholder", "variant", "value"])
+            ], 34)
+          ];
+        }),
+        _: 1
+      }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "popover-overflow-visible", "tooltip-position", "tooltip-text"]);
+    };
   }
-}), Ft = /* @__PURE__ */ te(Sl, [["__scopeId", "data-v-3323f252"]]), Bl = {
+}), ht = /* @__PURE__ */ te(_l, [["__scopeId", "data-v-73ce3e7a"]]), Il = {
   name: "bento-input-with-dropdown-filter"
-}, Cl = /* @__PURE__ */ Y({
-  ...Bl,
+}, Tl = /* @__PURE__ */ Y({
+  ...Il,
   props: {
     disabled: { type: Boolean },
     defaultValue: { default: void 0 },
@@ -603,27 +619,27 @@ const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab17
     options: { default: void 0 },
     value: { default: void 0 }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
-    const t = e, r = n, l = M(null), { internalFilterValue: a, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = ve(ee(t, "value"), ee(t, "defaultValue")), u = c(() => t.label), p = c(() => {
+    const t = e, r = n, l = M(null), { internalFilterValue: a, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = ve(ee(t, "value"), ee(t, "defaultValue")), u = c(() => t.label), p = c(() => {
       var F;
       return Se((F = t.value) == null ? void 0 : F.inputValue, 12);
     }), b = c(
       () => {
-        var F, V, R;
-        return ((F = a.value) == null ? void 0 : F.dropdownValue) ?? ((R = (V = t.options) == null ? void 0 : V.dropdown) == null ? void 0 : R.value);
+        var F, k, w;
+        return ((F = a.value) == null ? void 0 : F.dropdownValue) ?? ((w = (k = t.options) == null ? void 0 : k.dropdown) == null ? void 0 : w.value);
       }
-    ), h = c(() => {
+    ), B = c(() => {
       var F;
       return {
         ...((F = t.options) == null ? void 0 : F.dropdown) || {},
         value: b.value
       };
-    }), _ = c(() => ({
+    }), A = c(() => ({
       "b-input-with-dropdown-filter--only-slot": t.onlySlot
     })), d = c(() => {
-      var V;
-      return !(!!((V = a.value) != null && V.inputValue) && !!b.value) || s.value;
+      var k;
+      return !(!!((k = a.value) != null && k.inputValue) && !!b.value) || i.value;
     });
     Oe(() => {
       var F;
@@ -632,65 +648,70 @@ const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab17
       var F;
       (F = l.value) == null || F.focusInput();
     });
-    const I = () => {
+    const T = () => {
       a.value = t.value;
-    }, A = () => {
+    }, I = () => {
       var F;
-      !((F = a.value) != null && F.inputValue) && t.defaultValue !== null && (a.value = { ...t.defaultValue }), r(g.UPDATE, {
+      !((F = a.value) != null && F.inputValue) && t.defaultValue !== null && (a.value = { ...t.defaultValue }), r(S.UPDATE, {
         ...t,
         value: a.value
       });
-    }, T = () => r(g.UPDATE, { ...t, value: t.defaultValue }), k = () => {
-      a.value = null, A();
-    }, w = () => {
-      r(g.INPUT, { ...t, value: a.value });
-    }, U = (F) => {
+    }, _ = () => r(S.UPDATE, { ...t, value: t.defaultValue }), R = () => {
+      a.value = null, I();
+    }, V = () => {
+      r(S.INPUT, { ...t, value: a.value });
+    }, P = (F) => {
       a.value = { dropdownValue: b.value, inputValue: F };
     }, N = (F) => {
       a.value = { ...a.value, dropdownValue: F };
     };
-    return it(Mt, !0), (F, V) => (v(), E(C(Fe), oe(F.$props, {
-      "button-label": u.value,
-      "button-secondary-label": p.value,
-      "disable-apply-button": d.value,
-      "disable-secondary-button": C(i),
-      "only-slot": F.onlySlot,
-      onApply: A,
-      onClear: k,
-      onOpen: I,
-      onReset: T
-    }), {
-      default: y(() => {
-        var R, K;
-        return [
-          j("div", {
-            class: ie(["b-input-with-dropdown-filter", _.value]),
-            onKeydown: be(A, ["enter"]),
-            onInput: w
-          }, [
-            $(C(Me), {
-              ref_key: "inputTextRef",
-              ref: l,
-              dropdown: h.value,
-              "dropdown-position": (R = F.options) == null ? void 0 : R.dropdownPosition,
-              variant: "dropdown",
-              value: (K = C(a)) == null ? void 0 : K.inputValue,
-              onInput: U,
-              onDropdownInput: N
-            }, null, 8, ["dropdown", "dropdown-position", "value"])
-          ], 34)
-        ];
-      }),
-      _: 1
-    }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot"]));
+    return ut(qt, !0), (F, k) => {
+      var w, q;
+      return v(), E(D(Fe), ne(F.$props, {
+        "button-label": u.value,
+        "button-secondary-label": p.value,
+        "disable-apply-button": d.value,
+        "disable-secondary-button": D(s),
+        "only-slot": F.onlySlot,
+        "tooltip-position": (w = F.options) == null ? void 0 : w.tooltipPosition,
+        "tooltip-text": (q = F.options) == null ? void 0 : q.tooltipText,
+        onApply: I,
+        onClear: R,
+        onOpen: T,
+        onReset: _
+      }), {
+        default: g(() => {
+          var C, H;
+          return [
+            K("div", {
+              class: se(["b-input-with-dropdown-filter", A.value]),
+              onKeydown: be(I, ["enter"]),
+              onInput: V
+            }, [
+              U(D(Me), {
+                ref_key: "inputTextRef",
+                ref: l,
+                dropdown: B.value,
+                "dropdown-position": (C = F.options) == null ? void 0 : C.dropdownPosition,
+                variant: "dropdown",
+                value: (H = D(a)) == null ? void 0 : H.inputValue,
+                onInput: P,
+                onDropdownInput: N
+              }, null, 8, ["dropdown", "dropdown-position", "value"])
+            ], 34)
+          ];
+        }),
+        _: 1
+      }, 16, ["button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text"]);
+    };
   }
-}), gt = /* @__PURE__ */ te(Cl, [["__scopeId", "data-v-093073e9"]]), _l = Y({
+}), St = /* @__PURE__ */ te(Tl, [["__scopeId", "data-v-0c1359e8"]]), $l = Y({
   name: "bento-date-filter",
   components: {
     BentoBaseFilter: Fe,
-    BentoDatePicker: sl,
+    BentoDatePicker: cl,
     BentoDivider: He,
-    Calendar: al
+    Calendar: rl
   },
   props: {
     /**
@@ -721,6 +742,8 @@ const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab17
      * Available options:
      *   - firstDayOfWeek: Allows you to set the first day of the week. 0 is sunday, 1 is monday, 6 is saturday
      *   - isDateDisabled: Indicate if a date should be disabled or not
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
      */
     options: {
       type: Object,
@@ -731,47 +754,48 @@ const Fe = /* @__PURE__ */ te(vl, [["render", Fl], ["__scopeId", "data-v-de3ab17
      */
     value: { type: Date, default: void 0 }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
-    const { locale: t } = de(void 0, !0), r = yt(), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: i } = ve(
+    const { locale: t } = de(void 0, !0), r = gt(), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: s } = ve(
       ee(e, "value"),
       ee(e, "defaultValue")
-    ), s = c(
+    ), i = c(
       () => e.value ? ye(e.value, "dd MMM, yyyy", {
         locale: r[t.value.substring(0, 2)] || r.enUS
       }) : null
-    ), u = c(() => e.label), p = c(() => s.value), b = () => {
-      n(g.UPDATE, { ...e, value: l.value });
-    }, h = () => {
+    ), u = c(() => e.label), p = c(() => i.value), b = () => {
+      n(S.UPDATE, { ...e, value: l.value });
+    }, B = () => {
       l.value = null, b();
-    }, _ = () => {
+    }, A = () => {
       l.value = e.defaultValue, b();
     }, d = () => {
       l.value = e.value;
-    }, I = (T) => {
-      l.value = T, n(g.INPUT, { ...e, value: l.value });
+    }, T = (_) => {
+      l.value = _, n(S.INPUT, { ...e, value: l.value });
     };
     return {
       // Values
       internalFilterValue: l,
-      isApplyButtonDisabled: i,
+      isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: a,
       buttonLabel: u,
       buttonSecondaryLabel: p,
       // Events
-      clearFilter: h,
-      onDateSelected: I,
+      clearFilter: B,
+      onDateSelected: T,
       openFilter: d,
       updateFilter: b,
-      resetFilter: _,
-      onDateInputSelected: (T) => {
-        l.value = T, I(T), b();
+      resetFilter: A,
+      onDateInputSelected: (_) => {
+        l.value = _, T(_), b();
       }
     };
   }
-}), Al = { class: "b-date-filter" };
-function Dl(e, n, t, r, l, a) {
-  const i = P("bento-date-picker"), s = P("bento-divider"), u = P("calendar"), p = P("bento-base-filter");
+}), Pl = { class: "b-date-filter" };
+function Ul(e, n, t, r, l, a) {
+  var b, B;
+  const s = $("bento-date-picker"), i = $("bento-divider"), u = $("calendar"), p = $("bento-base-filter");
   return v(), E(p, {
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
@@ -782,31 +806,33 @@ function Dl(e, n, t, r, l, a) {
     field: e.field,
     label: e.label,
     "only-slot": e.onlySlot,
+    "tooltip-position": (b = e.options) == null ? void 0 : b.tooltipPosition,
+    "tooltip-text": (B = e.options) == null ? void 0 : B.tooltipText,
     "fit-content": "",
     onApply: e.updateFilter,
     onClear: e.clearFilter,
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }, {
-    default: y(() => {
-      var b, h, _, d, I, A;
+    default: g(() => {
+      var A, d, T, I, _, R;
       return [
-        e.onlySlot ? (v(), E(i, {
+        e.onlySlot ? (v(), E(s, {
           key: 0,
           value: e.internalFilterValue,
-          "first-day-of-week": (b = e.options) == null ? void 0 : b.firstDayOfWeek,
-          "is-date-disabled": (h = e.options) == null ? void 0 : h.isDateDisabled,
-          variant: (_ = e.options) == null ? void 0 : _.variant,
+          "first-day-of-week": (A = e.options) == null ? void 0 : A.firstDayOfWeek,
+          "is-date-disabled": (d = e.options) == null ? void 0 : d.isDateDisabled,
+          variant: (T = e.options) == null ? void 0 : T.variant,
           onInput: e.onDateInputSelected
         }, null, 8, ["value", "first-day-of-week", "is-date-disabled", "variant", "onInput"])) : (v(), z(Ae, { key: 1 }, [
-          $(s, { class: "b-date-filter__divider" }),
-          j("div", Al, [
-            $(u, {
-              "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
-              "is-date-disabled": (I = e.options) == null ? void 0 : I.isDateDisabled,
+          U(i, { class: "b-date-filter__divider" }),
+          K("div", Pl, [
+            U(u, {
+              "first-day-of-week": (I = e.options) == null ? void 0 : I.firstDayOfWeek,
+              "is-date-disabled": (_ = e.options) == null ? void 0 : _.isDateDisabled,
               "number-of-months": 1,
               value: e.internalFilterValue,
-              variant: (A = e.options) == null ? void 0 : A.variant,
+              variant: (R = e.options) == null ? void 0 : R.variant,
               onInput: e.onDateSelected
             }, null, 8, ["first-day-of-week", "is-date-disabled", "value", "variant", "onInput"])
           ])
@@ -814,9 +840,9 @@ function Dl(e, n, t, r, 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"]);
+  }, 8, ["button-label", "button-secondary-label", "disabled", "default-value", "disable-apply-button", "disable-secondary-button", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const ht = /* @__PURE__ */ te(_l, [["render", Dl], ["__scopeId", "data-v-1e5e2fcf"]]), tt = {
+const Bt = /* @__PURE__ */ te($l, [["render", Ul], ["__scopeId", "data-v-c6c8fe6b"]]), at = {
   "en-US": {
     apply: "Apply",
     clear: "Clear",
@@ -832,16 +858,16 @@ const ht = /* @__PURE__ */ te(_l, [["render", Dl], ["__scopeId", "data-v-1e5e2fc
     clear: "Limpar",
     reset: "Reiniciar"
   }
-}, Il = Y({
-  i18n: { messages: tt },
+}, El = Y({
+  i18n: { messages: at },
   name: "bento-date-range-filter",
   components: {
     BentoBaseFilter: Fe,
-    BentoButtonActions: ol,
-    BentoDateRangePicker: tl,
+    BentoButtonActions: dl,
+    BentoDateRangePicker: il,
     BentoTypography: pe,
     BentoDivider: He,
-    DateRangePickerCalendar: el
+    DateRangePickerCalendar: nl
   },
   props: {
     /**
@@ -876,6 +902,10 @@ const ht = /* @__PURE__ */ te(_l, [["render", Dl], ["__scopeId", "data-v-1e5e2fc
      *   - numberOfMonths: Number of months rendered on pane
      *   - quickSelectRanges: An array that sets the custom range dropdown items. @see BentoDateRangePicker
      *   - showEndDateOnOpen: Upon opening date range picker, end date's month will be pre-selected.
+     *   - granularities: A list of available granularities.
+     *   - variant: The type of calendar to display. Defaults to showing days.
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
      */
     options: {
       type: Object,
@@ -889,42 +919,42 @@ const ht = /* @__PURE__ */ te(_l, [["render", Dl], ["__scopeId", "data-v-1e5e2fc
       default: () => ({ startDate: void 0, endDate: void 0 })
     }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
-    var J, x, B, S;
-    const { locale: t, t: r } = de({ messages: tt }), l = yt(), { internalFilterValue: a, isSecondaryButtonDisabled: i, isApplyButtonDisabled: s } = ve(
+    var J, x, h, y;
+    const { locale: t, t: r } = de({ messages: at }), l = gt(), { internalFilterValue: a, isSecondaryButtonDisabled: s, isApplyButtonDisabled: i } = ve(
       ee(e, "value"),
       ee(e, "defaultValue")
-    ), u = M(!1), p = (o) => o ? ye(o, We.NUMERIC_DATE_YEAR_FIRST, {
+    ), u = M(!1), p = (o) => o ? ye(o, Ze.NUMERIC_DATE_YEAR_FIRST, {
       locale: l[t.value.substring(0, 2)] || l.enUS
-    }) : void 0, b = (o) => o ? ye(o, We.HOUR_MINUTE_SECONDS, {
+    }) : void 0, b = (o) => o ? ye(o, Ze.HOUR_MINUTE_SECONDS, {
       locale: l[t.value.substring(0, 2)] || l.enUS
-    }) : "", h = M(null), _ = M(!1), d = Lt({
+    }) : "", B = M(null), A = M(!1), d = Vt({
       startDate: p((J = e.value) == null ? void 0 : J.startDate),
       endDate: p((x = e.value) == null ? void 0 : x.endDate),
-      startTime: b((B = e.value) == null ? void 0 : B.startDate),
-      endTime: b((S = e.value) == null ? void 0 : S.endDate)
+      startTime: b((h = e.value) == null ? void 0 : h.startDate),
+      endTime: b((y = e.value) == null ? void 0 : y.endDate)
     });
-    function I(o) {
+    function T(o) {
       return (o == null ? void 0 : o.length) !== void 0;
     }
-    const A = c(() => {
-      var o, L, W, m, f, O, H, G, ae;
+    const I = c(() => {
+      var o, L, W, m, f, O, j, G, ae;
       if (!((o = e.value) != null && o.startDate) && !e.value.endDate)
         return null;
-      if (I((L = e.options) == null ? void 0 : L.quickSelectRanges) && ((m = (W = e.options) == null ? void 0 : W.quickSelectRanges) == null ? void 0 : m.length) > 0) {
+      if (T((L = e.options) == null ? void 0 : L.quickSelectRanges) && ((m = (W = e.options) == null ? void 0 : W.quickSelectRanges) == null ? void 0 : m.length) > 0) {
         const ce = (O = (f = e.options) == null ? void 0 : f.quickSelectRanges) == null ? void 0 : O.find(({ value: me, data: le }) => {
           if (a.value.range)
             return me === a.value.range;
           if (!(le != null && le.endDate))
-            we(le == null ? void 0 : le.startDate, a.value.startDate) && ll(a.value.endDate);
+            we(le == null ? void 0 : le.startDate, a.value.startDate) && sl(a.value.endDate);
           else
             return we(le == null ? void 0 : le.startDate, a.value.startDate) && we(le == null ? void 0 : le.endDate, a.value.endDate);
         });
         if (ce)
           return ce.label;
       }
-      return nl((H = e.value) == null ? void 0 : H.startDate, (G = e.value) == null ? void 0 : G.endDate) && ((ae = e == null ? void 0 : e.options) != null && ae.allowTimeInput) ? `${ye(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
+      return ul((j = e.value) == null ? void 0 : j.startDate, (G = e.value) == null ? void 0 : G.endDate) && ((ae = e == null ? void 0 : e.options) != null && ae.allowTimeInput) ? `${ye(e.value.startDate, "dd MMM, yyyy HH:mm:ss", {
         locale: l[t.value.substring(0, 2)] || l.enUS
       })} - ${ye(e.value.endDate, "HH:mm:ss", {
         locale: l[t.value.substring(0, 2)] || l.enUS
@@ -933,71 +963,72 @@ const ht = /* @__PURE__ */ te(_l, [["render", Dl], ["__scopeId", "data-v-1e5e2fc
       })} - ${ye(e.value.endDate, "dd MMM, yyyy", {
         locale: l[t.value.substring(0, 2)] || l.enUS
       })}`;
-    }), T = c(() => e.label), k = () => {
-      h.value.closePopover();
+    }), _ = c(() => e.label), R = () => {
+      B.value.closePopover();
       const { onlySlot: o, ...L } = e;
-      n(g.UPDATE, { ...L, value: a.value });
-    }, w = () => {
-      a.value = void 0, k();
-    }, U = () => {
-      a.value = e.defaultValue, k();
+      n(S.UPDATE, { ...L, value: a.value });
+    }, V = () => {
+      a.value = void 0, R();
+    }, P = () => {
+      a.value = e.defaultValue, R();
     }, N = () => {
       a.value = e.value;
     }, F = (o) => {
-      u.value = !1, a.value = o, d.startDate = p(o.startDate), d.endDate = p(o.endDate), n(g.INPUT, { ...e, value: a.value });
-    }, V = (o) => {
-      o != null && o.startDate && (o != null && o.endDate) && (a.value = o, d.startDate = p(o.startDate), d.endDate = p(o.endDate), n(g.INPUT, { ...e, value: a.value }));
-    }, R = (o) => {
-      F(o), n(g.INPUT, { ...e, value: a.value });
-    }, K = c(
+      u.value = !1, a.value = o, d.startDate = p(o.startDate), d.endDate = p(o.endDate), n(S.INPUT, { ...e, value: a.value });
+    }, k = (o) => {
+      o != null && o.startDate && (o != null && o.endDate) && (a.value = o, d.startDate = p(o.startDate), d.endDate = p(o.endDate), n(S.INPUT, { ...e, value: a.value }));
+    }, w = (o) => {
+      F(o), n(S.INPUT, { ...e, value: a.value });
+    }, q = c(
       () => [
         {
           title: r("apply"),
-          event: k,
-          disabled: u.value || _.value || s.value
+          event: R,
+          disabled: u.value || A.value || i.value
         },
         {
           title: e.defaultValue ? r("reset") : r("clear"),
-          event: e.defaultValue ? U : w,
-          disabled: _.value && i.value
+          event: e.defaultValue ? P : V,
+          disabled: A.value && s.value
         }
       ]
     );
     return {
       // Refs
-      baseFilter: h,
+      baseFilter: B,
       // Values
-      actions: K,
+      actions: q,
       formData: d,
       internalFilterValue: a,
-      isApplyButtonDisabled: s,
-      isSecondaryButtonDisabled: i,
+      isApplyButtonDisabled: i,
+      isSecondaryButtonDisabled: s,
       isSelectingDate: u,
-      buttonLabel: T,
-      buttonSecondaryLabel: A,
+      buttonLabel: _,
+      buttonSecondaryLabel: I,
       // Events
       onDateSelected: F,
       openFilter: N,
-      clearFilter: w,
-      resetFilter: U,
-      updateFilter: k,
+      clearFilter: V,
+      resetFilter: P,
+      updateFilter: R,
       onDatePickerRangeError: () => {
-        _.value = !0, a.value = { startDate: void 0, endDate: void 0 }, n(g.INPUT, { ...e, value: a.value });
+        A.value = !0, a.value = { startDate: void 0, endDate: void 0 }, n(S.INPUT, { ...e, value: a.value });
       },
       onDatePickerRangeFormDateInputUpdate: (o) => {
-        _.value = !1, o.startTime && (d.startTime = o.startTime), o.endTime && (d.endTime = o.endTime);
+        A.value = !1, o.startTime && (d.startTime = o.startTime), o.endTime && (d.endTime = o.endTime);
       },
-      onDateInputSelected: R,
-      onRangeSelectorInput: V
+      onDateInputSelected: w,
+      onRangeSelectorInput: k
     };
   }
-}), Tl = {
+}), Ll = {
   key: 1,
   class: "b-date-range-filter"
 };
-function $l(e, n, t, r, l, a) {
-  const i = P("bento-date-range-picker"), s = P("bento-typography"), u = P("bento-divider"), p = P("bento-button-actions"), b = P("date-range-picker-calendar"), h = P("bento-base-filter");
-  return v(), E(h, {
+function Ol(e, n, t, r, l, a) {
+  var A, d;
+  const s = $("bento-date-range-picker"), i = $("bento-typography"), u = $("bento-divider"), p = $("bento-button-actions"), b = $("date-range-picker-calendar"), B = $("bento-base-filter");
+  return v(), E(B, {
     ref: "baseFilter",
     class: "b-base-filter-date-range-filter",
     "button-label": e.buttonLabel,
@@ -1010,60 +1041,62 @@ function $l(e, n, t, r, l, a) {
     field: e.field,
     label: e.label,
     "only-slot": e.onlySlot,
+    "tooltip-position": (A = e.options) == null ? void 0 : A.tooltipPosition,
+    "tooltip-text": (d = e.options) == null ? void 0 : d.tooltipText,
     "fit-content": "",
     onOpen: e.openFilter,
     onClear: e.clearFilter,
     onReset: e.resetFilter
   }, {
-    default: y(() => {
-      var _, d, I, A, T, k, w, U, N, F, V, R, K, D, q, J, x;
+    default: g(() => {
+      var T, I, _, R, V, P, N, F, k, w, q, C, H, J, x, h, y;
       return [
-        e.onlySlot ? (v(), E(i, {
+        e.onlySlot ? (v(), E(s, {
           key: 0,
-          "allow-time-input": (_ = e.options) == null ? void 0 : _.allowTimeInput,
+          "allow-time-input": (T = e.options) == null ? void 0 : T.allowTimeInput,
           value: e.internalFilterValue,
-          "first-day-of-week": (d = e.options) == null ? void 0 : d.firstDayOfWeek,
-          "is-date-disabled": (I = e.options) == null ? void 0 : I.isDateDisabled,
-          "number-of-months": (A = e.options) == null ? void 0 : A.numberOfMonths,
-          "quick-select-ranges": (T = e.options) == null ? void 0 : T.quickSelectRanges,
-          variant: (k = e.options) == null ? void 0 : k.variant,
+          "first-day-of-week": (I = e.options) == null ? void 0 : I.firstDayOfWeek,
+          "is-date-disabled": (_ = e.options) == null ? void 0 : _.isDateDisabled,
+          "number-of-months": (R = e.options) == null ? void 0 : R.numberOfMonths,
+          "quick-select-ranges": (V = e.options) == null ? void 0 : V.quickSelectRanges,
+          variant: (P = e.options) == null ? void 0 : P.variant,
           onInput: e.onDateInputSelected
-        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "onInput"])) : (v(), z("div", Tl, [
-          $(b, {
-            "allow-time-input": (w = e.options) == null ? void 0 : w.allowTimeInput,
-            "first-day-of-week": (U = e.options) == null ? void 0 : U.firstDayOfWeek,
-            "is-date-disabled": (N = e.options) == null ? void 0 : N.isDateDisabled,
-            granularities: (F = e.options) == null ? void 0 : F.granularities,
-            "max-range": (V = e.options) == null ? void 0 : V.maxRange,
-            min: (R = e.options) == null ? void 0 : R.min,
-            max: (K = e.options) == null ? void 0 : K.max,
-            "number-of-months": (D = e.options) == null ? void 0 : D.numberOfMonths,
-            "quick-select-ranges": (q = e.options) == null ? void 0 : q.quickSelectRanges,
+        }, null, 8, ["allow-time-input", "value", "first-day-of-week", "is-date-disabled", "number-of-months", "quick-select-ranges", "variant", "onInput"])) : (v(), z("div", Ll, [
+          U(b, {
+            "allow-time-input": (N = e.options) == null ? void 0 : N.allowTimeInput,
+            "first-day-of-week": (F = e.options) == null ? void 0 : F.firstDayOfWeek,
+            "is-date-disabled": (k = e.options) == null ? void 0 : k.isDateDisabled,
+            granularities: (w = e.options) == null ? void 0 : w.granularities,
+            "max-range": (q = e.options) == null ? void 0 : q.maxRange,
+            min: (C = e.options) == null ? void 0 : C.min,
+            max: (H = e.options) == null ? void 0 : H.max,
+            "number-of-months": (J = e.options) == null ? void 0 : J.numberOfMonths,
+            "quick-select-ranges": (x = e.options) == null ? void 0 : x.quickSelectRanges,
             value: e.internalFilterValue,
             "date-form-data": e.formData,
-            "show-end-date-on-open": (J = e.options) == null ? void 0 : J.showEndDateOnOpen,
-            variant: (x = e.options) == null ? void 0 : x.variant,
+            "show-end-date-on-open": (h = e.options) == null ? void 0 : h.showEndDateOnOpen,
+            variant: (y = e.options) == null ? void 0 : y.variant,
             onInput: e.onDateSelected,
             onCustomRange: e.onRangeSelectorInput,
             onError: e.onDatePickerRangeError,
             onFormDate: e.onDatePickerRangeFormDateInputUpdate,
-            onStartDateSelected: n[0] || (n[0] = (B) => e.isSelectingDate = !0)
+            onStartDateSelected: n[0] || (n[0] = (o) => e.isSelectingDate = !0)
           }, {
-            title: y(() => [
-              $(s, {
+            title: g(() => [
+              U(i, {
                 strongest: "",
                 variant: "body",
                 el: "span"
               }, {
-                default: y(() => [
+                default: g(() => [
                   Z(Q(e.label), 1)
                 ]),
                 _: 1
               })
             ]),
-            actions: y(() => [
-              $(u, { class: "b-date-range-filter__divider" }),
-              $(p, {
+            actions: g(() => [
+              U(u, { class: "b-date-range-filter__divider" }),
+              U(p, {
                 class: "b-date-range-filter__actions",
                 actions: e.actions,
                 layout: "space-between"
@@ -1075,9 +1108,9 @@ function $l(e, n, t, r, l, a) {
       ];
     }),
     _: 1
-  }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "onOpen", "onClear", "onReset"]);
+  }, 8, ["button-label", "button-secondary-label", "controlled", "disabled", "disable-apply-button", "disable-secondary-button", "default-value", "field", "label", "only-slot", "tooltip-position", "tooltip-text", "onOpen", "onClear", "onReset"]);
 }
-const St = /* @__PURE__ */ te(Il, [["render", $l], ["__scopeId", "data-v-703b3102"]]), Bt = {
+const Ct = /* @__PURE__ */ te(El, [["render", Ol], ["__scopeId", "data-v-901fdbc1"]]), Dt = {
   "en-US": {
     all: "All",
     noFiltersMatchThisSearch: "No filters match this search",
@@ -1089,10 +1122,10 @@ const St = /* @__PURE__ */ te(Il, [["render", $l], ["__scopeId", "data-v-703b310
   "pt-BR": {
     all: "Todos"
   }
-}, Pl = { class: "b-select-filter-button__search-bar" }, Ul = { class: "b-select-filter-button__divider" }, El = {
-  i18n: { messages: Bt }
-}, Ll = /* @__PURE__ */ Y({
-  ...El,
+}, Rl = { class: "b-select-filter-button__search-bar" }, wl = { class: "b-select-filter-button__divider" }, Vl = {
+  i18n: { messages: Dt }
+}, kl = /* @__PURE__ */ Y({
+  ...Vl,
   __name: "select-filter-button",
   props: {
     /**
@@ -1145,156 +1178,161 @@ const St = /* @__PURE__ */ te(Il, [["render", $l], ["__scopeId", "data-v-703b310
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    var x, B;
-    const t = Le(), r = n, l = e, { t: a } = de({ messages: Bt }), i = M(""), s = ee(l, "options"), u = M(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: p, setCachedValues: b, resetCache: h } = Ye(
+    var x, h;
+    const t = Le(), r = n, l = e, { t: a } = de({ messages: Dt }), s = M(""), i = ee(l, "options"), u = M(l.options.listboxItems ?? []), { cachedSelectedListboxOptions: p, setCachedValues: b, resetCache: B } = Ge(
       u,
       ee(l, "value"),
-      ee(s.value, "multiple")
-    ), { cachedSelectedListboxOptions: _ } = Ye(
+      ee(i.value, "multiple")
+    ), { cachedSelectedListboxOptions: A } = Ge(
       u,
       ee(l, "defaultValue"),
-      ee(s.value, "multiple")
-    ), { internalFilterValue: d, isSecondaryButtonDisabled: I, isApplyButtonDisabled: A } = ve(p, _);
-    ue(s, () => {
-      u.value = s.value.listboxItems ?? [];
+      ee(i.value, "multiple")
+    ), { internalFilterValue: d, isSecondaryButtonDisabled: T, isApplyButtonDisabled: I } = ve(p, A);
+    ue(i, () => {
+      u.value = i.value.listboxItems ?? [];
     });
-    const T = vt(
-      i,
+    const _ = yt(
+      s,
       u,
-      (B = (x = l.options) == null ? void 0 : x.search) == null ? void 0 : B.searchEvent
-    ), k = c(() => a("noFiltersMatchThisSearch")), w = c(() => l.label), U = c(() => {
+      (h = (x = l.options) == null ? void 0 : x.search) == null ? void 0 : h.searchEvent
+    ), R = c(() => a("noFiltersMatchThisSearch")), V = c(() => l.label), P = c(() => {
       var L, W, m, f;
-      const S = !((L = l == null ? void 0 : l.options) != null && L.multiple) && (l == null ? void 0 : l.value), o = ((m = ((W = l == null ? void 0 : l.options) == null ? void 0 : W.multiple) && l.value) == null ? void 0 : m.length) === 1;
-      if (S || o) {
-        let H = (f = l.options.listboxItems.flatMap((G) => G.items ? G.items : G).find(
+      const y = !((L = l == null ? void 0 : l.options) != null && L.multiple) && (l == null ? void 0 : l.value), o = ((m = ((W = l == null ? void 0 : l.options) == null ? void 0 : W.multiple) && l.value) == null ? void 0 : m.length) === 1;
+      if (y || o) {
+        let j = (f = l.options.listboxItems.flatMap((G) => G.items ? G.items : G).find(
           ({ value: G }) => {
             var ae;
             return Array.isArray(l.value) ? (ae = l == null ? void 0 : l.value) == null ? void 0 : ae.includes(G) : G === l.value;
           }
         )) == null ? void 0 : f.label;
-        return !H && l.value && (H = l.value[0]), Se(H, 12);
+        return !j && l.value && (j = l.value[0]), Se(j, 12);
       }
       return null;
-    }), N = c(() => ke(`filter-listbox-${l.field}`)), F = (S) => {
-      d.value = S;
+    }), N = c(() => ke(`filter-listbox-${l.field}`)), F = (y) => {
+      d.value = y;
       const { onlySlot: o, ...L } = l;
       if (l.options.multiple) {
-        const m = S.length ? d.value.map(({ value: f }) => f) : null;
-        r(g.INPUT, { ...L, value: m });
+        const m = y.length ? d.value.map(({ value: f }) => f) : null;
+        r(S.INPUT, { ...L, value: m });
         return;
       }
-      const W = S.length ? S[0].value : null;
-      r(g.INPUT, { ...L, value: W });
-    }, V = () => {
+      const W = y.length ? y[0].value : null;
+      r(S.INPUT, { ...L, value: W });
+    }, k = () => {
       var W, m, f;
-      const { onlySlot: S, ...o } = l;
+      const { onlySlot: y, ...o } = l;
       if (l.options.multiple) {
-        d.value && ((W = d.value) == null ? void 0 : W.length) === 0 && (d.value = l.defaultValue !== null ? _.value : void 0);
-        const O = (m = d.value) != null && m.length ? (f = d.value) == null ? void 0 : f.map(({ value: H }) => H) : null;
-        r(g.UPDATE, {
+        d.value && ((W = d.value) == null ? void 0 : W.length) === 0 && (d.value = l.defaultValue !== null ? A.value : void 0);
+        const O = (m = d.value) != null && m.length ? (f = d.value) == null ? void 0 : f.map(({ value: j }) => j) : null;
+        r(S.UPDATE, {
           ...o,
           value: O
         });
         return;
       }
       const L = d.value.length ? d.value[0].value : void 0;
-      r(g.UPDATE, { ...o, value: L });
-    }, R = () => {
+      r(S.UPDATE, { ...o, value: L });
+    }, w = () => {
       d.value = p.value;
-    }, K = () => {
-      i.value && (i.value = "");
-    }, D = () => {
-      b(_.value), d.value = _.value, V();
     }, q = () => {
-      h(), d.value = [], V();
+      s.value && (s.value = "");
+    }, C = () => {
+      b(A.value), d.value = A.value, k();
+    }, H = () => {
+      B(), d.value = [], k();
     }, J = c(() => {
       var L, W;
       if (l.value == null || !l.options.multiple)
         return null;
-      const S = (L = l.options.listboxItems) == null ? void 0 : L.reduce((m, f) => {
+      const y = (L = l.options.listboxItems) == null ? void 0 : L.reduce((m, f) => {
         var O;
         return m += (O = f == null ? void 0 : f.items) != null && O.length ? f.items.length : 1, m;
       }, 0), o = (W = l.value) == null ? void 0 : W.length;
-      return o === 1 ? null : o === S ? a("all") : o;
+      return o === 1 ? null : o === y ? a("all") : o;
     });
-    return (S, o) => (v(), E(C(Fe), {
-      "applied-filters-count": J.value,
-      "button-label": w.value,
-      "button-secondary-label": U.value,
-      disabled: e.disabled,
-      "disable-apply-button": C(A),
-      "disable-secondary-button": C(I),
-      "default-value": e.defaultValue,
-      label: e.label,
-      field: e.field,
-      "only-slot": !1,
-      value: e.value,
-      onApply: V,
-      onClear: q,
-      onReset: D,
-      onOpen: R,
-      onClose: K
-    }, {
-      default: y(() => {
-        var L, W, m, f, O, H, G, ae, ce, me, le, je, Ke, qe;
-        return [
-          j("div", Pl, [
-            $(C(Ue), {
-              "debounce-time": (W = (L = e.options) == null ? void 0 : L.search) == null ? void 0 : W.debounceTime,
-              value: i.value,
-              "input-field-aria-label": C(a)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
-              onInput: o[0] || (o[0] = (Re) => i.value = Re)
-            }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
-          ]),
-          j("div", Ul, [
-            $(C(He))
-          ]),
-          $(C(Zt), {
-            id: N.value,
-            "aria-label": e.label,
-            class: "b-select-filter-button__wrapper",
-            "component-loading": (m = e.options) == null ? void 0 : m.loading,
-            "empty-state": (f = e.options) == null ? void 0 : f.emptyState,
-            "has-more-items": (H = (O = e.options) == null ? void 0 : O.lazy) == null ? void 0 : H.hasMoreItems,
-            items: C(T),
-            "is-option-disabled": (G = e.options) == null ? void 0 : G.isOptionDisabled,
-            "lazy-load-type": (ce = (ae = e.options) == null ? void 0 : ae.lazy) == null ? void 0 : ce.lazyLoadType,
-            loading: (le = (me = e.options) == null ? void 0 : me.lazy) == null ? void 0 : le.loading,
-            multiple: (je = e.options) == null ? void 0 : je.multiple,
-            "static-categories": (Ke = e.options) == null ? void 0 : Ke.staticCategories,
-            "no-results-message": k.value,
-            searching: !!i.value,
-            "selected-value": C(d),
-            "virtual-scroll": (qe = e.options) == null ? void 0 : qe.virtualScroll,
-            onSelect: F,
-            onSpacePressed: F,
-            onEnterPressed: F,
-            onShowMore: o[1] || (o[1] = (Re) => {
-              var Ce, Ie;
-              return (Ie = (Ce = e.options) == null ? void 0 : Ce.lazy) == null ? void 0 : Ie.showMoreEvent();
-            })
-          }, De({ _: 2 }, [
-            fe(C(t), (Re, Ce) => ({
-              name: Ce,
-              fn: y((Ie) => [
-                re(S.$slots, Ce, $e(Pe(Ie)), void 0, !0)
-              ])
-            }))
-          ]), 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", "value"]));
+    return (y, o) => {
+      var L, W;
+      return v(), E(D(Fe), {
+        "applied-filters-count": J.value,
+        "button-label": V.value,
+        "button-secondary-label": P.value,
+        disabled: e.disabled,
+        "disable-apply-button": D(I),
+        "disable-secondary-button": D(T),
+        "default-value": e.defaultValue,
+        label: e.label,
+        field: e.field,
+        "only-slot": !1,
+        "tooltip-position": (L = e.options) == null ? void 0 : L.tooltipPosition,
+        "tooltip-text": (W = e.options) == null ? void 0 : W.tooltipText,
+        value: e.value,
+        onApply: k,
+        onClear: H,
+        onReset: C,
+        onOpen: w,
+        onClose: q
+      }, {
+        default: g(() => {
+          var m, f, O, j, G, ae, ce, me, le, je, Ke, qe, Je, ze;
+          return [
+            K("div", Rl, [
+              U(D(Ue), {
+                "debounce-time": (f = (m = e.options) == null ? void 0 : m.search) == null ? void 0 : f.debounceTime,
+                value: s.value,
+                "input-field-aria-label": D(a)("searchFilter", { filter: e.label.toLocaleLowerCase() }),
+                onInput: o[0] || (o[0] = (Re) => s.value = Re)
+              }, null, 8, ["debounce-time", "value", "input-field-aria-label"])
+            ]),
+            K("div", wl, [
+              U(D(He))
+            ]),
+            U(D(tl), {
+              id: N.value,
+              "aria-label": e.label,
+              class: "b-select-filter-button__wrapper",
+              "component-loading": (O = e.options) == null ? void 0 : O.loading,
+              "empty-state": (j = e.options) == null ? void 0 : j.emptyState,
+              "has-more-items": (ae = (G = e.options) == null ? void 0 : G.lazy) == null ? void 0 : ae.hasMoreItems,
+              items: D(_),
+              "is-option-disabled": (ce = e.options) == null ? void 0 : ce.isOptionDisabled,
+              "lazy-load-type": (le = (me = e.options) == null ? void 0 : me.lazy) == null ? void 0 : le.lazyLoadType,
+              loading: (Ke = (je = e.options) == null ? void 0 : je.lazy) == null ? void 0 : Ke.loading,
+              multiple: (qe = e.options) == null ? void 0 : qe.multiple,
+              "static-categories": (Je = e.options) == null ? void 0 : Je.staticCategories,
+              "no-results-message": R.value,
+              searching: !!s.value,
+              "selected-value": D(d),
+              "virtual-scroll": (ze = e.options) == null ? void 0 : ze.virtualScroll,
+              onSelect: F,
+              onSpacePressed: F,
+              onEnterPressed: F,
+              onShowMore: o[1] || (o[1] = (Re) => {
+                var Ce, Ie;
+                return (Ie = (Ce = e.options) == null ? void 0 : Ce.lazy) == null ? void 0 : Ie.showMoreEvent();
+              })
+            }, _e({ _: 2 }, [
+              fe(D(t), (Re, Ce) => ({
+                name: Ce,
+                fn: g((Ie) => [
+                  re(y.$slots, Ce, $e(Pe(Ie)), void 0, !0)
+                ])
+              }))
+            ]), 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", "tooltip-position", "tooltip-text", "value"]);
+    };
   }
-}), Ol = /* @__PURE__ */ te(Ll, [["__scopeId", "data-v-96b1316d"]]), Ct = {
+}), Nl = /* @__PURE__ */ te(kl, [["__scopeId", "data-v-8c40d69c"]]), At = {
   "en-US": {
     noFiltersMatchThisSearch: "No filters match this search"
   }
-}, Rl = {
-  i18n: { messages: Ct },
+}, Ml = {
+  i18n: { messages: At },
   name: "select-filter-dropdown"
-}, wl = /* @__PURE__ */ Y({
-  ...Rl,
+}, Hl = /* @__PURE__ */ Y({
+  ...Ml,
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1347,35 +1385,35 @@ const St = /* @__PURE__ */ te(Il, [["render", $l], ["__scopeId", "data-v-703b310
   },
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: Ct }), r = Le(), l = n, a = e, { internalFilterValue: i } = ve(ee(a, "value"), ee(a, "defaultValue")), s = ee(a, "options"), u = M(a.options.listboxItems);
-    ue(s, () => {
-      u.value = s.value.listboxItems;
+    const { t } = de({ messages: At }), r = Le(), l = n, a = e, { internalFilterValue: s } = ve(ee(a, "value"), ee(a, "defaultValue")), i = ee(a, "options"), u = M(a.options.listboxItems);
+    ue(i, () => {
+      u.value = i.value.listboxItems;
     });
-    const p = c(() => t("noFiltersMatchThisSearch")), b = (h) => {
-      i.value = h;
-      const { onlySlot: _, ...d } = a;
-      l(g.INPUT, { ...d, value: i.value });
+    const p = c(() => t("noFiltersMatchThisSearch")), b = (B) => {
+      s.value = B;
+      const { onlySlot: A, ...d } = a;
+      l(S.INPUT, { ...d, value: s.value });
     };
-    return (h, _) => {
-      var d, I, A, T, k;
-      return v(), E(C(zt), {
-        value: C(i),
+    return (B, A) => {
+      var d, T, I, _, R;
+      return v(), E(D(Qt), {
+        value: D(s),
         items: e.options.listboxItems,
         search: (d = e.options) == null ? void 0 : d.search,
-        multiple: (I = e.options) == null ? void 0 : I.multiple,
-        "static-categories": (A = e.options) == null ? void 0 : A.staticCategories,
+        multiple: (T = e.options) == null ? void 0 : T.multiple,
+        "static-categories": (I = e.options) == null ? void 0 : I.staticCategories,
         "no-results-message": p.value,
         "is-option-disabled": e.options.isOptionDisabled,
         "dynamic-filtering": !0,
-        "component-loading": (T = e.options) == null ? void 0 : T.loading,
-        "empty-state": (k = e.options) == null ? void 0 : k.emptyState,
+        "component-loading": (_ = e.options) == null ? void 0 : _.loading,
+        "empty-state": (R = e.options) == null ? void 0 : R.emptyState,
         disabled: e.disabled,
         onInput: b
-      }, De({ _: 2 }, [
-        fe(C(r), (w, U) => ({
-          name: U,
-          fn: y((N) => [
-            re(h.$slots, U, $e(Pe(N)))
+      }, _e({ _: 2 }, [
+        fe(D(r), (V, P) => ({
+          name: P,
+          fn: g((N) => [
+            re(B.$slots, P, $e(Pe(N)))
           ])
         }))
       ]), 1032, ["value", "items", "search", "multiple", "static-categories", "no-results-message", "is-option-disabled", "component-loading", "empty-state", "disabled"]);
@@ -1414,6 +1452,8 @@ const St = /* @__PURE__ */ te(Il, [["render", $l], ["__scopeId", "data-v-703b310
    * Available options:
    *   - multiple: If "true", the user will be able to select multiple items.
    *   - listboxItems: The option elements to populate the filter with.
+   *   - tooltipPosition: The position of the tooltip attached to the filter button
+   *   - tooltipText: The content of the tooltip attached to the filter button
    *
    * @default undefined
    */
@@ -1430,62 +1470,62 @@ const St = /* @__PURE__ */ te(Il, [["render", $l], ["__scopeId", "data-v-703b310
     type: [String, Number, Array],
     default: void 0
   }
-}, Vl = {}, ge = /* @__PURE__ */ Y({
-  ...Vl,
+}, jl = {}, ge = /* @__PURE__ */ Y({
+  ...jl,
   __name: "select-filter",
   props: Be,
   emits: ["input", "update"],
   setup(e, { emit: n }) {
-    const t = Le(), r = n, l = e, a = (s) => r("input", s), i = (s) => r("update", s);
-    return rt(() => {
-      var s;
-      (s = l == null ? void 0 : l.options) != null && s.messages && Ne(
+    const t = Le(), r = n, l = e, a = (i) => r("input", i), s = (i) => r("update", i);
+    return dt(() => {
+      var i;
+      (i = l == null ? void 0 : l.options) != null && i.messages && Ne(
         'BentoFilterBar filter of type "BentoFilterItemType.SELECT" options message property',
         `Please remove the "options.messages" property from this filter, it is not required any more for persistent filters.
                         This will be the default behavior in the v2 and "options.messages" will be removed.`,
         "2.0.0"
       );
-    }), (s, u) => s.onlySlot ? (v(), E(C(wl), {
+    }), (i, u) => i.onlySlot ? (v(), E(D(Hl), {
       key: 0,
-      disabled: s.disabled,
-      "default-value": s.defaultValue,
-      field: s.field,
-      label: s.label,
-      options: s.options,
-      value: s.value,
+      disabled: i.disabled,
+      "default-value": i.defaultValue,
+      field: i.field,
+      label: i.label,
+      options: i.options,
+      value: i.value,
       onInput: a,
-      onUpdate: i
-    }, De({ _: 2 }, [
-      fe(C(t), (p, b) => ({
+      onUpdate: s
+    }, _e({ _: 2 }, [
+      fe(D(t), (p, b) => ({
         name: b,
-        fn: y((h) => [
-          re(s.$slots, b, $e(Pe(h)))
+        fn: g((B) => [
+          re(i.$slots, b, $e(Pe(B)))
         ])
       }))
-    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (v(), E(C(Ol), {
+    ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"])) : (v(), E(D(Nl), {
       key: 1,
-      disabled: s.disabled,
-      "default-value": s.defaultValue,
-      field: s.field,
-      label: s.label,
-      options: s.options,
-      value: s.value,
+      disabled: i.disabled,
+      "default-value": i.defaultValue,
+      field: i.field,
+      label: i.label,
+      options: i.options,
+      value: i.value,
       onInput: a,
-      onUpdate: i
-    }, De({ _: 2 }, [
-      fe(C(t), (p, b) => ({
+      onUpdate: s
+    }, _e({ _: 2 }, [
+      fe(D(t), (p, b) => ({
         name: b,
-        fn: y((h) => [
-          re(s.$slots, b, $e(Pe(h)))
+        fn: g((B) => [
+          re(i.$slots, b, $e(Pe(B)))
         ])
       }))
     ]), 1032, ["disabled", "default-value", "field", "label", "options", "value"]));
   }
-}), kl = Y({
+}), Kl = Y({
   name: "bento-select-avatar-filter",
   components: {
     BentoSelectFilter: ge,
-    BentoAvatar: xt
+    BentoAvatar: ol
   },
   props: {
     ...Be,
@@ -1500,26 +1540,26 @@ const St = /* @__PURE__ */ te(Il, [["render", $l], ["__scopeId", "data-v-703b310
       default: void 0
     }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
     return {
       // Enums
-      BentoFilterEvent: g,
+      BentoFilterEvent: S,
       // Methods
-      onUpdate: (r) => n(g.UPDATE, r)
+      onUpdate: (r) => n(S.UPDATE, r)
     };
   }
 });
-function Nl(e, n, t, r, l, a) {
-  const i = P("bento-avatar"), s = P("bento-select-filter");
-  return v(), E(s, oe(e.$props, {
+function ql(e, n, t, r, l, a) {
+  const s = $("bento-avatar"), i = $("bento-select-filter");
+  return v(), E(i, ne(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (u) => e.$emit(e.BentoFilterEvent.INPUT, u))
   }), {
-    default: y(({ label: u, data: p }) => [
-      $(i, {
+    default: g(({ label: u, data: p }) => [
+      U(s, {
         username: u,
         src: p
       }, null, 8, ["username", "src"])
@@ -1527,11 +1567,11 @@ function Nl(e, n, t, r, l, a) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const _t = /* @__PURE__ */ te(kl, [["render", Nl]]), Ml = Y({
+const _t = /* @__PURE__ */ te(Kl, [["render", ql]]), Jl = Y({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: ge,
-    ListboxOptionTag: mt
+    ListboxOptionTag: Ft
   },
   props: {
     ...Be,
@@ -1546,36 +1586,36 @@ const _t = /* @__PURE__ */ te(kl, [["render", Nl]]), Ml = Y({
       default: void 0
     }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
     return {
       // Enums
-      BentoFilterEvent: g,
+      BentoFilterEvent: S,
       // Methods
       onUpdate: (r) => {
-        n(g.UPDATE, r);
+        n(S.UPDATE, r);
       }
     };
   }
 });
-function Hl(e, n, t, r, l, a) {
-  const i = P("listbox-option-tag"), s = P("bento-select-filter");
-  return v(), E(s, oe(e.$props, {
+function zl(e, n, t, r, l, a) {
+  const s = $("listbox-option-tag"), i = $("bento-select-filter");
+  return v(), E(i, ne(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (u) => e.$emit(e.BentoFilterEvent.INPUT, u))
   }), {
-    default: y((u) => [
-      $(i, { option: u }, null, 8, ["option"])
+    default: g((u) => [
+      U(s, { option: u }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const At = /* @__PURE__ */ te(Ml, [["render", Hl]]), jl = {
+const It = /* @__PURE__ */ te(Jl, [["render", zl]]), Yl = {
   name: "bento-select-country-filter"
-}, Dt = /* @__PURE__ */ Y({
-  ...jl,
+}, Tt = /* @__PURE__ */ Y({
+  ...Yl,
   props: {
     ...Be,
     /**
@@ -1590,31 +1630,31 @@ const At = /* @__PURE__ */ te(Ml, [["render", Hl]]), jl = {
       default: void 0
     }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
     const t = e, r = n, l = M(t.options.variant), a = M(t.options.listboxItems);
     ue([() => t.options.variant, () => t.options.listboxItems], () => {
       l.value = t.options.variant, a.value = t.options.listboxItems;
     });
-    const i = (p) => r(g.UPDATE, p), s = Xt(l, a), u = c(() => ({
+    const s = (p) => r(S.UPDATE, p), i = al(l, a), u = c(() => ({
       ...t != null && t.options ? t.options : {},
-      listboxItems: s.value
+      listboxItems: i.value
     }));
     return (!l.value || l.value === "custom") && Ne(
       '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) => (v(), E(ge, oe(t, {
+    ), (p, b) => (v(), E(ge, ne(t, {
       field: p.field,
       label: p.label,
       options: u.value,
-      onUpdate: i,
-      onInput: b[0] || (b[0] = (h) => p.$emit(C(g).INPUT, h))
+      onUpdate: s,
+      onInput: b[0] || (b[0] = (B) => p.$emit(D(S).INPUT, B))
     }), {
-      default: y(({ label: h }) => [
-        $(C(pe), { el: "span" }, {
-          default: y(() => [
-            Z(Q(h), 1)
+      default: g(({ label: B }) => [
+        U(D(pe), { el: "span" }, {
+          default: g(() => [
+            Z(Q(B), 1)
           ]),
           _: 2
         }, 1024)
@@ -1622,11 +1662,11 @@ const At = /* @__PURE__ */ te(Ml, [["render", Hl]]), jl = {
       _: 1
     }, 16, ["field", "label", "options"]));
   }
-}), Kl = Y({
+}), Wl = Y({
   name: "bento-select-payment-method-filter",
   components: {
     BentoSelectFilter: ge,
-    BentoPaymentMethod: Qt
+    BentoPaymentMethod: ll
   },
   props: {
     ...Be,
@@ -1641,26 +1681,26 @@ const At = /* @__PURE__ */ te(Ml, [["render", Hl]]), jl = {
       default: void 0
     }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
     return {
       // Enums
-      BentoFilterEvent: g,
+      BentoFilterEvent: S,
       // Methods
-      onUpdate: (r) => n(g.UPDATE, r)
+      onUpdate: (r) => n(S.UPDATE, r)
     };
   }
 });
-function ql(e, n, t, r, l, a) {
-  const i = P("bento-payment-method"), s = P("bento-select-filter");
-  return v(), E(s, oe(e.$props, {
+function Gl(e, n, t, r, l, a) {
+  const s = $("bento-payment-method"), i = $("bento-select-filter");
+  return v(), E(i, ne(e.$props, {
     field: e.field,
     label: e.label,
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (u) => e.$emit(e.BentoFilterEvent.INPUT, u))
   }), {
-    default: y(({ value: u, label: p }) => [
-      $(i, {
+    default: g(({ value: u, label: p }) => [
+      U(s, {
         type: u,
         label: p
       }, null, 8, ["type", "label"])
@@ -1668,11 +1708,11 @@ function ql(e, n, t, r, l, a) {
     _: 1
   }, 16, ["field", "label", "onUpdate"]);
 }
-const It = /* @__PURE__ */ te(Kl, [["render", ql]]), Jl = Y({
+const $t = /* @__PURE__ */ te(Wl, [["render", Gl]]), Zl = Y({
   name: "bento-select-country-filter",
   components: {
     BentoSelectFilter: ge,
-    ListboxOptionTag: mt
+    ListboxOptionTag: Ft
   },
   props: {
     ...Be,
@@ -1687,12 +1727,12 @@ const It = /* @__PURE__ */ te(Kl, [["render", ql]]), Jl = Y({
       default: void 0
     }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
-    const t = (a) => n(g.UPDATE, a), r = c(
+    const t = (a) => n(S.UPDATE, a), r = c(
       () => {
-        var a, i;
-        return (i = (a = e == null ? void 0 : e.options) == null ? void 0 : a.listboxItems) == null ? void 0 : i.map(({ label: s, value: u, variant: p }) => ({ label: s, value: u, data: p }));
+        var a, s;
+        return (s = (a = e == null ? void 0 : e.options) == null ? void 0 : a.listboxItems) == null ? void 0 : s.map(({ label: i, value: u, variant: p }) => ({ label: i, value: u, data: p }));
       }
     );
     return {
@@ -1704,28 +1744,28 @@ const It = /* @__PURE__ */ te(Kl, [["render", ql]]), Jl = Y({
       // Methods
       onUpdate: t,
       // Enums
-      BentoFilterEvent: g
+      BentoFilterEvent: S
     };
   }
 });
-function zl(e, n, t, r, l, a) {
-  const i = P("listbox-option-tag"), s = P("bento-select-filter");
-  return v(), E(s, oe(e.$props, {
+function Ql(e, n, t, r, l, a) {
+  const s = $("listbox-option-tag"), i = $("bento-select-filter");
+  return v(), E(i, ne(e.$props, {
     field: e.field,
     label: e.label,
     options: e.countryOptions,
     onUpdate: e.onUpdate,
     onInput: n[0] || (n[0] = (u) => e.$emit(e.BentoFilterEvent.INPUT, u))
   }), {
-    default: y(({ label: u, data: p }) => [
-      $(i, {
+    default: g(({ label: u, data: p }) => [
+      U(s, {
         option: { value: u, data: p, label: "" }
       }, null, 8, ["option"])
     ]),
     _: 1
   }, 16, ["field", "label", "options", "onUpdate"]);
 }
-const Tt = /* @__PURE__ */ te(Jl, [["render", zl]]), lt = {
+const Pt = /* @__PURE__ */ te(Zl, [["render", Ql]]), ot = {
   "en-US": {
     no: "No",
     yes: "Yes"
@@ -1738,10 +1778,10 @@ const Tt = /* @__PURE__ */ te(Jl, [["render", zl]]), lt = {
     no: "Não",
     yes: "Sim"
   }
-}, Yl = Y({
+}, Xl = Y({
   name: "bento-boolean-filter",
-  i18n: { messages: lt },
-  components: { BentoBaseFilter: Fe, BentoRadioGroup: Jt },
+  i18n: { messages: ot },
+  components: { BentoBaseFilter: Fe, BentoRadioGroup: Zt },
   props: {
     /**
      * Disables the filter from being interacted with.
@@ -1772,19 +1812,22 @@ const Tt = /* @__PURE__ */ te(Jl, [["render", zl]]), lt = {
     /**
      * List of options that are needed to setup the filter
      * Available options:
-     *   - listboxItems: The option elements to populate the filter with.
+     *   - positiveOption: The positive option label/value
+     *   - negativeOption: The positive option label/value
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
      */
     options: {
       type: Object,
       default: void 0
     }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: lt }), r = (U) => typeof U == "boolean" ? U == null ? void 0 : U.toString() : U, l = (U) => {
-      var N, F, V, R;
-      return ((F = (N = e == null ? void 0 : e.options) == null ? void 0 : N.positiveOption) == null ? void 0 : F.value) !== void 0 && ((R = (V = e == null ? void 0 : e.options) == null ? void 0 : V.negativeOption) == null ? void 0 : R.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof U == "string" ? U === "true" : U;
-    }, a = c(() => r(e.defaultValue)), i = c(() => r(e.value)), s = c(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
+    const { t } = de({ messages: ot }), r = (P) => typeof P == "boolean" ? P == null ? void 0 : P.toString() : P, l = (P) => {
+      var N, F, k, w;
+      return ((F = (N = e == null ? void 0 : e.options) == null ? void 0 : N.positiveOption) == null ? void 0 : F.value) !== void 0 && ((w = (k = e == null ? void 0 : e.options) == null ? void 0 : k.negativeOption) == null ? void 0 : w.value) !== void 0 && typeof e.options.positiveOption.value == "boolean" && typeof e.options.negativeOption.value == "boolean" && typeof P == "string" ? P === "true" : P;
+    }, a = c(() => r(e.defaultValue)), s = c(() => r(e.value)), i = c(() => e.options && e.options.positiveOption && e.options.negativeOption ? [
       {
         ...e.options.positiveOption,
         value: r(e.options.positiveOption.value)
@@ -1797,12 +1840,12 @@ const Tt = /* @__PURE__ */ te(Jl, [["render", zl]]), lt = {
       { value: "yes", label: t("yes") },
       { value: "no", label: t("no") }
     ]), { internalFilterValue: u, isSecondaryButtonDisabled: p, isApplyButtonDisabled: b } = ve(
-      i,
+      s,
       a
-    ), h = c(() => e.label), _ = c(
+    ), B = c(() => e.label), A = c(
       () => {
-        var U;
-        return Se((U = s.value.find(({ value: N }) => N === i.value)) == null ? void 0 : U.label, 12);
+        var P;
+        return Se((P = i.value.find(({ value: N }) => N === s.value)) == null ? void 0 : P.label, 12);
       }
     ), d = c(() => ({
       "b-boolean-filter--only-slot": e.onlySlot
@@ -1810,44 +1853,45 @@ const Tt = /* @__PURE__ */ te(Jl, [["render", zl]]), lt = {
     Oe(() => {
       u.value || (u.value = null);
     });
-    const I = (U) => {
-      u.value = U, n(g.INPUT, {
+    const T = (P) => {
+      u.value = P, n(S.INPUT, {
         ...e,
         value: l(u.value)
       });
-    }, A = () => {
-      u.value = i.value;
-    }, T = () => {
-      n(g.UPDATE, {
+    }, I = () => {
+      u.value = s.value;
+    }, _ = () => {
+      n(S.UPDATE, {
         ...e,
         value: l(u.value)
       });
     };
     return {
       // Values
-      items: s,
+      items: i,
       conditionalClasses: d,
-      buttonLabel: h,
-      buttonSecondaryLabel: _,
+      buttonLabel: B,
+      buttonSecondaryLabel: A,
       internalFilterValue: u,
       isApplyButtonDisabled: b,
       isSecondaryButtonDisabled: p,
-      translatedValue: i,
+      translatedValue: s,
       translatedDefaultValue: a,
       // Events
-      onInput: I,
-      updateFilter: T,
+      onInput: T,
+      updateFilter: _,
       clearFilter: () => {
-        u.value = null, T();
+        u.value = null, _();
       },
-      openFilter: A,
-      resetFilter: () => n(g.UPDATE, { ...e, value: e.defaultValue })
+      openFilter: I,
+      resetFilter: () => n(S.UPDATE, { ...e, value: e.defaultValue })
     };
   }
 });
-function Wl(e, n, t, r, l, a) {
-  const i = P("bento-radio-group"), s = P("bento-base-filter");
-  return v(), E(s, oe(e.$props, {
+function xl(e, n, t, r, l, a) {
+  var u, p;
+  const s = $("bento-radio-group"), i = $("bento-base-filter");
+  return v(), E(i, ne(e.$props, {
     value: e.translatedValue,
     "default-value": e.translatedDefaultValue,
     "button-label": e.buttonLabel,
@@ -1855,17 +1899,19 @@ function Wl(e, n, t, r, l, a) {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "only-slot": e.onlySlot,
+    "tooltip-position": (u = e.options) == null ? void 0 : u.tooltipPosition,
+    "tooltip-text": (p = e.options) == null ? void 0 : p.tooltipText,
     onApply: e.updateFilter,
     onClear: e.clearFilter,
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: y(() => [
-      j("div", {
-        class: ie(["b-boolean-filter", e.conditionalClasses]),
-        onKeydown: n[0] || (n[0] = be((...u) => e.updateFilter && e.updateFilter(...u), ["enter"]))
+    default: g(() => [
+      K("div", {
+        class: se(["b-boolean-filter", e.conditionalClasses]),
+        onKeydown: n[0] || (n[0] = be((...b) => e.updateFilter && e.updateFilter(...b), ["enter"]))
       }, [
-        $(i, {
+        U(s, {
           items: e.items,
           label: e.label,
           "model-value": e.internalFilterValue,
@@ -1875,16 +1921,16 @@ function Wl(e, n, t, r, l, a) {
       ], 34)
     ]),
     _: 1
-  }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
+  }, 16, ["value", "default-value", "button-label", "button-secondary-label", "disable-apply-button", "disable-secondary-button", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const $t = /* @__PURE__ */ te(Yl, [["render", Wl], ["__scopeId", "data-v-4619720e"]]), at = {
+const Ut = /* @__PURE__ */ te(Xl, [["render", xl], ["__scopeId", "data-v-244df900"]]), nt = {
   "en-US": {
     from: "From",
     to: "To"
   }
-}, Gl = Y({
+}, ea = Y({
   name: "bento-range-filter",
-  i18n: { messages: at },
+  i18n: { messages: nt },
   components: { BentoBaseFilter: Fe, BentoInputField: Me },
   props: {
     /**
@@ -1912,33 +1958,40 @@ const $t = /* @__PURE__ */ te(Yl, [["render", Wl], ["__scopeId", "data-v-4619720
      * Renders the base filter's slot content only - leaving out the button and the popover.
      * Used for the allFiltersModal component.
      */
-    onlySlot: { type: Boolean, default: !1 }
+    onlySlot: { type: Boolean, default: !1 },
+    /**
+     * List of options that are needed to setup the filter
+     * Available options:
+     *   - tooltipPosition: The position of the tooltip attached to the filter button
+     *   - tooltipText: The content of the tooltip attached to the filter button
+     */
+    options: { type: Object, default: void 0 }
   },
-  emits: [g.INPUT, g.UPDATE],
+  emits: [S.INPUT, S.UPDATE],
   setup(e, { emit: n }) {
-    const { t } = de({ messages: at }), r = M(null), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: i } = ve(
+    const { t } = de({ messages: nt }), r = M(null), { internalFilterValue: l, isSecondaryButtonDisabled: a, isApplyButtonDisabled: s } = ve(
       ee(e, "value"),
       ee(e, "defaultValue")
-    ), s = c(() => {
-      var V, R, K, D, q, J, x, B;
-      if (!((V = e.value) != null && V[0]) && !((R = e.value) != null && R[1]))
+    ), i = c(() => {
+      var k, w, q, C, H, J, x, h;
+      if (!((k = e.value) != null && k[0]) && !((w = e.value) != null && w[1]))
         return null;
-      let w = "";
-      (K = e.value) != null && K[0] ? (D = e.value) != null && D[1] || (w = "≥") : w = "≤";
-      const U = (q = e.value) != null && q[0] ? `${Se(e.value[0], 5)}` : "", N = (J = e.value) != null && J[0] && ((x = e.value) != null && x[1]) ? " - " : "", F = (B = e.value) != null && B[1] ? `${Se(e.value[1], 5)}` : "";
-      return `${w}${U}${N}${F}`;
-    }), u = c(() => e.label), p = c(() => s.value), b = c(() => ({
+      let V = "";
+      (q = e.value) != null && q[0] ? (C = e.value) != null && C[1] || (V = "≥") : V = "≤";
+      const P = (H = e.value) != null && H[0] ? `${Se(e.value[0], 5)}` : "", N = (J = e.value) != null && J[0] && ((x = e.value) != null && x[1]) ? " - " : "", F = (h = e.value) != null && h[1] ? `${Se(e.value[1], 5)}` : "";
+      return `${V}${P}${N}${F}`;
+    }), u = c(() => e.label), p = c(() => i.value), b = c(() => ({
       "b-range-filter--only-slot": e.onlySlot
-    })), h = () => {
-      l.value = e.value, st(() => r.value.focusInput());
-    }, _ = () => {
-      n(g.INPUT, { ...e, value: l.value });
-    }, d = (w) => {
-      l.value = [w, l.value[1]], _();
-    }, I = (w) => {
-      l.value = [l.value[0], w], _();
+    })), B = () => {
+      l.value = e.value, rt(() => r.value.focusInput());
     }, A = () => {
-      l.value.some((w) => w) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), n(g.UPDATE, {
+      n(S.INPUT, { ...e, value: l.value });
+    }, d = (V) => {
+      l.value = [V, l.value[1]], A();
+    }, T = (V) => {
+      l.value = [l.value[0], V], A();
+    }, I = () => {
+      l.value.some((V) => V) || (l.value = e.defaultValue !== null ? e.defaultValue : void 0), n(S.UPDATE, {
         ...e,
         value: l.value
       });
@@ -1948,62 +2001,65 @@ const $t = /* @__PURE__ */ te(Yl, [["render", Wl], ["__scopeId", "data-v-4619720
       inputTextRef: r,
       conditionalClasses: b,
       internalFilterValue: l,
-      isApplyButtonDisabled: i,
+      isApplyButtonDisabled: s,
       isSecondaryButtonDisabled: a,
       buttonLabel: u,
       buttonSecondaryLabel: p,
       // Events
       updateFrom: d,
-      updateTo: I,
-      updateFilter: A,
+      updateTo: T,
+      updateFilter: I,
       clearFilter: () => {
-        l.value = ["", ""], A();
+        l.value = ["", ""], I();
       },
-      openFilter: h,
-      resetFilter: () => n(g.UPDATE, { ...e, value: e.defaultValue }),
+      openFilter: B,
+      resetFilter: () => n(S.UPDATE, { ...e, value: e.defaultValue }),
       // Translations
       t
     };
   }
 });
-function Zl(e, n, t, r, l, a) {
-  const i = P("bento-input-field"), s = P("bento-base-filter");
-  return v(), E(s, oe(e.$props, {
+function ta(e, n, t, r, l, a) {
+  var u, p;
+  const s = $("bento-input-field"), i = $("bento-base-filter");
+  return v(), E(i, ne(e.$props, {
     "disable-apply-button": e.isApplyButtonDisabled,
     "disable-secondary-button": e.isSecondaryButtonDisabled,
     "button-label": e.buttonLabel,
     "button-secondary-label": e.buttonSecondaryLabel,
     "only-slot": e.onlySlot,
+    "tooltip-position": (u = e.options) == null ? void 0 : u.tooltipPosition,
+    "tooltip-text": (p = e.options) == null ? void 0 : p.tooltipText,
     onApply: e.updateFilter,
     onClear: e.clearFilter,
     onOpen: e.openFilter,
     onReset: e.resetFilter
   }), {
-    default: y(() => [
-      j("div", {
-        class: ie(["b-range-filter", e.conditionalClasses]),
-        onKeydown: n[0] || (n[0] = be((...u) => e.updateFilter && e.updateFilter(...u), ["enter"]))
+    default: g(() => [
+      K("div", {
+        class: se(["b-range-filter", e.conditionalClasses]),
+        onKeydown: n[0] || (n[0] = be((...b) => e.updateFilter && e.updateFilter(...b), ["enter"]))
       }, [
-        $(i, {
+        U(s, {
           ref: "inputTextRef",
           value: e.internalFilterValue ? e.internalFilterValue[0] : "",
           type: "number",
           "aria-label": e.t("from").toString(),
           onInput: e.updateFrom
         }, {
-          default: y(() => [
+          default: g(() => [
             Z(Q(e.t("from")), 1)
           ]),
           _: 1
         }, 8, ["value", "aria-label", "onInput"]),
-        $(i, {
+        U(s, {
           class: "b-range-filter__input-field",
           value: e.internalFilterValue ? e.internalFilterValue[1] : "",
           type: "number",
           "aria-label": e.t("to"),
           onInput: e.updateTo
         }, {
-          default: y(() => [
+          default: g(() => [
             Z(Q(e.t("to")), 1)
           ]),
           _: 1
@@ -2011,13 +2067,13 @@ function Zl(e, n, t, r, l, a) {
       ], 34)
     ]),
     _: 1
-  }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "onApply", "onClear", "onOpen", "onReset"]);
+  }, 16, ["disable-apply-button", "disable-secondary-button", "button-label", "button-secondary-label", "only-slot", "tooltip-position", "tooltip-text", "onApply", "onClear", "onOpen", "onReset"]);
 }
-const Pt = /* @__PURE__ */ te(Gl, [["render", Zl], ["__scopeId", "data-v-e7e81bac"]]);
+const Et = /* @__PURE__ */ te(ea, [["render", ta], ["__scopeId", "data-v-55f7fe32"]]);
 var Ve = /* @__PURE__ */ ((e) => (e.INPUT = "input", e))(Ve || {});
-const Ql = Y({
+const la = Y({
   name: "base-filter-button",
-  components: { BaseButton: dt, BentoTypography: pe, ChevronUpIcon: Gt, ChevronDownIcon: Wt },
+  components: { BaseButton: pt, BentoTypography: pe, ChevronUpIcon: el, ChevronDownIcon: xt },
   props: {
     /**
      * The number of applies values within the filter.
@@ -2042,9 +2098,9 @@ const Ql = Y({
      */
     bold: { type: Boolean, default: !1 }
   },
-  emits: [ze.CLICK],
+  emits: [We.CLICK],
   setup(e, { slots: n, emit: t, attrs: r }) {
-    const l = c(() => n.default ? bt(n)("default") : null), a = pt({ ariaLabel: l }), i = M(null), s = c(() => {
+    const l = c(() => n.default ? vt(n)("default") : null), a = ft({ ariaLabel: l }), s = M(null), i = c(() => {
       var b;
       return {
         "aria-controls": (b = r["aria-controls"]) == null ? void 0 : b.toString()
@@ -2055,56 +2111,56 @@ const Ql = Y({
     }));
     return {
       // Values
-      ariaAttributes: s,
+      ariaAttributes: i,
       computedAriaLabel: a,
       conditionalClasses: u,
       // Methods
       onClickButton: () => {
-        e.disabled || t(ze.CLICK);
+        e.disabled || t(We.CLICK);
       },
-      hasSlot: ct(n),
+      hasSlot: bt(n),
       // Refs
-      baseFilterButtonRef: i
+      baseFilterButtonRef: s
     };
   }
-}), Xl = { class: "b-base-filter-button__default-container" }, xl = { class: "b-base-filter-button__label-container" }, ea = {
+}), aa = { class: "b-base-filter-button__default-container" }, oa = { class: "b-base-filter-button__label-container" }, na = {
   key: 0,
   class: "b-base-filter-button__counter-wrapper"
 };
-function ta(e, n, t, r, l, a) {
-  const i = P("bento-typography"), s = P("chevron-up-icon"), u = P("chevron-down-icon"), p = P("base-button");
+function ia(e, n, t, r, l, a) {
+  const s = $("bento-typography"), i = $("chevron-up-icon"), u = $("chevron-down-icon"), p = $("base-button");
   return v(), E(p, {
     ref: "baseFilterButtonRef",
-    class: ie(["b-base-filter-button", e.conditionalClasses]),
+    class: se(["b-base-filter-button", e.conditionalClasses]),
     disabled: e.disabled,
     "aria-label": e.computedAriaLabel,
     "aria-controls": e.ariaAttributes["aria-controls"],
     type: "button",
     onClick: e.onClickButton
-  }, De({
-    default: y(() => [
-      j("div", Xl, [
-        j("div", xl, [
-          $(i, {
+  }, _e({
+    default: g(() => [
+      K("div", aa, [
+        K("div", oa, [
+          U(s, {
             el: "span",
             variant: "body",
             stronger: e.bold,
             class: "b-base-filter-button__label"
           }, {
-            default: y(() => [
+            default: g(() => [
               re(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 3
           }, 8, ["stronger"])
         ]),
-        e.amountAppliedValues && !e.hasChevron ? (v(), z("div", ea, [
-          $(i, {
+        e.amountAppliedValues && !e.hasChevron ? (v(), z("div", na, [
+          U(s, {
             class: "b-base-filter-button__counter",
             el: "span",
             variant: "body",
             stronger: ""
           }, {
-            default: y(() => [
+            default: g(() => [
               Z(Q(e.amountAppliedValues), 1)
             ]),
             _: 1
@@ -2116,8 +2172,8 @@ function ta(e, n, t, r, l, a) {
   }, [
     e.hasChevron ? {
       name: "iconRight",
-      fn: y(() => [
-        e.isFilterOpen ? (v(), E(s, {
+      fn: g(() => [
+        e.isFilterOpen ? (v(), E(i, {
           key: 0,
           "aria-hidden": "true"
         })) : (v(), E(u, {
@@ -2129,9 +2185,9 @@ function ta(e, n, t, r, l, a) {
     } : void 0
   ]), 1032, ["class", "disabled", "aria-label", "aria-controls", "onClick"]);
 }
-const la = /* @__PURE__ */ te(Ql, [["render", ta], ["__scopeId", "data-v-af9efc73"]]), aa = Y({
+const sa = /* @__PURE__ */ te(la, [["render", ia], ["__scopeId", "data-v-af9efc73"]]), ra = Y({
   name: "all-filters-modal-button",
-  components: { BaseFilterButton: la },
+  components: { BaseFilterButton: sa },
   props: {
     /**
      * Button label to be displayed
@@ -2163,48 +2219,48 @@ const la = /* @__PURE__ */ te(Ql, [["render", ta], ["__scopeId", "data-v-af9efc7
     };
   }
 });
-function na(e, n, t, r, l, a) {
-  const i = P("base-filter-button");
-  return v(), E(i, {
-    class: ie(["b-all-filters-modal-button", e.conditionalClasses]),
+function ua(e, n, t, r, l, a) {
+  const s = $("base-filter-button");
+  return v(), E(s, {
+    class: se(["b-all-filters-modal-button", e.conditionalClasses]),
     "amount-applied-values": e.appliedFiltersCount,
     "is-filter-open": e.isFilterOpen,
     disabled: e.disabled,
     onClick: e.onClick
   }, {
-    default: y(() => [
+    default: g(() => [
       Z(Q(e.label), 1)
     ]),
     _: 1
   }, 8, ["class", "amount-applied-values", "is-filter-open", "disabled", "onClick"]);
 }
-const oa = /* @__PURE__ */ te(aa, [["render", na], ["__scopeId", "data-v-b96a672f"]]);
-let nt = 0;
-const sa = {
+const da = /* @__PURE__ */ te(ra, [["render", ua], ["__scopeId", "data-v-b96a672f"]]);
+let it = 0;
+const ca = {
   beforeCreate() {
-    this.uuid = nt.toString(), nt += 1;
+    this.uuid = it.toString(), it += 1;
   }
-}, ia = { key: 0 };
-function ra(e, n, t, r, l, a) {
-  return v(), z("svg", oe({ role: "img" }, e.$attrs, {
+}, pa = { key: 0 };
+function ba(e, n, t, r, l, a) {
+  return v(), z("svg", ne({ 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"] ? (v(), z("title", ia, Q(e.$attrs["svg-title"]), 1)) : X("", !0),
-    n[0] || (n[0] = j("path", {
+    e.$attrs["svg-title"] ? (v(), z("title", pa, Q(e.$attrs["svg-title"]), 1)) : X("", !0),
+    n[0] || (n[0] = K("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"
     }, null, -1)),
-    n[1] || (n[1] = j("path", {
+    n[1] || (n[1] = K("path", {
       fill: "#00112C",
       d: "M4 7.91687C5.25878 7.91687 6.32002 8.76262 6.64648 9.91687H14.75V11.4169H6.64648C6.32002 12.5711 5.25878 13.4169 4 13.4169C2.48122 13.4169 1.25 12.1857 1.25 10.6669C1.25 9.14809 2.48122 7.91687 4 7.91687ZM5.25 10.6669C5.25 9.97651 4.69036 9.41687 4 9.41687C3.30964 9.41687 2.75 9.97651 2.75 10.6669C2.75 11.3572 3.30964 11.9169 4 11.9169C4.69036 11.9169 5.25 11.3572 5.25 10.6669Z"
     }, null, -1))
   ], 16);
 }
-const ua = /* @__PURE__ */ te(sa, [["render", ra]]), ot = {
+const fa = /* @__PURE__ */ te(ca, [["render", ba]]), st = {
   "en-US": {
     activeFilters: "Active filters",
     all: "All",
@@ -2229,29 +2285,29 @@ const ua = /* @__PURE__ */ te(sa, [["render", ra]]), ot = {
     clear: "Limpar",
     clearAll: "Limpar tudo"
   }
-}, da = Y({
-  i18n: { messages: ot },
+}, va = Y({
+  i18n: { messages: st },
   name: "all-filters-modal",
   components: {
-    AllFiltersModalButton: oa,
-    BentoBooleanFilter: $t,
-    BentoButton: kt,
-    BentoDateFilter: ht,
-    BentoDateRangeFilter: St,
-    BentoInputFilter: Ft,
-    BentoInputWithDropdownFilter: gt,
-    BentoModal: wt,
-    BentoRangeFilter: Pt,
+    AllFiltersModalButton: da,
+    BentoBooleanFilter: Ut,
+    BentoButton: jt,
+    BentoDateFilter: Bt,
+    BentoDateRangeFilter: Ct,
+    BentoInputFilter: ht,
+    BentoInputWithDropdownFilter: St,
+    BentoModal: Mt,
+    BentoRangeFilter: Et,
     BentoSearchBar: Ue,
     BentoSelectAvatarFilter: _t,
-    BentoSelectCurrencyFilter: At,
-    BentoSelectCountryFilter: Dt,
+    BentoSelectCurrencyFilter: It,
+    BentoSelectCountryFilter: Tt,
     BentoSelectFilter: ge,
-    BentoSelectPaymentMethodFilter: It,
-    BentoSelectTagFilter: Tt,
+    BentoSelectPaymentMethodFilter: $t,
+    BentoSelectTagFilter: Pt,
     BentoTypography: pe,
     FilterBarButton: Ee,
-    SlidersIcon: ua
+    SlidersIcon: fa
   },
   props: {
     /**
@@ -2281,60 +2337,60 @@ const ua = /* @__PURE__ */ te(sa, [["render", ra]]), ot = {
   },
   emits: [Ve.INPUT],
   setup(e, { emit: n }) {
-    const t = M(e.value), r = ke("all-filters-modal"), l = M([]), a = M(!1), i = M(0), s = M(null), u = M(""), { t: p } = de({ messages: ot }), b = vt(u, ee(t, "value")), h = M({});
+    const t = M(e.value), r = ke("all-filters-modal"), l = M([]), a = M(!1), s = M(0), i = M(null), u = M(""), { t: p } = de({ messages: st }), b = yt(u, ee(t, "value")), B = M({});
     Oe(() => {
-      h.value = [];
+      B.value = [];
     }), ue(
       () => e.value,
       () => {
         a.value ? t.value = e.value.map((m, f) => ({ ...m, value: t.value[f].value })) : t.value = e.value;
       }
     );
-    const _ = (m) => m.sort((f, O) => f.label > O.label ? 1 : O.label > f.label ? -1 : 0), d = c(
-      () => _(
+    const A = (m) => m.sort((f, O) => f.label > O.label ? 1 : O.label > f.label ? -1 : 0), d = c(
+      () => A(
         b.value.filter(
           (m) => {
             var f, O;
-            return Array.isArray(m.value) ? ((f = m.value) == null ? void 0 : f.length) && ((O = m.value) == null ? void 0 : O.find((H) => H !== "")) : m.value;
+            return Array.isArray(m.value) ? ((f = m.value) == null ? void 0 : f.length) && ((O = m.value) == null ? void 0 : O.find((j) => j !== "")) : m.value;
           }
         )
       )
-    ), I = c(
-      () => _(
+    ), T = c(
+      () => A(
         b.value.filter(
           (m) => {
             var f, O;
-            return Array.isArray(m.value) ? ((f = m.value) == null ? void 0 : f.length) === 0 || ((O = m.value) == null ? void 0 : O.every((H) => H === "")) : !m.value;
+            return Array.isArray(m.value) ? ((f = m.value) == null ? void 0 : f.length) === 0 || ((O = m.value) == null ? void 0 : O.every((j) => j === "")) : !m.value;
           }
         )
       )
-    ), A = c(() => {
+    ), I = c(() => {
       var m;
       return u.value && ((m = b.value) == null ? void 0 : m.length) === 0;
-    }), T = c(() => t.value[i.value]), k = () => {
-      const m = d.value.length ? d.value[0] : I.value[0], f = t.value.findIndex(
+    }), _ = c(() => t.value[s.value]), R = () => {
+      const m = d.value.length ? d.value[0] : T.value[0], f = t.value.findIndex(
         (O) => O.label === m.label && O.field === m.field
       );
-      i.value = f;
+      s.value = f;
     };
-    rt(() => {
-      k();
+    dt(() => {
+      R();
     });
-    const w = (m) => m.map((f) => {
-      var O, H, G, ae, ce, me;
+    const V = (m) => m.map((f) => {
+      var O, j, G, ae, ce, me;
       switch (f.type) {
-        case ne.SELECT:
-        case ne.SELECT_AVATAR:
-        case ne.SELECT_COUNTRY:
-        case ne.SELECT_CURRENCY:
-        case ne.SELECT_PAYMENT_METHOD:
-        case ne.SELECT_TAG:
+        case oe.SELECT:
+        case oe.SELECT_AVATAR:
+        case oe.SELECT_COUNTRY:
+        case oe.SELECT_CURRENCY:
+        case oe.SELECT_PAYMENT_METHOD:
+        case oe.SELECT_TAG:
           switch ((O = f.options) == null ? void 0 : O.multiple) {
             case !0:
               return {
                 label: f.label,
                 field: f.field,
-                count: (H = f.value) != null && H.length ? (G = f.value) == null ? void 0 : G.length : null
+                count: (j = f.value) != null && j.length ? (G = f.value) == null ? void 0 : G.length : null
               };
             default:
               return {
@@ -2343,21 +2399,21 @@ const ua = /* @__PURE__ */ te(sa, [["render", ra]]), ot = {
                 count: f.value == null ? null : 1
               };
           }
-        case ne.DATE_RANGE:
+        case oe.DATE_RANGE:
           return {
             label: f.label,
             field: f.field,
             count: ((ae = f.value) == null ? void 0 : ae.startDate) != null && ((ce = f.value) == null ? void 0 : ce.endDate) != null ? 1 : null
           };
-        case ne.RANGE:
+        case oe.RANGE:
           return {
             label: f.label,
             field: f.field,
             count: (me = f.value) != null && me.find((le) => le !== "") ? 1 : null
           };
-        case ne.INPUT:
-        case ne.BOOLEAN:
-        case ne.DATE:
+        case oe.INPUT:
+        case oe.BOOLEAN:
+        case oe.DATE:
         default:
           return {
             label: f.label,
@@ -2365,38 +2421,38 @@ const ua = /* @__PURE__ */ te(sa, [["render", ra]]), ot = {
             count: f.value != null ? 1 : null
           };
       }
-    }), U = c(
+    }), P = c(
       () => {
         var m;
-        return Array.isArray(T.value.value) ? ((m = T.value) == null ? void 0 : m.value.length) && T.value.value.find((f) => f !== "") : !!t.value[i.value].value;
+        return Array.isArray(_.value.value) ? ((m = _.value) == null ? void 0 : m.value.length) && _.value.value.find((f) => f !== "") : !!t.value[s.value].value;
       }
     ), N = c(
       () => {
         var m;
-        return (m = w(e.value)) == null ? void 0 : m.filter(({ count: f }) => !!f).length;
+        return (m = V(e.value)) == null ? void 0 : m.filter(({ count: f }) => !!f).length;
       }
     ), F = () => {
       a.value ? a.value = !1 : a.value = !0;
-    }, V = (m) => {
-      var O, H, G;
-      const f = w(t.value).find((ae) => ae.field === m.field).count;
-      return m.type.includes("BentoSelect") && ((O = m.options) != null && O.multiple) && f === ((G = (H = m.options) == null ? void 0 : H.listboxItems) == null ? void 0 : G.length) ? p("all") : f;
-    }, R = (m, f) => {
-      i.value = t.value.findIndex(
+    }, k = (m) => {
+      var O, j, G;
+      const f = V(t.value).find((ae) => ae.field === m.field).count;
+      return m.type.includes("BentoSelect") && ((O = m.options) != null && O.multiple) && f === ((G = (j = m.options) == null ? void 0 : j.listboxItems) == null ? void 0 : G.length) ? p("all") : f;
+    }, w = (m, f) => {
+      s.value = t.value.findIndex(
         (O) => O.label === m && O.field === f
       );
-    }, K = () => {
+    }, q = () => {
       u.value = "";
-    }, D = () => {
-      a.value = !1, t.value = e.value, K(), k();
-    }, q = (m) => {
-      const f = t.value.map(({ value: O, ...H }, G) => G === i.value ? { value: m.value, ...H } : { value: O, ...H });
+    }, C = () => {
+      a.value = !1, t.value = e.value, q(), R();
+    }, H = (m) => {
+      const f = t.value.map(({ value: O, ...j }, G) => G === s.value ? { value: m.value, ...j } : { value: O, ...j });
       t.value = f;
     }, J = () => {
-      q({
-        field: T.value.field,
-        label: T.value.label,
-        type: T.value.type,
+      H({
+        field: _.value.field,
+        label: _.value.label,
+        type: _.value.type,
         value: void 0
       });
     }, x = () => {
@@ -2404,19 +2460,19 @@ const ua = /* @__PURE__ */ te(sa, [["render", ra]]), ot = {
         ...f,
         value: void 0
       }));
-    }, B = () => {
+    }, h = () => {
       n(Ve.INPUT, t.value), a.value = !1;
-    }, S = c(
+    }, y = c(
       () => JSON.stringify(t.value) === JSON.stringify(e.value)
     ), o = c(() => [
       {
         title: p("applyAll"),
-        disabled: S.value,
-        event: B
+        disabled: y.value,
+        event: h
       },
       {
         title: p("cancel"),
-        event: D
+        event: C
       },
       {
         title: p("clearAll"),
@@ -2426,67 +2482,67 @@ const ua = /* @__PURE__ */ te(sa, [["render", ra]]), ot = {
     ]);
     return {
       // Enums
-      BentoModalEvent: Vt,
+      BentoModalEvent: Ht,
       // Values
       allFiltersModalUniqueId: r,
       allFiltersModalFiltersSection: l,
-      allFiltersModalFilterButtons: h,
+      allFiltersModalFilterButtons: B,
       numberOfActiveFilters: N,
-      isEmptyResultForSearchFilter: A,
+      isEmptyResultForSearchFilter: I,
       isModalOpen: a,
-      isClearButtonEnabled: U,
+      isClearButtonEnabled: P,
       activeFilters: d,
-      otherFilters: I,
+      otherFilters: T,
       modalActions: o,
-      selectedFilter: T,
-      selectedFilterRef: s,
+      selectedFilter: _,
+      selectedFilterRef: i,
       searchTerm: u,
       // Methods
       onClickAllFiltersModal: F,
-      getFilterCount: V,
-      cancel: D,
-      selectFilter: R,
+      getFilterCount: k,
+      cancel: C,
+      selectFilter: w,
       clearFilter: J,
-      updateFilter: q,
-      onSearchbarClear: K,
+      updateFilter: H,
+      onSearchbarClear: q,
       onKeydownRight: () => {
-        Yt(1, s.value.$el).focus();
+        Xt(1, i.value.$el).focus();
       },
       onKeydownLeft: () => {
-        h.value[T.value.label].$el.focus();
+        B.value[_.value.label].$el.focus();
       },
       // Translations
       t: p
     };
   }
-}), ca = { class: "b-all-filters-modal" }, pa = {
+}), ma = { class: "b-all-filters-modal" }, ya = {
   key: 0,
   class: "b-all-filters-modal__empty-search-message"
-}, ba = {
+}, Fa = {
   key: 1,
   class: "b-all-filters-modal__filters-section"
-}, fa = ["aria-labelledby"], va = {
+}, ga = ["aria-labelledby"], ha = {
   key: 2,
   class: "b-all-filters-modal__filters-section"
-}, ma = ["aria-labelledby"], ya = { class: "b-all-filters-modal__selected-filter-text" }, Fa = { class: "b-all-filters-modal__selected-filter-component" }, ga = { class: "b-all-filters-modal__clear-button" };
-function ha(e, n, t, r, l, a) {
-  const i = P("sliders-icon"), s = P("filter-bar-button"), u = P("bento-search-bar"), p = P("bento-typography"), b = P("all-filters-modal-button"), h = P("bento-button"), _ = P("bento-modal");
-  return v(), z("div", ca, [
-    $(s, {
+}, Sa = ["aria-labelledby"], Ba = { class: "b-all-filters-modal__selected-filter-text" }, Ca = { class: "b-all-filters-modal__selected-filter-component" }, Da = { class: "b-all-filters-modal__clear-button" };
+function Aa(e, n, t, r, l, a) {
+  const s = $("sliders-icon"), i = $("filter-bar-button"), u = $("bento-search-bar"), p = $("bento-typography"), b = $("all-filters-modal-button"), B = $("bento-button"), A = $("bento-modal");
+  return v(), z("div", ma, [
+    U(i, {
       "is-filter-open": e.isModalOpen,
       "applied-filters-count": e.numberOfActiveFilters,
       "no-applied-state-styles": "",
       onClick: e.onClickAllFiltersModal
     }, {
-      iconLeft: y(() => [
-        $(i, { "aria-hidden": "true" })
+      iconLeft: g(() => [
+        U(s, { "aria-hidden": "true" })
       ]),
-      default: y(() => [
+      default: g(() => [
         Z(Q(e.t("allFilters")) + " ", 1)
       ]),
       _: 1
     }, 8, ["is-filter-open", "applied-filters-count", "onClick"]),
-    $(_, {
+    U(A, {
       class: "'b-all-filters-modal__modal'",
       "is-open": e.isModalOpen,
       "with-column-layout": !0,
@@ -2496,61 +2552,61 @@ function ha(e, n, t, r, l, a) {
       "hide-close-button": "",
       onCloseModal: e.cancel
     }, {
-      default: y(() => [
+      default: g(() => [
         Z(Q(e.t("allFilters")), 1)
       ]),
-      "content-col-1": y(() => [
-        j("div", {
+      "content-col-1": g(() => [
+        K("div", {
           ref: "allFiltersModalFiltersSection",
           class: "b-all-filters-modal__filters",
           onKeydown: n[1] || (n[1] = be((...d) => e.onKeydownRight && e.onKeydownRight(...d), ["right"]))
         }, [
-          $(u, {
+          U(u, {
             class: "b-all-filters-modal__search-bar",
             value: e.searchTerm,
             "input-field-aria-label": e.t("searchBar").toString(),
             onInput: n[0] || (n[0] = (d) => e.searchTerm = d),
             onClear: e.onSearchbarClear
           }, null, 8, ["value", "input-field-aria-label", "onClear"]),
-          e.isEmptyResultForSearchFilter ? (v(), z("div", pa, [
-            $(p, { el: "span" }, {
-              default: y(() => [
+          e.isEmptyResultForSearchFilter ? (v(), z("div", ya, [
+            U(p, { el: "span" }, {
+              default: g(() => [
                 Z(Q(e.t("noFiltersMatchThisSearch")), 1)
               ]),
               _: 1
             })
           ])) : X("", !0),
-          e.activeFilters.length ? (v(), z("div", ba, [
-            $(p, {
+          e.activeFilters.length ? (v(), z("div", Fa, [
+            U(p, {
               id: `active-filters-${e.allFiltersModalUniqueId}`,
               class: "b-all-filters-modal__filters-section-title",
               el: "span",
               variant: "caption"
             }, {
-              default: y(() => [
+              default: g(() => [
                 Z(Q(e.t("activeFilters")), 1)
               ]),
               _: 1
             }, 8, ["id"]),
-            j("ul", {
+            K("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `active-filters-${e.allFiltersModalUniqueId}`
             }, [
               (v(!0), z(Ae, null, fe(e.activeFilters, (d) => (v(), z("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                $(b, {
+                U(b, {
                   ref_for: !0,
-                  ref: (I) => e.allFiltersModalFilterButtons[d.label] = I,
+                  ref: (T) => e.allFiltersModalFilterButtons[d.label] = T,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (I) => e.selectFilter(d.label, d.field)
+                  onClick: (T) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, fa)
+            ], 8, ga)
           ])) : X("", !0),
-          e.otherFilters.length ? (v(), z("div", va, [
+          e.otherFilters.length ? (v(), z("div", ha, [
             e.activeFilters.length ? (v(), E(p, {
               key: 0,
               id: `other-filters-${e.allFiltersModalUniqueId}`,
@@ -2558,43 +2614,43 @@ function ha(e, n, t, r, l, a) {
               el: "span",
               variant: "caption"
             }, {
-              default: y(() => [
+              default: g(() => [
                 Z(Q(e.t("otherFilters")), 1)
               ]),
               _: 1
             }, 8, ["id"])) : X("", !0),
-            j("ul", {
+            K("ul", {
               class: "b-all-filters-modal__filters-list",
               "aria-labelledby": `other-filters-${e.allFiltersModalUniqueId}`
             }, [
               (v(!0), z(Ae, null, fe(e.otherFilters, (d) => (v(), z("li", {
                 key: `${d.label}-${d.field}`
               }, [
-                $(b, {
+                U(b, {
                   ref_for: !0,
-                  ref: (I) => e.allFiltersModalFilterButtons[d.label] = I,
+                  ref: (T) => e.allFiltersModalFilterButtons[d.label] = T,
                   label: d.label,
                   "applied-filters-count": e.getFilterCount(d),
                   "is-filter-open": e.selectedFilter.label === d.label,
-                  onClick: (I) => e.selectFilter(d.label, d.field)
+                  onClick: (T) => e.selectFilter(d.label, d.field)
                 }, null, 8, ["label", "applied-filters-count", "is-filter-open", "onClick"])
               ]))), 128))
-            ], 8, ma)
+            ], 8, Sa)
           ])) : X("", !0)
         ], 544)
       ]),
-      "content-col-2": y(() => [
-        j("div", {
+      "content-col-2": g(() => [
+        K("div", {
           class: "b-all-filters-modal__selected-filter-content",
           onKeydown: n[2] || (n[2] = be((...d) => e.onKeydownLeft && e.onKeydownLeft(...d), ["left"]))
         }, [
-          j("div", ya, [
-            $(p, {
+          K("div", Ba, [
+            U(p, {
               el: "div",
               variant: "title",
               medium: ""
             }, {
-              default: y(() => [
+              default: g(() => [
                 Z(Q(e.selectedFilter.label), 1)
               ]),
               _: 1
@@ -2605,13 +2661,13 @@ function ha(e, n, t, r, l, a) {
               variant: "body",
               wide: ""
             }, {
-              default: y(() => [
+              default: g(() => [
                 Z(Q(e.selectedFilter.description), 1)
               ]),
               _: 1
             })) : X("", !0)
           ]),
-          j("div", Fa, [
+          K("div", Ca, [
             (v(), E(Te(e.selectedFilter.type), {
               ref: "selectedFilterRef",
               key: e.selectedFilter.field,
@@ -2624,13 +2680,13 @@ function ha(e, n, t, r, l, a) {
               onInput: e.updateFilter
             }, null, 40, ["field", "label", "options", "value", "default-value", "onInput"]))
           ]),
-          j("div", ga, [
-            $(h, {
+          K("div", Da, [
+            U(B, {
               variant: "secondary",
               disabled: !e.isClearButtonEnabled,
               onClick: e.clearFilter
             }, {
-              default: y(() => [
+              default: g(() => [
                 Z(Q(e.t("clear")), 1)
               ]),
               _: 1
@@ -2642,7 +2698,7 @@ function ha(e, n, t, r, l, a) {
     }, 8, ["is-open", "actions", "onCloseModal"])
   ]);
 }
-const Sa = /* @__PURE__ */ te(da, [["render", ha], ["__scopeId", "data-v-5fbd6554"]]), Ut = {
+const _a = /* @__PURE__ */ te(va, [["render", Aa], ["__scopeId", "data-v-5fbd6554"]]), Lt = {
   "en-US": {
     clearFilters: "Clear filters",
     filtersHaveBeenCleared: "Filters have been cleared.",
@@ -2663,30 +2719,30 @@ const Sa = /* @__PURE__ */ te(da, [["render", ha], ["__scopeId", "data-v-5fbd655
     resetFilters: "Redefinir filtros",
     undo: "Desfazer"
   }
-}, Ba = {
+}, Ia = {
   key: 0,
   class: "b-filter-bar__search-external-container"
-}, Ca = { key: 0 }, _a = {
-  i18n: { messages: Ut },
+}, Ta = { key: 0 }, $a = {
+  i18n: { messages: Lt },
   name: "bento-filter-bar",
   components: {
-    BentoBooleanFilter: $t,
-    BentoDateFilter: ht,
-    BentoDateRangeFilter: St,
-    BentoInputFilter: Ft,
-    BentoInputWithDropdownFilter: gt,
-    BentoRangeFilter: Pt,
+    BentoBooleanFilter: Ut,
+    BentoDateFilter: Bt,
+    BentoDateRangeFilter: Ct,
+    BentoInputFilter: ht,
+    BentoInputWithDropdownFilter: St,
+    BentoRangeFilter: Et,
     BentoSelectAvatarFilter: _t,
-    BentoSelectCountryFilter: Dt,
-    BentoSelectCurrencyFilter: At,
+    BentoSelectCountryFilter: Tt,
+    BentoSelectCurrencyFilter: It,
     BentoSelectFilter: ge,
-    BentoSelectPaymentMethodFilter: It,
-    BentoSelectTagFilter: Tt,
-    BentoTeleport: ft,
-    FixedScroller: ut
+    BentoSelectPaymentMethodFilter: $t,
+    BentoSelectTagFilter: Pt,
+    BentoTeleport: mt,
+    FixedScroller: ct
   }
-}, Aa = /* @__PURE__ */ Y({
-  ..._a,
+}, Pa = /* @__PURE__ */ Y({
+  ...$a,
   props: {
     config: { default: () => [] },
     filterValues: { default: () => [] },
@@ -2700,83 +2756,83 @@ const Sa = /* @__PURE__ */ te(da, [["render", ha], ["__scopeId", "data-v-5fbd655
     value: { default: () => [] }
   },
   emits: [
-    _e.INPUT,
-    _e.UPDATE_FILTER_VALUES,
+    De.INPUT,
+    De.UPDATE_FILTER_VALUES,
     he.CLEAR,
     he.INPUT,
     he.UPDATE
   ],
   setup(e, { expose: n, emit: t }) {
-    const r = e, l = t, { t: a } = de({ messages: Ut }), i = M(null), s = c(
+    const r = e, l = t, { t: a } = de({ messages: Lt }), s = M(null), i = c(
       () => {
-        var B, S;
-        return (S = ((B = r.config) == null ? void 0 : B.length) > 0 ? r.config : r.value) == null ? void 0 : S.map((o) => {
+        var h, y;
+        return (y = ((h = r.config) == null ? void 0 : h.length) > 0 ? r.config : r.value) == null ? void 0 : y.map((o) => {
           var W;
           let L = (W = r.filterValues.find(({ field: m }) => m === o.field)) == null ? void 0 : W.value;
           return L === void 0 && (L = (o == null ? void 0 : o.value) === void 0 && (o == null ? void 0 : o.defaultValue) !== void 0 ? o == null ? void 0 : o.defaultValue : o == null ? void 0 : o.value), { ...o, value: L !== void 0 ? L : o == null ? void 0 : o.value };
         });
       }
-    ), { addToast: u } = Ot(), { screenLayoutComponent: p, showSearchbarInsideContainer: b, isOneLineLayout: h } = cl(
-      i,
+    ), { addToast: u } = kt(), { screenLayoutComponent: p, showSearchbarInsideContainer: b, isOneLineLayout: B } = ml(
+      s,
       ee(r, "containerSizeLayout")
-    ), _ = c(() => ({
-      "b-filter-bar__fixed-scroller": h.value,
-      "b-filter-bar__container": !h.value
+    ), A = c(() => ({
+      "b-filter-bar__fixed-scroller": B.value,
+      "b-filter-bar__container": !B.value
       // Multi-line
     })), d = c(() => ({
-      "b-filter-bar__scroller-content": h.value,
-      "b-filter-bar__filters": !h.value
+      "b-filter-bar__scroller-content": B.value,
+      "b-filter-bar__filters": !B.value
       // Multi-line
-    })), I = c(() => {
-      var B;
-      return ((B = r.search) == null ? void 0 : B.inputFieldAriaLabel) || a("searchBar");
-    }), A = c(() => {
+    })), T = c(() => {
+      var h;
+      return ((h = r.search) == null ? void 0 : h.inputFieldAriaLabel) || a("searchBar");
+    }), I = c(() => {
       if (!r.search)
         return;
-      const { hint: B, inputFieldAriaLabel: S, debounceTime: o, placeholder: L } = r.search;
-      return { hint: B, inputFieldAriaLabel: S, debounceTime: o, placeholder: L };
-    }), T = c(() => s.value.some(
-      ({ visible: S }) => S != null
-    ) ? s.value.some(({ visible: S }) => !S) : !1), k = c(
-      () => s.value.filter(({ defaultValue: B }) => B !== void 0)
-    ), w = c(() => s.value.some(
-      ({ visible: S }) => S != null
-    ) ? s.value.filter(
-      ({ defaultValue: S, visible: o, value: L }) => (
+      const { hint: h, inputFieldAriaLabel: y, debounceTime: o, placeholder: L } = r.search;
+      return { hint: h, inputFieldAriaLabel: y, debounceTime: o, placeholder: L };
+    }), _ = c(() => i.value.some(
+      ({ visible: y }) => y != null
+    ) ? i.value.some(({ visible: y }) => !y) : !1), R = c(
+      () => i.value.filter(({ defaultValue: h }) => h !== void 0)
+    ), V = c(() => i.value.some(
+      ({ visible: y }) => y != null
+    ) ? i.value.filter(
+      ({ defaultValue: y, visible: o, value: L }) => (
         // eslint-disable-next-line eqeqeq
-        S === void 0 && o || r.showAppliedHiddenFilters && L != null
+        y === void 0 && o || r.showAppliedHiddenFilters && L != null
       )
-    ) : s.value.filter(
-      ({ defaultValue: S, value: o }) => (
+    ) : i.value.filter(
+      ({ defaultValue: y, value: o }) => (
         // eslint-disable-next-line eqeqeq
-        S === void 0 || r.showAppliedHiddenFilters && o != null
+        y === void 0 || r.showAppliedHiddenFilters && o != null
       )
-    )), U = c(() => r.searchTerm != null), N = c(
-      () => s.value.filter(({ defaultValue: B }) => B == null).some(({ value: B }) => B != null)
-    ), F = c(() => k.value.length === 0 && N.value), V = c(() => k.value.length === 0 ? !1 : !s.value.filter(({ defaultValue: S }) => S !== void 0 || S !== null).every(({ value: S, defaultValue: o }) => JSON.stringify(S) === JSON.stringify(o)) || N.value), R = (B) => {
-      l(_e.INPUT, B), l(
-        _e.UPDATE_FILTER_VALUES,
-        B == null ? void 0 : B.filter(({ value: S }) => S !== null || S !== void 0).map(({ field: S, value: o }) => ({ field: S, value: o }))
+    )), P = c(() => r.searchTerm != null), N = c(
+      () => i.value.filter(({ defaultValue: h }) => h == null).some(({ value: h }) => h != null)
+    ), F = c(() => R.value.length === 0 && N.value), k = c(() => R.value.length === 0 ? !1 : !i.value.filter(({ defaultValue: y }) => y !== void 0 || y !== null).every(({ value: y, defaultValue: o }) => JSON.stringify(y) === JSON.stringify(o)) || N.value), w = (h) => {
+      l(De.INPUT, h), l(
+        De.UPDATE_FILTER_VALUES,
+        h == null ? void 0 : h.filter(({ value: y }) => y !== null || y !== void 0).map(({ field: y, value: o }) => ({ field: y, value: o }))
       );
-    }, K = (B) => {
-      const S = s.value.findIndex(
-        (L) => L.field === B.field
-      ), o = s.value.slice();
-      o[S].value = B.value, R(o);
-    }, D = () => {
-      const B = s.value.slice(), S = s.value.map(({ value: o, ...L }) => ({
+    }, q = (h) => {
+      const y = i.value.findIndex(
+        (L) => L.field === h.field
+      ), o = i.value.slice();
+      o[y].value = h.value, w(o);
+    }, C = () => {
+      const h = i.value.slice(), y = i.value.map(({ value: o, ...L }) => ({
         ...L,
         value: void 0
       }));
       u({
         text: a("filtersHaveBeenCleared"),
         action: {
-          handler: () => R(B),
+          handler: () => w(h),
           text: a("undo")
         }
-      }), R(S);
-    }, q = () => {
-      const B = s.value.slice(), S = s.value.map(({ defaultValue: o, ...L }) => ({
+      }), w(y);
+    }, H = () => {
+      const h = i.value.slice(), y = i.value.map(({ defaultValue: o, ...L }) => ({
         ...L,
         defaultValue: o,
         value: o
@@ -2784,47 +2840,47 @@ const Sa = /* @__PURE__ */ te(da, [["render", ha], ["__scopeId", "data-v-5fbd655
       u({
         text: a("filtersHaveBeenReset"),
         action: {
-          handler: () => R(B),
+          handler: () => w(h),
           text: a("undo")
         }
-      }), R(S);
-    }, J = (B) => {
-      l(he.INPUT, B), l(he.UPDATE, B);
+      }), w(y);
+    }, J = (h) => {
+      l(he.INPUT, h), l(he.UPDATE, h);
     }, x = () => {
       l(he.CLEAR);
     };
-    return n({ isClearAllVisible: F, clearAllFilters: D, isResetAllVisible: V, resetAllFilters: q }), (B, S) => (v(), z("div", {
+    return n({ isClearAllVisible: F, clearAllFilters: C, isResetAllVisible: k, resetAllFilters: H }), (h, y) => (v(), z("div", {
       ref_key: "filterBarRef",
-      ref: i,
+      ref: s,
       class: "b-filter-bar"
     }, [
-      !C(b) && U.value ? (v(), z("div", Ba, [
-        $(C(Ue), oe({ class: "b-filter-bar__search-bar" }, A.value, {
-          "input-field-aria-label": I.value,
-          value: B.searchTerm,
+      !D(b) && P.value ? (v(), z("div", Ia, [
+        U(D(Ue), ne({ class: "b-filter-bar__search-bar" }, I.value, {
+          "input-field-aria-label": T.value,
+          value: h.searchTerm,
           condensed: "",
           onInput: J,
           onClear: x
         }), null, 16, ["input-field-aria-label", "value"])
       ])) : X("", !0),
-      (v(), E(Te(C(p)), {
-        class: ie(_.value),
+      (v(), E(Te(D(p)), {
+        class: se(A.value),
         condensed: ""
       }, {
-        default: y(() => [
-          j("div", {
-            class: ie(d.value)
+        default: g(() => [
+          K("div", {
+            class: se(d.value)
           }, [
-            C(b) && U.value ? (v(), z("div", Ca, [
-              $(C(Ue), oe({ class: "b-filter-bar__search-bar" }, A.value, {
-                "input-field-aria-label": I.value,
-                value: B.searchTerm,
+            D(b) && P.value ? (v(), z("div", Ta, [
+              U(D(Ue), ne({ class: "b-filter-bar__search-bar" }, I.value, {
+                "input-field-aria-label": T.value,
+                value: h.searchTerm,
                 condensed: "",
                 onInput: J,
                 onClear: x
               }), null, 16, ["input-field-aria-label", "value"])
             ])) : X("", !0),
-            k.value.length ? (v(!0), z(Ae, { key: 1 }, fe(k.value, (o) => (v(), E(Te(o.type), {
+            R.value.length ? (v(!0), z(Ae, { key: 1 }, fe(R.value, (o) => (v(), E(Te(o.type), {
               key: o.field,
               field: o.field,
               label: o.label,
@@ -2832,46 +2888,46 @@ const Sa = /* @__PURE__ */ te(da, [["render", ha], ["__scopeId", "data-v-5fbd655
               options: o.options,
               value: o.value,
               "default-value": o.defaultValue,
-              onUpdate: K
+              onUpdate: q
             }, null, 40, ["field", "label", "disabled", "options", "value", "default-value"]))), 128)) : X("", !0),
-            (v(!0), z(Ae, null, fe(w.value, (o) => (v(), E(Te(o.type), {
+            (v(!0), z(Ae, null, fe(V.value, (o) => (v(), E(Te(o.type), {
               key: o.field,
               field: o.field,
               label: o.label,
               disabled: o == null ? void 0 : o.disabled,
               options: o.options,
               value: o.value,
-              onUpdate: K
+              onUpdate: q
             }, null, 40, ["field", "label", "disabled", "options", "value"]))), 128)),
-            T.value ? (v(), E(Sa, {
+            _.value ? (v(), E(_a, {
               key: 2,
               class: "b-filter-bar__all-filters-modal",
-              value: s.value,
-              onInput: R
+              value: i.value,
+              onInput: w
             }, null, 8, ["value"])) : X("", !0),
-            F.value ? (v(), E(C(Ee), {
+            F.value ? (v(), E(D(Ee), {
               key: 3,
               class: "b-filter-bar__clear-all",
-              onClick: D
+              onClick: C
             }, {
-              iconLeft: y(() => [
-                $(C(Ge), { "aria-hidden": "true" })
+              iconLeft: g(() => [
+                U(D(Qe), { "aria-hidden": "true" })
               ]),
-              default: y(() => [
-                Z(Q(C(a)("clearFilters")) + " ", 1)
+              default: g(() => [
+                Z(Q(D(a)("clearFilters")) + " ", 1)
               ]),
               _: 1
             })) : X("", !0),
-            V.value ? (v(), E(C(Ee), {
+            k.value ? (v(), E(D(Ee), {
               key: 4,
               class: "b-filter-bar__reset-all",
-              onClick: q
+              onClick: H
             }, {
-              iconLeft: y(() => [
-                $(C(Ge), { "aria-hidden": "true" })
+              iconLeft: g(() => [
+                U(D(Qe), { "aria-hidden": "true" })
               ]),
-              default: y(() => [
-                Z(Q(C(a)("resetFilters")) + " ", 1)
+              default: g(() => [
+                Z(Q(D(a)("resetFilters")) + " ", 1)
               ]),
               _: 1
             })) : X("", !0)
@@ -2881,11 +2937,11 @@ const Sa = /* @__PURE__ */ te(da, [["render", ha], ["__scopeId", "data-v-5fbd655
       }, 8, ["class"]))
     ], 512));
   }
-}), mn = /* @__PURE__ */ te(Aa, [["__scopeId", "data-v-8336859c"]]);
+}), Bo = /* @__PURE__ */ te(Pa, [["__scopeId", "data-v-8336859c"]]);
 export {
-  mn as B,
-  g as a,
-  _e as b,
-  ne as c
+  Bo as B,
+  S as a,
+  De as b,
+  oe as c
 };
-//# sourceMappingURL=filter-bar.BbLKMSsn.js.map
+//# sourceMappingURL=filter-bar.CY2ZlyD4.js.map